From 15cb67cf2cf4927da6d8c4296eb02f31fbbcb212 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 21 Oct 2018 18:44:14 +0300 Subject: [PATCH 0001/1101] initial commit --- LICENCE.md | 674 ++++++++++++++++++ README.md | 13 + chrome/menubar_in_toolbar.css | 7 + ...menubar_in_toolbar_oneliner_compatible.css | 11 + chrome/navbar_tabs_oneliner.css | 16 + chrome/status_inside_urlbar.css | 36 + chrome/tab_loading_progress_throbber.css | 44 ++ chrome/toggle_bookmarksbar_with_alt.css | 12 + content/css_scrollbar_width_color.css | 5 + content/limit_css_data_leak.css | 35 + content/newtab_background_color.css | 3 + content/transparent_reader_toolbar.css | 8 + 12 files changed, 864 insertions(+) create mode 100644 LICENCE.md create mode 100644 README.md create mode 100644 chrome/menubar_in_toolbar.css create mode 100644 chrome/menubar_in_toolbar_oneliner_compatible.css create mode 100644 chrome/navbar_tabs_oneliner.css create mode 100644 chrome/status_inside_urlbar.css create mode 100644 chrome/tab_loading_progress_throbber.css create mode 100644 chrome/toggle_bookmarksbar_with_alt.css create mode 100644 content/css_scrollbar_width_color.css create mode 100644 content/limit_css_data_leak.css create mode 100644 content/newtab_background_color.css create mode 100644 content/transparent_reader_toolbar.css diff --git a/LICENCE.md b/LICENCE.md new file mode 100644 index 0000000..94a9ed0 --- /dev/null +++ b/LICENCE.md @@ -0,0 +1,674 @@ + 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. + + + Copyright (C) + + 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: + + Copyright (C) + 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/README.md b/README.md new file mode 100644 index 0000000..18d4f38 --- /dev/null +++ b/README.md @@ -0,0 +1,13 @@ +* Collection of random CSS hacks for Firefox + +* Usage + +Use stylesheets under "chrome" in userChrome.css + +Use stylesheets under "content" in userContent.css + +You can import the stylesheets with @-rule import like this: + +```css +@import url("path/filename.css"); +``` \ No newline at end of file diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_toolbar.css new file mode 100644 index 0000000..f36606f --- /dev/null +++ b/chrome/menubar_in_toolbar.css @@ -0,0 +1,7 @@ +#toolbar-menubar:not([inactive]) ~ #TabsToolbar{ + margin-left:300px !important; + margin-top: -26px !important; +} +:root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ + margin-top: -28px !important; +} \ No newline at end of file diff --git a/chrome/menubar_in_toolbar_oneliner_compatible.css b/chrome/menubar_in_toolbar_oneliner_compatible.css new file mode 100644 index 0000000..cfab00e --- /dev/null +++ b/chrome/menubar_in_toolbar_oneliner_compatible.css @@ -0,0 +1,11 @@ +/* Use with navbar_tabs_oneliner.css */ + +#toolbar-menubar:not([inactive]) ~ #TabsToolbar{ + margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important; + margin-top: calc(0px - var(--uc-toolbar-height)) !important; + padding-left: 0px !important; +} +#toolbar-menubar:not([inactive]){ + margin-left: var(--uc-navigationbar-width); + height: var(--uc-toolbar-height); +} \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css new file mode 100644 index 0000000..3489639 --- /dev/null +++ b/chrome/navbar_tabs_oneliner.css @@ -0,0 +1,16 @@ +/* Modify these to change relative widths or default hegiht */ +#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } +/* Override for other densities */ +:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } +:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +#TabsToolbar{ margin-left: var(--uc-navigationbar-width); } +#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } +/* This isn't useful when tabs start in the middle of the window */ +.titlebar-placeholder[type="pre-tabs"]{ display: none } +#nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width)); + margin-top: calc(0px - var(--uc-toolbar-height)) +} +/* 1px margin on touch density causes tabs to be too high */ +.tab-close-button{ margin-top: 0 } +/* prevent urlbar overflow on narrow windows */ +#urlbar-container{ min-width:unset } \ No newline at end of file diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css new file mode 100644 index 0000000..0bfd19a --- /dev/null +++ b/chrome/status_inside_urlbar.css @@ -0,0 +1,36 @@ +/* STATUSPANEL INSIDE URLBAR */ + +#urlbar .urlbar-input-box{ display: -moz-stack } +#urlbar .urlbar-input-box::after{ + z-index: 2; + content: ""; + width: 100%; + height: 100%; + display: none; + pointer-events:none; + background: -moz-element(#statuspanel) 0 -11px no-repeat !important; +} + +#urlbar .urlbar-input-box::after{ + display: -moz-box; +} + +#statuspanel{ z-index: -1; } +/* Don't show common values to save space (useful for oneliner) - safe to delete these */ +#statuspanel-label[value^="http"]{ margin-left: -5.8ch !important; } +#statuspanel-label[value^="https"]{ margin-left: -6.6ch !important; } +#statuspanel-label[value^="www"]{ margin-left: -5.3ch !important; } +#statuspanel-label[value^="http://www"]{ margin-left: -10.6ch !important; } +#statuspanel-label[value^="https://www"]{ margin-left: -11.3ch !important; } + +.searchbar-textbox{ margin: 2px 0 !important; } + +#statuspanel-inner > #statuspanel-label{ + height:23px; + min-width: 500px; + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; + border: none !important; + color: var(--lwt-toolbar-field-color, black) !important; + font-weight: bold !important; + margin-left: -3px +} \ No newline at end of file diff --git a/chrome/tab_loading_progress_throbber.css b/chrome/tab_loading_progress_throbber.css new file mode 100644 index 0000000..771293c --- /dev/null +++ b/chrome/tab_loading_progress_throbber.css @@ -0,0 +1,44 @@ +/* Create a circular throbber inside tabs replacing the default one */ +/* Doesn't really measure loading progress but sort of looks like it */ + +#tabbrowser-tabs{ --tab-loader-size: 18px; } +.tabbrowser-tab .tab-throbber, +.tabbrowser-tab[bursting] .tab-icon-image{ + display: none !important; +} +.tabbrowser-tab .tab-content::before{ + display: -moz-box; + content: ""; + width:var(--tab-loader-size); + height:var(--tab-loader-size); + margin-right:6px; + background: center no-repeat url('data:image/svg+xml,') !important; + clip-path: polygon(50% 50%,50% 0%,50% 0%,50% 0%, 50% 0%,50% 0%, 50% 0%); + transition: clip-path 0.2s ease-out, opacity 0.3s linear 0.1s; +} +.tabbrowser-tab:-moz-any([busy],[bursting]) .tab-content{ padding-left: calc( 9px - (var(--tab-loader-size) - 16px)) !important; } +.tabbrowser-tab[pinned] .tab-content::before{ margin-right: 0px } +@keyframes loadprogress{ + from{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%); } + 25%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 100% 100%,100% 100%, 100% 100%); } + 50%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 100%,0% 100%); } + 75%{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%,0% 0%); } + to{ clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%, 0% 0%, 50% 0%); } +} +@keyframes rotation{ + from{ transform: rotateZ(0deg) } + to{ transform: rotateZ(360deg) } +} +.tabbrowser-tab:not([busy]):not([bursting]) .tab-content::before{ visibility: collapse; } +.tabbrowser-tab:not([busy]) .tab-content::before{ opacity: 0 } +.tabbrowser-tab[busy]:not([progress]) .tab-content::before{ + clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 50%, 100% 50%,100% 50%, 100% 50%); +} +.tabbrowser-tab[busy][progress] .tab-content::before{ + animation: loadprogress 2s linear, rotation 0.7s linear 2s infinite !important; + animation-fill-mode: forwards !important; +} +.tabbrowser-tab[bursting] .tab-content::before{ + clip-path: polygon(50% 50%,50% 0%,100% 0%,100% 100%, 0% 100%,0% 0%, 50% 0%) !important; +} +#tabbrowser-tabs[schedulepressure] .tab-content::before{ display:none !important; } \ No newline at end of file diff --git a/chrome/toggle_bookmarksbar_with_alt.css b/chrome/toggle_bookmarksbar_with_alt.css new file mode 100644 index 0000000..3af7f49 --- /dev/null +++ b/chrome/toggle_bookmarksbar_with_alt.css @@ -0,0 +1,12 @@ +/* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */ +/* Otherwise the changing vertical position causes bookmarks to be unclickable */ +#main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{ + transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important; + height: 28px; + position: relative; + z-index: 1; +} +:root:not([customizing]) #toolbar-menubar[inactive] ~ #PersonalToolbar:not(:hover){ + margin-top:-28px; + z-index: -1; +} \ No newline at end of file diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css new file mode 100644 index 0000000..913ce45 --- /dev/null +++ b/content/css_scrollbar_width_color.css @@ -0,0 +1,5 @@ +/* Scrollbar colors and width - applied globally */ +:root{ + scrollbar-color: rgb(210,210,210) rgb(46,54,69); + scrollbar-width: thin; +} \ No newline at end of file diff --git a/content/limit_css_data_leak.css b/content/limit_css_data_leak.css new file mode 100644 index 0000000..dc35c73 --- /dev/null +++ b/content/limit_css_data_leak.css @@ -0,0 +1,35 @@ +/* Limit CSS data leak, POTENTIALLY BREAKS SOME SITES */ +body input:not([value=""])[type], +body input:not([value=""])[type]:focus ~ *, +body input:not([value=""])[type] * { + background-image: none !important; + border-image: none !important; + font-family: inherit !important; + list-style-image: none !important; + cursor: unset !important; + content: none !important; +} +body input:not([value=""])[type]::before, +body input:not([value=""])[type]:focus ~ *::before, +body input:not([value=""])[type] *::before, +body input:not([value=""])[type]::after, +body input:not([value=""])[type]:focus ~ *::after, +body input:not([value=""])[type] *::after { + content:none !important; +} + +/* Remove the comment to apply more strict version, causes even more trouble */ +/* +body input:not([value=""])[type] ~ *{ + background-image: none !important; + border-image: none !important; + font-family: inherit !important; + list-style-image: none !important; + cursor: unset !important; + content: none !important; +} +body input:not([value=""])[type] ~ *::before, +body input:not([value=""])[type] ~ *::after{ + content:none !important; +} +*/ \ No newline at end of file diff --git a/content/newtab_background_color.css b/content/newtab_background_color.css new file mode 100644 index 0000000..3ea7647 --- /dev/null +++ b/content/newtab_background_color.css @@ -0,0 +1,3 @@ +@-moz-document url("about:home"),url("about:blank"),url("about:newtab"),url("about:privatebrowsing"){ + body{background-color: rgb(46,54,69) !important} +} \ No newline at end of file diff --git a/content/transparent_reader_toolbar.css b/content/transparent_reader_toolbar.css new file mode 100644 index 0000000..c22e08b --- /dev/null +++ b/content/transparent_reader_toolbar.css @@ -0,0 +1,8 @@ +@-moz-document url-prefix("about:reader"){ + .reader-toolbar, .reader-toolbar .button:not(:hover) { + background-color: transparent !important; + border: none !important; + } + .reader-toolbar:not(:hover)>*:not([open]){ visibility:hidden; } + body{ text-align: justify; } +} \ No newline at end of file From 23c5b7792c40b85ca2a1d9de1a361e8fc2ecb4c4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 21 Oct 2018 21:27:25 +0300 Subject: [PATCH 0002/1101] New stuff --- README.md | 4 +- chrome/more_visible_tab_icon.css | 2 + chrome/navigation_buttons_inside_urlbar.css | 49 +++++++++++++++++++++ chrome/tab_close_button_always_on_hover.css | 7 +++ 4 files changed, 60 insertions(+), 2 deletions(-) create mode 100644 chrome/more_visible_tab_icon.css create mode 100644 chrome/navigation_buttons_inside_urlbar.css create mode 100644 chrome/tab_close_button_always_on_hover.css diff --git a/README.md b/README.md index 18d4f38..de4f1fb 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ -* Collection of random CSS hacks for Firefox +# Collection of random CSS hacks for Firefox -* Usage +# Usage Use stylesheets under "chrome" in userChrome.css diff --git a/chrome/more_visible_tab_icon.css b/chrome/more_visible_tab_icon.css new file mode 100644 index 0000000..9de2a57 --- /dev/null +++ b/chrome/more_visible_tab_icon.css @@ -0,0 +1,2 @@ +/* Makes black favicons more visible on dark background, contrast will be lowered though */ +.tab-icon-image{ filter: invert(40%) contrast(250%) saturate(250%) !important; } \ No newline at end of file diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css new file mode 100644 index 0000000..9956a61 --- /dev/null +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -0,0 +1,49 @@ +/* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: */ +/* Actually, the order of reload and back-buttons doesn't matter */ +#urlbar{ + margin-right:0px !important; + border-right:none !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +#urlbar, +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{ + border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); +} + +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{ + margin: 3px 0 !important; + padding: 0 0px !important; + background-clip: padding-box; + border-style: solid; + border-width: 1px 0; + opacity: 1 !important; + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); +} +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"] .toolbarbutton-icon{ + border: none !important; + border-radius: 0 !important; + margin: -3px 0 !important; + background-color:transparent; + height: initial !important; + width: initial !important; +} + +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not([disabled]):hover{ + background-color: hsla(0,0%,70%,.35); +} + +#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]{ + border-color:Highlight !important; +} + +#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled] .toolbarbutton-icon{ opacity: 0.4 !important } + +#forward-button{ + border-right-width: 1px !important; + border-radius: 0 2px 2px 0 !important; +} + +#back-button, #back-button > image{ border-radius: 0 !important; } +#stop-reload-button{ padding: 0 !important; } \ No newline at end of file diff --git a/chrome/tab_close_button_always_on_hover.css b/chrome/tab_close_button_always_on_hover.css new file mode 100644 index 0000000..49a0d48 --- /dev/null +++ b/chrome/tab_close_button_always_on_hover.css @@ -0,0 +1,7 @@ +/* Always show tab close button on hover and never otherwise */ +.tabbrowser-tab .tab-close-button{ + display:none; +} +.tabbrowser-tab:not([pinned]):hover .tab-close-button{ + display:-moz-box !important; +} \ No newline at end of file From 48bc4d97b5e4440eefa407a8ef6c4f8fe0ba6a17 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 3 Nov 2018 22:47:52 +0200 Subject: [PATCH 0003/1101] Fix urlbar overflow behavior --- chrome/navbar_tabs_oneliner.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 3489639..871c2f0 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -13,4 +13,8 @@ /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } /* prevent urlbar overflow on narrow windows */ -#urlbar-container{ min-width:unset } \ No newline at end of file +@media screen and (max-width: 1300px){ + #urlbar-container{ min-width:unset !important } +} +/* Hide dropdown placeholder */ +#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file From 2bfc5456a240d6373c21b06450c862e32e6c275c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 7 Nov 2018 21:05:02 +0200 Subject: [PATCH 0004/1101] tabs on bottom for Fx65 --- chrome/Fx65_tabs_on_bottom.css | 18 ++++++++++++++++++ chrome/page_action_buttons_on_hover.css | 11 +++++++++++ 2 files changed, 29 insertions(+) create mode 100644 chrome/Fx65_tabs_on_bottom.css create mode 100644 chrome/page_action_buttons_on_hover.css diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css new file mode 100644 index 0000000..0773d59 --- /dev/null +++ b/chrome/Fx65_tabs_on_bottom.css @@ -0,0 +1,18 @@ +/* Modify to change window drag space width */ +:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px } + +.titlebar-buttonbox-container{ + position: fixed; + top:0; + right:0; + height: 40px; +} +:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } +.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } +#titlebar{ -moz-box-ordinal-group: 2 } +:root[tabsintitlebar="true"] #nav-bar{ + padding-right: calc(138px + var(--window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width,0px) +} +.titlebar-placeholder, +#TabsToolbar > .toolbar-items > spacer{ display: none; } \ No newline at end of file diff --git a/chrome/page_action_buttons_on_hover.css b/chrome/page_action_buttons_on_hover.css new file mode 100644 index 0000000..727e6e9 --- /dev/null +++ b/chrome/page_action_buttons_on_hover.css @@ -0,0 +1,11 @@ +#page-action-buttons > *[class^=urlbar-icon]{ + margin-inline-end: -26px; + opacity: 0; + transition: margin-inline-end 200ms linear, opacity 200ms linear; +} +#page-action-buttons:hover > *[class^=urlbar-icon], +#page-action-buttons > *[class^=urlbar-icon][open], +#page-action-buttons > *[class^=urlbar-icon][open] ~ *[class^=urlbar-icon]{ + opacity: 1; + margin-inline-end: 0px; +} \ No newline at end of file From 31a9318f30977b579d380dc0d8c6b9c0a165b3a1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 23 Nov 2018 16:57:23 +0200 Subject: [PATCH 0005/1101] Add new file --- chrome/bookmarksbar_on_new_tabs_only.css | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 chrome/bookmarksbar_on_new_tabs_only.css diff --git a/chrome/bookmarksbar_on_new_tabs_only.css b/chrome/bookmarksbar_on_new_tabs_only.css new file mode 100644 index 0000000..31d3fc3 --- /dev/null +++ b/chrome/bookmarksbar_on_new_tabs_only.css @@ -0,0 +1,11 @@ +:root[title$=" - Mozilla Firefox"] #PersonalToolbar, +:root[title$=" - Mozilla Firefox (Private Browsing)"] #PersonalToolbar, +:root[title$=" - Firefox Nightly"] #PersonalToolbar, +:root[title$=" - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: collapse; } +/* about:home or something can have a "New Tab" prefix */ +:root[title="New Tab - Mozilla Firefox"] #PersonalToolbar, +:root[title="New Tab - Mozilla Firefox (Private Browsing)"] #PersonalToolbar, +:root[title="New Tab - Firefox Nightly"] #PersonalToolbar, +:root[title="New Tab - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: visible; } +/* Short delay to prevent being shortly visible during tab restore */ +#PersonalToolbar{ transition: visibility 0ms linear 200ms } \ No newline at end of file From 989946c35a4e5d53b3bc2fd6610b9edf5de12b7d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 23 Nov 2018 18:07:40 +0200 Subject: [PATCH 0006/1101] Add important to transition property --- chrome/bookmarksbar_on_new_tabs_only.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/bookmarksbar_on_new_tabs_only.css b/chrome/bookmarksbar_on_new_tabs_only.css index 31d3fc3..787f7ff 100644 --- a/chrome/bookmarksbar_on_new_tabs_only.css +++ b/chrome/bookmarksbar_on_new_tabs_only.css @@ -8,4 +8,4 @@ :root[title="New Tab - Firefox Nightly"] #PersonalToolbar, :root[title="New Tab - Firefox Nightly (Private Browsing)"] #PersonalToolbar{ visibility: visible; } /* Short delay to prevent being shortly visible during tab restore */ -#PersonalToolbar{ transition: visibility 0ms linear 200ms } \ No newline at end of file +#PersonalToolbar{ transition: visibility 0ms linear 200ms !important} \ No newline at end of file From 119c41aa34d4d8b37bd8274cb5affa7fc974d7db Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 24 Nov 2018 10:04:17 +0200 Subject: [PATCH 0007/1101] new file --- chrome/urlbar_visible_on_active_tab_click.css | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 chrome/urlbar_visible_on_active_tab_click.css diff --git a/chrome/urlbar_visible_on_active_tab_click.css b/chrome/urlbar_visible_on_active_tab_click.css new file mode 100644 index 0000000..980eff2 --- /dev/null +++ b/chrome/urlbar_visible_on_active_tab_click.css @@ -0,0 +1,21 @@ +/* NOTE This only works if tabs are on top */ +.urlbar-input-box::before{ + content:""; + display: block; + position: fixed; + top:0; + left:0; + width:100vw; + height:32px; +} +.tabbrowser-tab, +#TabsToolbar toolbarbutton{ + position: relative; + z-index: 2 +} +#navigator-toolbox:not(:focus-within) .tabbrowser-tab[visuallyselected]{ z-index: 0 !important; } + +:root:not([customizing]) #urlbar{ opacity: 0; transition: opacity 200ms ease-in-out } +:root:not([customizing]) #urlbar:focus-within{ opacity: 1 } + +#toolbar-menubar{ position: relative; z-index:3 } \ No newline at end of file From c9f12e9633d61b82c71f8a7dd6a57a3b2829106c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 26 Nov 2018 01:13:23 +0200 Subject: [PATCH 0008/1101] Update --- chrome/navbar_tabs_oneliner.css | 3 +- ...ar_tabs_oneliner_menu_buttons_on_right.css | 38 +++++++++++++++++++ chrome/toggle_bookmarksbar_with_alt.css | 1 + 3 files changed, 41 insertions(+), 1 deletion(-) create mode 100644 chrome/navbar_tabs_oneliner_menu_buttons_on_right.css diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 871c2f0..4878fbb 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -6,7 +6,8 @@ #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ -.titlebar-placeholder[type="pre-tabs"]{ display: none } +.titlebar-placeholder[type="pre-tabs"], +.titlebar-spacer[type="pre-tabs"]{ display: none } #nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)) } diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css new file mode 100644 index 0000000..34eb93a --- /dev/null +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -0,0 +1,38 @@ +/* Modify these to change relative widths or default hegiht */ +#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } +/* reserved space for overflow + menu buttons */ +#navigator-toolbox{ --uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} +#nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } +/* Override for other densities */ +:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} +:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +#TabsToolbar{ margin-left: var(--uc-navigationbar-width); } +#tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } +/* This isn't useful when tabs start in the middle of the window */ +.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ display: none } +#nav-bar{ + margin-right:calc(3 * 46px); + margin-top: calc(0px - var(--uc-toolbar-height)) +} +#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px)) } +#TabsToolbar > *{ position: relative !important; z-index: 2 } +.titlebar-placeholder[type="post-tabs"], +.titlebar-spacer[type="post-tabs"]{ + width: var(--uc-buttons-width) !important; + -moz-window-dragging: no-drag; + pointer-events:none; +} +#PanelUI-button,#nav-bar-overflow-button{ + margin: 0px !important; + border: 0px !important; + position: relative; + z-index: 3; +} +/* 1px margin on touch density causes tabs to be too high */ +.tab-close-button{ margin-top: 0 } +/* prevent urlbar overflow on narrow windows */ +@media screen and (max-width: 1300px){ + #urlbar-container{ min-width:unset !important } +} +/* Hide dropdown placeholder */ +#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file diff --git a/chrome/toggle_bookmarksbar_with_alt.css b/chrome/toggle_bookmarksbar_with_alt.css index 3af7f49..833850d 100644 --- a/chrome/toggle_bookmarksbar_with_alt.css +++ b/chrome/toggle_bookmarksbar_with_alt.css @@ -1,5 +1,6 @@ /* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */ /* Otherwise the changing vertical position causes bookmarks to be unclickable */ +/* NOT COMPATIBLE with Fx65+ */ #main-window[sizemode="normal"]:not([customizing]) #PersonalToolbar{ transition: margin 0.15s ease-in-out 50ms, z-index 16ms linear 100ms!important; height: 28px; From 31e7c0b597469c123d3ee405f5b35e7821ac698c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 26 Nov 2018 01:28:00 +0200 Subject: [PATCH 0009/1101] use pre-tabs to pad tabs a bit --- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 34eb93a..1270ec6 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -9,7 +9,7 @@ #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ -.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ display: none } +.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width: 8px } #nav-bar{ margin-right:calc(3 * 46px); margin-top: calc(0px - var(--uc-toolbar-height)) From 2d768a95632ac906cbbfc487c95727303ae4520d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 26 Nov 2018 03:54:06 +0200 Subject: [PATCH 0010/1101] Add variable controlled drag-space --- chrome/navbar_tabs_oneliner.css | 10 ++++++---- ...ar_tabs_oneliner_menu_buttons_on_right.css | 20 +++++++++---------- 2 files changed, 16 insertions(+), 14 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 4878fbb..2733193 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -1,5 +1,5 @@ /* Modify these to change relative widths or default hegiht */ -#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } +#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } @@ -8,13 +8,15 @@ /* This isn't useful when tabs start in the middle of the window */ .titlebar-placeholder[type="pre-tabs"], .titlebar-spacer[type="pre-tabs"]{ display: none } -#nav-bar{margin-right:calc(100vw - var(--uc-navigationbar-width)); - margin-top: calc(0px - var(--uc-toolbar-height)) +#nav-bar{ + margin-right:calc(100vw - var(--uc-navigationbar-width)); + margin-top: calc(0px - var(--uc-toolbar-height)); + padding-left: var(--window-drag-space-width: 20px); } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } /* prevent urlbar overflow on narrow windows */ -@media screen and (max-width: 1300px){ +@media screen and (max-width: 1000px){ #urlbar-container{ min-width:unset !important } } /* Hide dropdown placeholder */ diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 1270ec6..02c0b6b 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -1,5 +1,5 @@ /* Modify these to change relative widths or default hegiht */ -#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } +#navigator-toolbox{ --uc-navigationbar-width: 50vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} /* reserved space for overflow + menu buttons */ #navigator-toolbox{ --uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } @@ -9,18 +9,17 @@ #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ -.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width: 8px } +.titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width:8px !important} #nav-bar{ - margin-right:calc(3 * 46px); - margin-top: calc(0px - var(--uc-toolbar-height)) + margin-right:calc(3 * 46px + var(--window-drag-space-width)); + margin-top: calc(0px - var(--uc-toolbar-height)); + padding-left: var(--window-drag-space-width); } -#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px)) } -#TabsToolbar > *{ position: relative !important; z-index: 2 } +#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px) - var(--window-drag-space-width)) } +#TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 } .titlebar-placeholder[type="post-tabs"], .titlebar-spacer[type="post-tabs"]{ - width: var(--uc-buttons-width) !important; - -moz-window-dragging: no-drag; - pointer-events:none; + width: calc(var(--uc-buttons-width) + var(--window-drag-space-width)) !important; } #PanelUI-button,#nav-bar-overflow-button{ margin: 0px !important; @@ -31,7 +30,8 @@ /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } /* prevent urlbar overflow on narrow windows */ -@media screen and (max-width: 1300px){ +/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ +@media screen and (max-width: 1000px){ #urlbar-container{ min-width:unset !important } } /* Hide dropdown placeholder */ From 032076d5052ed36439b275c372a65c96581644de Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 26 Nov 2018 03:56:26 +0200 Subject: [PATCH 0011/1101] Add variable controlled drag-space --- chrome/navbar_tabs_oneliner.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 2733193..7ae4960 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -1,4 +1,4 @@ -/* Modify these to change relative widths or default hegiht */ +/* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } @@ -11,11 +11,12 @@ #nav-bar{ margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); - padding-left: var(--window-drag-space-width: 20px); + padding-left: var(--window-drag-space-width); } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } /* prevent urlbar overflow on narrow windows */ +/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ @media screen and (max-width: 1000px){ #urlbar-container{ min-width:unset !important } } From 4593817205070b0ed817a971e963501dae1ca1e9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 29 Nov 2018 20:49:30 +0200 Subject: [PATCH 0012/1101] update --- chrome/navbar_tabs_oneliner.css | 13 ++++++++----- ...navbar_tabs_oneliner_menu_buttons_on_right.css | 15 +++++++++------ 2 files changed, 17 insertions(+), 11 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 7ae4960..df537d0 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -3,6 +3,13 @@ /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } + +/* prevent urlbar overflow on narrow windows */ +/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ +@media screen and (max-width: 1000px){ + #urlbar-container{ min-width:unset !important } +} + #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ @@ -15,10 +22,6 @@ } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } -/* prevent urlbar overflow on narrow windows */ -/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ -@media screen and (max-width: 1000px){ - #urlbar-container{ min-width:unset !important } -} + /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 02c0b6b..41eb0e1 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -1,4 +1,4 @@ -/* Modify these to change relative widths or default hegiht */ +/* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 50vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} /* reserved space for overflow + menu buttons */ #navigator-toolbox{ --uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} @@ -6,6 +6,13 @@ /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } + +/* prevent urlbar overflow on narrow windows */ +/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ +@media screen and (max-width: 1000px){ + #urlbar-container{ min-width:unset !important } +} + #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ @@ -29,10 +36,6 @@ } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 } -/* prevent urlbar overflow on narrow windows */ -/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ -@media screen and (max-width: 1000px){ - #urlbar-container{ min-width:unset !important } -} + /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file From 28632ea2ac13efaa1e4a4a3fb9874995fd6115d2 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 29 Nov 2018 20:49:59 +0200 Subject: [PATCH 0013/1101] Add new file --- chrome/navbar_tabs_oneliner_tabs_on_left.css | 38 ++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 chrome/navbar_tabs_oneliner_tabs_on_left.css diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css new file mode 100644 index 0000000..7c4d915 --- /dev/null +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -0,0 +1,38 @@ +/* Modify these to change relative widths or default height */ +#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} +/* Override for other densities */ +:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} +:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } + +/* prevent urlbar overflow on narrow windows */ +/* Dependent on how many items are in navigation toolbar and tabs-/nav-bar ratio - ADJUST AS NEEDED */ +@media screen and (max-width: 1600px){ + #urlbar-container{ min-width:unset !important } +} + +#toolbar-menubar{ height:initial !important; } +#toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } +#toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)) } + +#TabsToolbar > .titlebar-buttonbox-container, +#TabsToolbar > .toolbar-items > spacer, +.titlebar-spacer[type="post-tabs"]{ + display: none; +} +#TabsToolbar{ + margin-right: var(--uc-navigationbar-width); +} +#toolbar-menubar > .titlebar-buttonbox-container, +#tabbrowser-tabs, +.tabbrowser-tab[pinned]{ + height: var(--uc-toolbar-height) !important; + min-height: var(--uc-toolbar-height) !important; +} +#nav-bar{ + margin-left: calc(100vw - var(--uc-navigationbar-width)); + margin-top: calc(0px - var(--uc-toolbar-height)); + padding-right: calc(3 * 46px + var(--window-drag-space-width)); +} + +/* Hide dropdown placeholder */ +#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file From 47b8ebb60e81216b001d09974fac109e8f127710 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 29 Nov 2018 21:03:11 +0200 Subject: [PATCH 0014/1101] Don't modify menubarr height if autohide=false --- chrome/navbar_tabs_oneliner_tabs_on_left.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 7c4d915..b90babe 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -14,7 +14,7 @@ #toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } #toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)) } -#TabsToolbar > .titlebar-buttonbox-container, +#TabsToolbar[autohide="true"] > .titlebar-buttonbox-container, #TabsToolbar > .toolbar-items > spacer, .titlebar-spacer[type="post-tabs"]{ display: none; From 172ab9f3433b36c1d643a56c7cce3655f6537405 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 29 Nov 2018 21:05:43 +0200 Subject: [PATCH 0015/1101] Fix wrong selector for ignoring autohide=false --- chrome/navbar_tabs_oneliner_tabs_on_left.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index b90babe..2c5efed 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -14,7 +14,7 @@ #toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } #toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)) } -#TabsToolbar[autohide="true"] > .titlebar-buttonbox-container, +#TabsToolbar > .titlebar-buttonbox-container, #TabsToolbar > .toolbar-items > spacer, .titlebar-spacer[type="post-tabs"]{ display: none; @@ -22,7 +22,7 @@ #TabsToolbar{ margin-right: var(--uc-navigationbar-width); } -#toolbar-menubar > .titlebar-buttonbox-container, +#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #tabbrowser-tabs, .tabbrowser-tab[pinned]{ height: var(--uc-toolbar-height) !important; From 1b10bd96875ed30490e8e2bc8671c3d3d63f776f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 30 Nov 2018 19:36:16 +0200 Subject: [PATCH 0016/1101] new file --- chrome/button_effect_scale_onclick.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 chrome/button_effect_scale_onclick.css diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css new file mode 100644 index 0000000..686df35 --- /dev/null +++ b/chrome/button_effect_scale_onclick.css @@ -0,0 +1,18 @@ +/* Effect */ +.toolbarbutton-icon { transition: transform 82ms linear !important; } +toolbarbutton:not([disabled]):active > .toolbarbutton-icon, +toolbarbutton:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon{ transform: scale(0.6) } + +/* Restyle hover state - remove everything below if you want the scale effect to also apply to background-color */ +toolbar .toolbarbutton-1{ clip-path: inset(3px) } +toolbar .toolbarbutton-1:not([disabled]):hover, +toolbar .toolbarbutton-1[open], +toolbar .toolbarbutton-1[checked]{ + background-color: var(--toolbarbutton-hover-background); +} +toolbar .toolbarbutton-1 > .toolbarbutton-icon, +toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack{ background-color: transparent !important } +/* Back button override */ +:root:not([uidensity="compact"]) #back-button{ clip-path: none; background-color: transparent } +:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ background-color: var(--backbutton-background) !important;} +:root:not([uidensity="compact"]) .toolbarbutton-1:not(#back-button){margin: var(--toolbarbutton-outer-padding) 0 !important;} \ No newline at end of file From eb2c1a1d1bdc3f3dc300ac3b381c8812290e069e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Dec 2018 05:07:43 +0200 Subject: [PATCH 0017/1101] New file --- ...de_tabs_with_one_tab_w_window_controls.css | 38 +++++++++++++++++++ chrome/hide_tabs_with_only_one_tab.css | 34 +++++++++++++++++ 2 files changed, 72 insertions(+) create mode 100644 chrome/hide_tabs_with_one_tab_w_window_controls.css create mode 100644 chrome/hide_tabs_with_only_one_tab.css diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css new file mode 100644 index 0000000..7c2ca19 --- /dev/null +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -0,0 +1,38 @@ +/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ +/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ +#titlebar{ -moz-appearance: none !important; } +/* We'll use window controls from menubar instead */ +#TabsToolbar > .titlebar-buttonbox-container { display: none } +#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } +:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button{ + -moz-appearance: none !important; + height: 0px; + padding-top: 0px !important; + padding-bottom: 0px !important; + -moz-box-align: stretch; + margin: 0 !important; +} +#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) } +#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{ + visibility: collapse; +} + +/* Button re-styling */ +#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) } +#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{ + padding: 0 !important; + transform: scale(0.6); + background-color: transparent !important; +} +/* Extra top padding in maximized window */ +:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } + +/* Window controls in nav-bar */ +:root:not([customizing]) #toolbar-menubar[inactive]{ + height: initial !important; + min-height: initial !important; + margin-bottom: -28px !important; +} + +:root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 } +#nav-bar{ padding-right: calc(3 * 46px) } \ No newline at end of file diff --git a/chrome/hide_tabs_with_only_one_tab.css b/chrome/hide_tabs_with_only_one_tab.css new file mode 100644 index 0000000..13830c5 --- /dev/null +++ b/chrome/hide_tabs_with_only_one_tab.css @@ -0,0 +1,34 @@ +/* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ +/* Firefox 65+ only */ +/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ +#titlebar{ -moz-appearance: none !important; } +#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } +:root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button, +:root:not([customizing]) #TabsToolbar .titlebar-button{ + -moz-appearance: none !important; + height: 0px; + padding-top: 0px !important; + padding-bottom: 0px !important; + -moz-box-align: stretch; + margin: 0 !important; +} +#tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) } +#tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{ + visibility: collapse !important; +} + +/* Button re-styling */ +#tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) } +#tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{ + padding: 0 !important; + transform: scale(0.6); + background-color: transparent !important; +} +/* Extra top padding in maximized window */ +:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } +/* Fix window controls not being clickable */ +#toolbar-menubar:hover{ + min-height: initial !important; + height: initial !important; + -moz-appearance: initial !important; +} \ No newline at end of file From 67568b3c10b620ca1d66d17a8b6e6e37593f0e8a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Dec 2018 05:09:45 +0200 Subject: [PATCH 0018/1101] rename file --- ...hide_tabs_with_only_one_tab.css => hide_tabs_with_one_tab.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename chrome/{hide_tabs_with_only_one_tab.css => hide_tabs_with_one_tab.css} (100%) diff --git a/chrome/hide_tabs_with_only_one_tab.css b/chrome/hide_tabs_with_one_tab.css similarity index 100% rename from chrome/hide_tabs_with_only_one_tab.css rename to chrome/hide_tabs_with_one_tab.css From 8e5b9b476bb1e3549042754eeaa0e6d8f4c5cb2e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Dec 2018 05:30:59 +0200 Subject: [PATCH 0019/1101] Add drag-space support --- chrome/hide_tabs_with_one_tab.css | 7 ++++++- chrome/hide_tabs_with_one_tab_w_window_controls.css | 8 +++++++- 2 files changed, 13 insertions(+), 2 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 13830c5..f322c86 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -1,6 +1,10 @@ /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ /* Firefox 65+ only */ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ + +/* Configurable window drag space */ +:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px } + #titlebar{ -moz-appearance: none !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button, @@ -31,4 +35,5 @@ min-height: initial !important; height: initial !important; -moz-appearance: initial !important; -} \ No newline at end of file +} +#nav-bar{ padding: 0 var(--window-drag-space-width,0px) } \ No newline at end of file diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 7c2ca19..e06d5a7 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -1,5 +1,10 @@ /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ +/* Firefox 65+ only */ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ + +/* Configurable window drag space */ +:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px } + #titlebar{ -moz-appearance: none !important; } /* We'll use window controls from menubar instead */ #TabsToolbar > .titlebar-buttonbox-container { display: none } @@ -35,4 +40,5 @@ } :root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 } -#nav-bar{ padding-right: calc(3 * 46px) } \ No newline at end of file + +#nav-bar{ padding-right: calc(3 * 46px + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px)} \ No newline at end of file From 0de6ebaa9abe3a0f41b60024fc3d2ee55cde112c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Dec 2018 19:22:42 +0200 Subject: [PATCH 0020/1101] New file --- chrome/dark_popups_and_menus.css | 115 +++++++++++++++++++++++++++++++ 1 file changed, 115 insertions(+) create mode 100644 chrome/dark_popups_and_menus.css diff --git a/chrome/dark_popups_and_menus.css b/chrome/dark_popups_and_menus.css new file mode 100644 index 0000000..6403620 --- /dev/null +++ b/chrome/dark_popups_and_menus.css @@ -0,0 +1,115 @@ +/* Makes popups, menus and context menus dark */ +:root{ + --uc-dark-bkgnd-color: rgb(12,16,32); + --uc-light-bkgnd-color: rgb(46,54,69); + --uc-active-color: rgb(26, 70, 102); + --uc-text-color: rgb(195, 198, 201); + --uc-border-color: rgb(43,130,191); +} + +.panel-arrowcontent, +#alltabs-popup .arrowscrollbox-scrollbox, + +menupopup:not(#BMB_bookmarksPopup), +.textbox-contextmenu{ + border: 3px solid #434850 !important; + background: var(--uc-dark-bkgnd-color) !important; + border-radius: 5px !important; + color: var(--uc-text-color) !important; +} + +/* bookmarks menu is different from others */ +#BMB_bookmarksPopup{ + background-color: unset !important; +} +/* GENERAL */ +menupopup, +menuitem, +menu{ + -moz-appearance: none !important; +} + +menupopup{ + background-color:var(--uc-dark-bkgnd-color) !important; + border:none; +} + +menuitem, +menu{ + min-height:24px !important; + color: var(--uc-text-color) !important; +} + +menuitem[disabled="true"], +menu[disabled="true"]{ + color: black !important; + text-shadow: 0 0 4px silver !important; +} + +menuitem:hover, +menu:hover{ + background-color:var(--uc-active-color) !important; +} + +menuitem[disabled="true"]:hover, +menu[disabled="true"]:hover{ + background-color: transparent !important; +} + +.menu-right{ filter: invert(100%) } +#context-navigation{ background-color: transparent !important; } + +/* POPUP PANELS */ + +.panel-subviews, +#mainPopupSet menupopup, +#main-menubar menupopup, +#bookmarks-menu-button menu menupopup > hbox, +.search-panel-header.search-panel-current-engine, +.search-panel-current-input, +panelview, +.PanelUI-subView, +.autocomplete-richlistbox{ + background-color: var(--uc-dark-bkgnd-color) !important; +} + +.subviewbutton:hover{ + background-color: var(--uc-active-color) !important; +} + +panelview toolbarbutton.subviewbutton .toolbarbutton-text, +#downloadsFooter, +#customizationui-widget-panel label, +.autocomplete-richlistitem .ac-title, +#widget-overflow-list toolbarbutton, +#bookmarks-menu-button menu menupopup, +#PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree, +#PanelUI-contents toolbarbutton, +#sidebar-switcher-target, +#alltabs_containersTab{ + color: var(--uc-text-color)!important; +} + +#alltabs-popup, +#alltabs_containersMenuTab{ + border: none !important; +} + +/* URLBAR AND SEARCHBAR POPUPS */ + +#PopupAutoCompleteRichResult .ac-title, +#PopupAutoCompleteRichResult .search-one-offs, +.search-panel-input-value{ + color: var(--uc-text-color) !important; +} + +.search-panel-one-offs, +.downloadsPanelFooterButton:not(:hover), +#overflowMenu-customize-button:not(:hover), +#searchbar-anon-search-settings{ + background-color: var(--uc-light-bkgnd-color) !important; +} + +#PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{ + color: var(--uc-border-color) !important; +} From a19e10aedacbe2496f532fbcca596762827b5154 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 17:32:10 +0200 Subject: [PATCH 0021/1101] Add theme files and some compatbility rules --- chrome/navigation_buttons_inside_urlbar.css | 10 ++- chrome/page_action_buttons_on_hover.css | 3 +- chrome/status_inside_urlbar.css | 28 ++++--- chrome/theme_color_variables.css | 13 +++ ...d_menus.css => theme_popups_and_menus.css} | 9 +-- chrome/theme_sidebar.css | 37 +++++++++ chrome/theme_toolbars.css | 79 +++++++++++++++++++ 7 files changed, 157 insertions(+), 22 deletions(-) create mode 100644 chrome/theme_color_variables.css rename chrome/{dark_popups_and_menus.css => theme_popups_and_menus.css} (92%) create mode 100644 chrome/theme_sidebar.css create mode 100644 chrome/theme_toolbars.css diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index 9956a61..06fa4c5 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -21,6 +21,7 @@ opacity: 1 !important; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); } + #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"] .toolbarbutton-icon{ border: none !important; border-radius: 0 !important; @@ -30,8 +31,15 @@ width: initial !important; } +#back-button{ --backbutton-background: transparent } + +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:hover .toolbarbutton-icon{ + background-color: transparent !important; + box-shadow: none !important; +} + #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not([disabled]):hover{ - background-color: hsla(0,0%,70%,.35); + background-image: linear-gradient(to bottom, var(--uc-active-color,hsla(0,0%,70%,.2)), var(--uc-active-color,hsla(0,0%,70%,.2))) } #urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]{ diff --git a/chrome/page_action_buttons_on_hover.css b/chrome/page_action_buttons_on_hover.css index 727e6e9..9414b2b 100644 --- a/chrome/page_action_buttons_on_hover.css +++ b/chrome/page_action_buttons_on_hover.css @@ -3,9 +3,10 @@ opacity: 0; transition: margin-inline-end 200ms linear, opacity 200ms linear; } +:root[uidensity="compact"] #page-action-buttons > *[class^=urlbar-icon]{ margin-inline-end: -22px; } #page-action-buttons:hover > *[class^=urlbar-icon], #page-action-buttons > *[class^=urlbar-icon][open], #page-action-buttons > *[class^=urlbar-icon][open] ~ *[class^=urlbar-icon]{ opacity: 1; - margin-inline-end: 0px; + margin-inline-end: 0px !important; } \ No newline at end of file diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 0bfd19a..9b44dfc 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -6,9 +6,8 @@ content: ""; width: 100%; height: 100%; - display: none; pointer-events:none; - background: -moz-element(#statuspanel) 0 -11px no-repeat !important; + background: -moz-element(#statuspanel) left calc(90% - var(--toolbarbutton-outer-padding)) no-repeat !important; } #urlbar .urlbar-input-box::after{ @@ -16,14 +15,6 @@ } #statuspanel{ z-index: -1; } -/* Don't show common values to save space (useful for oneliner) - safe to delete these */ -#statuspanel-label[value^="http"]{ margin-left: -5.8ch !important; } -#statuspanel-label[value^="https"]{ margin-left: -6.6ch !important; } -#statuspanel-label[value^="www"]{ margin-left: -5.3ch !important; } -#statuspanel-label[value^="http://www"]{ margin-left: -10.6ch !important; } -#statuspanel-label[value^="https://www"]{ margin-left: -11.3ch !important; } - -.searchbar-textbox{ margin: 2px 0 !important; } #statuspanel-inner > #statuspanel-label{ height:23px; @@ -31,6 +22,17 @@ background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; border: none !important; color: var(--lwt-toolbar-field-color, black) !important; - font-weight: bold !important; - margin-left: -3px -} \ No newline at end of file + font-size: larger; +} + +/* Don't show common values to save space (useful for oneliner) - safe to delete these */ +/* If you change the font size of the label then you'll have to modify these too */ +/* non-https links get a slight red hue */ + +#statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; color: lightpink !important;} +#statuspanel-inner > #statuspanel-label[value^="http"]{ margin-left: -3.7ch !important; } +#statuspanel-inner > #statuspanel-label[value^="https"]{ margin-left: -6.1ch !important; color: var(--lwt-toolbar-field-color, black) !important} +#statuspanel-inner > #statuspanel-label[value^="www"]{ margin-left: -4.5ch !important; } +#statuspanel-inner > #statuspanel-label[value^="http://www"]{ margin-left: -9.7ch !important; } +#statuspanel-inner > #statuspanel-label[value^="https://www"]{ margin-left: -10.1ch !important; } +#statuspanel-inner{ margin-left: -1px; } diff --git a/chrome/theme_color_variables.css b/chrome/theme_color_variables.css new file mode 100644 index 0000000..ba372b8 --- /dev/null +++ b/chrome/theme_color_variables.css @@ -0,0 +1,13 @@ +/* Color controls for theme_***.css files */ +:root{ + --uc-dark-bkgnd-color: rgb(12,16,32); + --uc-light-bkgnd-color: rgb(46,54,69); + --uc-active-color: rgb(26, 70, 102); + --uc-text-color: rgb(195, 198, 201); + --uc-border-color: rgb(43,130,191); +} +/* Override some default variables - stylesheet compatibility */ +:root{ + --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important; + --lwt-toolbar-field-border-color: transparent !important;) +} \ No newline at end of file diff --git a/chrome/dark_popups_and_menus.css b/chrome/theme_popups_and_menus.css similarity index 92% rename from chrome/dark_popups_and_menus.css rename to chrome/theme_popups_and_menus.css index 6403620..86d4873 100644 --- a/chrome/dark_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -1,11 +1,6 @@ +/*!!! IMPORT theme_color_variables.css !!!*/ /* Makes popups, menus and context menus dark */ -:root{ - --uc-dark-bkgnd-color: rgb(12,16,32); - --uc-light-bkgnd-color: rgb(46,54,69); - --uc-active-color: rgb(26, 70, 102); - --uc-text-color: rgb(195, 198, 201); - --uc-border-color: rgb(43,130,191); -} +@import url(theme_color_variables.css); .panel-arrowcontent, #alltabs-popup .arrowscrollbox-scrollbox, diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css new file mode 100644 index 0000000..d1ffdb2 --- /dev/null +++ b/chrome/theme_sidebar.css @@ -0,0 +1,37 @@ +/*!!! IMPORT theme_color_variables.css !!!*/ +@import url(theme_color_variables.css); +#sidebar-search-container #search-box{ + -moz-appearance:none !important; + background-color: var(--uc-dark-bkgnd-color) !important; + border: none !important; + color: var(--uc-text-color) !important; +} + +#history-panel, +#bookmarksPanel, +#sidebar-header{ + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; + border-top: none !important; + border-bottom:none !important; + scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color) !important; +} + +.sidebar-placesTreechildren, +#sidebar-header{ + color: var(--uc-text-color) !important; +} + +.sidebar-placesTreechildren::-moz-tree-cell{ + outline:none; + border-radius:0px; + background-image:none; +} + +.sidebar-placesTreechildren::-moz-tree-cell(selected){ + background-color: var(--uc-border-color) !important; +} + +.sidebar-placesTreechildren::-moz-tree-cell(hover){ + background-color: var(--uc-active-color) !important; +} \ No newline at end of file diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css new file mode 100644 index 0000000..ea110d2 --- /dev/null +++ b/chrome/theme_toolbars.css @@ -0,0 +1,79 @@ +/*!!! IMPORT theme_color_variables.css !!!*/ +@import url(theme_color_variables.css); +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), +#browser-bottombox, +.browserContainer > findbar, +.searchbar-textbox{ + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; +} + +.browserContainer > findbar{ background-image: none !important; } + +#TabsToolbar, +.searchbar-textbox, +.findbar-textbox, +.findbar-find-previous, +.findbar-find-next, +#urlbar{ + background-color: var(--uc-dark-bkgnd-color) !important; + color: var(--uc-text-color) !important; +} + +#urlbar{ border-color: transparent !important; } + +#urlbar[focused]{ + border-color: var(--uc-border-color) !important; +} + +#urlbar .urlbar-icon:hover{ + box-shadow: none !important; +} + +#tabbrowser-tabs, +.search-panel-input-value, +.titlebar-buttonbox-container, +.tab-close-button{ + color: var(--uc-text-color) !important; +} + +.toolbarbutton-icon, toolbarbutton stack{ border-radius: 0px !important; } +:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; } + +toolbar toolbarbutton:not([disabled]):hover > .toolbarbutton-icon, +toolbar toolbarbutton:not([disabled]):hover > stack, +toolbar toolbarbutton[open="true"] > .toolbarbutton-icon, +toolbar toolbarbutton[open="true"] > stack, +toolbar toolbarbutton[checked="true"] > .toolbarbutton-icon, +toolbar toolbarbutton[checked="true"] > stack, +toolbar .bookmark-item:hover, +#page-action-buttons image:hover, +.urlbar-icon:hover, +#TabsToolbar .scrollbutton-down:hover, +#TabsToolbar .scrollbutton-up:hover, +findbar toolbarbutton:not([disabled]):hover, +findbar toolbarbutton[checked="true"]{ + background-color: var(--uc-active-color) !important; + box-shadow: inset 0 0 0 1px var(--uc-border-color) !important; +} + +/* Override some special cases */ +#TabsToolbar .scrollbutton-down > .toolbarbutton-icon, +#TabsToolbar .scrollbutton-up > .toolbarbutton-icon, +#downloads-indicator-anchor, +#PersonalToolbar .bookmark-item > .toolbarbutton-icon, +#titlebar .titlebar-button > .toolbarbutton-icon{ + background-color: transparent !important; + box-shadow: none !important; +} + +.toolbarbutton-1{ fill: var(--uc-text-color) !important; } + +.tab-line[selected]{ height: 1px !important; } + +.tabbrowser-tab[selected] .tab-background{ + background-image: linear-gradient(var(--uc-active-color) 75%,var(--uc-light-bkgnd-color)) !important; + box-shadow:0 3px 1px -1px white inset, + 0 10px 4px -5px var(--uc-border-color) inset, + 0 -2px 0 rgba(0,0,0,.06) inset !important; +} From 94872a63f5befa8d245fdee36c98679654043da8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 18:32:52 +0200 Subject: [PATCH 0022/1101] Exclude downloads button from the rules --- chrome/navigation_buttons_inside_urlbar.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index 06fa4c5..d26a2d8 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -1,5 +1,6 @@ /* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: */ /* Actually, the order of reload and back-buttons doesn't matter */ + #urlbar{ margin-right:0px !important; border-right:none !important; @@ -8,11 +9,11 @@ } #urlbar, -#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{ +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){ border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); } -#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]{ +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){ margin: 3px 0 !important; padding: 0 0px !important; background-clip: padding-box; @@ -22,7 +23,7 @@ background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); } -#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"] .toolbarbutton-icon{ +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button) .toolbarbutton-icon{ border: none !important; border-radius: 0 !important; margin: -3px 0 !important; @@ -33,21 +34,21 @@ #back-button{ --backbutton-background: transparent } -#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:hover .toolbarbutton-icon{ +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{ background-color: transparent !important; box-shadow: none !important; } -#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not([disabled]):hover{ +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):not([disabled]):hover{ background-image: linear-gradient(to bottom, var(--uc-active-color,hsla(0,0%,70%,.2)), var(--uc-active-color,hsla(0,0%,70%,.2))) } -#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]{ +#urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){ border-color:Highlight !important; } -#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled] .toolbarbutton-icon{ opacity: 0.4 !important } - +#urlbar-container ~ .chromeclass-toolbar-additional[overflows="false"][disabled]:not(#downloads-button) .toolbarbutton-icon{ opacity: 0.4 !important } +/* Change this if you want some other button to be the right-most one */ #forward-button{ border-right-width: 1px !important; border-radius: 0 2px 2px 0 !important; From 4a73dad3661f315bd281cea05c2c041a6fec37fc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 18:34:03 +0200 Subject: [PATCH 0023/1101] Fix incompatibility with normal toolbar density --- chrome/page_action_buttons_on_hover.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/page_action_buttons_on_hover.css b/chrome/page_action_buttons_on_hover.css index 9414b2b..34da185 100644 --- a/chrome/page_action_buttons_on_hover.css +++ b/chrome/page_action_buttons_on_hover.css @@ -1,3 +1,5 @@ +/* Page action-buttons "slide in" when cursor is on top of them and don't reserve space when not used */ + #page-action-buttons > *[class^=urlbar-icon]{ margin-inline-end: -26px; opacity: 0; From d498ed43d2f50af71322bb423d44701a60b1b367 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 18:34:51 +0200 Subject: [PATCH 0024/1101] Remove theme color variables import --- chrome/theme_sidebar.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css index d1ffdb2..54e87be 100644 --- a/chrome/theme_sidebar.css +++ b/chrome/theme_sidebar.css @@ -1,5 +1,8 @@ +/* Colors for bookmarks and history sidebars */ +/* Color editing should generally be done in theme_color_variables.css */ + /*!!! IMPORT theme_color_variables.css !!!*/ -@import url(theme_color_variables.css); + #sidebar-search-container #search-box{ -moz-appearance:none !important; background-color: var(--uc-dark-bkgnd-color) !important; From e7c92ec1c479270676745c37cf129c10a68164ec Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 18:35:33 +0200 Subject: [PATCH 0025/1101] Fix inconsistencies with buttons inside popups --- chrome/theme_popups_and_menus.css | 8 +++++--- chrome/theme_toolbars.css | 22 +++++++++++++--------- 2 files changed, 18 insertions(+), 12 deletions(-) diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 86d4873..0dc55a8 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -1,6 +1,7 @@ -/*!!! IMPORT theme_color_variables.css !!!*/ /* Makes popups, menus and context menus dark */ -@import url(theme_color_variables.css); +/* Color editing should generally be done in theme_color_variables.css */ + +/*!!! IMPORT theme_color_variables.css !!!*/ .panel-arrowcontent, #alltabs-popup .arrowscrollbox-scrollbox, @@ -68,7 +69,8 @@ panelview, background-color: var(--uc-dark-bkgnd-color) !important; } -.subviewbutton:hover{ +.subviewbutton:hover, +#widget-overflow-list > .toolbarbutton-1:hover{ background-color: var(--uc-active-color) !important; } diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index ea110d2..5a5c486 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -1,5 +1,8 @@ +/* General toolbar coloring - buttons, text, findbar etc. */ +/* Color editing should generally be done in theme_color_variables.css */ + /*!!! IMPORT theme_color_variables.css !!!*/ -@import url(theme_color_variables.css); + #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), #browser-bottombox, .browserContainer > findbar, @@ -40,13 +43,13 @@ .toolbarbutton-icon, toolbarbutton stack{ border-radius: 0px !important; } :root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; } -toolbar toolbarbutton:not([disabled]):hover > .toolbarbutton-icon, -toolbar toolbarbutton:not([disabled]):hover > stack, -toolbar toolbarbutton[open="true"] > .toolbarbutton-icon, -toolbar toolbarbutton[open="true"] > stack, -toolbar toolbarbutton[checked="true"] > .toolbarbutton-icon, -toolbar toolbarbutton[checked="true"] > stack, -toolbar .bookmark-item:hover, +.toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon, +.toolbarbutton-1:not([disabled]):hover > stack, +.toolbarbutton-1[open="true"] > .toolbarbutton-icon, +.toolbarbutton-1[open="true"] > stack, +.toolbarbutton-1[checked="true"] > .toolbarbutton-icon, +.toolbarbutton-1[checked="true"] > stack, +#PlacesToolbarItems .bookmark-item:hover, #page-action-buttons image:hover, .urlbar-icon:hover, #TabsToolbar .scrollbutton-down:hover, @@ -62,7 +65,8 @@ findbar toolbarbutton[checked="true"]{ #TabsToolbar .scrollbutton-up > .toolbarbutton-icon, #downloads-indicator-anchor, #PersonalToolbar .bookmark-item > .toolbarbutton-icon, -#titlebar .titlebar-button > .toolbarbutton-icon{ +#titlebar .titlebar-button > .toolbarbutton-icon, +#widget-overflow-list toolbarbutton > .toolbarbutton-icon{ background-color: transparent !important; box-shadow: none !important; } From 079076091a3801ab6a70301ca88dd374fca8907e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 20:22:05 +0200 Subject: [PATCH 0026/1101] Add further instructions --- README.md | 25 ++++++++++++++++++++++++- 1 file changed, 24 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index de4f1fb..f12f6b7 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # Collection of random CSS hacks for Firefox +Stylesheets in this repository are tested only on Windows 10. They should work on current Nightlies but also generally on latest release Firefox unless otherwise noted. + # Usage Use stylesheets under "chrome" in userChrome.css @@ -10,4 +12,25 @@ You can import the stylesheets with @-rule import like this: ```css @import url("path/filename.css"); -``` \ No newline at end of file +``` + +## Important! + +Note that all `@import` rules need to be placed before any other rules in the file. + +# Theme + +Stylesheets prefixed with `theme_` require `theme_color_variables.css` to be imported. + +Example userChrome.css resulting in rather complete dark blueish-grey UI: + +```css +@import url(theme_color_variables.css); +@import url(theme_sidebar.css); +@import url(theme_toolbars.css); +@import url(theme_popups_and_menus.css); + +/* Your other rules here */ +``` + +You can use individual modules from theme such as to only include popups_and_menus. But it would still be required that you import the theme_color_variables.css or you'll have to manually edit all the colors. From 408ed46ffa0f09279085eaac85ba7c69df271acc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 4 Dec 2018 20:22:45 +0200 Subject: [PATCH 0027/1101] Custom colors for internal nav buttons only w/ theme_toolbars --- chrome/navigation_buttons_inside_urlbar.css | 2 +- chrome/status_inside_urlbar.css | 1 + chrome/theme_color_variables.css | 5 ----- chrome/theme_popups_and_menus.css | 5 +++++ chrome/theme_toolbars.css | 7 +++++++ 5 files changed, 14 insertions(+), 6 deletions(-) diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index d26a2d8..f8b7d71 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -40,7 +40,7 @@ } #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):not([disabled]):hover{ - background-image: linear-gradient(to bottom, var(--uc-active-color,hsla(0,0%,70%,.2)), var(--uc-active-color,hsla(0,0%,70%,.2))) + background-image: linear-gradient(to bottom, var(--uc-ext-active-color,hsla(0,0%,70%,.2)), var(--uc-ext-active-color,hsla(0,0%,70%,.2))) } #urlbar-container:focus-within ~ .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button){ diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 9b44dfc..bd27c6e 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -1,6 +1,7 @@ /* STATUSPANEL INSIDE URLBAR */ #urlbar .urlbar-input-box{ display: -moz-stack } +/* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */ #urlbar .urlbar-input-box::after{ z-index: 2; content: ""; diff --git a/chrome/theme_color_variables.css b/chrome/theme_color_variables.css index ba372b8..0a60c5c 100644 --- a/chrome/theme_color_variables.css +++ b/chrome/theme_color_variables.css @@ -6,8 +6,3 @@ --uc-text-color: rgb(195, 198, 201); --uc-border-color: rgb(43,130,191); } -/* Override some default variables - stylesheet compatibility */ -:root{ - --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important; - --lwt-toolbar-field-border-color: transparent !important;) -} \ No newline at end of file diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 0dc55a8..1f25fa4 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -74,6 +74,11 @@ panelview, background-color: var(--uc-active-color) !important; } +#widget-overflow-list #searchbar > .searchbar-textbox{ + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; +} + panelview toolbarbutton.subviewbutton .toolbarbutton-text, #downloadsFooter, #customizationui-widget-panel label, diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 5a5c486..bfdfb87 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -3,6 +3,13 @@ /*!!! IMPORT theme_color_variables.css !!!*/ +/* Override some default variables - stylesheet compatibility */ +:root{ + --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important; + --lwt-toolbar-field-border-color: transparent !important;) +} +#nav-bar{--uc-ext-active-color: var(--uc-active-color);} + #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), #browser-bottombox, .browserContainer > findbar, From 3889b65e5908f702abd3bb087d898f46ed2f9e29 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 5 Dec 2018 20:44:51 +0200 Subject: [PATCH 0028/1101] Disable hover effect on certain icons in overflow menu --- chrome/theme_toolbars.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index bfdfb87..1fb43ac 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -73,14 +73,18 @@ findbar toolbarbutton[checked="true"]{ #downloads-indicator-anchor, #PersonalToolbar .bookmark-item > .toolbarbutton-icon, #titlebar .titlebar-button > .toolbarbutton-icon, -#widget-overflow-list toolbarbutton > .toolbarbutton-icon{ +#widget-overflow-mainView toolbarbutton > stack, +#widget-overflow-mainView toolbarbutton > .toolbarbutton-icon{ background-color: transparent !important; box-shadow: none !important; } .toolbarbutton-1{ fill: var(--uc-text-color) !important; } -.tab-line[selected]{ height: 1px !important; } +.tab-line{ + height:2px !important; + border-bottom: solid 1px lightblue !important; +} .tabbrowser-tab[selected] .tab-background{ background-image: linear-gradient(var(--uc-active-color) 75%,var(--uc-light-bkgnd-color)) !important; From 27821ad4607b5476afc5f6acb1ceda4542441c89 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 5 Dec 2018 20:50:29 +0200 Subject: [PATCH 0029/1101] Add hover-states to some missing popups --- chrome/theme_popups_and_menus.css | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 1f25fa4..3cd3d8d 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -5,7 +5,6 @@ .panel-arrowcontent, #alltabs-popup .arrowscrollbox-scrollbox, - menupopup:not(#BMB_bookmarksPopup), .textbox-contextmenu{ border: 3px solid #434850 !important; @@ -18,6 +17,7 @@ menupopup:not(#BMB_bookmarksPopup), #BMB_bookmarksPopup{ background-color: unset !important; } + /* GENERAL */ menupopup, menuitem, @@ -70,11 +70,13 @@ panelview, } .subviewbutton:hover, -#widget-overflow-list > .toolbarbutton-1:hover{ +#widget-overflow-mainView .toolbarbutton-1:hover, +#PopupAutoCompleteRichResult .autocomplete-richlistitem:hover, +#PopupSearchAutoComplete .autocomplete-richlistitem:hover{ background-color: var(--uc-active-color) !important; } -#widget-overflow-list #searchbar > .searchbar-textbox{ +#widget-overflow-mainView #searchbar > .searchbar-textbox{ background-color: var(--uc-light-bkgnd-color) !important; color: var(--uc-text-color) !important; } @@ -83,13 +85,16 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, #downloadsFooter, #customizationui-widget-panel label, .autocomplete-richlistitem .ac-title, -#widget-overflow-list toolbarbutton, +#widget-overflow-mainView toolbarbutton, #bookmarks-menu-button menu menupopup, #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree, #PanelUI-contents toolbarbutton, #sidebar-switcher-target, -#alltabs_containersTab{ - color: var(--uc-text-color)!important; +#alltabs_containersTab, +#PopupAutoCompleteRichResult .ac-title, +#PopupAutoCompleteRichResult .search-one-offs, +.search-panel-input-value{ + color: var(--uc-text-color)!important; } #alltabs-popup, @@ -97,14 +102,6 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, border: none !important; } -/* URLBAR AND SEARCHBAR POPUPS */ - -#PopupAutoCompleteRichResult .ac-title, -#PopupAutoCompleteRichResult .search-one-offs, -.search-panel-input-value{ - color: var(--uc-text-color) !important; -} - .search-panel-one-offs, .downloadsPanelFooterButton:not(:hover), #overflowMenu-customize-button:not(:hover), From 7a5ddca1acaf7767260ec7d9eee57694670a5fb9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 5 Dec 2018 20:51:43 +0200 Subject: [PATCH 0030/1101] Scale stack-less buttons using padding which doesn't require restyling --- chrome/button_effect_scale_onclick.css | 34 ++++++++++++++------------ 1 file changed, 18 insertions(+), 16 deletions(-) diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css index 686df35..cac7d3b 100644 --- a/chrome/button_effect_scale_onclick.css +++ b/chrome/button_effect_scale_onclick.css @@ -1,18 +1,20 @@ /* Effect */ -.toolbarbutton-icon { transition: transform 82ms linear !important; } -toolbarbutton:not([disabled]):active > .toolbarbutton-icon, -toolbarbutton:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon{ transform: scale(0.6) } - -/* Restyle hover state - remove everything below if you want the scale effect to also apply to background-color */ -toolbar .toolbarbutton-1{ clip-path: inset(3px) } -toolbar .toolbarbutton-1:not([disabled]):hover, -toolbar .toolbarbutton-1[open], -toolbar .toolbarbutton-1[checked]{ - background-color: var(--toolbarbutton-hover-background); +.toolbarbutton-icon, +.menuitem-iconic .menu-iconic-icon{ + transition: transform 82ms linear !important; } -toolbar .toolbarbutton-1 > .toolbarbutton-icon, -toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack{ background-color: transparent !important } -/* Back button override */ -:root:not([uidensity="compact"]) #back-button{ clip-path: none; background-color: transparent } -:root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ background-color: var(--backbutton-background) !important;} -:root:not([uidensity="compact"]) .toolbarbutton-1:not(#back-button){margin: var(--toolbarbutton-outer-padding) 0 !important;} \ No newline at end of file + +toolbar .toolbarbutton-1 > .toolbarbutton-icon{ + transition: padding 82ms linear !important; +} + +toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon, +toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon, +.menuitem-iconic:active .menu-iconic-icon{ + transform: scale(0.6) !important; +} + +toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon, +#back-button:not([disabled]):active > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important; +} \ No newline at end of file From 8b19505d164be7578300d7117022730b00558c0d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 5 Dec 2018 20:56:58 +0200 Subject: [PATCH 0031/1101] Set width/height properties for buttons --- chrome/navigation_buttons_inside_urlbar.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index f8b7d71..457c531 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -28,12 +28,14 @@ border-radius: 0 !important; margin: -3px 0 !important; background-color:transparent; - height: initial !important; - width: initial !important; + width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; + height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; } #back-button{ --backbutton-background: transparent } +#back-button > .toolbarbutton-icon{ padding: var(--toolbarbutton-inner-padding) !important; } + #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{ background-color: transparent !important; box-shadow: none !important; From cc29bb73d277e8a72c28553d50c88ef6f19f845d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 18:49:15 +0200 Subject: [PATCH 0032/1101] Make color of connection states light blue --- chrome/status_inside_urlbar.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index bd27c6e..8e8c8fb 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -1,7 +1,8 @@ /* STATUSPANEL INSIDE URLBAR */ -#urlbar .urlbar-input-box{ display: -moz-stack } +#urlbar .urlbar-input-box{ display: -moz-stack; } /* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */ + #urlbar .urlbar-input-box::after{ z-index: 2; content: ""; @@ -15,25 +16,26 @@ display: -moz-box; } -#statuspanel{ z-index: -1; } - #statuspanel-inner > #statuspanel-label{ height:23px; min-width: 500px; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; border: none !important; - color: var(--lwt-toolbar-field-color, black) !important; font-size: larger; + color: inherit !important; } +#statuspanel{ color: lightpink; z-index: -1; } +#statuspanel[type="status"] { color: skyblue } + /* Don't show common values to save space (useful for oneliner) - safe to delete these */ /* If you change the font size of the label then you'll have to modify these too */ /* non-https links get a slight red hue */ -#statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; color: lightpink !important;} +#statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; } #statuspanel-inner > #statuspanel-label[value^="http"]{ margin-left: -3.7ch !important; } #statuspanel-inner > #statuspanel-label[value^="https"]{ margin-left: -6.1ch !important; color: var(--lwt-toolbar-field-color, black) !important} #statuspanel-inner > #statuspanel-label[value^="www"]{ margin-left: -4.5ch !important; } #statuspanel-inner > #statuspanel-label[value^="http://www"]{ margin-left: -9.7ch !important; } #statuspanel-inner > #statuspanel-label[value^="https://www"]{ margin-left: -10.1ch !important; } -#statuspanel-inner{ margin-left: -1px; } +#statuspanel-inner{ margin-left: -1px; } \ No newline at end of file From 95ef60933785408745efd5162e7e8f190ea5e1d8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 21:37:25 +0200 Subject: [PATCH 0033/1101] Add background to menubar --- chrome/theme_toolbars.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 1fb43ac..3d63e03 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -21,6 +21,7 @@ .browserContainer > findbar{ background-image: none !important; } #TabsToolbar, +#toolbar-menubar, .searchbar-textbox, .findbar-textbox, .findbar-find-previous, From 900c1930dd62175f461885997deb1bbd7781aba1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 21:38:02 +0200 Subject: [PATCH 0034/1101] Add html namespace and some comments --- content/css_scrollbar_width_color.css | 1 + content/limit_css_data_leak.css | 2 ++ content/newtab_background_color.css | 2 ++ content/transparent_reader_toolbar.css | 4 ++++ 4 files changed, 9 insertions(+) diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css index 913ce45..cbde0c4 100644 --- a/content/css_scrollbar_width_color.css +++ b/content/css_scrollbar_width_color.css @@ -1,4 +1,5 @@ /* Scrollbar colors and width - applied globally */ +@namespace url("http://www.w3.org/1999/xhtml"); :root{ scrollbar-color: rgb(210,210,210) rgb(46,54,69); scrollbar-width: thin; diff --git a/content/limit_css_data_leak.css b/content/limit_css_data_leak.css index dc35c73..b0055a3 100644 --- a/content/limit_css_data_leak.css +++ b/content/limit_css_data_leak.css @@ -1,4 +1,6 @@ /* Limit CSS data leak, POTENTIALLY BREAKS SOME SITES */ +@namespace html url("http://www.w3.org/1999/xhtml"); + body input:not([value=""])[type], body input:not([value=""])[type]:focus ~ *, body input:not([value=""])[type] * { diff --git a/content/newtab_background_color.css b/content/newtab_background_color.css index 3ea7647..4833ef6 100644 --- a/content/newtab_background_color.css +++ b/content/newtab_background_color.css @@ -1,3 +1,5 @@ +@namespace url("http://www.w3.org/1999/xhtml"); + @-moz-document url("about:home"),url("about:blank"),url("about:newtab"),url("about:privatebrowsing"){ body{background-color: rgb(46,54,69) !important} } \ No newline at end of file diff --git a/content/transparent_reader_toolbar.css b/content/transparent_reader_toolbar.css index c22e08b..444aa55 100644 --- a/content/transparent_reader_toolbar.css +++ b/content/transparent_reader_toolbar.css @@ -1,3 +1,7 @@ +/* Toolbar is invisible until hovered */ + +@namespace html url("http://www.w3.org/1999/xhtml"); + @-moz-document url-prefix("about:reader"){ .reader-toolbar, .reader-toolbar .button:not(:hover) { background-color: transparent !important; From db8dd681d2afb43151cd29ff9ee78b358b1b13b9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 21:38:55 +0200 Subject: [PATCH 0035/1101] New file --- chrome/autohide_sidebar.css | 29 ++++++++++++++++++++++ chrome/blank_page_background.css | 6 +++++ chrome/hide_toolbox_top_bottom_borders.css | 10 ++++++++ 3 files changed, 45 insertions(+) create mode 100644 chrome/autohide_sidebar.css create mode 100644 chrome/blank_page_background.css create mode 100644 chrome/hide_toolbox_top_bottom_borders.css diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css new file mode 100644 index 0000000..003f571 --- /dev/null +++ b/chrome/autohide_sidebar.css @@ -0,0 +1,29 @@ +/* Show sidebar only when the cursor is over it */ +/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */ + +#sidebar-box{ + --uc-sidebar-width: 40px; + --uc-sidebar-hover-width: 210px; + position: relative; + min-width: var(--uc-sidebar-width) !important; + width: var(--uc-sidebar-width) !important; +} + +#sidebar-splitter{ display: none } + +#sidebar-header{ overflow: hidden; } + +#sidebar{ + transition: min-width 115ms linear !important; + min-width: var(--uc-sidebar-width) !important; + will-change: min-width; +} + +#sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; } + +/* Add sidebar divider */ + +#sidebar, +#sidebar-header{ + border-right: 1px solid rgb(80,80,80); +} \ No newline at end of file diff --git a/chrome/blank_page_background.css b/chrome/blank_page_background.css new file mode 100644 index 0000000..2aa543f --- /dev/null +++ b/chrome/blank_page_background.css @@ -0,0 +1,6 @@ +/* Set blank page background-color */ +/* Uses color from theme_colors if available */ + +#tabbrowser-tabpanels{ + background-color: var(--uc-light-bkgnd-color,rgb(46,54,69)) !important; +} \ No newline at end of file diff --git a/chrome/hide_toolbox_top_bottom_borders.css b/chrome/hide_toolbox_top_bottom_borders.css new file mode 100644 index 0000000..3fe6799 --- /dev/null +++ b/chrome/hide_toolbox_top_bottom_borders.css @@ -0,0 +1,10 @@ +#main-window[sizemode="normal"]{ border-top: none !important } +#navigator-toolbox::after{ content: none !important } + +/* OPTIONAL - uncomment to remove still remaining space atop of tabs */ +/* This just increases the height of tabs by few pixels, not decrease the toolbar height */ + +/* Fx pre-65 */ +/* #navigator-toolbox > #TabsToolbar{margin-top: -2px;} */ +/* Fx65+ */ +/* #TabsToolbar > .toolbar-items > spacer{ display: none; } */ \ No newline at end of file From 70e2dfb7dd54dce79e9fa04785a1d4a434b659ac Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 21:39:20 +0200 Subject: [PATCH 0036/1101] Add example userChrome and userContent files --- userChrome.css | 16 ++++++++++++++++ userContent.css | 6 ++++++ 2 files changed, 22 insertions(+) create mode 100644 userChrome.css create mode 100644 userContent.css diff --git a/userChrome.css b/userChrome.css new file mode 100644 index 0000000..b1803b0 --- /dev/null +++ b/userChrome.css @@ -0,0 +1,16 @@ +/* Example file enabling theme + some features */ + +@import url(chrome/theme_color_variables.css); +@import url(chrome/theme_toolbars.css); +@import url(chrome/theme_sidebar.css); +@import url(chrome/theme_popups_and_menus.css); +@import url(chrome/status_inside_urlbar.css); +@import url(chrome/navigation_buttons_inside_urlbar.css); +@import url(chrome/tab_close_button_always_on_hover.css); +@import url(chrome/tab_loading_progress_throbber.css); +@import url(chrome/button_effect_scale_onclick.css); +@import url(chrome/blank_page_background.css); +/* @import url(chrome/page_action_buttons_on_hover.css); */ +@import url(chrome/autohide_sidebar.css); +@import url(chrome/menubar_in_toolbar.css); +@import url(chrome/hide_toolbox_top_bottom_borders.css); diff --git a/userContent.css b/userContent.css new file mode 100644 index 0000000..d5e1f00 --- /dev/null +++ b/userContent.css @@ -0,0 +1,6 @@ +/* Example file */ + +@import url(content/css_scrollbar_width_color.css); +/* @import url(content/limit_css_data_leak.css); */ /* Could induce site problems */ +@import url(content/newtab_background_color.css); +@import url(content/transparent_reader_toolbar.css); \ No newline at end of file From 345037497a1925cf327a5f44c5c48b8ec16ce62a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 21:49:25 +0200 Subject: [PATCH 0037/1101] Add notes about example files --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index f12f6b7..5210201 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ You can import the stylesheets with @-rule import like this: ## Important! -Note that all `@import` rules need to be placed before any other rules in the file. +Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. # Theme @@ -34,3 +34,6 @@ Example userChrome.css resulting in rather complete dark blueish-grey UI: ``` You can use individual modules from theme such as to only include popups_and_menus. But it would still be required that you import the theme_color_variables.css or you'll have to manually edit all the colors. + + +Example userChrome.css and userContent.css can be used as is to enable theme + certain features after /chrome and /content folders are copied into your profile. \ No newline at end of file From 64f01c9b766ec5bdb06f63757cdd339e99fc482d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 22:11:23 +0200 Subject: [PATCH 0038/1101] Disable nav-buttons-in-urlbar in example as it requires specific layout --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index b1803b0..b256ef9 100644 --- a/userChrome.css +++ b/userChrome.css @@ -5,7 +5,7 @@ @import url(chrome/theme_sidebar.css); @import url(chrome/theme_popups_and_menus.css); @import url(chrome/status_inside_urlbar.css); -@import url(chrome/navigation_buttons_inside_urlbar.css); +/*@import url(chrome/navigation_buttons_inside_urlbar.css);*/ @import url(chrome/tab_close_button_always_on_hover.css); @import url(chrome/tab_loading_progress_throbber.css); @import url(chrome/button_effect_scale_onclick.css); From ace01c890a90dee9ccc26b0cc21bf454151f5edb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 23:17:27 +0200 Subject: [PATCH 0039/1101] Set max-width to the container to make things work properly --- chrome/autohide_sidebar.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 003f571..0ae1d99 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -7,6 +7,7 @@ position: relative; min-width: var(--uc-sidebar-width) !important; width: var(--uc-sidebar-width) !important; + max-width: var(--uc-sidebar-width) !important; } #sidebar-splitter{ display: none } @@ -21,9 +22,10 @@ #sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; } -/* Add sidebar divider */ +/* Add sidebar divider and give it background */ #sidebar, #sidebar-header{ + background-color: var(--toolbar-non-lwt-bgcolor) !important; border-right: 1px solid rgb(80,80,80); } \ No newline at end of file From 84f67124ab7fd13e01a6487d2f889a61e64c6145 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 23:18:31 +0200 Subject: [PATCH 0040/1101] Add compatibility with autohide behavior --- chrome/theme_sidebar.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css index 54e87be..bfa3e6f 100644 --- a/chrome/theme_sidebar.css +++ b/chrome/theme_sidebar.css @@ -3,6 +3,8 @@ /*!!! IMPORT theme_color_variables.css !!!*/ +#sidebar-box{ --toolbar-non-lwt-bgcolor: var(--uc-light-bkgnd-color) } + #sidebar-search-container #search-box{ -moz-appearance:none !important; background-color: var(--uc-dark-bkgnd-color) !important; From d1e3a75b512496aa8f6933f33fd428ebeb65642f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 6 Dec 2018 23:47:43 +0200 Subject: [PATCH 0041/1101] Use more suitable colors in sidebars --- chrome/autohide_sidebar.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 0ae1d99..97df1e0 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -12,7 +12,7 @@ #sidebar-splitter{ display: none } -#sidebar-header{ overflow: hidden; } +#sidebar-header{ overflow: hidden; color: var(--chrome-color) !important; } #sidebar{ transition: min-width 115ms linear !important; @@ -22,6 +22,8 @@ #sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; } +.sidebar-panel{ color: var(--newtab-text-primary-color) !important;} + /* Add sidebar divider and give it background */ #sidebar, From c3156452fabddc3d8ecca93da60b4189624341e0 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Dec 2018 08:03:04 +0200 Subject: [PATCH 0042/1101] Use special extra padding on back-button --- README.md | 2 +- chrome/button_effect_scale_onclick.css | 8 +++++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index 5210201..80d9ad4 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ You can import the stylesheets with @-rule import like this: ## Important! -Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. +Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. # Theme diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css index cac7d3b..07eb75e 100644 --- a/chrome/button_effect_scale_onclick.css +++ b/chrome/button_effect_scale_onclick.css @@ -1,4 +1,7 @@ /* Effect */ + +:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px } + .toolbarbutton-icon, .menuitem-iconic .menu-iconic-icon{ transition: transform 82ms linear !important; @@ -14,7 +17,6 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > . transform: scale(0.6) !important; } -toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon, -#back-button:not([disabled]):active > .toolbarbutton-icon{ - padding: calc(var(--toolbarbutton-inner-padding) + 3px) !important; +toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important; } \ No newline at end of file From 18de7d3c5bfc917001495b395b3f2f075ded2caa Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Dec 2018 08:04:28 +0200 Subject: [PATCH 0043/1101] New file --- chrome/button_effect_scale_onhover.css | 32 ++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 chrome/button_effect_scale_onhover.css diff --git a/chrome/button_effect_scale_onhover.css b/chrome/button_effect_scale_onhover.css new file mode 100644 index 0000000..d35ad96 --- /dev/null +++ b/chrome/button_effect_scale_onhover.css @@ -0,0 +1,32 @@ +/* Effect */ + +:root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px } + +.toolbarbutton-icon, +.menuitem-iconic .menu-iconic-icon{ + transition: transform 82ms linear !important; +} + +toolbar .toolbarbutton-1 > .toolbarbutton-icon{ + transition: padding 82ms linear !important; +} + +toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon, +toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon, +.menuitem-iconic .menu-iconic-icon{ + transform: scale(0.8) !important; +} + +toolbar .toolbarbutton-1 > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important; +} + +toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon, +toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon, +.menuitem-iconic:not([disabled]):hover .menu-iconic-icon{ + transform: none !important; +} + +toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{ + padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px)) !important; +} \ No newline at end of file From a90bac4438e63a1cacaf33e1496e15fb18f33c3e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Dec 2018 11:58:34 +0200 Subject: [PATCH 0044/1101] Modify non-compact back-button background --- chrome/theme_toolbars.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 3d63e03..a0418ad 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -48,7 +48,7 @@ color: var(--uc-text-color) !important; } -.toolbarbutton-icon, toolbarbutton stack{ border-radius: 0px !important; } +.toolbarbutton-icon:hover, toolbarbutton:hover > stack{ border-radius: 2px !important; } :root:not([uidensity="compact"]) #back-button > .toolbarbutton-icon{ border-radius: 10000px !important; } .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon, @@ -65,7 +65,7 @@ findbar toolbarbutton:not([disabled]):hover, findbar toolbarbutton[checked="true"]{ background-color: var(--uc-active-color) !important; - box-shadow: inset 0 0 0 1px var(--uc-border-color) !important; + box-shadow: inset 0 0 1px 1px var(--uc-border-color) !important; } /* Override some special cases */ @@ -80,6 +80,8 @@ findbar toolbarbutton[checked="true"]{ box-shadow: none !important; } +#back-button {--backbutton-background: rgb(66,74,89) } + .toolbarbutton-1{ fill: var(--uc-text-color) !important; } .tab-line{ From f0f427d77026a1580938e8f24f68c267b1043910 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Dec 2018 11:59:09 +0200 Subject: [PATCH 0045/1101] Make effects work on page-action buttons --- chrome/button_effect_scale_onclick.css | 11 +++++++---- chrome/button_effect_scale_onhover.css | 9 ++++++--- chrome/navigation_buttons_inside_urlbar.css | 4 ++-- 3 files changed, 15 insertions(+), 9 deletions(-) diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css index 07eb75e..2fcd2bb 100644 --- a/chrome/button_effect_scale_onclick.css +++ b/chrome/button_effect_scale_onclick.css @@ -4,11 +4,12 @@ .toolbarbutton-icon, .menuitem-iconic .menu-iconic-icon{ - transition: transform 82ms linear !important; + transition: transform 83ms linear !important; } -toolbar .toolbarbutton-1 > .toolbarbutton-icon{ - transition: padding 82ms linear !important; +toolbar .toolbarbutton-1 > .toolbarbutton-icon +.urlbar-icon{ + transition: padding 83ms linear !important; } toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon, @@ -19,4 +20,6 @@ toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > . toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{ padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important; -} \ No newline at end of file +} + +#page-action-buttons .urlbar-icon:active{ padding: calc(var(--urlbar-icon-padding) + 3px) !important; } \ No newline at end of file diff --git a/chrome/button_effect_scale_onhover.css b/chrome/button_effect_scale_onhover.css index d35ad96..95f0968 100644 --- a/chrome/button_effect_scale_onhover.css +++ b/chrome/button_effect_scale_onhover.css @@ -4,11 +4,12 @@ .toolbarbutton-icon, .menuitem-iconic .menu-iconic-icon{ - transition: transform 82ms linear !important; + transition: transform 83ms linear !important; } -toolbar .toolbarbutton-1 > .toolbarbutton-icon{ - transition: padding 82ms linear !important; +toolbar .toolbarbutton-1 > .toolbarbutton-icon, +.urlbar-icon{ + transition: padding 83ms linear !important; } toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon, @@ -21,6 +22,8 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon{ padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important; } +#page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; } + toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon, toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon, .menuitem-iconic:not([disabled]):hover .menu-iconic-icon{ diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index 457c531..b7987b8 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -32,9 +32,9 @@ height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important; } -#back-button{ --backbutton-background: transparent } +#back-button{ --backbutton-background: transparent; --uc-back-extra-padding: 0px !important } -#back-button > .toolbarbutton-icon{ padding: var(--toolbarbutton-inner-padding) !important; } +#back-button > .toolbarbutton-icon{ padding: var(--toolbarbutton-inner-padding) } #nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:not(#downloads-button):hover .toolbarbutton-icon{ background-color: transparent !important; From bb8d6a35e5c9c543650afa861c38f9fd06b74520 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Dec 2018 17:54:17 +0200 Subject: [PATCH 0046/1101] Use correct text colors on sidebar header --- chrome/autohide_sidebar.css | 2 +- chrome/theme_popups_and_menus.css | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 97df1e0..85a599c 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -12,7 +12,7 @@ #sidebar-splitter{ display: none } -#sidebar-header{ overflow: hidden; color: var(--chrome-color) !important; } +#sidebar-header{ overflow: hidden; color: var(--chrome-color) } #sidebar{ transition: min-width 115ms linear !important; diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 3cd3d8d..b526e29 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -3,6 +3,8 @@ /*!!! IMPORT theme_color_variables.css !!!*/ +:root{ --panel-disabled-color: #888 !important; } + .panel-arrowcontent, #alltabs-popup .arrowscrollbox-scrollbox, menupopup:not(#BMB_bookmarksPopup), @@ -89,7 +91,6 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, #bookmarks-menu-button menu menupopup, #PopupSearchAutoComplete .autocomplete-tree.plain.search-panel-tree, #PanelUI-contents toolbarbutton, -#sidebar-switcher-target, #alltabs_containersTab, #PopupAutoCompleteRichResult .ac-title, #PopupAutoCompleteRichResult .search-one-offs, From c2ad7e99734f221db1e3646e21a9e2daeef77c3d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 9 Dec 2018 19:17:05 +0200 Subject: [PATCH 0047/1101] Fix some coloring issues with different themes --- chrome/autohide_sidebar.css | 13 +++++++++++-- chrome/theme_sidebar.css | 1 + 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 85a599c..711ead6 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -12,7 +12,7 @@ #sidebar-splitter{ display: none } -#sidebar-header{ overflow: hidden; color: var(--chrome-color) } +#sidebar-header{ overflow: hidden; color: var(--chrome-color, inherit) !important} #sidebar{ transition: min-width 115ms linear !important; @@ -22,7 +22,16 @@ #sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; } -.sidebar-panel{ color: var(--newtab-text-primary-color) !important;} +.sidebar-panel{ + background-color: transparent !important; + color: var(--newtab-text-primary-color) !important; +} + +.sidebar-panel #search-box{ + -moz-appearance: none !important; + background-color: rgba(249,249,250,0.1) !important; + color: inherit !important; +} /* Add sidebar divider and give it background */ diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css index bfa3e6f..7b74c18 100644 --- a/chrome/theme_sidebar.css +++ b/chrome/theme_sidebar.css @@ -23,6 +23,7 @@ } .sidebar-placesTreechildren, +#sidebar-box, #sidebar-header{ color: var(--uc-text-color) !important; } From 3829dc76ba9ee46a2b71757293ca8c78cb714797 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 11 Dec 2018 16:05:20 +0200 Subject: [PATCH 0048/1101] Add colors to bookmarking panel popup --- chrome/theme_popups_and_menus.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index b526e29..a58f2b2 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -113,3 +113,20 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, #PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{ color: var(--uc-border-color) !important; } + +#editBookmarkPanel textbox, +#editBookmarkPanel menulist, +#editBookmarkPanel button, +#editBookmarkPanel richlistbox, +#editBookmarkPanel tree{ + -moz-appearance: none !important; + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; +} + +#editBookmarkPanel button:hover{ filter: brightness(150%) } +#editBookmarkPanel menulist{ padding: 4px !important; } +#editBookmarkPanel button{ padding: 3px !important; } + +#editBMPanel_folderTree treechildren::-moz-tree-cell(selected){ background-color: var(--uc-border-color) !important; } +#editBMPanel_folderTree treechildren::-moz-tree-cell(hover){ background-color: var(--uc-active-color) !important; } From 9e265e14df7e3323a0fd5d13085908422840bcde Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 13 Dec 2018 05:42:11 +0200 Subject: [PATCH 0049/1101] New file --- chrome/hide_tabs_toolbar.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 chrome/hide_tabs_toolbar.css diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css new file mode 100644 index 0000000..f79b4f6 --- /dev/null +++ b/chrome/hide_tabs_toolbar.css @@ -0,0 +1,23 @@ +/* Hide tabs toolbar Fx65+ */ +:root{--uc-toolbar-height: 32px} +:root:not([uidensity="compact"]){--uc-toolbar-height: 38px} + +#TabsToolbar{visibility: collapse} +#nav-bar, +#PersonalToolbar{ + background: transparent !important; +} +#navigator-toolbox{ background: var(--toolbar-bgcolor) var(--toolbar-bgimage) } + +#nav-bar{margin: calc(0px - var(--uc-toolbar-height)) 138px 0 0 } + +#toolbar-menubar{ + min-height:unset !important; + height:var(--uc-toolbar-height) !important; + position: relative; +} + +#main-menubar{-moz-box-flex: 1; background: var(--toolbar-non-lwt-bgcolor)} + +#toolbar-menubar:not([inactive]){ z-index: 2 } +#toolbar-menubar[inactive] > #menubar-items { opacity: 0 } \ No newline at end of file From dd4385a64ba7d2f358fadb9f7f3d7c45dba5ef3b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 13 Dec 2018 16:44:28 +0200 Subject: [PATCH 0050/1101] Add gradient to menubar --- chrome/hide_tabs_toolbar.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index f79b4f6..9c99400 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -17,7 +17,13 @@ position: relative; } -#main-menubar{-moz-box-flex: 1; background: var(--toolbar-non-lwt-bgcolor)} +#main-menubar{ + -moz-box-flex: 1; + background: var(--toolbar-non-lwt-bgcolor); + background-clip: padding-box; + border-right: 30px solid transparent; + border-image: linear-gradient(to left, transparent, var(--toolbar-non-lwt-bgcolor) 30px) 20 / 30px +} #toolbar-menubar:not([inactive]){ z-index: 2 } #toolbar-menubar[inactive] > #menubar-items { opacity: 0 } \ No newline at end of file From 2ea0674668a99b36055357d89ca7e7516e8ae3b5 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 13 Dec 2018 18:28:02 +0200 Subject: [PATCH 0051/1101] Limit popup recoloring to browser popups --- chrome/theme_popups_and_menus.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index a58f2b2..654e441 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -3,6 +3,8 @@ /*!!! IMPORT theme_color_variables.css !!!*/ +/* Limit popups for general browser popups so that devtools is not affected */ +@-moz-document url-prefix(chrome://browser/content/){ :root{ --panel-disabled-color: #888 !important; } .panel-arrowcontent, @@ -130,3 +132,4 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, #editBMPanel_folderTree treechildren::-moz-tree-cell(selected){ background-color: var(--uc-border-color) !important; } #editBMPanel_folderTree treechildren::-moz-tree-cell(hover){ background-color: var(--uc-active-color) !important; } +} \ No newline at end of file From 3b2732fcec913f1f18793a279b20bc7eb5f4f41f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 13 Dec 2018 18:28:55 +0200 Subject: [PATCH 0052/1101] New file --- chrome/theme_additional_windows.css | 63 +++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 chrome/theme_additional_windows.css diff --git a/chrome/theme_additional_windows.css b/chrome/theme_additional_windows.css new file mode 100644 index 0000000..c44a92d --- /dev/null +++ b/chrome/theme_additional_windows.css @@ -0,0 +1,63 @@ +/* Library window */ +@-moz-document url(chrome://browser/content/places/places.xul){ + :root{ background-color: var(--uc-light-bkgnd-color) !important;} + #placesToolbar, + tree{ + background: transparent !important; + color: var(--uc-text-color) !important; + } + textbox, + richlistbox, + treecol, + button{ + -moz-appearance: none !important; + background-color: var(--uc-dark-bkgnd-color) !important; + color: var(--uc-text-color) !important; + } + treecol:not([hideheader]){ height: 24px; } + treecol:hover{ filter: brightness(160%) } + treechildren::-moz-tree-row(multicol, odd){ background-color: rgba(0,0,0,0.2) !important; } + treechildren::-moz-tree-row(hover),button:hover{ background-color: var(--uc-active-color) !important; } + treechildren::-moz-tree-row(selected){ background-color: var(--uc-border-color) !important; } + button{ padding: 3px } + #placesMenu > menu{ border: none !important; } + #detailsDeck{ color: var(--uc-text-color) } +} +/* Page-info window */ +@-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul){ + #main-window, + #topBar{ + background-color: var(--uc-dark-bkgnd-color) !important; + color: var(--uc-text-color) !important; + } + textbox{ color: var(--uc-text-color) !important; } + + richlistbox, + treecol, + button, + #permList{ + -moz-appearance: none !important; + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; + } + + tree{ + background: transparent !important; + color: var(--uc-text-color) !important; + } + + treecol:not([hideheader]){ height: 24px; } + treecol:hover{ filter: brightness(140%) } + treechildren{ background-color: var(--uc-light-bkgnd-color) !important; } + treechildren::-moz-tree-row(multicol, odd){ background-color: rgba(0,0,0,0.2) !important; } + treechildren::-moz-tree-row(hover), + button:hover, + radiogroup > radio:hover, + #permList > .permission:hover{ + background-color: var(--uc-active-color) !important; + } + treechildren::-moz-tree-row(selected), + radiogroup > radio[selected]{ + background-color: var(--uc-border-color) !important; + } +} \ No newline at end of file From a6e7ba119f3532ef064469af043360c307da9b6e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 14 Dec 2018 05:02:48 +0200 Subject: [PATCH 0053/1101] adjust top margin in maximized windows --- chrome/Fx65_tabs_on_bottom.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 0773d59..f252355 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -7,12 +7,19 @@ right:0; height: 40px; } + +:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } +:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px } + :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } -#titlebar{ -moz-box-ordinal-group: 2 } +#titlebar{ + -moz-box-ordinal-group: 2; + -moz-appearance: none !important; +} :root[tabsintitlebar="true"] #nav-bar{ padding-right: calc(138px + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px) } .titlebar-placeholder, -#TabsToolbar > .toolbar-items > spacer{ display: none; } \ No newline at end of file +#TabsToolbar .titlebar-spacer{ display: none; } \ No newline at end of file From 769942cdc368e4e48f82f7478aeee8bc3dd33b6d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 16 Dec 2018 04:42:46 +0200 Subject: [PATCH 0054/1101] formatting --- chrome/theme_additional_windows.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/chrome/theme_additional_windows.css b/chrome/theme_additional_windows.css index c44a92d..fb07649 100644 --- a/chrome/theme_additional_windows.css +++ b/chrome/theme_additional_windows.css @@ -1,3 +1,7 @@ +/* Color editing should generally be done in theme_color_variables.css */ + +/*!!! IMPORT theme_color_variables.css !!!*/ + /* Library window */ @-moz-document url(chrome://browser/content/places/places.xul){ :root{ background-color: var(--uc-light-bkgnd-color) !important;} @@ -23,6 +27,7 @@ #placesMenu > menu{ border: none !important; } #detailsDeck{ color: var(--uc-text-color) } } + /* Page-info window */ @-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul){ #main-window, @@ -40,12 +45,10 @@ background-color: var(--uc-light-bkgnd-color) !important; color: var(--uc-text-color) !important; } - tree{ background: transparent !important; color: var(--uc-text-color) !important; } - treecol:not([hideheader]){ height: 24px; } treecol:hover{ filter: brightness(140%) } treechildren{ background-color: var(--uc-light-bkgnd-color) !important; } From c95fb2f77b30f2505aecbbb4c72f1de8bb264edd Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 16 Dec 2018 04:43:06 +0200 Subject: [PATCH 0055/1101] New file --- chrome/multi-row_tabs.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 chrome/multi-row_tabs.css diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css new file mode 100644 index 0000000..20c89b6 --- /dev/null +++ b/chrome/multi-row_tabs.css @@ -0,0 +1,27 @@ +/* Makes tabs to appear on multiple lines */ +/* Tab reordering will not work */ + +#tabbrowser-tabs, +#tabbrowser-tabs > .tabbrowser-arrowscrollbox{ + min-height: unset !important; +} +#tabbrowser-tabs .scrollbox-innerbox{ + display: flex; + flex-wrap: wrap; +} +#tabbrowser-tabs .arrowscrollbox-scrollbox { + overflow: -moz-hidden-unscrollable; + display: block; +} +.tabbrowser-tab{ max-height: 32px } + +.tabbrowser-tab[fadein]{ + min-width: 100px !important; + flex-grow: 1; + /* + Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible + Don't set to none or you'll see errors in console when closing tabs + */ + /*max-width: 100vw !important;*/ +} +.tabbrowser-tab > stack{ width: 100%; height: 100% } \ No newline at end of file From 2b735d2853ca8000758192e3c4e5a5a1fe95cc01 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 19 Dec 2018 08:16:40 +0200 Subject: [PATCH 0056/1101] Use correct menubar height --- chrome/hide_tabs_with_one_tab.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index f322c86..f6edcf8 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -32,8 +32,8 @@ :root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } /* Fix window controls not being clickable */ #toolbar-menubar:hover{ - min-height: initial !important; - height: initial !important; + min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; + height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; -moz-appearance: initial !important; } #nav-bar{ padding: 0 var(--window-drag-space-width,0px) } \ No newline at end of file From 3c277a38c003d51156ed55da3fe45f55caaea7a7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 19 Dec 2018 08:17:51 +0200 Subject: [PATCH 0057/1101] Set menubar window controls to be transparent when inactive --- chrome/Fx65_tabs_on_bottom.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index f252355..c4d8301 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -7,6 +7,7 @@ right:0; height: 40px; } +#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 } :root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } :root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px } From 692e62a5ad763d749b513f42ea4c907ba269b432 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 19 Dec 2018 19:38:03 +0200 Subject: [PATCH 0058/1101] New file --- content/about_page_scrollbars.css | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 content/about_page_scrollbars.css diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css new file mode 100644 index 0000000..16e64cd --- /dev/null +++ b/content/about_page_scrollbars.css @@ -0,0 +1,8 @@ +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@-moz-document url-prefix("about:"){ + xul|page, + xul|scrollbar{ + scrollbar-color: rgb(210,210,210) rgb(46,54,69); + scrollbar-width: thin; + } +} \ No newline at end of file From 3706f37666b678c020f4c3cd21ee175a1d921f0e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 19 Dec 2018 19:45:01 +0200 Subject: [PATCH 0059/1101] Add fallback color to :root so windows won't break without variables --- chrome/theme_additional_windows.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/chrome/theme_additional_windows.css b/chrome/theme_additional_windows.css index fb07649..5ba9f4d 100644 --- a/chrome/theme_additional_windows.css +++ b/chrome/theme_additional_windows.css @@ -4,7 +4,7 @@ /* Library window */ @-moz-document url(chrome://browser/content/places/places.xul){ - :root{ background-color: var(--uc-light-bkgnd-color) !important;} + :root{ background-color: var(--uc-light-bkgnd-color,black) !important;} #placesToolbar, tree{ background: transparent !important; @@ -32,8 +32,8 @@ @-moz-document url(chrome://browser/content/pageinfo/pageInfo.xul){ #main-window, #topBar{ - background-color: var(--uc-dark-bkgnd-color) !important; - color: var(--uc-text-color) !important; + background-color: var(--uc-dark-bkgnd-color,black) !important; + color: var(--uc-text-color,white) !important; } textbox{ color: var(--uc-text-color) !important; } From 880f03ecae119dd0940b31b60c4896fdc7fae8bc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 19 Dec 2018 19:48:22 +0200 Subject: [PATCH 0060/1101] formatting --- content/about_page_scrollbars.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index 16e64cd..24b5a43 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -1,7 +1,7 @@ @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url-prefix("about:"){ xul|page, - xul|scrollbar{ + xul|scrollbar{ scrollbar-color: rgb(210,210,210) rgb(46,54,69); scrollbar-width: thin; } From f83195416a5d33f955fb71b5ae8d8e245f667dc1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 27 Dec 2018 18:41:09 +0200 Subject: [PATCH 0061/1101] new file --- chrome/floating_searchbar_on_top.css | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 chrome/floating_searchbar_on_top.css diff --git a/chrome/floating_searchbar_on_top.css b/chrome/floating_searchbar_on_top.css new file mode 100644 index 0000000..673b149 --- /dev/null +++ b/chrome/floating_searchbar_on_top.css @@ -0,0 +1,10 @@ +findbar{ + -moz-box-ordinal-group: 0; + margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); + position: relative; + border-top: none !important; + transition: none !important; + border-bottom: 1px solid var(--chrome-content-separator-color); +} +/* Uncomment for reverse order - search-field on right */ +/* findbar > .findbar-container { -moz-box-direction: reverse } */ \ No newline at end of file From f0427b891a3fb100b188b7cd64080c007b30e38d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 27 Dec 2018 19:07:12 +0200 Subject: [PATCH 0062/1101] Add subtle transition --- chrome/floating_searchbar_on_top.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/chrome/floating_searchbar_on_top.css b/chrome/floating_searchbar_on_top.css index 673b149..101e368 100644 --- a/chrome/floating_searchbar_on_top.css +++ b/chrome/floating_searchbar_on_top.css @@ -1,10 +1,10 @@ findbar{ - -moz-box-ordinal-group: 0; - margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); - position: relative; - border-top: none !important; - transition: none !important; + -moz-box-ordinal-group: 0; + margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); + position: relative; + border-top: none !important; border-bottom: 1px solid var(--chrome-content-separator-color); + transition: transform 82ms linear, opacity 82ms linear 32ms !important; } /* Uncomment for reverse order - search-field on right */ /* findbar > .findbar-container { -moz-box-direction: reverse } */ \ No newline at end of file From b468ba2a9a77f2b5e8629515693cdb55157f8e0e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 27 Dec 2018 19:08:57 +0200 Subject: [PATCH 0063/1101] rename searchbar -> findbar --- ...{floating_searchbar_on_top.css => floating_findbar_on_top.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename chrome/{floating_searchbar_on_top.css => floating_findbar_on_top.css} (100%) diff --git a/chrome/floating_searchbar_on_top.css b/chrome/floating_findbar_on_top.css similarity index 100% rename from chrome/floating_searchbar_on_top.css rename to chrome/floating_findbar_on_top.css From 38ebc721935acf9a572b8e3b19ba279b3597526f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 28 Dec 2018 05:29:03 +0200 Subject: [PATCH 0064/1101] Make findbar not full width and remove support for left positioning --- chrome/floating_findbar_on_top.css | 35 ++++++++++++++++++++++++------ 1 file changed, 28 insertions(+), 7 deletions(-) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index 101e368..aa97d48 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -1,10 +1,31 @@ findbar{ - -moz-box-ordinal-group: 0; - margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); - position: relative; - border-top: none !important; - border-bottom: 1px solid var(--chrome-content-separator-color); + -moz-box-ordinal-group: 0; + margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); + position: relative; + border-top: none !important; transition: transform 82ms linear, opacity 82ms linear 32ms !important; + background: none !important; + pointer-events: none; } -/* Uncomment for reverse order - search-field on right */ -/* findbar > .findbar-container { -moz-box-direction: reverse } */ \ No newline at end of file + +findbar[hidden]{ transform: translateY(-30px);} + +findbar > .findbar-container, +findbar > .close-icon{ + border: 1px solid var(--chrome-content-separator-color); + border-width: 0 0 1px 0px; + background: var(--toolbar-bgcolor) !important; + pointer-events: auto; +} +findbar > .findbar-container{ + -moz-box-direction: reverse; + border-left-width: 1px; +} + +findbar > .findbar-container > hbox{ margin: 0 5px } + +findbar::before{ + content:""; + display: -moz-box; + -moz-box-flex: 100; +} \ No newline at end of file From cb32d2f91412cc8aa4c615c4b0cb2264d4003c22 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 28 Dec 2018 16:00:36 +0200 Subject: [PATCH 0065/1101] Don't be needlessly specific when selecting findbar --- chrome/theme_toolbars.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index a0418ad..59bd149 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -12,13 +12,13 @@ #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), #browser-bottombox, -.browserContainer > findbar, +findbar, .searchbar-textbox{ background-color: var(--uc-light-bkgnd-color) !important; color: var(--uc-text-color) !important; } -.browserContainer > findbar{ background-image: none !important; } +findbar{ background-image: none !important; } #TabsToolbar, #toolbar-menubar, From 9492574fc82d0b9ec09c435545d6a10a2f6744c7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 28 Dec 2018 16:17:23 +0200 Subject: [PATCH 0066/1101] Use more subtle styling in findbar --- chrome/theme_toolbars.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 59bd149..1b36cc5 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -61,13 +61,21 @@ findbar{ background-image: none !important; } #page-action-buttons image:hover, .urlbar-icon:hover, #TabsToolbar .scrollbutton-down:hover, -#TabsToolbar .scrollbutton-up:hover, -findbar toolbarbutton:not([disabled]):hover, -findbar toolbarbutton[checked="true"]{ +#TabsToolbar .scrollbutton-up:hover{ background-color: var(--uc-active-color) !important; box-shadow: inset 0 0 1px 1px var(--uc-border-color) !important; } +findbar toolbarbutton:not([disabled]):not(.close-icon):hover, +findbar toolbarbutton[checked="true"], +findbar > .findbar-closebutton:hover > .toolbarbutton-icon{ + background-color: var(--uc-active-color) !important; +} + +.findbar-textbox{ border-right: none !important; } +.findbar-find-next{ border-left: none !important; } +.findbar-textbox:focus-within ~ toolbarbutton{ border-color: var(--toolbar-field-focus-border-color, Highlight) !important; } + /* Override some special cases */ #TabsToolbar .scrollbutton-down > .toolbarbutton-icon, #TabsToolbar .scrollbutton-up > .toolbarbutton-icon, From c10491106440d58961a07ca15c819db91c2cbc92 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 28 Dec 2018 16:18:26 +0200 Subject: [PATCH 0067/1101] Use uc_theme_light_bkgnd_color if available --- chrome/floating_findbar_on_top.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index aa97d48..fb8b47d 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -1,8 +1,8 @@ findbar{ - -moz-box-ordinal-group: 0; - margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); - position: relative; - border-top: none !important; + -moz-box-ordinal-group: 0; + margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); + position: relative; + border-top: none !important; transition: transform 82ms linear, opacity 82ms linear 32ms !important; background: none !important; pointer-events: none; @@ -14,7 +14,7 @@ findbar > .findbar-container, findbar > .close-icon{ border: 1px solid var(--chrome-content-separator-color); border-width: 0 0 1px 0px; - background: var(--toolbar-bgcolor) !important; + background: background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important; pointer-events: auto; } findbar > .findbar-container{ From 888c26bf3d4038369aa60d7c07513c993cb3bd76 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 07:16:30 +0200 Subject: [PATCH 0068/1101] Fix typo and offset findbar to make room for scrollbar --- chrome/floating_findbar_on_top.css | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index fb8b47d..1866d19 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -14,7 +14,7 @@ findbar > .findbar-container, findbar > .close-icon{ border: 1px solid var(--chrome-content-separator-color); border-width: 0 0 1px 0px; - background: background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important; + background: var(--uc-light-bkgnd-color,var(--toolbar-bgcolor)) !important; pointer-events: auto; } findbar > .findbar-container{ @@ -28,4 +28,13 @@ findbar::before{ content:""; display: -moz-box; -moz-box-flex: 100; +} + +/* +Move findbar so it isn't over the scrollbar +Delete if you want findbar to begin from right window edge +*/ +findbar{ + margin-right: 16px; + border-right: 1px solid var(--chrome-content-separator-color); } \ No newline at end of file From 0a105ff168d2b6dc046fc26c33cffcc934644954 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 07:17:39 +0200 Subject: [PATCH 0069/1101] Fix quick-find height --- chrome/floating_findbar_on_top.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index 1866d19..a816444 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -8,6 +8,11 @@ findbar{ pointer-events: none; } +.findbar-container > .findbar-find-fast{ + padding: var(--toolbarbutton-inner-padding) 0; + margin: 0 !important; +} + findbar[hidden]{ transform: translateY(-30px);} findbar > .findbar-container, From c1611efa2f713bf9c7713f63382b4c555dbcb210 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 08:04:48 +0200 Subject: [PATCH 0070/1101] Incease post-tab spacer width so tabs won't overlay window controls --- chrome/hide_tabs_with_one_tab_w_window_controls.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index e06d5a7..84200bd 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -9,6 +9,10 @@ /* We'll use window controls from menubar instead */ #TabsToolbar > .titlebar-buttonbox-container { display: none } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } + +#TabsToolbar > .titlebar-spacer[type="post-tabs"]{ width: 178px !important; } +#toolbar-menubar > spacer{ pointer-events: none } + :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button{ -moz-appearance: none !important; height: 0px; From 635854aaef8264c9c693378d0eeafbf8d8298deb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 10:52:33 +0200 Subject: [PATCH 0071/1101] set scrollbar-width globally since it's not inherited --- content/css_scrollbar_width_color.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css index cbde0c4..70ccb7e 100644 --- a/content/css_scrollbar_width_color.css +++ b/content/css_scrollbar_width_color.css @@ -1,6 +1,4 @@ /* Scrollbar colors and width - applied globally */ @namespace url("http://www.w3.org/1999/xhtml"); -:root{ - scrollbar-color: rgb(210,210,210) rgb(46,54,69); - scrollbar-width: thin; -} \ No newline at end of file +:root{ scrollbar-color: rgb(210,210,210) rgb(46,54,69); } +*{ scrollbar-width: thin } \ No newline at end of file From 3c01d18d656457deaab8a9562b139ea4df1e5ed8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 17:12:54 +0200 Subject: [PATCH 0072/1101] remove unnecessary semicolon --- content/css_scrollbar_width_color.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css index 70ccb7e..079e5d9 100644 --- a/content/css_scrollbar_width_color.css +++ b/content/css_scrollbar_width_color.css @@ -1,4 +1,4 @@ /* Scrollbar colors and width - applied globally */ @namespace url("http://www.w3.org/1999/xhtml"); -:root{ scrollbar-color: rgb(210,210,210) rgb(46,54,69); } +:root{ scrollbar-color: rgb(210,210,210) rgb(46,54,69) } *{ scrollbar-width: thin } \ No newline at end of file From 0a7063b360145e6327a5ce1f3debafd1644a506a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 17:13:59 +0200 Subject: [PATCH 0073/1101] Make colors more easily compatible with other stylesheets --- chrome/theme_toolbars.css | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 1b36cc5..4e3024d 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -6,14 +6,14 @@ /* Override some default variables - stylesheet compatibility */ :root{ --lwt-toolbar-field-background-color: var(--uc-dark-bkgnd-color) !important; - --lwt-toolbar-field-border-color: transparent !important;) + --lwt-toolbar-field-border-color: transparent !important; + --toolbar-bgcolor: var(--uc-light-bkgnd-color) !important; } #nav-bar{--uc-ext-active-color: var(--uc-active-color);} #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), #browser-bottombox, -findbar, -.searchbar-textbox{ +findbar{ background-color: var(--uc-light-bkgnd-color) !important; color: var(--uc-text-color) !important; } @@ -22,15 +22,24 @@ findbar{ background-image: none !important; } #TabsToolbar, #toolbar-menubar, -.searchbar-textbox, -.findbar-textbox, .findbar-find-previous, .findbar-find-next, -#urlbar{ - background-color: var(--uc-dark-bkgnd-color) !important; +#urlbar, +.findbar-textbox, +.searchbar-textbox{ color: var(--uc-text-color) !important; } +#TabsToolbar, +#toolbar-menubar{ + background-color: var(--uc-dark-bkgnd-color) !important; +} + +.findbar-find-previous, +.findbar-find-next{ + background-color: var(--lwt-toolbar-field-background-color) !important; +} + #urlbar{ border-color: transparent !important; } #urlbar[focused]{ From 974d728ba9c841df9b035d7b6c3d36cff33a9992 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 17:17:15 +0200 Subject: [PATCH 0074/1101] Use toolbar background as fallback-color --- chrome/status_inside_urlbar.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 8e8c8fb..3a411d9 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -25,6 +25,8 @@ color: inherit !important; } +#statuspanel-inner{ background-color: var(--toolbar-bgcolor) } + #statuspanel{ color: lightpink; z-index: -1; } #statuspanel[type="status"] { color: skyblue } From 88e060cd30b67b7d102ccb92eb9969ed2cf1c6fb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 17:18:42 +0200 Subject: [PATCH 0075/1101] New file --- chrome/minimal_text_fields.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 chrome/minimal_text_fields.css diff --git a/chrome/minimal_text_fields.css b/chrome/minimal_text_fields.css new file mode 100644 index 0000000..11b8550 --- /dev/null +++ b/chrome/minimal_text_fields.css @@ -0,0 +1,23 @@ +:root{ + --lwt-toolbar-field-background-color: transparent !important; + --lwt-toolbar-field-border-color: transparent !important; +} + +#urlbar, +.searchbar-textbox{ + box-shadow: none !important; +} + +#urlbar > *, +.searchbar-textbox > *{ + opacity: 0; + transition: opacity 150ms linear +} + +#urlbar > .urlbar-input-box, +.searchbar-textbox > moz-input-box{ opacity: 0.6 } + +#urlbar:hover > *, +#urlbar:focus-within > *, +.searchbar-textbox:hover > *, +.searchbar-textbox:focus-within > *{ opacity: 1 } \ No newline at end of file From 48f3796dc99d0bee711246a3f1db3ca3e9949dc9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 29 Dec 2018 17:21:06 +0200 Subject: [PATCH 0076/1101] Add notification that theme files should be imported first --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 80d9ad4..e95aa8a 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,9 @@ You can import the stylesheets with @-rule import like this: ## Important! -Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. +Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. + +**Most notably, you are advised to import theme_ files before any other modules.** # Theme From 70a0098b6f744ab4916207b0ac40c275207a152a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 30 Dec 2018 07:02:26 +0200 Subject: [PATCH 0077/1101] small fix --- chrome/floating_findbar_on_top.css | 2 +- chrome/theme_toolbars.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index a816444..6534fad 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -9,7 +9,7 @@ findbar{ } .findbar-container > .findbar-find-fast{ - padding: var(--toolbarbutton-inner-padding) 0; + padding: var(--toolbarbutton-inner-padding) 1px; margin: 0 !important; } diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 4e3024d..009b010 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -81,7 +81,7 @@ findbar > .findbar-closebutton:hover > .toolbarbutton-icon{ background-color: var(--uc-active-color) !important; } -.findbar-textbox{ border-right: none !important; } +.findbar-textbox:not(.minimal){ border-right: none !important; } .findbar-find-next{ border-left: none !important; } .findbar-textbox:focus-within ~ toolbarbutton{ border-color: var(--toolbar-field-focus-border-color, Highlight) !important; } From 8eb48c90b6e495f4398772c7eb78c57de995cf83 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 30 Dec 2018 11:49:16 +0200 Subject: [PATCH 0078/1101] New file --- chrome/tabs_fill_available_width.css | 2 ++ 1 file changed, 2 insertions(+) create mode 100644 chrome/tabs_fill_available_width.css diff --git a/chrome/tabs_fill_available_width.css b/chrome/tabs_fill_available_width.css new file mode 100644 index 0000000..6aef0f4 --- /dev/null +++ b/chrome/tabs_fill_available_width.css @@ -0,0 +1,2 @@ +/* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */ +.tabbrowser-tab[fadein]{ max-width: 100vw !important } \ No newline at end of file From 8ad4b2cfb29728895377f632b2aadc1cb39d0f15 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 30 Dec 2018 14:26:26 +0200 Subject: [PATCH 0079/1101] New file --- chrome/minimal_toolbarbuttons.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 chrome/minimal_toolbarbuttons.css diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css new file mode 100644 index 0000000..5da0bf0 --- /dev/null +++ b/chrome/minimal_toolbarbuttons.css @@ -0,0 +1,19 @@ +/* Create a circular placeholder for toolbarbutton and downscale to hide them */ + +/* Create a placeholder for buttons */ +toolbar .toolbarbutton-1{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 15%,transparent 20% ) } +/* Hide placeholder on hover */ +toolbar:hover .toolbarbutton-1{ background-image: none } + +toolbar .toolbarbutton-1 > *{ + transform: scale(0); + transition: transform 82ms linear !important; +} +toolbar:hover .toolbarbutton-1 > *, +.toolbarbutton-1[open] > *{ + transform: scale(1) +} + +/* Urlbar icons, this way they show colors is applicable */ +.urlbar-icon{ transition: transform 82ms linear !important; } +#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) } \ No newline at end of file From cb64cb353cd764c384c227f48ff8a31891f52385 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 31 Dec 2018 13:34:01 +0200 Subject: [PATCH 0080/1101] New file --- chrome/combined_favicon_and_tab_close_button.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 chrome/combined_favicon_and_tab_close_button.css diff --git a/chrome/combined_favicon_and_tab_close_button.css b/chrome/combined_favicon_and_tab_close_button.css new file mode 100644 index 0000000..c730f14 --- /dev/null +++ b/chrome/combined_favicon_and_tab_close_button.css @@ -0,0 +1,13 @@ +/* Show tab close button when cursor is over the tab icon */ + +.tab-close-button{ + -moz-box-ordinal-group: 0; + display: -moz-box !important; + position: relative; + margin-right: -18px !important; + z-index: -1; + visibility: hidden; +} +.tab-close-button:hover{ background-color: var(--lwt-accent-color); } +.tabbrowser-tab[selected] .tab-close-button:hover{ background-color: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); } +.tab-icon-image:hover ~ .tab-close-button, .tab-close-button:hover{ visibility: visible; z-index: 1 } \ No newline at end of file From fe39d0f72e1032e653b7335ac352b38f129ebce1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 31 Dec 2018 16:04:32 +0200 Subject: [PATCH 0081/1101] Add option to handle no-favicon scenario --- .../combined_favicon_and_tab_close_button.css | 29 ++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/chrome/combined_favicon_and_tab_close_button.css b/chrome/combined_favicon_and_tab_close_button.css index c730f14..9cfce31 100644 --- a/chrome/combined_favicon_and_tab_close_button.css +++ b/chrome/combined_favicon_and_tab_close_button.css @@ -8,6 +8,33 @@ z-index: -1; visibility: hidden; } + .tab-close-button:hover{ background-color: var(--lwt-accent-color); } + .tabbrowser-tab[selected] .tab-close-button:hover{ background-color: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); } -.tab-icon-image:hover ~ .tab-close-button, .tab-close-button:hover{ visibility: visible; z-index: 1 } \ No newline at end of file + +/**** ONLY USE ONE OF THE FOLLOWING ****/ +/**** These select the behavior of a scenario where the page has no favicon ****/ + +/*** Option 1 - no favicon - no close-button ***/ + +/* +.tab-icon-image:hover ~ .tab-close-button, .tab-close-button:hover{ visibility: visible; z-index: 1 } +*/ + +/*** Option 2 - No icon - always show close-button ***/ + +/* +.tab-icon-image:hover ~ .tab-close-button, +.tab-close-button:hover, +.tab-icon-image:not([src]) ~ .tab-close-button{ visibility: visible; z-index: 1 } +.tab-icon-image:not([src]) ~ .tab-close-button{ margin-right:0px !important; } +*/ + +/*** Option 3 - No icon - show close-button when cursor is over the tab text ***/ + +.tab-icon-image:hover ~ .tab-close-button, +.tab-close-button:hover, +.tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button{ visibility: visible; z-index: 1 } +.tab-icon-image:not([src]) ~ .tab-label-container:hover ~ .tab-close-button, +.tab-icon-image:not([src]) ~ .tab-close-button:hover {margin-right: 0px !important; } \ No newline at end of file From a82dfbfe708ae83ef596f04063fdefb3a9b4c639 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 31 Dec 2018 20:39:55 +0200 Subject: [PATCH 0082/1101] Include window controls --- chrome/minimal_toolbarbuttons.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 5da0bf0..54c91dd 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -1,19 +1,28 @@ /* Create a circular placeholder for toolbarbutton and downscale to hide them */ /* Create a placeholder for buttons */ -toolbar .toolbarbutton-1{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 15%,transparent 20% ) } +toolbar .toolbarbutton-1:not([open]), +.titlebar-button{ + background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% ); +} /* Hide placeholder on hover */ -toolbar:hover .toolbarbutton-1{ background-image: none } +toolbar:hover .toolbarbutton-1,.titlebar-buttonbox:hover > .titlebar-button{ background-image: none } -toolbar .toolbarbutton-1 > *{ +toolbar .toolbarbutton-1 > *, +.titlebar-button > *{ transform: scale(0); transition: transform 82ms linear !important; } toolbar:hover .toolbarbutton-1 > *, -.toolbarbutton-1[open] > *{ +.toolbarbutton-1[open] > *, +.titlebar-buttonbox:hover > .titlebar-button > *{ transform: scale(1) } /* Urlbar icons, this way they show colors is applicable */ .urlbar-icon{ transition: transform 82ms linear !important; } -#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) } \ No newline at end of file +#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) } + +/* The menu button has some margin on non-compact density which creates annnoying transitions */ +/* Lets remove that as well as border since this is minimal style anyway */ +#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } \ No newline at end of file From 0f2df2c1d78fdf5e0737aa2519b6b1e32eb3b9b8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 1 Jan 2019 11:40:44 +0200 Subject: [PATCH 0083/1101] Add instructions on how to correctly load user*.css files --- README.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/README.md b/README.md index e95aa8a..5e95486 100644 --- a/README.md +++ b/README.md @@ -2,8 +2,35 @@ Stylesheets in this repository are tested only on Windows 10. They should work on current Nightlies but also generally on latest release Firefox unless otherwise noted. +# Loading user*.css files + +1. Find your profile folder, if Firefox is running you can find by going to about:support and there should be a button with label "Open Folder" under application basics +2. Create a new folder to the profile folder and name it "chrome" +3. userChrome.css and userContent.css files should be created inside this chrome-folder. + +Clone this repository or individual files inside that newly created chrome-folder. +In the end you should have a folder structure like this: + +``` + +|_chrome +| |_chrome +| |_content +| |_userChrome.css +| |_userContent.css +|_extensions +|_prefs.js +... +all other profile folders and files +... +``` + +In short, create a parent chrome folder to the same directory where prefs.js is - the main profile folder. Firefox loads userContent.css and userChrome.css files only from that non-default chrome-folder. + # Usage +Stylesheets are divided in to chrome and content folders. The difference is that styles inside "content" affect web-pages whereas styles inside "chrome" affect browser UI. + Use stylesheets under "chrome" in userChrome.css Use stylesheets under "content" in userContent.css From 4adb183dadd7d2448ceda32f00f4cba446df9680 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 3 Jan 2019 16:34:07 +0200 Subject: [PATCH 0084/1101] Change fallback-color and and notice for transparent themes --- chrome/status_inside_urlbar.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 3a411d9..89f3475 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -24,8 +24,8 @@ font-size: larger; color: inherit !important; } - -#statuspanel-inner{ background-color: var(--toolbar-bgcolor) } +/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ +#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) } #statuspanel{ color: lightpink; z-index: -1; } #statuspanel[type="status"] { color: skyblue } From f69bc7d2cfa461c4c4fa0ea114b3c478df890008 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 14 Jan 2019 17:49:49 +0200 Subject: [PATCH 0085/1101] New file --- chrome/vertical_context_navigation.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 chrome/vertical_context_navigation.css diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css new file mode 100644 index 0000000..4608d8a --- /dev/null +++ b/chrome/vertical_context_navigation.css @@ -0,0 +1,17 @@ +/* This very likely only works properly on Windows10 */ + +#contentAreaContextMenu > .popup-internal-box > .arrowscrollbox-scrollbox{ +display: grid; +/* 30px will be basically the width of the navigation buttons */ +grid-template-columns: 30px 1fr; +grid-template-rows: 0px +} +#contentAreaContextMenu > .popup-internal-box > .arrowscrollbox-scrollbox::before{ + content: ""; + grid-area: auto / 2 / auto / 2; +} +#context-navigation{-moz-box-orient: vertical; grid-area: 1 / 1 / auto / 1 } +#context-sep-navigation{ display: none } +#context-navigation ~ * { grid-area: auto / 2 / auto / 2; } +#context-navigation ~ * { margin-inline-start: -1.45em !important; } +#context-navigation ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } \ No newline at end of file From fe7017dc1b7536f3d8e00c96cd1fab27d2832bc6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 15 Jan 2019 16:58:40 +0200 Subject: [PATCH 0086/1101] Add description --- chrome/menubar_in_toolbar.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_toolbar.css index f36606f..80818e1 100644 --- a/chrome/menubar_in_toolbar.css +++ b/chrome/menubar_in_toolbar.css @@ -1,3 +1,4 @@ +/* Makes menubar to appear in tabs toolbar pushing tabs to the side */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ margin-left:300px !important; margin-top: -26px !important; From 571f77d71939d9f912ac6a091996b17ab2399daa Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 15 Jan 2019 16:58:59 +0200 Subject: [PATCH 0087/1101] Multirow-tabs for Firefox66+ --- chrome/multi-row_tabs_Fx66+.css | 35 +++++++++++++++++++ .../multi-row_tabs_window_control_patch.css | 30 ++++++++++++++++ 2 files changed, 65 insertions(+) create mode 100644 chrome/multi-row_tabs_Fx66+.css create mode 100644 chrome/multi-row_tabs_window_control_patch.css diff --git a/chrome/multi-row_tabs_Fx66+.css b/chrome/multi-row_tabs_Fx66+.css new file mode 100644 index 0000000..ce03aeb --- /dev/null +++ b/chrome/multi-row_tabs_Fx66+.css @@ -0,0 +1,35 @@ +/* For Firefox 66+ */ +/* Use multi-row_tabs_window_control_patch.css to hide window controls if you wish */ + + +#tabbrowser-tabs{ + min-height: unset !important; +} +#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ + display: flex; + flex-wrap: wrap; +} +#tabbrowser-tabs > .tabbrowser-arrowscrollbox { + overflow: -moz-hidden-unscrollable; + display: block; +} +.tabbrowser-tab{ max-height: 32px; } +.tabbrowser-tab[fadein]:not([pinned]){ + min-width: 100px !important; + flex-grow: 1; + /* + Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible + Don't set to none or you'll see errors in console when closing tabs + */ + /*max-width: 100vw !important;*/ +} + +.tabbrowser-tab > stack{ width: 100%; height: 100%; } + +.tabbrowser-tab[pinned]{ position: static !important; } + +#tabbrowser-tabs .scrollbutton-up, +#tabbrowser-tabs .scrollbutton-down, +#alltabs-button, +#TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer{ display: none } \ No newline at end of file diff --git a/chrome/multi-row_tabs_window_control_patch.css b/chrome/multi-row_tabs_window_control_patch.css new file mode 100644 index 0000000..0c6da83 --- /dev/null +++ b/chrome/multi-row_tabs_window_control_patch.css @@ -0,0 +1,30 @@ +/* This is a supporting style for multirow_tabs_Fx66+ */ + +/* !! Use customize mode to make menubar permanently enabled !! */ + +/* 20px wide space on left and right to be able to drag the window */ +#TabsToolbar{ margin: 0 20px; } + +#titlebar{ -moz-box-direction: reverse; } +#toolbar-menubar{ + height: 40px; + margin-bottom: -40px; + background-color: var(--toolbar-bgcolor) +} +:root[uidensity="compact"] #toolbar-menubar{ height: 32px; margin-bottom: -32px } +#nav-bar{ padding-right: 138px; margin-left: 30px; } +#toolbar-menubar > #menubar-items{ + position: relative; + -moz-box-pack: center; + background-image: linear-gradient( to left,transparent,var(--toolbar-bgcolor) 35px); +} + +#main-menubar:last-child{ padding-inline-end: 40px } + +#toolbar-menubar > #menubar-items:hover{z-index: 2;} +#file-menu{ + padding-inline-start: 30px; + background: url(chrome://browser/skin/settings.svg) no-repeat 10px; + fill: currentColor; + -moz-context-properties: fill +} \ No newline at end of file From 6692069facd700d45bd3a8ee42740bb30e321bb3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 16 Jan 2019 22:21:08 +0200 Subject: [PATCH 0088/1101] new file --- chrome/multi-row_tabs_below_content_Fx66+.css | 117 ++++++++++++++++++ 1 file changed, 117 insertions(+) create mode 100644 chrome/multi-row_tabs_below_content_Fx66+.css diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css new file mode 100644 index 0000000..8bde514 --- /dev/null +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -0,0 +1,117 @@ +/* For Firefox 66+ only */ +/* !! Use customize mode to make menubar permanently enabled !! */ +/* !! Also, put one flexible space to the left side of the menubar !! */ + +/* Menubar will be behind nav-bar unless cursor is over window controls or right edge of the "settings" icon */ +/* Window can only be dragged from the settings icon or a ~20px space between menu button and window controls */ + + + +.tabbrowser-tab > stack{ width: 100%; height: 100%; } + +.tabbrowser-tab[pinned]{ position: static !important; } + +#tabbrowser-tabs .scrollbutton-up, +#tabbrowser-tabs .scrollbutton-down, +#alltabs-button, +#TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer{ display: none } + +/* Tabs below content */ + +:root{ --multirow-toolbar-height: 40px; } +:root[uidensity="compact"]{--multirow-toolbar-height: 32px} + +#navigator-toolbox{ -moz-box-ordinal-group: 2 } + +#nav-bar{ + position: fixed !important; + margin-right: 138px; + margin-left: 30px; + /* width == 100vw - margins */ + width: calc(100vw - 168px); + top: 0px; +} + +#nav-bar-overflow-button { +max-height: 32px !important; +transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) +} + +#PanelUI-button{ float: right; } + +#content-deck{ margin-top: var(--multirow-toolbar-height) } + +#nav-bar-customization-target{ width: calc(100% - 100px); } +:root[uidensity="compact"] #nav-bar-customization-target{ width: calc(100% - 82px); } + +#nav-bar > *, +#PanelUI-menu-button{ height: var(--multirow-toolbar-height); } + +/* 20px wide space on left and right to be able to drag the window */ + +#toolbar-menubar{ + height: var(--multirow-toolbar-height); + position: fixed; + top: 0px; + width: 100vw; + background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat; +} + +#toolbar-menubar > #menubar-items{ + -moz-box-pack: center; + height: 100%; +visibility: hidden; + + /*background-image: linear-gradient( to left,transparent,var(--toolbar-bgcolor) 35px);*/ +} +#toolbar-menubar:hover{ z-index: 2 } +#toolbar-menubar:hover > #menubar-items{ + visibility: visible; + background-image: linear-gradient( to left,transparent,var(--toolbar-non-lwt-bgcolor) 35px); +} + +#toolbar-menubar > .titlebar-buttonbox-container{float: right; height: 100%; background: var(--toolbar-bgcolor)} +#toolbar-menubar > .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100% ;} + +#main-menubar:last-child{ padding-inline-end: 40px } +#toolbar-menubar > toolbarspring { + background: url(chrome://browser/skin/settings.svg) no-repeat 10px; + height: 100%; + float: left; + fill: currentColor; + -moz-context-properties: fill; + min-width: 28px !important; + max-width: 28px !important; +} +#PanelUI-button{ margin-right: 20px; } + +#tabbrowser-tabs{ + min-height: unset !important; +} +#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ + display: flex; + flex-wrap: wrap; +} +#tabbrowser-tabs > .tabbrowser-arrowscrollbox { + overflow: -moz-hidden-unscrollable; + display: block; +} +.tabbrowser-tab{ max-height: var(--multirow-toolbar-height); min-height: var(--multirow-toolbar-height) } +.tabbrowser-tab[fadein]:not([pinned]){ + min-width: 100px !important; + flex-grow: 1; + /* + Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible + Don't set to none or you'll see errors in console when closing tabs + */ + /* max-width: 100vw !important;*/ +} + +/* Always show tab close button on hover and never otherwise */ +.tabbrowser-tab .tab-close-button{ + display:none; +} +.tabbrowser-tab:not([pinned]):hover .tab-close-button{ + display:-moz-box !important; +} \ No newline at end of file From 8d47d8cb19f89d2481e1bc1f432b764705c87035 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 16 Jan 2019 22:39:53 +0200 Subject: [PATCH 0089/1101] Fix maximized mode --- chrome/multi-row_tabs_below_content_Fx66+.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 8bde514..01c1aa1 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -1,6 +1,6 @@ /* For Firefox 66+ only */ /* !! Use customize mode to make menubar permanently enabled !! */ -/* !! Also, put one flexible space to the left side of the menubar !! */ +/* !! Also put one flexible space to the left side of the menubar !! */ /* Menubar will be behind nav-bar unless cursor is over window controls or right edge of the "settings" icon */ /* Window can only be dragged from the settings icon or a ~20px space between menu button and window controls */ @@ -19,18 +19,21 @@ /* Tabs below content */ -:root{ --multirow-toolbar-height: 40px; } +:root{ --multirow-toolbar-height: 40px; --multirow-top-padding: 0px } +:root[sizemode="maximized"]{ --multirow-top-padding: 8px } :root[uidensity="compact"]{--multirow-toolbar-height: 32px} #navigator-toolbox{ -moz-box-ordinal-group: 2 } +#titlebar{-moz-appearance: -moz-window-titlebar !important; } + #nav-bar{ position: fixed !important; margin-right: 138px; margin-left: 30px; /* width == 100vw - margins */ width: calc(100vw - 168px); - top: 0px; + top: var(--multirow-top-padding); } #nav-bar-overflow-button { @@ -40,8 +43,9 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #PanelUI-button{ float: right; } -#content-deck{ margin-top: var(--multirow-toolbar-height) } +#content-deck{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} +/* Restyle nav-bar and menubar */ #nav-bar-customization-target{ width: calc(100% - 100px); } :root[uidensity="compact"] #nav-bar-customization-target{ width: calc(100% - 82px); } @@ -53,7 +57,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #toolbar-menubar{ height: var(--multirow-toolbar-height); position: fixed; - top: 0px; + top: var(--multirow-top-padding); width: 100vw; background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat; } @@ -114,4 +118,4 @@ visibility: hidden; } .tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:-moz-box !important; -} \ No newline at end of file +} From 1229f5ba19981dab99ad5461b769b2398cdddaed Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 16 Jan 2019 22:43:13 +0200 Subject: [PATCH 0090/1101] Fix DOMfullscreen --- chrome/multi-row_tabs_below_content_Fx66+.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 01c1aa1..4491e23 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -43,7 +43,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #PanelUI-button{ float: right; } -#content-deck{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} +:root:not([inDOMFullscreen]) #content-deck{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} /* Restyle nav-bar and menubar */ #nav-bar-customization-target{ width: calc(100% - 100px); } @@ -52,8 +52,6 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #nav-bar > *, #PanelUI-menu-button{ height: var(--multirow-toolbar-height); } -/* 20px wide space on left and right to be able to drag the window */ - #toolbar-menubar{ height: var(--multirow-toolbar-height); position: fixed; @@ -66,8 +64,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) -moz-box-pack: center; height: 100%; visibility: hidden; - - /*background-image: linear-gradient( to left,transparent,var(--toolbar-bgcolor) 35px);*/ + } #toolbar-menubar:hover{ z-index: 2 } #toolbar-menubar:hover > #menubar-items{ From 9787beeb96e31fb1bd9aaf9a09b527ba810d44d4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 24 Jan 2019 13:35:40 +0200 Subject: [PATCH 0091/1101] Combine multi-row tabs for pre and post Firefox 66 and label the post-66 only obsolete --- chrome/multi-row_tabs.css | 63 +++++++++++++++++++++++++-------- chrome/multi-row_tabs_Fx66+.css | 3 +- 2 files changed, 51 insertions(+), 15 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 20c89b6..f640305 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -1,21 +1,49 @@ /* Makes tabs to appear on multiple lines */ -/* Tab reordering will not work */ +/* Tab reordering will not work and can't be made to work */ +/* On Firefox 66 you can use multi-row_tabs_window_control_patch.css to hide window controls if you wish */ -#tabbrowser-tabs, -#tabbrowser-tabs > .tabbrowser-arrowscrollbox{ +/* It's recommended to move tabs new-tab-button outside tabs toolbar */ + +#tabbrowser-tabs{ min-height: unset !important; + padding-inline-start: 0px !important } -#tabbrowser-tabs .scrollbox-innerbox{ - display: flex; - flex-wrap: wrap; -} -#tabbrowser-tabs .arrowscrollbox-scrollbox { - overflow: -moz-hidden-unscrollable; - display: block; -} -.tabbrowser-tab{ max-height: 32px } -.tabbrowser-tab[fadein]{ +/* Test for Firefox > 66 */ +@supports (inset-block:auto){ + #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ + display: flex; + flex-wrap: wrap; + } + #tabbrowser-tabs > .tabbrowser-arrowscrollbox { + overflow: -moz-hidden-unscrollable; + display: block; + } +} + +/* Test for Firefox < 66 */ +@supports not (inset-block:auto){ + #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ + min-height: unset !important; + } + #tabbrowser-tabs .scrollbox-innerbox{ + display: flex; + flex-wrap: wrap; + } + #tabbrowser-tabs .arrowscrollbox-scrollbox { + overflow: -moz-hidden-unscrollable; + display: block; + } +} + +.tabbrowser-tab{ max-height: 32px } +.tabbrowser-tab[pinned]{ + position: static !important; + margin-inline-start: 0px !important; +} + + +.tabbrowser-tab[fadein]:not([pinned]){ min-width: 100px !important; flex-grow: 1; /* @@ -24,4 +52,11 @@ */ /*max-width: 100vw !important;*/ } -.tabbrowser-tab > stack{ width: 100%; height: 100% } \ No newline at end of file + +.tabbrowser-tab > stack{ width: 100%; height: 100% } + +#tabbrowser-tabs .scrollbutton-up, +#tabbrowser-tabs .scrollbutton-down, +#alltabs-button, +:root:not([customizing]) #TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer{ display: none } \ No newline at end of file diff --git a/chrome/multi-row_tabs_Fx66+.css b/chrome/multi-row_tabs_Fx66+.css index ce03aeb..9f81de4 100644 --- a/chrome/multi-row_tabs_Fx66+.css +++ b/chrome/multi-row_tabs_Fx66+.css @@ -1,5 +1,6 @@ /* For Firefox 66+ */ /* Use multi-row_tabs_window_control_patch.css to hide window controls if you wish */ +/* This file is obsolete, you can use multi-row_tabs.css which should work on Firefox pre- and post-66 */ #tabbrowser-tabs{ @@ -31,5 +32,5 @@ #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, -#TabsToolbar #new-tab-button, +:root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer{ display: none } \ No newline at end of file From 8266515ed089380d7bec1d05e9adcf87208fef01 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 28 Jan 2019 21:04:23 +0200 Subject: [PATCH 0092/1101] Add configurable maximum rows before rows start to scroll --- chrome/multi-row_tabs.css | 17 ++++++-- chrome/multi-row_tabs_below_content_Fx66+.css | 43 +++++++++++++------ 2 files changed, 42 insertions(+), 18 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index f640305..888fadb 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -4,6 +4,11 @@ /* It's recommended to move tabs new-tab-button outside tabs toolbar */ +/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ +/* Scrollbar can't be clicked but the rows can be scrolled with mouse */ + +:root{ --multirow-n-rows: 3 } + #tabbrowser-tabs{ min-height: unset !important; padding-inline-start: 0px !important @@ -14,6 +19,10 @@ #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ display: flex; flex-wrap: wrap; + overflow-y: auto; + max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); + scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color); + scrollbar-width: thin; } #tabbrowser-tabs > .tabbrowser-arrowscrollbox { overflow: -moz-hidden-unscrollable; @@ -36,13 +45,12 @@ } } -.tabbrowser-tab{ max-height: 32px } -.tabbrowser-tab[pinned]{ +.tabbrowser-tab{ height: var(--tab-min-height); } +#tabbrowser-tabs .tabbrowser-tab[pinned]{ position: static !important; margin-inline-start: 0px !important; } - .tabbrowser-tab[fadein]:not([pinned]){ min-width: 100px !important; flex-grow: 1; @@ -59,4 +67,5 @@ #tabbrowser-tabs .scrollbutton-down, #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, -#tabbrowser-tabs spacer{ display: none } \ No newline at end of file +#tabbrowser-tabs spacer, +.tabbrowser-tab::after{ display: none } \ No newline at end of file diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 4491e23..3faf55d 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -5,23 +5,19 @@ /* Menubar will be behind nav-bar unless cursor is over window controls or right edge of the "settings" icon */ /* Window can only be dragged from the settings icon or a ~20px space between menu button and window controls */ +/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ +/* Scrollbar can't be clicked but the rows can be scrolled with mouse */ -.tabbrowser-tab > stack{ width: 100%; height: 100%; } +:root{ + --multirow-toolbar-height: 40px; + --multirow-top-padding: 0px; + --multirow-n-rows: 3; +} -.tabbrowser-tab[pinned]{ position: static !important; } - -#tabbrowser-tabs .scrollbutton-up, -#tabbrowser-tabs .scrollbutton-down, -#alltabs-button, -#TabsToolbar #new-tab-button, -#tabbrowser-tabs spacer{ display: none } - -/* Tabs below content */ - -:root{ --multirow-toolbar-height: 40px; --multirow-top-padding: 0px } :root[sizemode="maximized"]{ --multirow-top-padding: 8px } :root[uidensity="compact"]{--multirow-toolbar-height: 32px} +:root{ border-top-width: 0px !important } #navigator-toolbox{ -moz-box-ordinal-group: 2 } @@ -37,7 +33,7 @@ } #nav-bar-overflow-button { -max-height: 32px !important; +max-height: 31px !important; transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) } @@ -85,6 +81,7 @@ visibility: hidden; min-width: 28px !important; max-width: 28px !important; } + #PanelUI-button{ margin-right: 20px; } #tabbrowser-tabs{ @@ -93,12 +90,18 @@ visibility: hidden; #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ display: flex; flex-wrap: wrap; + max-height: calc(var(--multirow-toolbar-height) * var(--multirow-n-rows)); + overflow-y: auto; + scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color); + scrollbar-width: thin; } #tabbrowser-tabs > .tabbrowser-arrowscrollbox { overflow: -moz-hidden-unscrollable; display: block; } .tabbrowser-tab{ max-height: var(--multirow-toolbar-height); min-height: var(--multirow-toolbar-height) } +.tabbrowser-tab > stack{ width: 100%; height: 100%; } + .tabbrowser-tab[fadein]:not([pinned]){ min-width: 100px !important; flex-grow: 1; @@ -106,9 +109,21 @@ visibility: hidden; Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible Don't set to none or you'll see errors in console when closing tabs */ - /* max-width: 100vw !important;*/ + /*! max-width: 100vw !important; */ } +#tabbrowser-tabs .tabbrowser-tab[pinned]{ + position: static !important; + margin-inline-start: 0px !important; +} + +#tabbrowser-tabs .scrollbutton-up, +#tabbrowser-tabs .scrollbutton-down, +#alltabs-button, +#TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer, +.tabbrowser-tab::after{ display: none } /* Also disables tab separators since they mysteriously break tab-row scrolling */ + /* Always show tab close button on hover and never otherwise */ .tabbrowser-tab .tab-close-button{ display:none; From d0b647d5d85f3764bc0b6894c7ebbface634bb8a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 30 Jan 2019 15:34:26 +0200 Subject: [PATCH 0093/1101] Add !important to fix a case where one additional empty tab row is shown --- chrome/multi-row_tabs.css | 2 +- chrome/multi-row_tabs_below_content_Fx66+.css | 5 ++--- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 888fadb..3c0d744 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -68,4 +68,4 @@ #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, -.tabbrowser-tab::after{ display: none } \ No newline at end of file +.tabbrowser-tab::after{ display: none !important } \ No newline at end of file diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 3faf55d..2bbb5bc 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -59,8 +59,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #toolbar-menubar > #menubar-items{ -moz-box-pack: center; height: 100%; -visibility: hidden; - + visibility: hidden; } #toolbar-menubar:hover{ z-index: 2 } #toolbar-menubar:hover > #menubar-items{ @@ -122,7 +121,7 @@ visibility: hidden; #alltabs-button, #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, -.tabbrowser-tab::after{ display: none } /* Also disables tab separators since they mysteriously break tab-row scrolling */ +.tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */ /* Always show tab close button on hover and never otherwise */ .tabbrowser-tab .tab-close-button{ From 5b2bb17e1ea26ab4f8d80ab2ede9782e2346cf1d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 30 Jan 2019 16:13:42 +0200 Subject: [PATCH 0094/1101] new file --- ...65_tabs_on_bottom_menubar_on_top_patch.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css new file mode 100644 index 0000000..22da4b8 --- /dev/null +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -0,0 +1,19 @@ +/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */ +/* Only really useful if menubar is ALWAYS visible */ + +#navigator-toolbox{ margin-top: 22px } +#toolbar-menubar{ + position: fixed; + top: 0px; + height: 22px; + margin-top:1px; + width: 100%; + overflow: hidden; +} + +#toolbar-menubar .titlebar-buttonbox-container{ height: 22px; } +#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; } + +/* This will allow you to MAYBE put some items to the menubar */ +#toolbar-menubar > *{ float: left } +#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } \ No newline at end of file From 07368eb3b3ae9ef782d2ebfd4e8106b76d71bea3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 30 Jan 2019 16:16:38 +0200 Subject: [PATCH 0095/1101] Hide toolbox bottom border --- chrome/Fx65_tabs_on_bottom.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index c4d8301..3cfefdf 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -23,4 +23,6 @@ padding-left: var(--window-drag-space-width,0px) } .titlebar-placeholder, -#TabsToolbar .titlebar-spacer{ display: none; } \ No newline at end of file +#TabsToolbar .titlebar-spacer{ display: none; } +/* Also hide the toolbox bottom border which isn't at bottom with this setup */ +#navigator-toolbox::after{ display: none !important; } \ No newline at end of file From b4a34d2334fb03d397388a9a878cdabb7f83d2a9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 31 Jan 2019 05:33:58 +0200 Subject: [PATCH 0096/1101] Add comment about scrollable tabs being disabled on Firefox65 --- chrome/multi-row_tabs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 3c0d744..67fae4b 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -6,7 +6,8 @@ /* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ /* Scrollbar can't be clicked but the rows can be scrolled with mouse */ - +/* This maximum visible rows won't work before Fx66 */ +/* So this setting does nothing on Fx65 and all tab rows will be shown */ :root{ --multirow-n-rows: 3 } #tabbrowser-tabs{ From 93f92a65a6c01df8e376b1f74dee604e0091531b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 1 Feb 2019 22:06:01 +0200 Subject: [PATCH 0097/1101] Set titlebar appearance to none in normal windows --- chrome/hide_toolbox_top_bottom_borders.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/chrome/hide_toolbox_top_bottom_borders.css b/chrome/hide_toolbox_top_bottom_borders.css index 3fe6799..29c6122 100644 --- a/chrome/hide_toolbox_top_bottom_borders.css +++ b/chrome/hide_toolbox_top_bottom_borders.css @@ -1,6 +1,11 @@ -#main-window[sizemode="normal"]{ border-top: none !important } +:root[sizemode="normal"]{ border-top: none !important } #navigator-toolbox::after{ content: none !important } +/* Removes few remaining extra lines above tabs in non-maximized windows */ +/* Also prevents small vertical shift when moving tabs in compact density - who knows why */ +:root[sizemode="normal"] #titlebar{ -moz-appearance: none !important; } + + /* OPTIONAL - uncomment to remove still remaining space atop of tabs */ /* This just increases the height of tabs by few pixels, not decrease the toolbar height */ From dfb27f1c23e0af14260f8d0a47a7a32fa2cd26e6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 3 Feb 2019 11:05:37 +0200 Subject: [PATCH 0098/1101] Hide the status when urlbar is hovered --- chrome/status_inside_urlbar.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 89f3475..799177b 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -9,8 +9,10 @@ width: 100%; height: 100%; pointer-events:none; - background: -moz-element(#statuspanel) left calc(90% - var(--toolbarbutton-outer-padding)) no-repeat !important; + background: -moz-element(#statuspanel) left calc(100% - var(--toolbarbutton-outer-padding)) no-repeat !important; } +/* Hide the status ovelay when urlbar is hovered */ +#urlbar:hover .urlbar-input-box::after{ visibility: hidden } #urlbar .urlbar-input-box::after{ display: -moz-box; @@ -18,11 +20,12 @@ #statuspanel-inner > #statuspanel-label{ height:23px; - min-width: 500px; + min-width: 1000px; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; border: none !important; font-size: larger; color: inherit !important; + margin-right: 0px !important; } /* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ #statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) } From a2fcf09b267e1c48c085ca069768644f33c58c3c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 3 Feb 2019 11:06:20 +0200 Subject: [PATCH 0099/1101] New file --- chrome/minimal_popup_scrollbars.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 chrome/minimal_popup_scrollbars.css diff --git a/chrome/minimal_popup_scrollbars.css b/chrome/minimal_popup_scrollbars.css new file mode 100644 index 0000000..ba1397f --- /dev/null +++ b/chrome/minimal_popup_scrollbars.css @@ -0,0 +1 @@ +.panel-subview-body{ scrollbar-color: rgb(210,210,210) var(--uc-dark-bkgnd-color,var(--arrowpanel-background)); scrollbar-width: thin } \ No newline at end of file From 82af721461668d97d0afaeb0ad1365634c59248b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 3 Feb 2019 11:36:04 +0200 Subject: [PATCH 0100/1101] Better handle status vertical position --- chrome/status_inside_urlbar.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 799177b..8e466b7 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -9,8 +9,14 @@ width: 100%; height: 100%; pointer-events:none; - background: -moz-element(#statuspanel) left calc(100% - var(--toolbarbutton-outer-padding)) no-repeat !important; + background-position: left 2px; + background-repeat: no-repeat; + background-image: -moz-element(#statuspanel); } + +:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px } +:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 3px } + /* Hide the status ovelay when urlbar is hovered */ #urlbar:hover .urlbar-input-box::after{ visibility: hidden } @@ -19,7 +25,7 @@ } #statuspanel-inner > #statuspanel-label{ - height:23px; + height:3em; min-width: 1000px; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; border: none !important; From de85770d94ee3aad0c14abedd07c7efc61be1b09 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Feb 2019 10:14:37 +0200 Subject: [PATCH 0101/1101] Add warning about potential long tab switch times --- chrome/status_inside_urlbar.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 8e466b7..ec6c369 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -1,5 +1,15 @@ /* STATUSPANEL INSIDE URLBAR */ +/************** +IMPORTANT WARNING + +Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly. + +Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065 + +**************/ + + #urlbar .urlbar-input-box{ display: -moz-stack; } /* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */ From 931f9b12926a63b4064c847518981057d7941610 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Feb 2019 08:17:03 +0200 Subject: [PATCH 0102/1101] Add important to really hide tab-close-button margin on touch density --- chrome/navbar_tabs_oneliner.css | 2 +- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 2 +- chrome/navbar_tabs_oneliner_tabs_on_left.css | 3 +++ 3 files changed, 5 insertions(+), 2 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index df537d0..8625a97 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -21,7 +21,7 @@ padding-left: var(--window-drag-space-width); } /* 1px margin on touch density causes tabs to be too high */ -.tab-close-button{ margin-top: 0 } +.tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 41eb0e1..8b24bea 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -35,7 +35,7 @@ z-index: 3; } /* 1px margin on touch density causes tabs to be too high */ -.tab-close-button{ margin-top: 0 } +.tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 2c5efed..8ec1be0 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -34,5 +34,8 @@ padding-right: calc(3 * 46px + var(--window-drag-space-width)); } +/* 1px margin on touch density causes tabs to be too high */ +.tab-close-button{ margin-top: 0 !important } + /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file From f515efea7007450ac6354659d29061f63dd6b0cb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Feb 2019 13:25:27 +0200 Subject: [PATCH 0103/1101] Remove comment window control patch requiring Fx66 - it works on 65 --- chrome/multi-row_tabs.css | 2 +- chrome/multi-row_tabs_window_control_patch.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 67fae4b..ba15507 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -1,6 +1,6 @@ /* Makes tabs to appear on multiple lines */ /* Tab reordering will not work and can't be made to work */ -/* On Firefox 66 you can use multi-row_tabs_window_control_patch.css to hide window controls if you wish */ +/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/ /* It's recommended to move tabs new-tab-button outside tabs toolbar */ diff --git a/chrome/multi-row_tabs_window_control_patch.css b/chrome/multi-row_tabs_window_control_patch.css index 0c6da83..1de3ff9 100644 --- a/chrome/multi-row_tabs_window_control_patch.css +++ b/chrome/multi-row_tabs_window_control_patch.css @@ -1,4 +1,4 @@ -/* This is a supporting style for multirow_tabs_Fx66+ */ +/* This is a supporting style for multi-row_tabs.css*/ /* !! Use customize mode to make menubar permanently enabled !! */ From bfe0c8429ff64bc0d20a235c4492240e11c08658 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Feb 2019 13:26:35 +0200 Subject: [PATCH 0104/1101] Don't set nav-bar right padding when titlebar is enabled --- chrome/multi-row_tabs_window_control_patch.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/multi-row_tabs_window_control_patch.css b/chrome/multi-row_tabs_window_control_patch.css index 1de3ff9..a3c92e3 100644 --- a/chrome/multi-row_tabs_window_control_patch.css +++ b/chrome/multi-row_tabs_window_control_patch.css @@ -12,7 +12,7 @@ background-color: var(--toolbar-bgcolor) } :root[uidensity="compact"] #toolbar-menubar{ height: 32px; margin-bottom: -32px } -#nav-bar{ padding-right: 138px; margin-left: 30px; } +:root[tabsintitlebar] #nav-bar{ padding-right: 138px; margin-left: 30px; } #toolbar-menubar > #menubar-items{ position: relative; -moz-box-pack: center; From f137723484c13f95a1429d2e17a7b1f337da846d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Feb 2019 10:30:05 +0200 Subject: [PATCH 0105/1101] New file --- chrome/tabs_below_content.css | 39 +++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 chrome/tabs_below_content.css diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css new file mode 100644 index 0000000..4a605d4 --- /dev/null +++ b/chrome/tabs_below_content.css @@ -0,0 +1,39 @@ +/* Modify this to change window drag space width */ +#nav-bar{ --window-drag-space-width: 24px } + +.titlebar-buttonbox-container{ + position: fixed; + top:0; + right:0; + height: 40px; + z-index: 3; + visibility: visible !important; + display: -moz-box !important; +} + +:root[sizemode="fullscreen"] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } + +:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } +.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } + +#titlebar{ -moz-appearance: none !important; } +/* Counteract -moz-appearance when maximized */ +:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } +:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px } + +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"] #nav-bar{ + padding-right: calc(138px + var(--window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width,0px) +} + +/* Move tabs below content */ +:root:not([inDOMFullscreen]) #content-deck{ margin-bottom: var(--tab-min-height) } +#TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; } + +/* Hide stuff that doesn't make sense with tabs below content */ +#TabsToolbar > .titlebar-buttonbox-container, +#window-controls, /* Fullscreen window controls */ +#TabsToolbar .titlebar-spacer{ + display: none !important; +} From e0f100125aa89421542b23a51b5eb19ed4a98530 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Feb 2019 10:54:13 +0200 Subject: [PATCH 0106/1101] Better handle fullscreen and menubar enabled modes --- chrome/tabs_below_content.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 4a605d4..48993fd 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -16,10 +16,15 @@ :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } +/* Re-adjust window cotrols if menubar is permanently enabled */ +:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); } +:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; } +:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; } + #titlebar{ -moz-appearance: none !important; } /* Counteract -moz-appearance when maximized */ :root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } -:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px } +:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } /* Space to drag the window on both sides of navbar */ :root[tabsintitlebar="true"] #nav-bar{ @@ -36,4 +41,4 @@ #window-controls, /* Fullscreen window controls */ #TabsToolbar .titlebar-spacer{ display: none !important; -} +} \ No newline at end of file From 34708e93bf23cec5a64d7225e5e4b36a543a019d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Feb 2019 13:15:16 +0200 Subject: [PATCH 0107/1101] Make menubar on top work better with different setups --- chrome/Fx65_tabs_on_bottom.css | 27 ++++++++++++++----- ...65_tabs_on_bottom_menubar_on_top_patch.css | 4 ++- 2 files changed, 23 insertions(+), 8 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 3cfefdf..8b66376 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -1,27 +1,40 @@ /* Modify to change window drag space width */ -:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px } +/* +Use Fx65_tabs_on_bottom_menubar_on_top_patch if you +have menubar permanently enabled and want it on top + */ + +:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 138px } +:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px } +:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; } + .titlebar-buttonbox-container{ position: fixed; - top:0; + top: var(--uc-titlebar-padding,0px); right:0; height: 40px; } -#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 } - -:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } -:root[sizemode="maximized"] .titlebar-buttonbox-container{ top: 8px } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } + +#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 } + +#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; } + + .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } + #titlebar{ -moz-box-ordinal-group: 2; -moz-appearance: none !important; } + :root[tabsintitlebar="true"] #nav-bar{ - padding-right: calc(138px + var(--window-drag-space-width,0px)); + padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px) } + .titlebar-placeholder, #TabsToolbar .titlebar-spacer{ display: none; } /* Also hide the toolbox bottom border which isn't at bottom with this setup */ diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index 22da4b8..0ec5f8e 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -1,10 +1,12 @@ /* Menubar on top patch - use with Fx65_tabs_on_bottom.css */ /* Only really useful if menubar is ALWAYS visible */ +:root{ --uc-window-control-width: 0px !important } + #navigator-toolbox{ margin-top: 22px } #toolbar-menubar{ position: fixed; - top: 0px; + top: var(--uc-titlebar-padding,0px); height: 22px; margin-top:1px; width: 100%; From e6da6b0dc224e4bffb6e3aaf2b865b809d76eb9d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 7 Feb 2019 11:40:53 +0200 Subject: [PATCH 0108/1101] Create window control space using padding to avoid background styling --- chrome/hide_tabs_toolbar.css | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 9c99400..ef8f670 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -3,13 +3,11 @@ :root:not([uidensity="compact"]){--uc-toolbar-height: 38px} #TabsToolbar{visibility: collapse} -#nav-bar, -#PersonalToolbar{ - background: transparent !important; -} -#navigator-toolbox{ background: var(--toolbar-bgcolor) var(--toolbar-bgimage) } -#nav-bar{margin: calc(0px - var(--uc-toolbar-height)) 138px 0 0 } +#nav-bar{ + margin-top: calc(0px - var(--uc-toolbar-height)); + padding-right: 138px; +} #toolbar-menubar{ min-height:unset !important; From eabff2de1118645b545cdf34da039a4c0f3a5a34 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 7 Feb 2019 12:43:36 +0200 Subject: [PATCH 0109/1101] Use similar code for window drag space in all stylesheets part1 --- chrome/Fx65_tabs_on_bottom.css | 6 ++++-- chrome/hide_tabs_toolbar.css | 17 ++++++++++++++--- chrome/hide_tabs_with_one_tab.css | 7 +++++-- ...de_tabs_with_one_tab_w_window_controls.css | 10 ++++++++-- chrome/navbar_tabs_oneliner.css | 8 +++++++- chrome/tabs_below_content.css | 19 ++++++++++++------- 6 files changed, 50 insertions(+), 17 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 8b66376..168047b 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -4,11 +4,13 @@ Use Fx65_tabs_on_bottom_menubar_on_top_patch if you have menubar permanently enabled and want it on top */ -:root{ --uc-titlebar-padding: 0px; --uc-window-control-width: 138px } +:root{ + --uc-titlebar-padding: 0px; + --uc-window-control-width: 138px +} :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px } :root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; } - .titlebar-buttonbox-container{ position: fixed; top: var(--uc-titlebar-padding,0px); diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index ef8f670..144451d 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -1,12 +1,23 @@ /* Hide tabs toolbar Fx65+ */ -:root{--uc-toolbar-height: 32px} +:root{ + --uc-toolbar-height: 32px; + --uc-window-control-width: 138px; +} +#navigator-toolbox{ --window-drag-space-width: 24px; } + :root:not([uidensity="compact"]){--uc-toolbar-height: 38px} + #TabsToolbar{visibility: collapse} -#nav-bar{ +:root:not([inFullscreen]) #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); - padding-right: 138px; +} + +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width,0px) } #toolbar-menubar{ diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index f6edcf8..3ab64e9 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -3,7 +3,9 @@ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ /* Configurable window drag space */ -:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px } +#navigator-toolbox{ + --window-drag-space-width: 20px; +} #titlebar{ -moz-appearance: none !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } @@ -36,4 +38,5 @@ height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; -moz-appearance: initial !important; } -#nav-bar{ padding: 0 var(--window-drag-space-width,0px) } \ No newline at end of file + +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { padding: 0px var(--window-drag-space-width,0px) } diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 84200bd..622fb7d 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -2,8 +2,10 @@ /* Firefox 65+ only */ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ +:root{ --uc-window-control-width: 138px; } + /* Configurable window drag space */ -:root[sizemode="normal"] #nav-bar{ --window-drag-space-width: 20px } +#navigator-toolbox{ --window-drag-space-width: 20px } #titlebar{ -moz-appearance: none !important; } /* We'll use window controls from menubar instead */ @@ -45,4 +47,8 @@ :root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 } -#nav-bar{ padding-right: calc(3 * 46px + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px)} \ No newline at end of file +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width,0px) +} \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 8625a97..f2e6a3d 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -18,8 +18,14 @@ #nav-bar{ margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); - padding-left: var(--window-drag-space-width); } + +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: 0px !important; + padding-left: var(--window-drag-space-width,0px) +} + /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 !important } diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 48993fd..24b2be8 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -1,5 +1,10 @@ /* Modify this to change window drag space width */ -#nav-bar{ --window-drag-space-width: 24px } + +:root{ + --uc-window-control-width: 138px; +} + +#navigator-toolbox{ --window-drag-space-width: 24px } .titlebar-buttonbox-container{ position: fixed; @@ -11,15 +16,15 @@ display: -moz-box !important; } -:root[sizemode="fullscreen"] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } +:root[inFullscreen] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } /* Re-adjust window cotrols if menubar is permanently enabled */ -:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); } -:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; } -:root[tabsintitlebar="true"]:not([sizemode="fullscreen"]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; } +:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"]{ transform: translateX(0px); } +:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; } +:root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; } #titlebar{ -moz-appearance: none !important; } /* Counteract -moz-appearance when maximized */ @@ -27,8 +32,8 @@ :root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } /* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"] #nav-bar{ - padding-right: calc(138px + var(--window-drag-space-width,0px)); +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px) } From feba8a6403ce21e832b5cf457b2fd1e2f70fc06d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 8 Feb 2019 10:47:26 +0200 Subject: [PATCH 0110/1101] Use similar code for window drag space in all stylesheets part2 --- chrome/Fx65_tabs_on_bottom.css | 3 ++- chrome/hide_tabs_with_one_tab.css | 2 +- ...ar_tabs_oneliner_menu_buttons_on_right.css | 20 +++++++++++++------ chrome/navbar_tabs_oneliner_tabs_on_left.css | 15 ++++++++++++-- 4 files changed, 30 insertions(+), 10 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 168047b..33e4aab 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -32,7 +32,8 @@ have menubar permanently enabled and want it on top -moz-appearance: none !important; } -:root[tabsintitlebar="true"] #nav-bar{ +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); padding-left: var(--window-drag-space-width,0px) } diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 3ab64e9..da85245 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -38,5 +38,5 @@ height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; -moz-appearance: initial !important; } - +/* Space to drag the window on both sides of navbar */ :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { padding: 0px var(--window-drag-space-width,0px) } diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 8b24bea..b3ece17 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -1,7 +1,12 @@ /* Modify these to change relative widths or default height */ -#navigator-toolbox{ --uc-navigationbar-width: 50vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} +#navigator-toolbox{ + --uc-navigationbar-width: 50vw; + --uc-window-control-width: 138px; + --uc-toolbar-height: 40px; + --window-drag-space-width: 20px +} /* reserved space for overflow + menu buttons */ -#navigator-toolbox{ --uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} +#navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} @@ -17,11 +22,14 @@ #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } /* This isn't useful when tabs start in the middle of the window */ .titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width:8px !important} -#nav-bar{ - margin-right:calc(3 * 46px + var(--window-drag-space-width)); - margin-top: calc(0px - var(--uc-toolbar-height)); - padding-left: var(--window-drag-space-width); +#nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); } + +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width,0px) } + #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px) - var(--window-drag-space-width)) } #TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 } .titlebar-placeholder[type="post-tabs"], diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 8ec1be0..4ac94ab 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -1,5 +1,10 @@ /* Modify these to change relative widths or default height */ -#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} +#navigator-toolbox{ + --uc-navigationbar-width: 40vw; + --uc-toolbar-height: 40px; + --window-drag-space-width: 20px; + --uc-window-control-width: 138px; +} /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } @@ -31,7 +36,13 @@ #nav-bar{ margin-left: calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); - padding-right: calc(3 * 46px + var(--window-drag-space-width)); + padding-left: 0px !important; +} + +/* Space to drag the window on both sides of navbar */ +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width,0px) } /* 1px margin on touch density causes tabs to be too high */ From 5e46b7a0a38d735564e3e11ec02fc2118521cf36 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 9 Feb 2019 00:03:13 +0200 Subject: [PATCH 0111/1101] Move window control placeholder styles to shared stylesheet --- chrome/Fx65_tabs_on_bottom.css | 21 ++++++------ chrome/hide_tabs_toolbar.css | 27 ++++++++-------- chrome/hide_tabs_with_one_tab.css | 13 ++++---- ...de_tabs_with_one_tab_w_window_controls.css | 19 +++++------ chrome/navbar_tabs_oneliner.css | 24 ++++++++++---- ...ar_tabs_oneliner_menu_buttons_on_right.css | 32 +++++++++++++------ chrome/navbar_tabs_oneliner_tabs_on_left.css | 32 +++++++++++++------ chrome/tabs_below_content.css | 19 +++++------ chrome/window_control_placeholder_support.css | 13 ++++++++ ...window_control_placeholder_support_mac.css | 13 ++++++++ 10 files changed, 140 insertions(+), 73 deletions(-) create mode 100644 chrome/window_control_placeholder_support.css create mode 100644 chrome/window_control_placeholder_support_mac.css diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 33e4aab..e52f6a1 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -4,10 +4,19 @@ Use Fx65_tabs_on_bottom_menubar_on_top_patch if you have menubar permanently enabled and want it on top */ +/* IMPORTANT */ +/* +Get EITHER +window_control_placeholder_support.css +OR +window_control_placeholder_support_mac.css + +Window controls will be all wrong without it + +*/ + :root{ - --uc-titlebar-padding: 0px; - --uc-window-control-width: 138px -} + --uc-titlebar-padding: 0px; } :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px } :root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; } @@ -32,12 +41,6 @@ have menubar permanently enabled and want it on top -moz-appearance: none !important; } -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width,0px) -} - .titlebar-placeholder, #TabsToolbar .titlebar-spacer{ display: none; } /* Also hide the toolbox bottom border which isn't at bottom with this setup */ diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 144451d..fd01d9f 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -1,25 +1,26 @@ /* Hide tabs toolbar Fx65+ */ -:root{ - --uc-toolbar-height: 32px; - --uc-window-control-width: 138px; -} -#navigator-toolbox{ --window-drag-space-width: 24px; } + +/* IMPORTANT */ +/* +Get EITHER +window_control_placeholder_support.css +OR +window_control_placeholder_support_mac.css + +Window controls will be all wrong without it + +*/ + +:root{ --uc-toolbar-height: 32px; } :root:not([uidensity="compact"]){--uc-toolbar-height: 38px} - -#TabsToolbar{visibility: collapse} +#TabsToolbar{ visibility: collapse } :root:not([inFullscreen]) #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); } -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width,0px) -} - #toolbar-menubar{ min-height:unset !important; height:var(--uc-toolbar-height) !important; diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index da85245..ed7dd89 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -2,13 +2,12 @@ /* Firefox 65+ only */ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ -/* Configurable window drag space */ -#navigator-toolbox{ - --window-drag-space-width: 20px; -} +:root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px } #titlebar{ -moz-appearance: none !important; } + #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } + :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button, :root:not([customizing]) #TabsToolbar .titlebar-button{ -moz-appearance: none !important; @@ -19,12 +18,14 @@ margin: 0 !important; } #tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) } + #tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{ visibility: collapse !important; } /* Button re-styling */ #tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) } + #tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{ padding: 0 !important; transform: scale(0.6); @@ -32,11 +33,11 @@ } /* Extra top padding in maximized window */ :root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } + /* Fix window controls not being clickable */ #toolbar-menubar:hover{ min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; -moz-appearance: initial !important; } -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar { padding: 0px var(--window-drag-space-width,0px) } +#nav-bar{ padding: 0 var(--uc-window-drag-space-width,0px) } diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 622fb7d..d8ea174 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -2,10 +2,16 @@ /* Firefox 65+ only */ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ -:root{ --uc-window-control-width: 138px; } +/* IMPORTANT */ +/* +Get EITHER +window_control_placeholder_support.css +OR +window_control_placeholder_support_mac.css -/* Configurable window drag space */ -#navigator-toolbox{ --window-drag-space-width: 20px } +Window controls will be all wrong without it + +*/ #titlebar{ -moz-appearance: none !important; } /* We'll use window controls from menubar instead */ @@ -30,6 +36,7 @@ /* Button re-styling */ #tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) } + #tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{ padding: 0 !important; transform: scale(0.6); @@ -46,9 +53,3 @@ } :root:not([customizing]) #toolbar-menubar[autohide][inactive] > #menubar-items{ pointer-events: none; opacity: 0 } - -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width,0px) -} \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index f2e6a3d..c7432e4 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -1,12 +1,17 @@ +/*Make tabs and navbar appear side-by-side tabs on right */ + /* Modify these to change relative widths or default height */ -#navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; --window-drag-space-width: 20px} +#navigator-toolbox{ + --uc-navigationbar-width: 40vw; + --uc-toolbar-height: 40px; +} /* Override for other densities */ :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ -@media screen and (max-width: 1000px){ +@media screen and (max-width: 1100px){ #urlbar-container{ min-width:unset !important } } @@ -18,16 +23,23 @@ #nav-bar{ margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); + padding-right: 0px !important; } -/* Space to drag the window on both sides of navbar */ +/* Space to drag the window on left side of navbar */ :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: 0px !important; - padding-left: var(--window-drag-space-width,0px) + padding-left: var(--uc-window-drag-space-width,20px); +} + +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + :root:not([inFullscreen]) #nav-bar{ + padding-left: calc(var(--uc-window-control-width,72px) + var(--uc-window-drag-space-width,20px)); + } + .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ -#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file +#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index b3ece17..02cf489 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -1,9 +1,21 @@ +/* Variation of oneliner where menubutton and overflow button are next to window controls (if window controls are on right side) */ + +/* IMPORTANT */ +/* +Get EITHER +window_control_placeholder_support.css +OR +window_control_placeholder_support_mac.css + +Window controls will be all wrong without it + +*/ + /* Modify these to change relative widths or default height */ + #navigator-toolbox{ --uc-navigationbar-width: 50vw; - --uc-window-control-width: 138px; --uc-toolbar-height: 40px; - --window-drag-space-width: 20px } /* reserved space for overflow + menu buttons */ #navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} @@ -24,17 +36,19 @@ .titlebar-placeholder[type="pre-tabs"],.titlebar-spacer[type="pre-tabs"]{ width:8px !important} #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); } -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width,0px) +#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-window-control-width) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + :root:not([inFullscreen]) #nav-bar{ + padding-left: calc(var(--uc-window-control-width,72px) + var(--uc-window-drag-space-width,20px)); + } + .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } + #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } } -#nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - (3 * 46px) - var(--window-drag-space-width)) } #TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 } .titlebar-placeholder[type="post-tabs"], .titlebar-spacer[type="post-tabs"]{ - width: calc(var(--uc-buttons-width) + var(--window-drag-space-width)) !important; + width: calc(var(--uc-buttons-width) + var(--uc-window-drag-space-width)) !important; } #PanelUI-button,#nav-bar-overflow-button{ margin: 0px !important; @@ -46,4 +60,4 @@ .tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ -#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file +#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 4ac94ab..4fcab57 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -1,12 +1,23 @@ +/*Make tabs and navbar appear side-by-side tabs on left */ + +/* IMPORTANT */ +/* +Get EITHER +window_control_placeholder_support.css +OR +window_control_placeholder_support_mac.css + +Window controls will be all wrong without it + +*/ + /* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; - --window-drag-space-width: 20px; - --uc-window-control-width: 138px; } /* Override for other densities */ -:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} +:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 31px;} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } /* prevent urlbar overflow on narrow windows */ @@ -15,12 +26,11 @@ #urlbar-container{ min-width:unset !important } } -#toolbar-menubar{ height:initial !important; } +#toolbar-menubar{ height: initial !important; } #toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } #toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)) } #TabsToolbar > .titlebar-buttonbox-container, -#TabsToolbar > .toolbar-items > spacer, .titlebar-spacer[type="post-tabs"]{ display: none; } @@ -39,14 +49,16 @@ padding-left: 0px !important; } -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width,0px) +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + :root:not([inFullscreen]) #TabsToolbar-customization-target > .titlebar-spacer[type="pre-tabs"]{ + width: var(--uc-window-drag-space-width) !important; + display: -moz-box !important; + } + #TabsToolbar > .titlebar-buttonbox-container{ display: -moz-box; } } /* 1px margin on touch density causes tabs to be too high */ .tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ -#urlbar-container:not(:hover) .urlbar-history-dropmarker{margin-inline-start: -28px;} \ No newline at end of file +#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } \ No newline at end of file diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 24b2be8..5b57b12 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -1,10 +1,13 @@ -/* Modify this to change window drag space width */ +/* IMPORTANT */ +/* +Get EITHER +window_control_placeholder_support.css +OR +window_control_placeholder_support_mac.css -:root{ - --uc-window-control-width: 138px; -} +Window controls will be all wrong without it -#navigator-toolbox{ --window-drag-space-width: 24px } +*/ .titlebar-buttonbox-container{ position: fixed; @@ -31,12 +34,6 @@ :root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } :root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } -/* Space to drag the window on both sides of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width,0px) -} - /* Move tabs below content */ :root:not([inDOMFullscreen]) #content-deck{ margin-bottom: var(--tab-min-height) } #TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; } diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css new file mode 100644 index 0000000..3ec0b62 --- /dev/null +++ b/chrome/window_control_placeholder_support.css @@ -0,0 +1,13 @@ +/* Creates placeholders for window controls */ +/* For window controls on RIGHT side of the window */ +/* This is a supporting file used by other stylesheets */ + +:root{ + --uc-window-control-width: 138px; + --uc-window-drag-space-width: 24px; +} + +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-right: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); + padding-left: var(--window-drag-space-width); +} \ No newline at end of file diff --git a/chrome/window_control_placeholder_support_mac.css b/chrome/window_control_placeholder_support_mac.css new file mode 100644 index 0000000..ccc0221 --- /dev/null +++ b/chrome/window_control_placeholder_support_mac.css @@ -0,0 +1,13 @@ +/* Creates placeholders for window controls */ +/* For window controls on LEFT side of the window */ +/* This is a supporting file used by other stylesheets */ + +:root{ + --uc-window-control-width: 72px; + --uc-window-drag-space-width: 24px; +} + +:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-left: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); + padding-right: var(--window-drag-space-width); +} \ No newline at end of file From 8b4d97c09f2cf76332249be590bd840d0fa7b0dc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 9 Feb 2019 12:45:52 +0200 Subject: [PATCH 0112/1101] Combine window placeholder support sheets --- chrome/Fx65_tabs_on_bottom.css | 10 ++-------- chrome/hide_tabs_toolbar.css | 7 +------ chrome/hide_tabs_with_one_tab.css | 3 ++- .../hide_tabs_with_one_tab_w_window_controls.css | 7 +------ chrome/navbar_tabs_oneliner.css | 7 +++++++ .../navbar_tabs_oneliner_menu_buttons_on_right.css | 9 ++------- chrome/navbar_tabs_oneliner_tabs_on_left.css | 11 +++-------- chrome/tabs_below_content.css | 8 ++------ chrome/window_control_placeholder_support.css | 14 ++++++++++++-- chrome/window_control_placeholder_support_mac.css | 13 ------------- 10 files changed, 32 insertions(+), 57 deletions(-) delete mode 100644 chrome/window_control_placeholder_support_mac.css diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index e52f6a1..86b146a 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -1,24 +1,18 @@ /* Modify to change window drag space width */ /* -Use Fx65_tabs_on_bottom_menubar_on_top_patch if you +Use Fx65_tabs_on_bottom_menubar_on_top_patch.css if you have menubar permanently enabled and want it on top */ /* IMPORTANT */ /* -Get EITHER -window_control_placeholder_support.css -OR -window_control_placeholder_support_mac.css - +Get window_control_placeholder_support.css Window controls will be all wrong without it - */ :root{ --uc-titlebar-padding: 0px; } :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px } -:root[tabsintitlebar="true"] #nav-bar{ --window-drag-space-width: 24px; } .titlebar-buttonbox-container{ position: fixed; diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index fd01d9f..43aac46 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -2,13 +2,8 @@ /* IMPORTANT */ /* -Get EITHER -window_control_placeholder_support.css -OR -window_control_placeholder_support_mac.css - +Get window_control_placeholder_support.css Window controls will be all wrong without it - */ :root{ --uc-toolbar-height: 32px; } diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index ed7dd89..2e3f574 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -1,6 +1,7 @@ /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ /* Firefox 65+ only */ -/* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ + +/* REMOVE ALL BUTTONS you can from the tabs toolbar or this won't work properly */ :root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px } diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index d8ea174..210ec36 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -4,13 +4,8 @@ /* IMPORTANT */ /* -Get EITHER -window_control_placeholder_support.css -OR -window_control_placeholder_support_mac.css - +Get window_control_placeholder_support.css Window controls will be all wrong without it - */ #titlebar{ -moz-appearance: none !important; } diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index c7432e4..93323a0 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -1,5 +1,12 @@ /*Make tabs and navbar appear side-by-side tabs on right */ +/* IMPORTANT */ +/* +Get window_control_placeholder_support.css +Window controls will be all wrong without it +*/ + + /* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 02cf489..c21450f 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -2,13 +2,8 @@ /* IMPORTANT */ /* -Get EITHER -window_control_placeholder_support.css -OR -window_control_placeholder_support_mac.css - +Get window_control_placeholder_support.css Window controls will be all wrong without it - */ /* Modify these to change relative widths or default height */ @@ -45,7 +40,7 @@ Window controls will be all wrong without it #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } } -#TabsToolbar > :not(hbox){ position: relative !important; z-index: 2 } +#TabsToolbar > .toolbar-items{ position: relative !important; z-index: 2 } .titlebar-placeholder[type="post-tabs"], .titlebar-spacer[type="post-tabs"]{ width: calc(var(--uc-buttons-width) + var(--uc-window-drag-space-width)) !important; diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 4fcab57..2790841 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -2,13 +2,8 @@ /* IMPORTANT */ /* -Get EITHER -window_control_placeholder_support.css -OR -window_control_placeholder_support_mac.css - +Get window_control_placeholder_support.css Window controls will be all wrong without it - */ /* Modify these to change relative widths or default height */ @@ -17,7 +12,7 @@ Window controls will be all wrong without it --uc-toolbar-height: 40px; } /* Override for other densities */ -:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 31px;} +:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } /* prevent urlbar overflow on narrow windows */ @@ -27,7 +22,7 @@ Window controls will be all wrong without it } #toolbar-menubar{ height: initial !important; } -#toolbar-menubar[inactive] > #menubar-items{ opacity: 0; pointer-events: none; } +#toolbar-menubar[inactive] > :not(.titlebar-buttonbox-container){ opacity: 0; pointer-events: none; } #toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)) } #TabsToolbar > .titlebar-buttonbox-container, diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 5b57b12..9f161c5 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -1,12 +1,8 @@ + /* IMPORTANT */ /* -Get EITHER -window_control_placeholder_support.css -OR -window_control_placeholder_support_mac.css - +Get window_control_placeholder_support.css Window controls will be all wrong without it - */ .titlebar-buttonbox-container{ diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 3ec0b62..2ac2856 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -1,7 +1,7 @@ /* Creates placeholders for window controls */ -/* For window controls on RIGHT side of the window */ /* This is a supporting file used by other stylesheets */ +/* Defaults for window controls on RIGHT side of the window */ :root{ --uc-window-control-width: 138px; --uc-window-drag-space-width: 24px; @@ -9,5 +9,15 @@ :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ padding-right: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); - padding-left: var(--window-drag-space-width); + padding-left: var(--uc-window-drag-space-width); +} + +/* Use this pref to check Mac OS where window controls are on left */ +/* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */ +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + :root{ --uc-window-control-width: 72px; } + :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + padding-left: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); + padding-right: var(--uc-window-drag-space-width); + } } \ No newline at end of file diff --git a/chrome/window_control_placeholder_support_mac.css b/chrome/window_control_placeholder_support_mac.css deleted file mode 100644 index ccc0221..0000000 --- a/chrome/window_control_placeholder_support_mac.css +++ /dev/null @@ -1,13 +0,0 @@ -/* Creates placeholders for window controls */ -/* For window controls on LEFT side of the window */ -/* This is a supporting file used by other stylesheets */ - -:root{ - --uc-window-control-width: 72px; - --uc-window-drag-space-width: 24px; -} - -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-left: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); - padding-right: var(--window-drag-space-width); -} \ No newline at end of file From 55bcd9eed21ae3d51e6b78034a5fa4ca46bba26e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 10 Feb 2019 10:57:20 +0200 Subject: [PATCH 0113/1101] Notify that this sheet should be imported first --- chrome/window_control_placeholder_support.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 2ac2856..68a421e 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -1,6 +1,8 @@ /* Creates placeholders for window controls */ /* This is a supporting file used by other stylesheets */ +/* This file should preferably be imported before other stylesheets */ + /* Defaults for window controls on RIGHT side of the window */ :root{ --uc-window-control-width: 138px; From 3f1b9559c7607219bf2b379dd5f4de53052abf5a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 10 Feb 2019 10:57:55 +0200 Subject: [PATCH 0114/1101] Remove unnecessary nav-bar paddings from mac rules --- chrome/navbar_tabs_oneliner.css | 3 --- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 4 +--- 2 files changed, 1 insertion(+), 6 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 93323a0..ec11512 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -39,9 +39,6 @@ Window controls will be all wrong without it } @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - :root:not([inFullscreen]) #nav-bar{ - padding-left: calc(var(--uc-window-control-width,72px) + var(--uc-window-drag-space-width,20px)); - } .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } } diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index c21450f..7a10c78 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -32,10 +32,8 @@ Window controls will be all wrong without it #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); } #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-window-control-width) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } + @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - :root:not([inFullscreen]) #nav-bar{ - padding-left: calc(var(--uc-window-control-width,72px) + var(--uc-window-drag-space-width,20px)); - } .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } } From 156ec5b42e7c6260c16d3be1d8be1f37f96964ff Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 12 Feb 2019 22:51:49 +0200 Subject: [PATCH 0115/1101] Remove leftover old placeholder code which broke mac styling --- chrome/navbar_tabs_oneliner.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index ec11512..2667699 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -33,11 +33,6 @@ Window controls will be all wrong without it padding-right: 0px !important; } -/* Space to drag the window on left side of navbar */ -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-left: var(--uc-window-drag-space-width,20px); -} - @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } } From 9a74a4638934d5cff61bd6a7ad6082a210087744 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 14 Feb 2019 10:01:52 +0200 Subject: [PATCH 0116/1101] Add some more notes about import order --- README.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 5e95486..af7e3ee 100644 --- a/README.md +++ b/README.md @@ -45,7 +45,10 @@ You can import the stylesheets with @-rule import like this: Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. -**Most notably, you are advised to import theme_ files before any other modules.** +Import any *_patch.css files *after* their base stylesheet. +Import the shared window_control_support.css *before* other stylesheets. + +Additionally, you are advised to import theme_ files before any other modules. # Theme From 729712fec986a4568bbb118619c0c0aa0223157c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 23 Feb 2019 11:30:22 +0200 Subject: [PATCH 0117/1101] Remove background-image on hover and active as a workaround for -moz-element() issues --- chrome/status_inside_urlbar.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index ec6c369..5c74f06 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -2,11 +2,10 @@ /************** IMPORTANT WARNING - Using this style can lead to long tab switch times (and probably other problems). Everything may be fine when Firefox starts but situation gets gradually worse, although pretty slowly. - Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065 +As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware. **************/ @@ -23,12 +22,20 @@ Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065 background-repeat: no-repeat; background-image: -moz-element(#statuspanel); } +/* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */ + +/* Hide the status ovelay when urlbar is hovered */ +#urlbar:hover .urlbar-input-box::after, +#urlbar[focused] .urlbar-input-box::after{ + visibility: hidden; + /* Remove the image to get rid of -moz-element() related problems */ + background-image: none !important +} :root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px } :root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 3px } -/* Hide the status ovelay when urlbar is hovered */ -#urlbar:hover .urlbar-input-box::after{ visibility: hidden } + #urlbar .urlbar-input-box::after{ display: -moz-box; From 9bd9dcc138b083c53c894905b36801898c9a6775 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 24 Feb 2019 11:52:20 +0200 Subject: [PATCH 0118/1101] new file --- chrome/hide_statuspanel_when_fullscreen.css | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 chrome/hide_statuspanel_when_fullscreen.css diff --git a/chrome/hide_statuspanel_when_fullscreen.css b/chrome/hide_statuspanel_when_fullscreen.css new file mode 100644 index 0000000..82dbc57 --- /dev/null +++ b/chrome/hide_statuspanel_when_fullscreen.css @@ -0,0 +1,4 @@ +/* Always hide status-panel when the page is in fullscreen mode such as fullscreen video player */ +/* No effect on Firefox fullscreen mode (activated with F11 key) - except when the page is in fullscreen */ + +:root[inDOMFullscreen] #statuspanel{ display: none !important } \ No newline at end of file From baf7b16b159daeed8c5cd193d3d0517d544ba5ad Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 1 Mar 2019 18:04:22 +0200 Subject: [PATCH 0119/1101] Use default xul namespace --- content/about_page_scrollbars.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index 24b5a43..bfa418f 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -1,7 +1,7 @@ -@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url-prefix("about:"){ - xul|page, - xul|scrollbar{ + page, + scrollbar{ scrollbar-color: rgb(210,210,210) rgb(46,54,69); scrollbar-width: thin; } From 9f55296408d2b7af1e1e25e7bb93968f6e52cc76 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 1 Mar 2019 18:04:55 +0200 Subject: [PATCH 0120/1101] new file --- content/two_column_addons.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 content/two_column_addons.css diff --git a/content/two_column_addons.css b/content/two_column_addons.css new file mode 100644 index 0000000..05574eb --- /dev/null +++ b/content/two_column_addons.css @@ -0,0 +1,18 @@ +/* Show addons in two columns */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@-moz-document url("about:addons"){ + #addon-list{ + display: grid; + grid-template-areas: "a a"; + grid-template-columns: 1fr 1fr; + grid-auto-rows: min-content; + } + .control-container{ display: flex; } + .addon-control{ margin: 3px } + .addon.card{ padding-bottom: 0px !important; padding-top: 0px !important } + .addon.card > .content-container { display: flex; } + .content-inner-container{ flex-grow: 1; } + .content-inner-container > hbox{ display: block } + .icon{ min-width: 24px } +} \ No newline at end of file From 9e1c02f7becefd69922fbc92bc6d216cdf19c815 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 1 Mar 2019 21:51:26 +0200 Subject: [PATCH 0121/1101] Add different rules for Firefox below 66 --- content/two_column_addons.css | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) diff --git a/content/two_column_addons.css b/content/two_column_addons.css index 05574eb..b3bd8e8 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -2,16 +2,28 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url("about:addons"){ - #addon-list{ - display: grid; - grid-template-areas: "a a"; - grid-template-columns: 1fr 1fr; - grid-auto-rows: min-content; + /* Test for Firefox > 66 */ + @supports (inset-block:auto){ + #addon-list{ + display: grid; + grid-template-areas: "a a"; + grid-template-columns: 1fr 1fr; + grid-auto-rows: min-content; + } + } + /* Test for Firefox < 66 */ + @supports not (inset-block:auto){ + #addon-list > scrollbox > .scrollbox-innerbox{ + display: grid; + grid-template-areas: "a a"; + grid-template-columns: 1fr 1fr; + grid-auto-rows: min-content; + } } .control-container{ display: flex; } .addon-control{ margin: 3px } .addon.card{ padding-bottom: 0px !important; padding-top: 0px !important } - .addon.card > .content-container { display: flex; } + .addon.card > .content-container { display: flex; } .content-inner-container{ flex-grow: 1; } .content-inner-container > hbox{ display: block } .icon{ min-width: 24px } From b8923dd777b5517e15b00c1d05edba6572af1ede Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 20 Mar 2019 16:18:23 +0200 Subject: [PATCH 0122/1101] Add rules to handle window-controls on left layout --- chrome/Fx65_tabs_on_bottom.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 86b146a..7611f2f 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -20,6 +20,11 @@ Window controls will be all wrong without it right:0; height: 40px; } +/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */ +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + :root{ --uc-titlebar-padding: 0px !important } + .titlebar-buttonbox-container{ left:0; right: unset; } +} :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } From c9d94dc02275c98f02717f5e1e51b50e4a14c6bb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 20 Mar 2019 16:19:13 +0200 Subject: [PATCH 0123/1101] new file --- chrome/autohide_menubar.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 chrome/autohide_menubar.css diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css new file mode 100644 index 0000000..933f0a6 --- /dev/null +++ b/chrome/autohide_menubar.css @@ -0,0 +1,23 @@ +/* Makes menubar behave like on mac */ +/* Menubar will be shown when cursor touches top of the spacers on both side of tabs. Window controls will be in menubar, so they are automatically hidden */ +/* Make sure you have menubar enabled */ + +#TabsToolbar > .toolbar-items{ position: relative; z-index: 5; } +#toolbar-menubar > .titlebar-buttonbox-container{ float: right } +#TabsToolbar > .titlebar-spacer{ display: -moz-box !important; } + +#toolbar-menubar{ + --uc-menubar-height: 36px; + position: fixed; + width: 100vw; + height: var(--uc-menubar-height); + margin-top: calc(8px - var(--uc-menubar-height)); + transition: margin-top 150ms linear !important; + -moz-window-dragging: no-drag; + z-index:4; +} +#toolbar-menubar:hover{ + background-color: var(--toolbar-bgcolor) !important; + margin-top: 0px; + z-index: 6 +} \ No newline at end of file From 8b757e951b6ada5f6cc615782cbeb66dde553ab6 Mon Sep 17 00:00:00 2001 From: Ema Panz Date: Thu, 21 Mar 2019 08:30:05 +0100 Subject: [PATCH 0124/1101] Allow tab-size to be defined --- chrome/multi-row_tabs.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index ba15507..49c9a32 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -9,6 +9,7 @@ /* This maximum visible rows won't work before Fx66 */ /* So this setting does nothing on Fx65 and all tab rows will be shown */ :root{ --multirow-n-rows: 3 } +:root{ --multirow-tab-min-width: 150px } #tabbrowser-tabs{ min-height: unset !important; @@ -53,7 +54,7 @@ } .tabbrowser-tab[fadein]:not([pinned]){ - min-width: 100px !important; + min-width: var(--multirow-tab-min-width) !important; flex-grow: 1; /* Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible @@ -69,4 +70,4 @@ #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, -.tabbrowser-tab::after{ display: none !important } \ No newline at end of file +.tabbrowser-tab::after{ display: none !important } From 4796f94ceabb1ec60e620cf27c0d4573ca8f8468 Mon Sep 17 00:00:00 2001 From: Ema Panz Date: Thu, 21 Mar 2019 08:41:35 +0100 Subject: [PATCH 0125/1101] Allow fix/dynamic tab width Integrate https://github.com/MrOtherGuy/firefox-csshacks/pull/3 --- chrome/multi-row_tabs.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 49c9a32..e5a862f 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -8,8 +8,11 @@ /* Scrollbar can't be clicked but the rows can be scrolled with mouse */ /* This maximum visible rows won't work before Fx66 */ /* So this setting does nothing on Fx65 and all tab rows will be shown */ -:root{ --multirow-n-rows: 3 } -:root{ --multirow-tab-min-width: 150px } +:root{ + --multirow-n-rows: 3; + --multirow-tab-min-width: 100px; + --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ +} #tabbrowser-tabs{ min-height: unset !important; @@ -55,7 +58,7 @@ .tabbrowser-tab[fadein]:not([pinned]){ min-width: var(--multirow-tab-min-width) !important; - flex-grow: 1; + flex-grow: var(--multirow-tab-dynamic-width); /* Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible Don't set to none or you'll see errors in console when closing tabs From 209576e6f344a97275e13c2eab136bd6cdc5bb68 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 21 Mar 2019 17:30:07 +0200 Subject: [PATCH 0126/1101] Make navbar draggable from left side --- chrome/hide_tabs_toolbar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 43aac46..4da2d31 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -31,4 +31,4 @@ Window controls will be all wrong without it } #toolbar-menubar:not([inactive]){ z-index: 2 } -#toolbar-menubar[inactive] > #menubar-items { opacity: 0 } \ No newline at end of file +#toolbar-menubar[inactive] > #menubar-items { opacity: 0; margin-left: var(--uc-window-drag-space-width,0px) } \ No newline at end of file From 21de893e99ea088b527c53525fc7819d19091577 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 26 Mar 2019 20:18:12 +0200 Subject: [PATCH 0127/1101] Make inactive menubar to ignore pointer events --- chrome/hide_tabs_toolbar.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 4da2d31..bd462a7 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -31,4 +31,8 @@ Window controls will be all wrong without it } #toolbar-menubar:not([inactive]){ z-index: 2 } -#toolbar-menubar[inactive] > #menubar-items { opacity: 0; margin-left: var(--uc-window-drag-space-width,0px) } \ No newline at end of file +#toolbar-menubar[inactive] > #menubar-items { + opacity: 0; + pointer-events: none; + margin-left: var(--uc-window-drag-space-width,0px) +} \ No newline at end of file From bf2abaf13894576861f7c13aeb3bfd1dcc37191b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 5 Apr 2019 17:25:33 +0300 Subject: [PATCH 0128/1101] New file --- chrome/dark_context_menus.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 chrome/dark_context_menus.css diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css new file mode 100644 index 0000000..f48f52b --- /dev/null +++ b/chrome/dark_context_menus.css @@ -0,0 +1,33 @@ +/* Makes context menus dark */ +/* Uses dark theme colors but does not respect dark theme variables (they wouldn't work on sidebar context menu) */ + +:root{ + --uc-menu-bkgnd: rgb(74,74,79); + --uc-menu-color: rgb(230,230,230); + --uc-menu-dimmed: rgba(255,255,255,0.1); + --uc-menu-disabled: rgb(50,50,50); +} + +menupopup, +menu, +menuitem{ -moz-appearance: none !important; } + +menuitem, +menu{ min-height: 1.8em } + +menupopup, +#context-navigation{ + color: var(--uc-menu-color) !important; + padding: 2px; + background-color: var(--uc-menu-bkgnd) !important; + border-color: var(--uc-menu-disabled) !important; +} + +menu:hover, +menu[_moz-menuactive], +menu[open], +menuitem:hover, +menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; color: inherit !important; } + +menu[disabled="true"], +menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; } \ No newline at end of file From 05f3ef9e328f2bb5a94f24c8111dec91e4359905 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 6 Apr 2019 12:01:15 +0300 Subject: [PATCH 0129/1101] Recolor customization view in Firfox 68 --- chrome/theme_toolbars.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 009b010..9b707e9 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -13,6 +13,7 @@ #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar), #browser-bottombox, +#customization-container, findbar{ background-color: var(--uc-light-bkgnd-color) !important; color: var(--uc-text-color) !important; From b6aacebb5d64b40a31a2f59174cca45099e81a58 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 6 Apr 2019 12:02:30 +0300 Subject: [PATCH 0130/1101] Add support for quantumbar --- chrome/theme_popups_and_menus.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 654e441..2b5c67e 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -69,7 +69,8 @@ menu[disabled="true"]:hover{ .search-panel-current-input, panelview, .PanelUI-subView, -.autocomplete-richlistbox{ +.autocomplete-richlistbox, +#urlbar-results{ background-color: var(--uc-dark-bkgnd-color) !important; } From 2ac3b2b3bdbbfe63d5ee42164730423946e74e91 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 6 Apr 2019 12:03:45 +0300 Subject: [PATCH 0131/1101] Add support for certain missing scrollbars --- chrome/minimal_popup_scrollbars.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/chrome/minimal_popup_scrollbars.css b/chrome/minimal_popup_scrollbars.css index ba1397f..f43614d 100644 --- a/chrome/minimal_popup_scrollbars.css +++ b/chrome/minimal_popup_scrollbars.css @@ -1 +1,8 @@ -.panel-subview-body{ scrollbar-color: rgb(210,210,210) var(--uc-dark-bkgnd-color,var(--arrowpanel-background)); scrollbar-width: thin } \ No newline at end of file +.panel-subview-body{ + scrollbar-color: rgb(210,210,210) var(--uc-dark-bkgnd-color,var(--arrowpanel-background)); + scrollbar-width: thin +} +#permList, scrollbar{ + scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color,var(--arrowpanel-background)); + scrollbar-width: thin +} \ No newline at end of file From a0678237f2084361f370d78e3da37bb17edc3230 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 6 Apr 2019 14:21:25 +0300 Subject: [PATCH 0132/1101] New file --- content/dark_addons_manager.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 content/dark_addons_manager.css diff --git a/content/dark_addons_manager.css b/content/dark_addons_manager.css new file mode 100644 index 0000000..659c9d8 --- /dev/null +++ b/content/dark_addons_manager.css @@ -0,0 +1,23 @@ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +@-moz-document url("about:addons"){ + :root{ + --in-content-page-color: rgb(210,210,210) !important; + --in-content-text-color: rgb(210,210,210) !important; + --in-content-page-background: rgb(46,54,69) !important; + --in-content-box-background: rgba(255,255,255,0.1) !important; + } + .message-bar,.alert{ + background-color: var(--in-content-box-background) !important; + color: var(--in-content-text-color) !important; + } +} +@-moz-document url-prefix("https://discovery.addons.mozilla.org/"){ + html|*{ color: inherit !important; } + html|html,html|body{ + background-color: rgb(46,54,69) !important; + color: rgb(210,210,210) !important; + } + html|div.addon,html|div.Notice{ background-color: rgba(255,255,255,0.1) !important; } +} \ No newline at end of file From 5e51eb542032624dae672341a1fe9e5d12c195c7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 6 Apr 2019 15:34:40 +0300 Subject: [PATCH 0133/1101] Remove text-shadow from addon details --- content/dark_addons_manager.css | 1 + 1 file changed, 1 insertion(+) diff --git a/content/dark_addons_manager.css b/content/dark_addons_manager.css index 659c9d8..953dd24 100644 --- a/content/dark_addons_manager.css +++ b/content/dark_addons_manager.css @@ -12,6 +12,7 @@ background-color: var(--in-content-box-background) !important; color: var(--in-content-text-color) !important; } + .detail-row, .detail-row-complex{ text-shadow: none !important; } } @-moz-document url-prefix("https://discovery.addons.mozilla.org/"){ html|*{ color: inherit !important; } From 5544112e458c705c55661909b22018a3162c6c14 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 6 Apr 2019 15:35:27 +0300 Subject: [PATCH 0134/1101] Fix issues caused by overlapping scrollboxes --- content/two_column_addons.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/content/two_column_addons.css b/content/two_column_addons.css index b3bd8e8..fa3b3f4 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -2,6 +2,7 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url("about:addons"){ + #list-view{ overflow: auto } /* Test for Firefox > 66 */ @supports (inset-block:auto){ #addon-list{ @@ -9,6 +10,8 @@ grid-template-areas: "a a"; grid-template-columns: 1fr 1fr; grid-auto-rows: min-content; + overflow: hidden !important; + padding-bottom: 80px; /* increase this value if addons list content get cut */ } } /* Test for Firefox < 66 */ @@ -26,5 +29,6 @@ .addon.card > .content-container { display: flex; } .content-inner-container{ flex-grow: 1; } .content-inner-container > hbox{ display: block } + .card-heading-image{ margin: 0 !important; } .icon{ min-width: 24px } } \ No newline at end of file From 49c9accc63633f51ae12ce7c2ca63b21df155bad Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 7 Apr 2019 12:50:24 +0300 Subject: [PATCH 0135/1101] Fix some formatting --- content/two_column_addons.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/two_column_addons.css b/content/two_column_addons.css index fa3b3f4..24302c7 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -4,7 +4,7 @@ @-moz-document url("about:addons"){ #list-view{ overflow: auto } /* Test for Firefox > 66 */ - @supports (inset-block:auto){ + @supports (inset-block:auto){ #addon-list{ display: grid; grid-template-areas: "a a"; @@ -15,7 +15,7 @@ } } /* Test for Firefox < 66 */ - @supports not (inset-block:auto){ + @supports not (inset-block:auto){ #addon-list > scrollbox > .scrollbox-innerbox{ display: grid; grid-template-areas: "a a"; From bf05f6c7c11adfd3d6a4354b11413103d9e14ee3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 7 Apr 2019 12:50:55 +0300 Subject: [PATCH 0136/1101] Combine dark addon manager with dark preferences and about:config --- ...ns_manager.css => dark_settings_pages.css} | 34 +++++++++++++++++-- 1 file changed, 31 insertions(+), 3 deletions(-) rename content/{dark_addons_manager.css => dark_settings_pages.css} (50%) diff --git a/content/dark_addons_manager.css b/content/dark_settings_pages.css similarity index 50% rename from content/dark_addons_manager.css rename to content/dark_settings_pages.css index 953dd24..c074a6b 100644 --- a/content/dark_addons_manager.css +++ b/content/dark_settings_pages.css @@ -1,19 +1,37 @@ +/* Recolors addons manager, preferences page and new about:config */ + + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); -@-moz-document url("about:addons"){ +@-moz-document url-prefix("about:addons"), + url-prefix("about:preferences"){ :root{ --in-content-page-color: rgb(210,210,210) !important; --in-content-text-color: rgb(210,210,210) !important; --in-content-page-background: rgb(46,54,69) !important; --in-content-box-background: rgba(255,255,255,0.1) !important; } - .message-bar,.alert{ + + menulist > menupopup{ background-color: var(--in-content-page-background) !important; } + + .updateSettingCrossUserWarningContainer, + .info-panel, + .extension-controlled, + .message-bar, + .alert, + treecol{ background-color: var(--in-content-box-background) !important; color: var(--in-content-text-color) !important; } - .detail-row, .detail-row-complex{ text-shadow: none !important; } + .menulist-dropmarker, + .checkbox-icon{ + -moz-context-properties: fill; + fill : CurrentColor !important; + } } + +/* Get addons page */ @-moz-document url-prefix("https://discovery.addons.mozilla.org/"){ html|*{ color: inherit !important; } html|html,html|body{ @@ -21,4 +39,14 @@ color: rgb(210,210,210) !important; } html|div.addon,html|div.Notice{ background-color: rgba(255,255,255,0.1) !important; } +} + +/* New about:config */ +@-moz-document url-prefix("about:config"){ + html|html{ + --in-content-page-color: rgb(210,210,210) !important; + --in-content-text-color: rgb(210,210,210) !important; + --in-content-page-background: rgb(46,54,69) !important; + --in-content-box-background: rgb(56,64,79) !important; + } } \ No newline at end of file From 7f94504b026edb961cf9da5b2d4ba4742eb321fe Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 13 Apr 2019 22:23:14 +0300 Subject: [PATCH 0137/1101] Don't apply styles to BMB_popups --- chrome/dark_context_menus.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index f48f52b..2620a41 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -15,7 +15,8 @@ menuitem{ -moz-appearance: none !important; } menuitem, menu{ min-height: 1.8em } -menupopup, +menupopup:not([placespopup]), +#main-menubar > menu > menupopup, #context-navigation{ color: var(--uc-menu-color) !important; padding: 2px; @@ -30,4 +31,6 @@ menuitem:hover, menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; color: inherit !important; } menu[disabled="true"], -menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; } \ No newline at end of file +menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; } + +menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } \ No newline at end of file From 133905ce68d149b0ca417649cf29472db7f6d390 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 14 Apr 2019 22:14:45 +0300 Subject: [PATCH 0138/1101] New file --- chrome/button_effect_icon_glow.css | 41 ++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 chrome/button_effect_icon_glow.css diff --git a/chrome/button_effect_icon_glow.css b/chrome/button_effect_icon_glow.css new file mode 100644 index 0000000..37a108c --- /dev/null +++ b/chrome/button_effect_icon_glow.css @@ -0,0 +1,41 @@ +/* Replace the button background-colors with a glow effect */ +/* Edit the color choices how you see fit */ + + +/* Make backgrounds transparent */ +.urlbar-icon, +.urlbar-icon-wrapper, +toolbar .toolbarbutton-1, +#tabbrowser-tabs toolbarbutton, +toolbar toolbarbutton > .toolbarbutton-icon, +toolbar toolbarbutton > .toolbarbutton-badge-stack, +.titlebar-button{ background-color: transparent !important; } + +.close-icon{ fill-opacity: 0 !important; } + +/* Glow effects on hover */ +.close-icon:hover, +.urlbar-history-dropmarker:hover, +#page-action-buttons > .urlbar-icon:hover, +.urlbar-icon-wrapper:hover > .urlbar-icon, +toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon, +#TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon, +toolbar #downloads-button:hover #downloads-indicator-anchor{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) +} + +/* Active states and close window button hover state */ +#titlebar .titlebar-buttonbox > .titlebar-close:hover > .toolbarbutton-icon, +.close-icon:active, +.urlbar-history-dropmarker:active, +#page-action-buttons > .urlbar-icon:active, +#page-action-buttons > .urlbar-icon[open], +.urlbar-icon-wrapper:active > .urlbar-icon, +.urlbar-icon-wrapper[open] > .urlbar-icon, +toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, +toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon, +#TabsToolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, +toolbar #downloads-button:active #downloads-indicator-anchor, +toolbar #downloads-button[open] #downloads-indicator-anchor{ + filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 0 yellow) +} \ No newline at end of file From f45986ba642630b6386f01884f2bff0513121a9c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 27 Apr 2019 12:04:51 +0300 Subject: [PATCH 0139/1101] Set the tabs toolbar width correctly --- chrome/tabs_below_content.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 9f161c5..8dc4617 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -32,11 +32,12 @@ Window controls will be all wrong without it /* Move tabs below content */ :root:not([inDOMFullscreen]) #content-deck{ margin-bottom: var(--tab-min-height) } -#TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; } +#TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; height: var(--tab-min-height) } +#TabsToolbar-customization-target{ width: 100vw; } /* Hide stuff that doesn't make sense with tabs below content */ #TabsToolbar > .titlebar-buttonbox-container, #window-controls, /* Fullscreen window controls */ #TabsToolbar .titlebar-spacer{ display: none !important; -} \ No newline at end of file +} From a741079faf7fe3de841a34764debe4feb1155363 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 27 Apr 2019 12:05:33 +0300 Subject: [PATCH 0140/1101] New file --- chrome/urlbar_centered_text.css | 1 + 1 file changed, 1 insertion(+) create mode 100644 chrome/urlbar_centered_text.css diff --git a/chrome/urlbar_centered_text.css b/chrome/urlbar_centered_text.css new file mode 100644 index 0000000..9b64657 --- /dev/null +++ b/chrome/urlbar_centered_text.css @@ -0,0 +1 @@ +.urlbar-input{ text-align: center !important; } From 87791dcce2697633d2bfdc4dda25b32805eb5be3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 30 Apr 2019 20:20:47 +0300 Subject: [PATCH 0141/1101] new file --- chrome/multi-row_bookmarks.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100755 chrome/multi-row_bookmarks.css diff --git a/chrome/multi-row_bookmarks.css b/chrome/multi-row_bookmarks.css new file mode 100755 index 0000000..e69f71c --- /dev/null +++ b/chrome/multi-row_bookmarks.css @@ -0,0 +1,27 @@ +/* Makes bookmarks toolbar span multiple rows */ + +#PersonalToolbar{ + --multirow-bmb-n-rows: 3; /* Control how many rows are shown before scrolling */ + --multirow-bmb-row-margin: 2px; /* Control how much spacing is between rows */ + max-height: none !important; +} + +#PlacesToolbar > hbox{ + display: block; + width: 100vw; +} + +#PlacesToolbarItems{ + display: flex; + flex-wrap: wrap; + max-height: calc(var(--multirow-bmb-n-rows) * (6px + 1em + (2 * var(--multirow-bmb-row-margin))) + 2px) !important; + overflow-y:auto; + scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; + scrollbar-width: thin; +} + +/* Hide the all-bookmarks button */ +#PlacesChevron{ display: none } + +/* Add some spacing between rows */ +#PlacesToolbarItems > .bookmark-item{ margin: var(--multirow-bmb-row-margin) 3px !important; } From 344b068c4fe9df9fa1a161bd19bd9c709ef3a81a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 1 May 2019 07:53:55 +0300 Subject: [PATCH 0142/1101] Only exclude BMB_bookmarksPopup not all placespopups --- chrome/dark_context_menus.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index 2620a41..c1dea87 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -15,7 +15,7 @@ menuitem{ -moz-appearance: none !important; } menuitem, menu{ min-height: 1.8em } -menupopup:not([placespopup]), +menupopup:not(#BMB_bookmarksPopup), #main-menubar > menu > menupopup, #context-navigation{ color: var(--uc-menu-color) !important; @@ -33,4 +33,4 @@ menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; c menu[disabled="true"], menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; } -menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } \ No newline at end of file +menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } From 6c3f2db5f4e09f6759728858688815cedfcf554c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 1 May 2019 07:54:44 +0300 Subject: [PATCH 0143/1101] reduce transitions by fixing the state when previous sibling is hovered --- chrome/minimal_toolbarbuttons.css | 23 +++++++++++++++++------ 1 file changed, 17 insertions(+), 6 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 54c91dd..236d2c9 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -2,27 +2,38 @@ /* Create a placeholder for buttons */ toolbar .toolbarbutton-1:not([open]), -.titlebar-button{ +.titlebar-button, +#tabbrowser-tabs toolbarbutton{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% ); } /* Hide placeholder on hover */ -toolbar:hover .toolbarbutton-1,.titlebar-buttonbox:hover > .titlebar-button{ background-image: none } +toolbar:hover + toolbar .toolbarbutton-1, +vbox:hover + toolbar .toolbarbutton-1, +toolbar:hover .toolbarbutton-1, +#tabbrowser-tabs:hover toolbarbutton, +.titlebar-buttonbox:hover > .titlebar-button{ background-image: none } + toolbar .toolbarbutton-1 > *, -.titlebar-button > *{ +.titlebar-button > *, +#tabbrowser-tabs toolbarbutton > *{ transform: scale(0); transition: transform 82ms linear !important; } + +toolbar:hover + toolbar .toolbarbutton-1 > *, +vbox:hover + toolbar .toolbarbutton-1 > *, toolbar:hover .toolbarbutton-1 > *, .toolbarbutton-1[open] > *, -.titlebar-buttonbox:hover > .titlebar-button > *{ +.titlebar-buttonbox:hover > .titlebar-button > *, +#tabbrowser-tabs:hover toolbarbutton > *{ transform: scale(1) } /* Urlbar icons, this way they show colors is applicable */ .urlbar-icon{ transition: transform 82ms linear !important; } -#urlbar:not(:hover) .urlbar-icon{ transform: scale(0.3) } +#urlbar:not(:hover) .urlbar-icon:not([open]){ transform: scale(0.3) } /* The menu button has some margin on non-compact density which creates annnoying transitions */ /* Lets remove that as well as border since this is minimal style anyway */ -#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } \ No newline at end of file +#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } From acc7b44d12bf0d4fbaf794f3827fa3b8724d71d8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 1 May 2019 07:56:13 +0300 Subject: [PATCH 0144/1101] create a copy of minimal toolbarbuttons with slightly different behavior --- chrome/minimal_toolbarbuttons_v2.css | 50 ++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 chrome/minimal_toolbarbuttons_v2.css diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css new file mode 100644 index 0000000..f692060 --- /dev/null +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -0,0 +1,50 @@ +/* Create a circular placeholder for toolbarbutton and downscale to hide them */ + +/* +Difference to minimal_toolbarbuttons.css: +Applies some restrictions on what conditions the real icon is shown, +such as, nav-bar buttons are not shown when urlbar is hovered +*/ +/* Create a placeholder for buttons */ +#urlbar-container:hover ~ .toolbarbutton-1:not([open]), +#urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1, +#nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]), +#nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]), +toolbar .toolbarbutton-1:not([open]), +.titlebar-button, +#tabbrowser-tabs toolbarbutton{ + background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% ); +} +/* Hide placeholder on hover */ +toolbar:hover .toolbarbutton-1, +.titlebar-buttonbox:hover > .titlebar-button, +#tabbrowser-tabs:hover toolbarbutton{ background-image: none } + +#urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *, +#urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *, +#nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *, +#nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > *, +#titlebar:hover ~ toolbar .toolbarbutton-1 > *, +toolbar .toolbarbutton-1 > *, +#tabbrowser-tabs toolbarbutton > *, +.titlebar-button > *{ + transform: scale(0); + transition: transform 82ms linear !important; +} + +toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, +#nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack, +#PanelUI-menu-button:hover > stack, +#tabbrowser-tabs:hover toolbarbutton > *, +.toolbarbutton-1[open] > *, +.titlebar-buttonbox:hover > .titlebar-button > *{ + transform: scale(1) +} + +/* Urlbar icons, this way they show colors is applicable */ +.urlbar-icon{ transition: transform 82ms linear !important; } +#urlbar:not(:hover) .urlbar-icon:not([open]){ transform: scale(0.3) } + +/* The menu button has some margin on non-compact density which creates annnoying transitions */ +/* Lets remove that as well as border since this is minimal style anyway */ +#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } From f83c00ea3eda3785cdbd2827752d28495c5ef85a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 1 May 2019 10:28:05 +0300 Subject: [PATCH 0145/1101] Add a glow effect to minimal-mode menu-button if it has info-badge --- chrome/minimal_toolbarbuttons.css | 4 ++++ chrome/minimal_toolbarbuttons_v2.css | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 236d2c9..080e0c5 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -37,3 +37,7 @@ toolbar:hover .toolbarbutton-1 > *, /* The menu button has some margin on non-compact density which creates annnoying transitions */ /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } + +/* Add a glow-effect to menu-button when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index f692060..52efc47 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -48,3 +48,7 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, /* The menu button has some margin on non-compact density which creates annnoying transitions */ /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } + +/* Add a glow-effect to menu-button when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } From 82b2f4845dfb5ed1311aedc05c89ead049e8b8ad Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 1 May 2019 10:30:12 +0300 Subject: [PATCH 0146/1101] new file --- chrome/dark_additional_windows.css | 50 ++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 chrome/dark_additional_windows.css diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css new file mode 100644 index 0000000..d30ce22 --- /dev/null +++ b/chrome/dark_additional_windows.css @@ -0,0 +1,50 @@ +/* Dark library, page-info and bookmark-properties */ +/* Color scheme matches default dark theme */ + +@-moz-document url(chrome://browser/content/places/places.xul), + url(chrome://browser/content/pageinfo/pageInfo.xul), + url(chrome://browser/content/places/bookmarkProperties.xul){ + + #placesToolbox, + #placesView, + #placesToolbar, + #main-window, + #topBar, + dialog, + tree{ + -moz-appearance: none !important; + background-color: rgb(50,50,52) !important; + color: rgb(249,249,250) !important; + } + #placesToolbar, + tree{ + background: transparent !important; + } + textbox, + richlistbox, + treecol, + button, + menu, + #permList{ + -moz-appearance: none !important; + color: inherit !important; + } + textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } + + treecol:not([hideheader]){ height: 24px; } + treecol:hover{ filter: brightness(160%) } + treechildren::-moz-tree-row(multicol, odd), #permList{ background-color: rgba(0,0,0,0.2) !important; } + + radiogroup > radio[selected], + radiogroup > radio:hover, + #permList > .permission:hover, + treechildren::-moz-tree-row(hover), + button:hover{ background-color: rgba(255,255,255,0.1) !important; color: inherit !important;} + + treechildren::-moz-tree-row(selected){ background-color: Highlight !important; } + button{ padding: 3px } + #placesMenu > menu{ border: none !important; } + + button{ border: 1px solid rgba(255,255,255,0.1); border-radius: 3px } + +} From a04d7a1a63726b556f9dcce7c7df598f588cac92 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 08:32:43 +0300 Subject: [PATCH 0147/1101] New file --- chrome/fake_statusbar.css | 72 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 chrome/fake_statusbar.css diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar.css new file mode 100644 index 0000000..54f87a2 --- /dev/null +++ b/chrome/fake_statusbar.css @@ -0,0 +1,72 @@ +/* Creates a statusbar by using menubar */ +/* Since it's really the menubar this won't work if you also want the menubar on top of the screen */ + +/* The setup requires few things: + +1. Put the preferences button to the LEFT of the menubar items +2. Put a single toolbarspring next to the menubar items on RIGHT side +3. Move your "statusbar"-addons to menubar +4. Make menubar permanently enabled + + Move your "statusbar" elements to menubar + + + */ + +#titlebar{ + position: fixed; + bottom: 0px; + height: var(--tab-min-height); + width: 100vw; +} +#navigator-toolbox{ margin-top: var(--tab-min-height) } + +#TabsToolbar{ + position: fixed; + top: 0px; + width: 100vw; + padding-left: 30px !important; +} + +#TabsToolbar > .toolbar-items{ max-width: calc(100vw - 120px) } +#TabsToolbar > .titlebar-buttonbox-container{ + display: block !important; + float: right !important; +} + +#toolbar-menubar{ width: 100% } +#toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; } + +#toolbar-menubar > .toolbarbutton-1:first-child:not(:hover) + #menubar-items:not(:hover){ visibility: collapse } + +#toolbar-menubar > .titlebar-buttonbox-container + toolbarspring{ + background-position: left 2px; + background-repeat: no-repeat; + background-image: -moz-element(#statuspanel); + max-width: none !important; +} +/* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */ +#titlebar:hover > #toolbar-menubar > .titlebar-buttonbox-container + toolbarspring{ background-image: none } +#toolbar-menubar > .titlebar-buttonbox-container + toolbarspring{ background-image: -moz-element(#statuspanel) !important; } + +#statuspanel-inner > #statuspanel-label{ + height:3em; + min-width: 1000px; + background-color: var(--lwt-accent-color, hsla(0,0%,100%,.8)) !important; + border: none !important; + font-size: inherit; + color: inherit !important; + margin-right: 0px !important; +} +/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ +#statuspanel-inner{ background-color: var(--toolbar-accent-color) } +/*#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }*/ + +#statuspanel{ color: lightpink; z-index: -1; } +#statuspanel[type="status"] { color: skyblue } + +#statuspanel-inner{ margin-left: -3px; margin-top: 1px} +#statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--lwt-toolbar-field-color, black) !important;} + + +:root:not([inDOMFullscreen]) #content-deck{ margin-bottom: var(--tab-min-height) } From 63863612b9aa1e6effe16aadaad6966a34e1cb90 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 13:42:28 +0300 Subject: [PATCH 0148/1101] Override titlebarbutton box direction for linux_gtk systems --- chrome/Fx65_tabs_on_bottom.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 7611f2f..94dc79d 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -7,7 +7,11 @@ have menubar permanently enabled and want it on top /* IMPORTANT */ /* Get window_control_placeholder_support.css -Window controls will be all wrong without it +Window controls will be all wrong without it. + +Additionally on Linux, you may need to get: +linux_gtk_window_control_patch.css + */ :root{ @@ -43,4 +47,6 @@ Window controls will be all wrong without it .titlebar-placeholder, #TabsToolbar .titlebar-spacer{ display: none; } /* Also hide the toolbox bottom border which isn't at bottom with this setup */ -#navigator-toolbox::after{ display: none !important; } \ No newline at end of file +#navigator-toolbox::after{ display: none !important; } + +@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } } From 2229bda490aba08580bd8e7e81c1ddfa8b7445d5 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 15:15:27 +0300 Subject: [PATCH 0149/1101] Increase menubar heights from 22px to 29px --- chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index 0ec5f8e..ed1f1ce 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -3,19 +3,19 @@ :root{ --uc-window-control-width: 0px !important } -#navigator-toolbox{ margin-top: 22px } +#navigator-toolbox{ margin-top: 29px } #toolbar-menubar{ position: fixed; top: var(--uc-titlebar-padding,0px); - height: 22px; + height: 29px; margin-top:1px; width: 100%; overflow: hidden; } -#toolbar-menubar .titlebar-buttonbox-container{ height: 22px; } +#toolbar-menubar .titlebar-buttonbox-container{ height: 29px; } #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; } /* This will allow you to MAYBE put some items to the menubar */ #toolbar-menubar > *{ float: left } -#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } \ No newline at end of file +#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } From dc72d829da71a04bfd814e4f67b7170f8353d388 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 15:17:57 +0300 Subject: [PATCH 0150/1101] Don't set box-direction here --- chrome/linux_gtk_window_control_patch.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 chrome/linux_gtk_window_control_patch.css diff --git a/chrome/linux_gtk_window_control_patch.css b/chrome/linux_gtk_window_control_patch.css new file mode 100644 index 0000000..a74569a --- /dev/null +++ b/chrome/linux_gtk_window_control_patch.css @@ -0,0 +1,20 @@ +/* Overrides the appearance of the window controls with something that more closely matches "normal" buttons*/ +/* More importantly, this makes window controls to respect layout rules the other styles rely on */ + +.titlebar-buttonbox{ -moz-box-align: stretch !important; } +.titlebar-button { + -moz-appearance: none !important; + -moz-context-properties: fill, stroke, fill-opacity; + fill: currentColor; + padding: 4px 6px !important; + -moz-box-flex: 1; + overflow: -moz-hidden-unscrollable; +} +.titlebar-button:hover{ background-color: rgba(0,0,0,0.1) } +.titlebar-min{ list-style-image: url(chrome://browser/skin/zoom-out.svg); } +.titlebar-close{ + list-style-image: url(chrome://global/skin/icons/close.svg); + fill-opacity: 0; + stroke: currentColor +} + From 53ea91d2e80fb09efa0a79d05f47d6e8006efa7b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 15:20:51 +0300 Subject: [PATCH 0151/1101] Change window control placeholders to use ::before and ::after --- chrome/hide_tabs_with_one_tab.css | 7 +++++- chrome/navbar_tabs_oneliner.css | 9 +++++--- chrome/navbar_tabs_oneliner_tabs_on_left.css | 7 ++++-- chrome/window_control_placeholder_support.css | 22 +++++++++++-------- 4 files changed, 30 insertions(+), 15 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 2e3f574..88a8ecd 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -41,4 +41,9 @@ height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; -moz-appearance: initial !important; } -#nav-bar{ padding: 0 var(--uc-window-drag-space-width,0px) } +#nav-bar::before, +#nav-bar::after{ + content: ""; + display: -moz-box; + width: var(--uc-window-drag-space-width); +} diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 2667699..c7a6b5d 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -27,12 +27,15 @@ Window controls will be all wrong without it /* This isn't useful when tabs start in the middle of the window */ .titlebar-placeholder[type="pre-tabs"], .titlebar-spacer[type="pre-tabs"]{ display: none } -#nav-bar{ +#navigator-toolbox > #nav-bar{ margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); - padding-right: 0px !important; } +/* Override style set in window_control_placeholder_support.css */ +#nav-bar::after{ display:none !important } + +/* Rules specific to window controls on right layout */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } } @@ -41,4 +44,4 @@ Window controls will be all wrong without it .tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ -#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } \ No newline at end of file +#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 2790841..0c97d70 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -41,9 +41,12 @@ Window controls will be all wrong without it #nav-bar{ margin-left: calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); - padding-left: 0px !important; } +/* Override style set in window_control_placeholder_support.css */ +#nav-bar::before{ display:none !important } + +/* Rules specific to window controls on right layout */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ :root:not([inFullscreen]) #TabsToolbar-customization-target > .titlebar-spacer[type="pre-tabs"]{ width: var(--uc-window-drag-space-width) !important; @@ -56,4 +59,4 @@ Window controls will be all wrong without it .tab-close-button{ margin-top: 0 !important } /* Hide dropdown placeholder */ -#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } \ No newline at end of file +#urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 68a421e..70acd6e 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -4,22 +4,26 @@ /* This file should preferably be imported before other stylesheets */ /* Defaults for window controls on RIGHT side of the window */ +/* Modify these values to match your preferences */ :root{ - --uc-window-control-width: 138px; - --uc-window-drag-space-width: 24px; + --uc-window-control-width: 138px; /* Space reserved for window controls */ + --uc-window-drag-space-width: 24px; /* Extra space reserved on both sides of the nav-bar to be able to drag the window */ } -:root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-right: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); - padding-left: var(--uc-window-drag-space-width); +#nav-bar::before, +#nav-bar::after{ + content: ""; + display: -moz-box; + width: var(--uc-window-drag-space-width); } +toolbar#nav-bar::after{ width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)) } /* Use this pref to check Mac OS where window controls are on left */ /* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ :root{ --uc-window-control-width: 72px; } - :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ - padding-left: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)); - padding-right: var(--uc-window-drag-space-width); + :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar::before{ + width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)) } -} \ No newline at end of file + :root[tabsintitlebar="true"]:not([inFullscreen]) toolbar#nav-bar::after{ width: var(--uc-window-drag-space-width); } +} From e6b10edaf61d4cbf7edd80314c51a6bb847d24d3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 15:28:48 +0300 Subject: [PATCH 0152/1101] Disable hiding of protocol by default --- chrome/status_inside_urlbar.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 5c74f06..b3105b4 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -46,7 +46,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi min-width: 1000px; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)) !important; border: none !important; - font-size: larger; + font-size: inherit; color: inherit !important; margin-right: 0px !important; } @@ -56,14 +56,15 @@ As a workaround, the -moz-element background image is removed somewhat often whi #statuspanel{ color: lightpink; z-index: -1; } #statuspanel[type="status"] { color: skyblue } -/* Don't show common values to save space (useful for oneliner) - safe to delete these */ +/* Don't show common values to save space (useful for oneliner) - uncomment to enable */ /* If you change the font size of the label then you'll have to modify these too */ /* non-https links get a slight red hue */ - +/* #statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; } #statuspanel-inner > #statuspanel-label[value^="http"]{ margin-left: -3.7ch !important; } #statuspanel-inner > #statuspanel-label[value^="https"]{ margin-left: -6.1ch !important; color: var(--lwt-toolbar-field-color, black) !important} #statuspanel-inner > #statuspanel-label[value^="www"]{ margin-left: -4.5ch !important; } #statuspanel-inner > #statuspanel-label[value^="http://www"]{ margin-left: -9.7ch !important; } -#statuspanel-inner > #statuspanel-label[value^="https://www"]{ margin-left: -10.1ch !important; } -#statuspanel-inner{ margin-left: -1px; } \ No newline at end of file +#statuspanel-inner > #statuspanel-label[value^="https://www"]{ margin-left: -10.1ch !important; } +*/ +#statuspanel-inner{ margin-left: -1px; } From a2532d2a2236d79e2aece13b45ae7e71d27ce35d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 15:31:31 +0300 Subject: [PATCH 0153/1101] Don't center the text when urlbar is selected --- chrome/urlbar_centered_text.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/urlbar_centered_text.css b/chrome/urlbar_centered_text.css index 9b64657..044e52e 100644 --- a/chrome/urlbar_centered_text.css +++ b/chrome/urlbar_centered_text.css @@ -1 +1 @@ -.urlbar-input{ text-align: center !important; } +#urlbar:not([focused]) .urlbar-input{ text-align: center !important; } From ab0f3df900e4c890dc61ca410a31037172ea6014 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 16:20:34 +0300 Subject: [PATCH 0154/1101] Add note about linux requiring compatibility patch --- chrome/tabs_below_content.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 8dc4617..faa0f8a 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -2,7 +2,11 @@ /* IMPORTANT */ /* Get window_control_placeholder_support.css -Window controls will be all wrong without it +Window controls will be all wrong without it. + +Additionally on Linux, you may need to get: +linux_gtk_window_control_patch.css + */ .titlebar-buttonbox-container{ From 1a9521f9be063b7da8441be54febc4a1f54cdf1f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 16:21:32 +0300 Subject: [PATCH 0155/1101] Hide the navigator-toolbox bottom border --- chrome/hide_toolbox_top_bottom_borders.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/hide_toolbox_top_bottom_borders.css b/chrome/hide_toolbox_top_bottom_borders.css index 29c6122..7377f27 100644 --- a/chrome/hide_toolbox_top_bottom_borders.css +++ b/chrome/hide_toolbox_top_bottom_borders.css @@ -1,6 +1,6 @@ :root[sizemode="normal"]{ border-top: none !important } #navigator-toolbox::after{ content: none !important } - +#navigator-toolbox{ border-bottom: none !important } /* Removes few remaining extra lines above tabs in non-maximized windows */ /* Also prevents small vertical shift when moving tabs in compact density - who knows why */ :root[sizemode="normal"] #titlebar{ -moz-appearance: none !important; } @@ -12,4 +12,4 @@ /* Fx pre-65 */ /* #navigator-toolbox > #TabsToolbar{margin-top: -2px;} */ /* Fx65+ */ -/* #TabsToolbar > .toolbar-items > spacer{ display: none; } */ \ No newline at end of file +/* #TabsToolbar > .toolbar-items > spacer{ display: none; } */ From 2128a17ac64fcd8050436c9870378eb55b7dcc80 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 May 2019 17:33:18 +0300 Subject: [PATCH 0156/1101] Fall back to using currentColor if lwt fill color isn't set --- chrome/minimal_toolbarbuttons.css | 2 +- chrome/minimal_toolbarbuttons_v2.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 080e0c5..c11a12d 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -4,7 +4,7 @@ toolbar .toolbarbutton-1:not([open]), .titlebar-button, #tabbrowser-tabs toolbarbutton{ - background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% ); + background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ toolbar:hover + toolbar .toolbarbutton-1, diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index 52efc47..70dbba7 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -13,7 +13,7 @@ such as, nav-bar buttons are not shown when urlbar is hovered toolbar .toolbarbutton-1:not([open]), .titlebar-button, #tabbrowser-tabs toolbarbutton{ - background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill) 0,var(--lwt-toolbarbutton-icon-fill) 10%,transparent 15% ); + background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ toolbar:hover .toolbarbutton-1, From 05d8e8737a088d92c9730964e6c19bb2ae5ff7f6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 9 May 2019 18:05:17 +0300 Subject: [PATCH 0157/1101] Add support for findbar icons --- chrome/button_effect_icon_glow.css | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/chrome/button_effect_icon_glow.css b/chrome/button_effect_icon_glow.css index 37a108c..dee2845 100644 --- a/chrome/button_effect_icon_glow.css +++ b/chrome/button_effect_icon_glow.css @@ -3,13 +3,16 @@ /* Make backgrounds transparent */ + .urlbar-icon, .urlbar-icon-wrapper, toolbar .toolbarbutton-1, #tabbrowser-tabs toolbarbutton, toolbar toolbarbutton > .toolbarbutton-icon, toolbar toolbarbutton > .toolbarbutton-badge-stack, -.titlebar-button{ background-color: transparent !important; } +.titlebar-button, +#identity-box, +.findbar-textbox~toolbarbutton{ background-color: transparent !important; border-color: transparent !important;} .close-icon{ fill-opacity: 0 !important; } @@ -20,7 +23,9 @@ toolbar toolbarbutton > .toolbarbutton-badge-stack, .urlbar-icon-wrapper:hover > .urlbar-icon, toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon, #TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon, -toolbar #downloads-button:hover #downloads-indicator-anchor{ +toolbar #downloads-button:hover #downloads-indicator-anchor, +#identity-box:not(.no-hover):hover, +.findbar-textbox~toolbarbutton:not([disabled]):hover{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } @@ -36,6 +41,8 @@ toolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon, #TabsToolbar toolbarbutton:not([disabled]):active .toolbarbutton-icon, toolbar #downloads-button:active #downloads-indicator-anchor, -toolbar #downloads-button[open] #downloads-indicator-anchor{ +toolbar #downloads-button[open] #downloads-indicator-anchor, +#identity-box:not([disabled]):active, +.findbar-textbox~toolbarbutton:not([disabled]):active{ filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 0 yellow) -} \ No newline at end of file +} From d3711a1ac8d44cac3dbae3fcaceffa6b97db708f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 9 May 2019 18:05:56 +0300 Subject: [PATCH 0158/1101] new file --- chrome/minimal_toolbarbuttons_v3.css | 57 ++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 chrome/minimal_toolbarbuttons_v3.css diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css new file mode 100644 index 0000000..958289b --- /dev/null +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -0,0 +1,57 @@ +/* Create a circular placeholder for toolbarbutton and downscale to hide them */ + +/* +Difference to minimal_toolbarbuttons.css: +Sort of mix'n'match of v1 & v2 +*/ + +/* Create a placeholder for buttons */ +#urlbar-container:hover ~ .toolbarbutton-1:not([open]), +#urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1, +#nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]), +#nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > .toolbarbutton-1, +toolbar .toolbarbutton-1:not([open]), +.titlebar-button, +#tabbrowser-tabs toolbarbutton{ + background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); +} +/* Hide placeholder on hover */ +toolbar:hover + toolbar .toolbarbutton-1, +vbox:hover + toolbar .toolbarbutton-1, +toolbar:hover .toolbarbutton-1, +#tabbrowser-tabs:hover toolbarbutton, +.titlebar-buttonbox:hover > .titlebar-button{ background-image: none } + +#urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *, +#urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *, +#nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *, + +toolbar .toolbarbutton-1 > *, +.titlebar-button > *, +#tabbrowser-tabs toolbarbutton > *{ + transform: scale(0); + transition: transform 82ms linear !important; +} + +toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, +#nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack, +#PanelUI-menu-button:hover > stack, +#titlebar:hover ~ toolbar .toolbarbutton-1 > *, +.toolbarbutton-1[open] > *, +.titlebar-buttonbox:hover > .titlebar-button > *, +#tabbrowser-tabs:hover toolbarbutton > *{ + transform: scale(1) +} + +/* Urlbar icons, this way they show colors is applicable */ +.urlbar-icon{ transition: transform 82ms linear !important; } +#urlbar:not(:hover) .urlbar-icon:not([open]){ transform: scale(0.3) } + +/* The menu button has some margin on non-compact density which creates annnoying transitions */ +/* Lets remove that as well as border since this is minimal style anyway */ +#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } + +/* Add a glow-effect to menu-button when it has some "alert" */ +#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } + +#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } From cfa383b4124b50f709af92da70715b1c8a9634c7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 9 May 2019 20:10:35 +0300 Subject: [PATCH 0159/1101] Adjust some default colors and add optional centered text --- chrome/status_inside_urlbar.css | 36 ++++++++++++++++++++++----------- 1 file changed, 24 insertions(+), 12 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index b3105b4..c74513c 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -35,8 +35,6 @@ As a workaround, the -moz-element background image is removed somewhat often whi :root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px } :root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 3px } - - #urlbar .urlbar-input-box::after{ display: -moz-box; } @@ -51,20 +49,34 @@ As a workaround, the -moz-element background image is removed somewhat often whi margin-right: 0px !important; } /* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ -#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) } +#statuspanel-inner{ background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) } + +#statuspanel{ color: var(--lwt-toolbar-field-color, black) ; z-index: -1; } +#statuspanel[type="status"] { color: Highlight } + +/* You will need to adjust these probably as they depend on OS, text size etc. */ +#statuspanel-inner{ margin-left: -1px; } +#statuspanel-inner > #statuspanel-label{ margin-left: -2px !important; margin-top: 1px !important; } + + +/* OPTIONAL FEATURES */ +/* Uncomment to enable */ -#statuspanel{ color: lightpink; z-index: -1; } -#statuspanel[type="status"] { color: skyblue } -/* Don't show common values to save space (useful for oneliner) - uncomment to enable */ -/* If you change the font size of the label then you'll have to modify these too */ -/* non-https links get a slight red hue */ /* -#statuspanel-inner > #statuspanel-label{ margin-left: -3px !important; } -#statuspanel-inner > #statuspanel-label[value^="http"]{ margin-left: -3.7ch !important; } -#statuspanel-inner > #statuspanel-label[value^="https"]{ margin-left: -6.1ch !important; color: var(--lwt-toolbar-field-color, black) !important} + Don't show common values to save space (useful for oneliner) + If you change the font size of the label then you'll have to modify these too + non-https links get a slight red hue +/* +#statuspanel-inner > #statuspanel-label[value^="http:"]{ margin-left: -3.7ch !important; color: tomato } +#statuspanel-inner > #statuspanel-label[value^="https:"]{ margin-left: -6.1ch !important; } #statuspanel-inner > #statuspanel-label[value^="www"]{ margin-left: -4.5ch !important; } #statuspanel-inner > #statuspanel-label[value^="http://www"]{ margin-left: -9.7ch !important; } #statuspanel-inner > #statuspanel-label[value^="https://www"]{ margin-left: -10.1ch !important; } */ -#statuspanel-inner{ margin-left: -1px; } + +/* Center the statuspanel text. This might be useful with centered urlbar text */ +/* +#statuspanel-inner > #statuspanel-label{ text-align: center } +.urlbar-input-box::after{ background-position-x: center !important; } +*/ From fb607dbccd7ce7dff4af0f8dd78838b88ff5afa7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 May 2019 05:24:19 +0300 Subject: [PATCH 0160/1101] update color variables --- chrome/hide_tabs_toolbar.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index bd462a7..6809e8c 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -10,7 +10,7 @@ Window controls will be all wrong without it :root:not([uidensity="compact"]){--uc-toolbar-height: 38px} -#TabsToolbar{ visibility: collapse } +#TabsToolbar{ visibility: collapse !important } :root:not([inFullscreen]) #nav-bar{ margin-top: calc(0px - var(--uc-toolbar-height)); @@ -24,10 +24,10 @@ Window controls will be all wrong without it #main-menubar{ -moz-box-flex: 1; - background: var(--toolbar-non-lwt-bgcolor); + background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor); background-clip: padding-box; border-right: 30px solid transparent; - border-image: linear-gradient(to left, transparent, var(--toolbar-non-lwt-bgcolor) 30px) 20 / 30px + border-image: linear-gradient(to left, transparent, var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) 30px) 20 / 30px } #toolbar-menubar:not([inactive]){ z-index: 2 } @@ -35,4 +35,4 @@ Window controls will be all wrong without it opacity: 0; pointer-events: none; margin-left: var(--uc-window-drag-space-width,0px) -} \ No newline at end of file +} From f6fcacc15e46cf00ed07b987c2c6e62fb1612e7f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 May 2019 19:27:49 +0300 Subject: [PATCH 0161/1101] new file --- chrome/vertical_menubar.css | 46 +++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 chrome/vertical_menubar.css diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css new file mode 100644 index 0000000..9595e86 --- /dev/null +++ b/chrome/vertical_menubar.css @@ -0,0 +1,46 @@ +/* Makes menubar appear vertically on the right side of the window */ + +/* The first element in the menubar is used to "toggle" the file-menu & friends */ +/* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */ + + +#titlebar{ + position: fixed; + right: 0px; + height: 100vh; + width: 30px; +} +#navigator-toolbox{ margin-top: var(--tab-min-height) } + +#TabsToolbar{ + position: fixed; + top: 0px; + left: 0px; + width: 100vw; + padding-left: 30px !important; +} + +#TabsToolbar > .toolbar-items{ max-width: calc(100vw - 138px) } +#TabsToolbar > .titlebar-buttonbox-container{ + display: block !important; + float: right !important; +} + +#toolbar-menubar{ + margin-top: 40px; + width: 30px; + -moz-box-orient: vertical; +} + +#toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; } + +#toolbar-menubar > #menubar-items{ visibility: collapse } +#toolbar-menubar > .toolbarbutton-1:first-child:hover + #menubar-items,#toolbar-menubar > #menubar-items:hover{ visibility: visible } + +#main-menubar{ + -moz-box-orient: vertical; + margin-left: -60px; + background-color: var(--lwt-accent-color) +} + +:root:not([inDOMFullscreen]) > #content-deck{ margin-right: 30px } From 27ac04e7bf9a48f5b4dda410b926f5be3234346d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 21 May 2019 16:42:05 +0300 Subject: [PATCH 0162/1101] new file --- chrome/click_selected_tab_to_focus_urlbar.css | 36 +++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 chrome/click_selected_tab_to_focus_urlbar.css diff --git a/chrome/click_selected_tab_to_focus_urlbar.css b/chrome/click_selected_tab_to_focus_urlbar.css new file mode 100644 index 0000000..90839d2 --- /dev/null +++ b/chrome/click_selected_tab_to_focus_urlbar.css @@ -0,0 +1,36 @@ +/* Clicking selected tab selects focuses urlbar */ +/* Selected tab cannot be normally clicked (right-,middle- or left-clicked) EXCEPT from the tab icon */ + +/* Clicking selected pinned tab doesn't focus urlbar by default since I expect you might not want to change pinned tab address - see below */ + + +/* Make selected tab unclickable so click goes to the capture box, obviously it can't be clicked at all anymore */ +/* remove the :not([pinned]) bit to make clicking pinned tab AROUND the tab-icon focus urlbar*/ + +.tabbrowser-tab:not([pinned])[selected]{ pointer-events: none } + +/* Add back pointer-events to several elements so UI remains usable */ +/* The selected tab can be clicked normally from the icon */ +#tabbrowser-tabs toolbarbutton, +.tabbrowser-tab, +.tabbrowser-tab .tab-close-button, +.tabbrowser-tab .tab-icon-image{ + pointer-events: auto +} + +/* Invisible capture box behind tabs*/ +:root:not([customizing]) #urlbar::before{ + position: fixed; + top: 0; + left: 0; + width: calc(100vw - 138px); + height: var(--tab-min-height); + content: ""; +} + +/* Make tabs appear over the invisible box */ +:root:not([customizing]) #tabbrowser-tabs{ + position: relative; + z-index: 1; + pointer-events: none +} \ No newline at end of file From 859753a0261fd8df143b060f667a4dd983b49660 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 00:13:51 +0300 Subject: [PATCH 0163/1101] formatting --- chrome/click_selected_tab_to_focus_urlbar.css | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/chrome/click_selected_tab_to_focus_urlbar.css b/chrome/click_selected_tab_to_focus_urlbar.css index 90839d2..f1438c9 100644 --- a/chrome/click_selected_tab_to_focus_urlbar.css +++ b/chrome/click_selected_tab_to_focus_urlbar.css @@ -15,22 +15,22 @@ .tabbrowser-tab, .tabbrowser-tab .tab-close-button, .tabbrowser-tab .tab-icon-image{ - pointer-events: auto + pointer-events: auto } /* Invisible capture box behind tabs*/ :root:not([customizing]) #urlbar::before{ - position: fixed; - top: 0; - left: 0; - width: calc(100vw - 138px); - height: var(--tab-min-height); - content: ""; + position: fixed; + top: 0; + left: 0; + width: calc(100vw - 138px); + height: var(--tab-min-height); + content: ""; } /* Make tabs appear over the invisible box */ :root:not([customizing]) #tabbrowser-tabs{ - position: relative; - z-index: 1; - pointer-events: none + position: relative; + z-index: 1; + pointer-events: none } \ No newline at end of file From 8247e931fd4484e426af821ea53b2b95b0617d8a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 00:14:17 +0300 Subject: [PATCH 0164/1101] new file --- chrome/autohide_bookmarks_toolbar.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) create mode 100644 chrome/autohide_bookmarks_toolbar.css diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css new file mode 100644 index 0000000..368dd67 --- /dev/null +++ b/chrome/autohide_bookmarks_toolbar.css @@ -0,0 +1,13 @@ +/* Show bookmarks toolbar only when cursor is on top of toolbar area */ + +#PersonalToolbar{ + margin-bottom: -22px; + transform: rotateX(90deg); + position: relative; + transform-origin: top; + transition: transform 135ms linear 48ms !important; +} +:root[uidensity="compact"] > #navigator-toolbox > #PersonalToolbar{ margin-bottom: -20px } +:root[uidensity="touch"] > #navigator-toolbox > #PersonalToolbar{ margin-bottom: -26px } + +#navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } \ No newline at end of file From 03d99edf6dcba7925a1fb1de404c22fea21f2ea0 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 00:17:51 +0300 Subject: [PATCH 0165/1101] let the position to be static --- chrome/autohide_bookmarks_toolbar.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 368dd67..aaa88aa 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -3,7 +3,6 @@ #PersonalToolbar{ margin-bottom: -22px; transform: rotateX(90deg); - position: relative; transform-origin: top; transition: transform 135ms linear 48ms !important; } From 86fad039321739fb1202d8a279af95d175b0910c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 00:22:40 +0300 Subject: [PATCH 0166/1101] Disable autohide while customizing --- chrome/autohide_bookmarks_toolbar.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index aaa88aa..b7e7777 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -1,12 +1,12 @@ /* Show bookmarks toolbar only when cursor is on top of toolbar area */ -#PersonalToolbar{ +#PersonalToolbar:not([customizing]){ margin-bottom: -22px; transform: rotateX(90deg); transform-origin: top; transition: transform 135ms linear 48ms !important; } -:root[uidensity="compact"] > #navigator-toolbox > #PersonalToolbar{ margin-bottom: -20px } -:root[uidensity="touch"] > #navigator-toolbox > #PersonalToolbar{ margin-bottom: -26px } +:root[uidensity="compact"] > #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } +:root[uidensity="touch"] > #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } #navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } \ No newline at end of file From 507fe8cb56516e06928a8f8fa1f6ab850f0f07ab Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 14:28:34 +0300 Subject: [PATCH 0167/1101] Add informational colors for identity-box when hidden --- chrome/minimal_text_fields.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/chrome/minimal_text_fields.css b/chrome/minimal_text_fields.css index 11b8550..d796c37 100644 --- a/chrome/minimal_text_fields.css +++ b/chrome/minimal_text_fields.css @@ -3,6 +3,12 @@ --lwt-toolbar-field-border-color: transparent !important; } +#search-box{ + -moz-appearance: none !important; + background-color: var(--lwt-toolbar-field-background-color) !important; + color: inherit !important; +} + #urlbar, .searchbar-textbox{ box-shadow: none !important; @@ -17,7 +23,26 @@ #urlbar > .urlbar-input-box, .searchbar-textbox > moz-input-box{ opacity: 0.6 } -#urlbar:hover > *, +#identity-box, +#urlbar > *:hover, #urlbar:focus-within > *, .searchbar-textbox:hover > *, -.searchbar-textbox:focus-within > *{ opacity: 1 } \ No newline at end of file +.searchbar-textbox:focus-within > *{ opacity: 1 } + +/* Information colors for identity-box in hidden state */ + +#identity-box{ border: none !important } +#urlbar:not(:hover) > #identity-box{ background-image: radial-gradient(closest-side circle at 16px, orange 10%,transparent 35% ); } +#urlbar:not(:hover) > #identity-box.verifiedIdentity{ background-image: radial-gradient(closest-side circle at 16px, lime 10%,transparent 35% ); } +#urlbar:not(:hover) > #identity-box > *{ opacity: 0 } + +:root[title="Firefox Nightly"] #identity-box, +:root[title="Mozilla Firefox"] #identity-box, +#identity-box:hover, +#identity-box.chromeUI, +#identity-box.verifiedDomain{ + background-image: none !important; +} + +#identity-box > #identity-icon-labels{ transition: max-width 150ms linear !important; } +#identity-box:not(:hover) > #identity-icon-labels{ max-width: 0px !important; } \ No newline at end of file From 80ce45de175e6581a200006024c685afcb8f0356 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 14:30:01 +0300 Subject: [PATCH 0168/1101] Add colors to inform about downloads button state --- chrome/minimal_toolbarbuttons.css | 12 +++++++++--- chrome/minimal_toolbarbuttons_v2.css | 12 +++++++++--- chrome/minimal_toolbarbuttons_v3.css | 13 +++++++++---- 3 files changed, 27 insertions(+), 10 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index c11a12d..8b3a7a3 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -38,6 +38,12 @@ toolbar:hover .toolbarbutton-1 > *, /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } -/* Add a glow-effect to menu-button when it has some "alert" */ -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } +/* Add a glow-effect to some buttons when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status], +#navigator-toolbox:not(:hover) #downloads-button[attention]{ + filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange); +} +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], +#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); +} \ No newline at end of file diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index 70dbba7..de98d90 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -49,6 +49,12 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } -/* Add a glow-effect to menu-button when it has some "alert" */ -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } -#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } +/* Add a glow-effect to some buttons when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status], +#navigator-toolbox:not(:hover) #downloads-button[attention]{ + filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange); +} +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], +#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); +} \ No newline at end of file diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css index 958289b..31b9377 100644 --- a/chrome/minimal_toolbarbuttons_v3.css +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -51,7 +51,12 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } -/* Add a glow-effect to menu-button when it has some "alert" */ -#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } - -#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } +/* Add a glow-effect to some buttons when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status], +#navigator-toolbox:not(:hover) #downloads-button[attention]{ + filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange); +} +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], +#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); +} \ No newline at end of file From 0a9237b8a0a49bf2a233d320095c69332fde422c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 14:33:24 +0300 Subject: [PATCH 0169/1101] formatting --- chrome/minimal_toolbarbuttons_v3.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css index 31b9377..a3381de 100644 --- a/chrome/minimal_toolbarbuttons_v3.css +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -15,17 +15,19 @@ toolbar .toolbarbutton-1:not([open]), #tabbrowser-tabs toolbarbutton{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } + /* Hide placeholder on hover */ toolbar:hover + toolbar .toolbarbutton-1, vbox:hover + toolbar .toolbarbutton-1, toolbar:hover .toolbarbutton-1, #tabbrowser-tabs:hover toolbarbutton, -.titlebar-buttonbox:hover > .titlebar-button{ background-image: none } +.titlebar-buttonbox:hover > .titlebar-button{ + background-image: none; +} #urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *, #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *, #nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *, - toolbar .toolbarbutton-1 > *, .titlebar-button > *, #tabbrowser-tabs toolbarbutton > *{ From b78e6a504ff3981102467c63746218047e641ec8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Jun 2019 14:35:52 +0300 Subject: [PATCH 0170/1101] Apply colors to edit bookmark popup --- chrome/dark_context_menus.css | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index c1dea87..42fd85f 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -8,13 +8,26 @@ --uc-menu-disabled: rgb(50,50,50); } +panel richlistbox, +panel tree, +panel button, +panel menulist, +panel textbox, menupopup, menu, menuitem{ -moz-appearance: none !important; } +menulist, menuitem, menu{ min-height: 1.8em } +panel menulist{ border: 1px solid transparent } + +panel richlistbox, +panel tree, +panel button, +panel menulist, +panel textbox, menupopup:not(#BMB_bookmarksPopup), #main-menubar > menu > menupopup, #context-navigation{ @@ -24,13 +37,22 @@ menupopup:not(#BMB_bookmarksPopup), border-color: var(--uc-menu-disabled) !important; } +panel menulist:hover, panel menulist[open]{ border-color: Highlight !important; } + +#editBMPanel_folderMenuList > menupopup > menuitem{ color: var(--uc-menu-color) !important; } + +panel treechildren::-moz-tree-row(selected), +button:hover, menu:hover, menu[_moz-menuactive], menu[open], menuitem:hover, -menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; color: inherit !important; } +menuitem[_moz-menuactive]{ + background-color: var(--uc-menu-dimmed) !important; + color: inherit !important; +} menu[disabled="true"], menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; } -menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } +menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } \ No newline at end of file From 956a95e6ea51912db28348cc09ff03a968beaa1f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Jun 2019 13:51:53 +0300 Subject: [PATCH 0171/1101] Make menubar appear normally in customize mode --- chrome/vertical_menubar.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css index 9595e86..8d26391 100644 --- a/chrome/vertical_menubar.css +++ b/chrome/vertical_menubar.css @@ -4,15 +4,16 @@ /* So, if you want the menu items to be toggleable, just move one button to be before menubar items in the toolbar. If all buttons come after menubar items, then none of those will trigger menubar items. */ -#titlebar{ - position: fixed; +:root:not([customizing]) #titlebar{ + position: fixed; + -moz-appearance: none !important; right: 0px; height: 100vh; width: 30px; } -#navigator-toolbox{ margin-top: var(--tab-min-height) } +:root:not([customizing]) > #navigator-toolbox{ margin-top: var(--tab-min-height) } -#TabsToolbar{ +#TabsToolbar:not([customizing]){ position: fixed; top: 0px; left: 0px; @@ -26,10 +27,11 @@ float: right !important; } -#toolbar-menubar{ +#toolbar-menubar:not([customizing]){ margin-top: 40px; width: 30px; -moz-box-orient: vertical; + -moz-box-flex: 1; } #toolbar-menubar > .titlebar-buttonbox-container,#toolbar-menubar > spacer{ display: none !important; } @@ -37,7 +39,7 @@ #toolbar-menubar > #menubar-items{ visibility: collapse } #toolbar-menubar > .toolbarbutton-1:first-child:hover + #menubar-items,#toolbar-menubar > #menubar-items:hover{ visibility: visible } -#main-menubar{ +#toolbar-menubar:not([customizing]) #main-menubar{ -moz-box-orient: vertical; margin-left: -60px; background-color: var(--lwt-accent-color) From 88193256dff57cc9eaf698ff8d5b2271f74b4377 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Jun 2019 19:08:43 +0300 Subject: [PATCH 0172/1101] new file --- chrome/autohide_toolbox.css | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 chrome/autohide_toolbox.css diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css new file mode 100644 index 0000000..c4a7be0 --- /dev/null +++ b/chrome/autohide_toolbox.css @@ -0,0 +1,27 @@ +/* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ +/* Dimensions on non-Win10 OS probably needs to be adjusted */ + +:root:not([inDOMFullscreen]){ margin-top: 6px } +:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 14px } +#navigator-toolbox{ + position: fixed !important; + background-color: var(--lwt-accent-color,black); + transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important; + transform-origin: top; + margin-top: -6px; +} +:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -6px } + +#navigator-toolbox, +#navigator-toolbox > *{ + width: 100vw; + -moz-appearance: none !important; + line-height: 0; +} + +:root:not([customizing]) > #navigator-toolbox:not(:focus-within):not(:hover){ + transform: rotateX(86deg); + opacity: 0; +} + +#PersonalToolbar[collapsed]{ margin-block-end: -7px } \ No newline at end of file From e3bf0f8ef740bc360515ef8afa43ee14a99f23ea Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 3 Jun 2019 17:26:32 +0300 Subject: [PATCH 0173/1101] remove reserved 6px space in windowed mode --- chrome/autohide_toolbox.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index c4a7be0..26c0f23 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -1,27 +1,32 @@ /* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ /* Dimensions on non-Win10 OS probably needs to be adjusted */ -:root:not([inDOMFullscreen]){ margin-top: 6px } -:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 14px } +:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px } + #navigator-toolbox{ position: fixed !important; background-color: var(--lwt-accent-color,black); transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important; transform-origin: top; - margin-top: -6px; + line-height: 0; } -:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -6px } +#navigator-toolbox > *{ line-height: normal } + +:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } #navigator-toolbox, #navigator-toolbox > *{ width: 100vw; -moz-appearance: none !important; - line-height: 0; } :root:not([customizing]) > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(86deg); opacity: 0; } +:root[sizemode="maximized"]:not([customizing]) > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } -#PersonalToolbar[collapsed]{ margin-block-end: -7px } \ No newline at end of file +#PersonalToolbar[collapsed]{ margin-block-end: -7px } + +/* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */ + /*#titlebar{ margin-bottom: -9px }*/ \ No newline at end of file From c56cd110113817ea59acf282fc98a13ed5e70372 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 5 Jun 2019 16:26:32 +0300 Subject: [PATCH 0174/1101] new file --- chrome/toolbarbuttons_icon+label.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 chrome/toolbarbuttons_icon+label.css diff --git a/chrome/toolbarbuttons_icon+label.css b/chrome/toolbarbuttons_icon+label.css new file mode 100644 index 0000000..e4675af --- /dev/null +++ b/chrome/toolbarbuttons_icon+label.css @@ -0,0 +1,26 @@ +/* Shows both icon and label for toolbarbuttons */ + +toolbar .toolbarbutton-1[label]{ -moz-box-orient: vertical } + +toolbar .toolbarbutton-1[label]:not([disabled]):hover{ background-color: var(--toolbarbutton-hover-background) !important; } + +toolbar .toolbarbutton-1[label] > .toolbarbutton-icon, +toolbar .toolbarbutton-1[label] > .toolbarbutton-badge-stack{ + padding: var(--toolbarbutton-inner-padding) !important; + padding-bottom: 0px !important; + height: calc(var(--toolbarbutton-inner-padding) + 16px) !important; + border: none !important; + background-color: transparent !important; + box-shadow: none !important; +} + +toolbar .toolbarbutton-1[label] > .toolbarbutton-text { + display: -moz-box !important; + min-height: 16px !important; + padding-top: 0px !important; + background-color: transparent !important; + /*max-width: 70px;*/ /* Set maximium button width here if wanted */ +} +:root:not([uidensity="compact"]) toolbar .toolbarbutton-1[label] > .toolbarbutton-text{ padding: 2px !important; } + +#back-button{ padding: 0px var(--toolbarbutton-outer-padding) !important; border-radius: 0px !important; } \ No newline at end of file From a65c512919739f5f73da09aaf3af0751d7240d12 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 10 Jun 2019 12:17:01 +0300 Subject: [PATCH 0175/1101] make sidebar 1px wide in fullscreen mode --- chrome/autohide_sidebar.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 711ead6..1993fe6 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -10,6 +10,8 @@ max-width: var(--uc-sidebar-width) !important; } +#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; } + #sidebar-splitter{ display: none } #sidebar-header{ overflow: hidden; color: var(--chrome-color, inherit) !important} @@ -37,6 +39,6 @@ #sidebar, #sidebar-header{ - background-color: var(--toolbar-non-lwt-bgcolor) !important; + background-color: var(--toolbar-bgcolor) !important; border-right: 1px solid rgb(80,80,80); } \ No newline at end of file From da6df22d8b4a4c1da4b148a3afd15f36e3d083fb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 12 Jun 2019 13:33:11 +0300 Subject: [PATCH 0176/1101] Make toolbox margins OS scaling dependent --- chrome/autohide_toolbox.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 26c0f23..3d252ca 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -1,7 +1,18 @@ /* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ /* Dimensions on non-Win10 OS probably needs to be adjusted */ -:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px } +:root{ --uc-titlebar-scale-factor: 0px } +@media screen and (min-resolution: 1.25dppx){ + :root{ --uc-titlebar-scale-factor: 1px } +} +@media screen and (min-resolution: 1.5dppx){ + :root{ --uc-titlebar-scale-factor: 2px } +} +@media screen and (min-resolution: 2dppx){ + :root{ --uc-titlebar-scale-factor: 3px } +} + +:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: calc(10px - var(--uc-titlebar-scale-factor)) } #navigator-toolbox{ position: fixed !important; @@ -13,7 +24,9 @@ #navigator-toolbox > *{ line-height: normal } :root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } - +@media screen and (min-resolution: 1.5dppx){ + :root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px } +} #navigator-toolbox, #navigator-toolbox > *{ width: 100vw; From 0be1e46ced1f5b67424f1cfb4c6a732353cb4e11 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 12 Jun 2019 19:08:13 +0300 Subject: [PATCH 0177/1101] don't use variables since only margin will change --- chrome/autohide_toolbox.css | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 3d252ca..9160585 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -1,19 +1,20 @@ /* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ /* Dimensions on non-Win10 OS probably needs to be adjusted */ -:root{ --uc-titlebar-scale-factor: 0px } +:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px } +:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } + @media screen and (min-resolution: 1.25dppx){ - :root{ --uc-titlebar-scale-factor: 1px } + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px } } @media screen and (min-resolution: 1.5dppx){ - :root{ --uc-titlebar-scale-factor: 2px } + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px } + :root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px } } @media screen and (min-resolution: 2dppx){ - :root{ --uc-titlebar-scale-factor: 3px } + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px } } -:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: calc(10px - var(--uc-titlebar-scale-factor)) } - #navigator-toolbox{ position: fixed !important; background-color: var(--lwt-accent-color,black); @@ -23,10 +24,7 @@ } #navigator-toolbox > *{ line-height: normal } -:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } -@media screen and (min-resolution: 1.5dppx){ - :root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px } -} + #navigator-toolbox, #navigator-toolbox > *{ width: 100vw; From ba7234130fd08a70aec07e9134f8d4346a406d76 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 16 Jun 2019 09:05:07 +0300 Subject: [PATCH 0178/1101] (Fx69 support) Apply placeholder margins to #browser instead of #content-deck --- chrome/fake_statusbar.css | 3 ++- chrome/multi-row_tabs_below_content_Fx66+.css | 3 ++- chrome/tabs_below_content.css | 3 ++- chrome/vertical_menubar.css | 2 +- 4 files changed, 7 insertions(+), 4 deletions(-) diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar.css index 54f87a2..961384f 100644 --- a/chrome/fake_statusbar.css +++ b/chrome/fake_statusbar.css @@ -69,4 +69,5 @@ #statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--lwt-toolbar-field-color, black) !important;} -:root:not([inDOMFullscreen]) #content-deck{ margin-bottom: var(--tab-min-height) } +:root:not([inDOMFullscreen]) #content-deck, +:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 2bbb5bc..103df5b 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -39,7 +39,8 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #PanelUI-button{ float: right; } -:root:not([inDOMFullscreen]) #content-deck{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} +:root:not([inDOMFullscreen]) #content-deck, +:root:not([inDOMFullscreen]) > #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} /* Restyle nav-bar and menubar */ #nav-bar-customization-target{ width: calc(100% - 100px); } diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index faa0f8a..3f1484b 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -35,7 +35,8 @@ linux_gtk_window_control_patch.css :root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } /* Move tabs below content */ -:root:not([inDOMFullscreen]) #content-deck{ margin-bottom: var(--tab-min-height) } +:root:not([inDOMFullscreen]) #content-deck, +:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } #TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; height: var(--tab-min-height) } #TabsToolbar-customization-target{ width: 100vw; } diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css index 8d26391..7810e79 100644 --- a/chrome/vertical_menubar.css +++ b/chrome/vertical_menubar.css @@ -45,4 +45,4 @@ background-color: var(--lwt-accent-color) } -:root:not([inDOMFullscreen]) > #content-deck{ margin-right: 30px } +:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) > #browser{ margin-right: 30px } From 402f31e15dd3abe1f907efea4b15d341061502dc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 16 Jun 2019 09:36:15 +0300 Subject: [PATCH 0179/1101] Fix menubar coloring and incorrect toolbar height --- chrome/multi-row_tabs_below_content_Fx66+.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 103df5b..5a799e1 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -38,6 +38,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) } #PanelUI-button{ float: right; } +#nav-bar > toolbartabstop{ float: left } :root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) > #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} @@ -62,6 +63,9 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) height: 100%; visibility: hidden; } + +#toolbar-menubar[brighttext="true"]{ --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) } + #toolbar-menubar:hover{ z-index: 2 } #toolbar-menubar:hover > #menubar-items{ visibility: visible; From 0239329ef8cae0b5d037fb20c997d75965ffea70 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 16 Jun 2019 14:25:12 +0300 Subject: [PATCH 0180/1101] New file --- chrome/tabs_animated_gradient_border.css | 54 ++++++++++++++++++++++++ 1 file changed, 54 insertions(+) create mode 100644 chrome/tabs_animated_gradient_border.css diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css new file mode 100644 index 0000000..b077fe8 --- /dev/null +++ b/chrome/tabs_animated_gradient_border.css @@ -0,0 +1,54 @@ +/* Adds animated gradient border below tabs and around selected tab */ +/* Might or might not work, no promises*/ + +/* Constant animation WILL increase CPU usage */ + +@keyframes rotate-gradient{ + from{filter: hue-rotate(0deg)} + to{filter: hue-rotate(360deg)} +} + +#TabsToolbar::before{ + content: ""; + display: -moz-box; + position: absolute; + width: 100vw; + height: calc(var(--tab-min-height) + 2px); + background-image: linear-gradient(to right, magenta, yellow, cyan); + animation: rotate-gradient 5s linear infinite; + pointer-events: none; + will-change: filter; + z-index: -1; +} + +#tabbrowser-tabs .arrowscrollbox-scrollbox::after{ + content: ""; + display: -moz-box; + -moz-box-flex: 1 !important; + background-color: var(--lwt-accent-color); + margin-bottom: 2px; +} + +#TabsToolbar > .titlebar-buttonbox-container, +.titlebar-spacer, +.tabbrowser-tab, +.tabs-newtab-button, +#tabbrowser-tabs .scrollbutton-up, +#tabbrowser-tabs .scrollbutton-down, +#tabbrowser-tabs ~ toolbarbutton{ + background-color: var(--lwt-accent-color) !important; + margin-bottom: 2px !important; + opacity: 1 !important; +} + +.tabbrowser-tab{ padding: 2px 2px 0 2px !important; min-height: calc(var(--tab-min-height) - 2px);} + +.tabbrowser-tab[selected]{ + padding: 0px !important; + background-color: transparent !important; + border: 2px solid transparent !important; + border-bottom-width: 0px !important; + margin-bottom: 0px !important; +} + +.tab-content[selected]{ margin-top: -2px } \ No newline at end of file From 54b7aededa4237483d128ea3bb499f8760a23a5d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 24 Jun 2019 15:46:13 +0300 Subject: [PATCH 0181/1101] Animate background-position with steps() timing to reduce cpu use --- chrome/tabs_animated_gradient_border.css | 21 +++++++++++++-------- 1 file changed, 13 insertions(+), 8 deletions(-) diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css index b077fe8..5c9dd56 100644 --- a/chrome/tabs_animated_gradient_border.css +++ b/chrome/tabs_animated_gradient_border.css @@ -1,23 +1,26 @@ /* Adds animated gradient border below tabs and around selected tab */ -/* Might or might not work, no promises*/ +/* Might or might not work, no promises */ /* Constant animation WILL increase CPU usage */ +/* +Thanks to /u/skenera on reddit for suggesting animating background position and using steps() function to reduce cpu load +*/ @keyframes rotate-gradient{ - from{filter: hue-rotate(0deg)} - to{filter: hue-rotate(360deg)} + from{background-position: 0 0;} + to{background-position: 200vw 0;} } #TabsToolbar::before{ content: ""; display: -moz-box; position: absolute; - width: 100vw; + width: 200vw; height: calc(var(--tab-min-height) + 2px); - background-image: linear-gradient(to right, magenta, yellow, cyan); - animation: rotate-gradient 5s linear infinite; + background-image: linear-gradient(to right, magenta, red, yellow, green, cyan, blue, magenta); + animation: rotate-gradient 10s steps(60) infinite; + /*animation-timing-function: linear; */ /* smoother animation, but greatly increased cpu use */ pointer-events: none; - will-change: filter; z-index: -1; } @@ -41,7 +44,9 @@ opacity: 1 !important; } -.tabbrowser-tab{ padding: 2px 2px 0 2px !important; min-height: calc(var(--tab-min-height) - 2px);} +.tabbrowser-tab{ padding: 2px 2px 0 2px !important; } +.tabbrowser-tab:not([selected]){ min-height: calc(var(--tab-min-height) - 2px) !important; } + .tabbrowser-tab[selected]{ padding: 0px !important; From 29265f1107cf8aa20458114cd5a81cd192598344 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 25 Jun 2019 12:07:00 +0300 Subject: [PATCH 0182/1101] Use toolbar-bgcolor when available for window background --- chrome/dark_additional_windows.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index d30ce22..92b773b 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -13,7 +13,7 @@ dialog, tree{ -moz-appearance: none !important; - background-color: rgb(50,50,52) !important; + background-color: var(--toolbar-bgcolor,rgb(50,50,52)) !important; color: rgb(249,249,250) !important; } #placesToolbar, From b134d19ff8b6fcfbfae674746c23bd6cffd606a1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 25 Jun 2019 12:08:50 +0300 Subject: [PATCH 0183/1101] new file --- chrome/dark_checkboxes_and_radios.css | 37 +++++++++++++++++++++++++++ 1 file changed, 37 insertions(+) create mode 100644 chrome/dark_checkboxes_and_radios.css diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css new file mode 100644 index 0000000..b66e1d7 --- /dev/null +++ b/chrome/dark_checkboxes_and_radios.css @@ -0,0 +1,37 @@ +#editBMPanel_tagsSelector > richlistitem > image, +radio > .radio-check, +checkbox > .checkbox-check{ + -moz-appearance: none !important; + border: 1px solid graytext; + border-radius: 2px; + height: 1.3em; + width: 1.3em; + padding: 1px; +} + +#editBMPanel_tagsSelector > richlistitem > image{ + background-color: var(--toolbar-bgcolor,rgb(50,50,52)) !important; + margin: 1px !important; + border-color: graytext !important; + border-radius: 2px !important; +} + +#editBMPanel_tagsSelector > richlistitem:not([disabled]):hover > image, +radio:not([disabled]):hover > .radio-check, +checkbox:not([disabled]):hover > .checkbox-check{ border-color: highlight !important; } + +radio > .radio-check{ padding: 0; border-radius: 20px } + +#editBMPanel_tagsSelector > richlistitem[checked] > image, +radio[selected] > .radio-check, +checkbox[checked] > .checkbox-check{ + list-style-image: url("chrome://global/skin/icons/check.svg"); + -moz-context-properties: fill; + fill: highlight; +} + +radio[selected] > .radio-check{ list-style-image: url("chrome://global/skin/in-content/radio.svg"); } + +#editBMPanel_tagsSelector > richlistitem[disabled] > image, +radio[disabled] > .radio-check, +checkbox[disabled] > .checkbox-check{ fill: graytext !important; } \ No newline at end of file From 3dcc3e3287d462e90965b2a8f5b660af2dc87826 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 27 Jun 2019 13:03:01 +0300 Subject: [PATCH 0184/1101] new file --- content/high_contrast_extended_style.css | 47 ++++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 content/high_contrast_extended_style.css diff --git a/content/high_contrast_extended_style.css b/content/high_contrast_extended_style.css new file mode 100644 index 0000000..e05716b --- /dev/null +++ b/content/high_contrast_extended_style.css @@ -0,0 +1,47 @@ +body > div, +table, +tr:first-child, +br + div, +hr + div, +section, +article, +main, +main > div, +header > *:first-child, +header + div > div, +footer, +nav, +nav a:hover, +ul > li:hover > a, +li.active, +li.selected, +section > *, +paper-dialog > *, +#container, +.container, +.menu, +.popup, +.dropdown:hover, +.dropdown > li:hover{ + background-color: rgba(255,255,255,0.1); +} + +section > * { background: transparent } + +article{ background-image: linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.1)); } + +nav a{ color: #bbb } + +table table{ background-color: transparent } + +input[type="submit"],button,.button,.btn{ background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.15)); color: rgb(40,50,40) } +input[type="submit"]:hover,button:hover,.button:hover,.btn:hover{ background-image: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0.2)); text-shadow: 0 0 2px black; color: rgb(150,250,200) } + + +input, +nav ul > li:hover, +div[role="menu"] > *:hover{ background-color: rgba(0,0,0,0.1); color: inherit } + +input[type="search"],input[type="text"],input[type="password"]{ background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)); } + +textarea{ background-color: rgb(40,40,40); color: inherit } \ No newline at end of file From 60df79b33a410595bad30835e97b39927d9310b6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 27 Jun 2019 13:08:41 +0300 Subject: [PATCH 0185/1101] Add description --- content/high_contrast_extended_style.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/content/high_contrast_extended_style.css b/content/high_contrast_extended_style.css index e05716b..2eb9f40 100644 --- a/content/high_contrast_extended_style.css +++ b/content/high_contrast_extended_style.css @@ -1,3 +1,6 @@ +/* Intended to use with Firefox high contrast mode - forcing pages to use selected colors */ +/* This applies few additional colors for selected page elements trying to "fix" common layout patterns without being specific to any page */ + body > div, table, tr:first-child, From 3e2fc449d6d6e562ab6a4ddce37d9f782b2df47e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 30 Jun 2019 10:51:23 +0300 Subject: [PATCH 0186/1101] Formatting --- content/high_contrast_extended_style.css | 25 ++++++++++++++++++++---- 1 file changed, 21 insertions(+), 4 deletions(-) diff --git a/content/high_contrast_extended_style.css b/content/high_contrast_extended_style.css index 2eb9f40..843c33c 100644 --- a/content/high_contrast_extended_style.css +++ b/content/high_contrast_extended_style.css @@ -1,5 +1,6 @@ /* Intended to use with Firefox high contrast mode - forcing pages to use selected colors */ /* This applies few additional colors for selected page elements trying to "fix" common layout patterns without being specific to any page */ +@-moz-document url-prefix("http"),url-prefix("about:"){ body > div, table, @@ -37,14 +38,30 @@ nav a{ color: #bbb } table table{ background-color: transparent } -input[type="submit"],button,.button,.btn{ background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.15)); color: rgb(40,50,40) } -input[type="submit"]:hover,button:hover,.button:hover,.btn:hover{ background-image: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0.2)); text-shadow: 0 0 2px black; color: rgb(150,250,200) } +input[type="submit"], +button, +.button, +.btn{ + background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.15)); + color: rgb(40,50,40) +} +input[type="submit"]:hover, +button:hover, +.button:hover, +.btn:hover{ + background-image: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0.2)); + text-shadow: 0 0 2px black; + color: rgb(150,250,200) +} input, nav ul > li:hover, div[role="menu"] > *:hover{ background-color: rgba(0,0,0,0.1); color: inherit } -input[type="search"],input[type="text"],input[type="password"]{ background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)); } +input[type="search"], +input[type="text"], +input[type="password"]{ background-image: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)); } -textarea{ background-color: rgb(40,40,40); color: inherit } \ No newline at end of file +textarea{ background-color: rgb(40,40,40); color: inherit } +} \ No newline at end of file From 07cec642354d8e06c330ecaeaaabcdabe86f2b62 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 30 Jun 2019 10:51:41 +0300 Subject: [PATCH 0187/1101] Also style natively styled buttons --- chrome/dark_checkboxes_and_radios.css | 45 ++++++++++++++++++--------- 1 file changed, 31 insertions(+), 14 deletions(-) diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index b66e1d7..87a3818 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -1,19 +1,23 @@ +/* Change the appearance of natively styled widgets including radios, checkboxes, buttons and expender "dropdown" arrows */ +/* Their background will be transparent instead of white so they will appear fitting to whatever is on the background */ +/* As such, this might cause a small issue if the background happens to be same color as the border of these buttons or the checkbox-image */ + #editBMPanel_tagsSelector > richlistitem > image, radio > .radio-check, checkbox > .checkbox-check{ - -moz-appearance: none !important; - border: 1px solid graytext; - border-radius: 2px; - height: 1.3em; - width: 1.3em; - padding: 1px; + -moz-appearance: none !important; + border: 1px solid graytext; + border-radius: 2px; + height: 1.3em; + width: 1.3em; + padding: 1px; } #editBMPanel_tagsSelector > richlistitem > image{ - background-color: var(--toolbar-bgcolor,rgb(50,50,52)) !important; - margin: 1px !important; - border-color: graytext !important; - border-radius: 2px !important; + background-color: var(--toolbar-bgcolor,rgb(50,50,52)) !important; + margin: 1px !important; + border-color: graytext !important; + border-radius: 2px !important; } #editBMPanel_tagsSelector > richlistitem:not([disabled]):hover > image, @@ -25,13 +29,26 @@ radio > .radio-check{ padding: 0; border-radius: 20px } #editBMPanel_tagsSelector > richlistitem[checked] > image, radio[selected] > .radio-check, checkbox[checked] > .checkbox-check{ - list-style-image: url("chrome://global/skin/icons/check.svg"); - -moz-context-properties: fill; - fill: highlight; + list-style-image: url("chrome://global/skin/icons/check.svg"); + -moz-context-properties: fill; + fill: highlight; } radio[selected] > .radio-check{ list-style-image: url("chrome://global/skin/in-content/radio.svg"); } #editBMPanel_tagsSelector > richlistitem[disabled] > image, radio[disabled] > .radio-check, -checkbox[disabled] > .checkbox-check{ fill: graytext !important; } \ No newline at end of file +checkbox[disabled] > .checkbox-check{ fill: graytext !important; } + +/*Buttons*/ +/* This only applies to natively-ish styled buttons, not the buttons in toolbars */ + +button{ + -moz-appearance: none !important; + color: inherit !important; + background-color: rgba(255,255,255,0.2) !important; +} +button.panel-button{ padding: 2px 2px 1px 2px !important; } + +#customization-done-button{ background-color: #0a84ff !important; } +#customization-done-button:hover{ background-color: #0a64df !important; } \ No newline at end of file From fb34281bbdd5a664d677e0797bacfc4865056bef Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 00:12:52 +0300 Subject: [PATCH 0188/1101] Limit these to xul namespace --- chrome/dark_checkboxes_and_radios.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index 87a3818..6140e20 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -2,6 +2,8 @@ /* Their background will be transparent instead of white so they will appear fitting to whatever is on the background */ /* As such, this might cause a small issue if the background happens to be same color as the border of these buttons or the checkbox-image */ +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + #editBMPanel_tagsSelector > richlistitem > image, radio > .radio-check, checkbox > .checkbox-check{ From a69ec4dc0d5023bb973904cb66c92e5740a5039f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 00:13:30 +0300 Subject: [PATCH 0189/1101] Make menubar coloring more sane --- chrome/multi-row_tabs_below_content_Fx66+.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 5a799e1..61744c0 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -55,6 +55,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) position: fixed; top: var(--multirow-top-padding); width: 100vw; + color: var(--lwt-text-color); background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat; } @@ -64,12 +65,10 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) visibility: hidden; } -#toolbar-menubar[brighttext="true"]{ --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor) } - #toolbar-menubar:hover{ z-index: 2 } #toolbar-menubar:hover > #menubar-items{ visibility: visible; - background-image: linear-gradient( to left,transparent,var(--toolbar-non-lwt-bgcolor) 35px); + background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px); } #toolbar-menubar > .titlebar-buttonbox-container{float: right; height: 100%; background: var(--toolbar-bgcolor)} From 9dcbbca92f74ff50601956862f26048712404c7e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 11:31:41 +0300 Subject: [PATCH 0190/1101] Limit button coloring to panel-buttons --- chrome/dark_context_menus.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index 42fd85f..1fd29be 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -42,7 +42,7 @@ panel menulist:hover, panel menulist[open]{ border-color: Highlight !important; #editBMPanel_folderMenuList > menupopup > menuitem{ color: var(--uc-menu-color) !important; } panel treechildren::-moz-tree-row(selected), -button:hover, +panel button:hover, menu:hover, menu[_moz-menuactive], menu[open], From e1df598ecc4b8b01e947168a0db0f1374ff90439 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 11:51:08 +0300 Subject: [PATCH 0191/1101] Make button colors work better with dark/light themes --- chrome/dark_checkboxes_and_radios.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index 6140e20..16626af 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -2,6 +2,8 @@ /* Their background will be transparent instead of white so they will appear fitting to whatever is on the background */ /* As such, this might cause a small issue if the background happens to be same color as the border of these buttons or the checkbox-image */ +/* In short, these native widgets will be dark on dark theme and light on light theme */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #editBMPanel_tagsSelector > richlistitem > image, @@ -48,8 +50,16 @@ checkbox[disabled] > .checkbox-check{ fill: graytext !important; } button{ -moz-appearance: none !important; color: inherit !important; - background-color: rgba(255,255,255,0.2) !important; + background-color: rgba(127,127,127,0.1) !important; + border: 1px solid graytext; } + +button[disabled]{ opacity: 0.8 } + +button:not([disabled]):hover{ border-color: highlight; background-color: rgba(0,0,0,0.1) !important; } + +.panel-footer > button{ border-width: 1px 0 0 0; } + button.panel-button{ padding: 2px 2px 1px 2px !important; } #customization-done-button{ background-color: #0a84ff !important; } From b6c43cf060c1f1f81aa818924205d0caed378865 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 11:56:13 +0300 Subject: [PATCH 0192/1101] Recolor modal tab-modal-prompts --- chrome/dark_additional_windows.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 92b773b..dae5469 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -45,6 +45,13 @@ button{ padding: 3px } #placesMenu > menu{ border: none !important; } - button{ border: 1px solid rgba(255,255,255,0.1); border-radius: 3px } + button{ border: 1px solid graytext; border-radius: 3px } } +/* modal prompts (alert() & friends) */ + +.paymentDialogContainerFrame, +.tabmodalprompt-mainContainer{ + background-color: var(--toolbar-bgcolor) !important; + color: var(--lwt-text-color,-moz-dialogtext) !important; +} \ No newline at end of file From f3673be225271e0e5d4bdcbe8937abeede40f2d8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 12:42:56 +0300 Subject: [PATCH 0193/1101] Apply colors to html-about:addons --- content/dark_settings_pages.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index c074a6b..0d87bf1 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -5,12 +5,15 @@ @namespace html url("http://www.w3.org/1999/xhtml"); @-moz-document url-prefix("about:addons"), - url-prefix("about:preferences"){ - :root{ + url-prefix("about:preferences"), + url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ + :root, + html|html{ --in-content-page-color: rgb(210,210,210) !important; --in-content-text-color: rgb(210,210,210) !important; --in-content-page-background: rgb(46,54,69) !important; --in-content-box-background: rgba(255,255,255,0.1) !important; + --in-content-deemphasized-text: var(--in-content-text-color) !important; } menulist > menupopup{ background-color: var(--in-content-page-background) !important; } @@ -19,6 +22,7 @@ .info-panel, .extension-controlled, .message-bar, + html|message-bar, .alert, treecol{ background-color: var(--in-content-box-background) !important; From 0ebb8441653faec9dab71e440d67509c1f36dfe4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 9 Jul 2019 13:06:26 +0300 Subject: [PATCH 0194/1101] Don't add border to search one-off items --- chrome/dark_checkboxes_and_radios.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index 16626af..f2d71b3 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -58,6 +58,7 @@ button[disabled]{ opacity: 0.8 } button:not([disabled]):hover{ border-color: highlight; background-color: rgba(0,0,0,0.1) !important; } +button.searchbar-engine-one-off-item,, .panel-footer > button{ border-width: 1px 0 0 0; } button.panel-button{ padding: 2px 2px 1px 2px !important; } From a3fe5fa906ae07dbffd7704c6f1eaabb1168260b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 10 Jul 2019 10:37:58 +0300 Subject: [PATCH 0195/1101] new file --- content/two_column_html_addons.css | 31 ++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 content/two_column_html_addons.css diff --git a/content/two_column_html_addons.css b/content/two_column_html_addons.css new file mode 100644 index 0000000..1fce53d --- /dev/null +++ b/content/two_column_html_addons.css @@ -0,0 +1,31 @@ +/* Two column addons for html addons manager available in Firefox 68 */ + + +@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ + + :root{ overflow-x: hidden } /* Remove this if it causes horizontal scrolling problems */ + + @media (min-width:720px){ + #main{ max-width: unset !important; padding-right: 28px; } + addon-list > section, + recommended-addon-list{ + padding: 1em; + display: grid; + grid-template-areas: "hd hd" "cd cd"; + grid-template-columns: 1fr 1fr; + column-gap: 1em; + + } + + addon-card .card-contents{ width: unset !important; white-space: initial !important; } + + .card-heading-image{ max-width: calc(100% + 32px) } + section > h2{ grid-area: hd } + addon-card{ + padding-bottom: 0px !important; + padding-top: 0px !important; + grid-area: auto; + } + addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; } + } +} \ No newline at end of file From cdcac5f7a399188fcfb3207f54ee60f7766edb9f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 10 Jul 2019 11:37:28 +0300 Subject: [PATCH 0196/1101] Add notice about this file not working with html addons --- content/two_column_addons.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/two_column_addons.css b/content/two_column_addons.css index 24302c7..b8f6bbd 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -1,5 +1,7 @@ /* Show addons in two columns */ +/* This doesn't work for new html addons page available in Firefox 68 - use two_column_html_addons.css instead */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url("about:addons"){ #list-view{ overflow: auto } From 37bf0d33aaf4707eca1b8fa69febb8ccd173bf0e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 17 Jul 2019 16:05:55 +0300 Subject: [PATCH 0197/1101] Pass colors to in-content dialog boxes --- content/dark_settings_pages.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index 0d87bf1..131752a 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -1,20 +1,20 @@ -/* Recolors addons manager, preferences page and new about:config */ - - @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); @-moz-document url-prefix("about:addons"), url-prefix("about:preferences"), + url-prefix("chrome://browser/content/"), + url-prefix("chrome://mozapps/content/"), + url-prefix("chrome://pippki/content/"), url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ - :root, - html|html{ - --in-content-page-color: rgb(210,210,210) !important; - --in-content-text-color: rgb(210,210,210) !important; - --in-content-page-background: rgb(46,54,69) !important; - --in-content-box-background: rgba(255,255,255,0.1) !important; - --in-content-deemphasized-text: var(--in-content-text-color) !important; - } + :root, + html|html{ + --in-content-page-color: rgb(210,210,210) !important; + --in-content-text-color: rgb(210,210,210) !important; + --in-content-page-background: rgb(46,54,69) !important; + --in-content-box-background: rgba(255,255,255,0.1) !important; + --in-content-deemphasized-text: var(--in-content-text-color) !important; + } menulist > menupopup{ background-color: var(--in-content-page-background) !important; } From e49c47a247db7b177243b50817618981b8966219 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 20 Jul 2019 07:55:32 +0300 Subject: [PATCH 0198/1101] New file --- chrome/navbar_tabs_responsive_oneliner.css | 47 ++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 chrome/navbar_tabs_responsive_oneliner.css diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css new file mode 100644 index 0000000..7b7d843 --- /dev/null +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -0,0 +1,47 @@ +/*Make tabs and navbar appear side-by-side tabs on right */ + +/* IMPORTANT */ +/* +Get window_control_placeholder_support.css +Window controls will be all wrong without it +*/ + +/* Toolbars will be shown normally if window width goes below the value below */ +/* Modify it to suit your needs */ + +@media screen and (min-width: 1200px){ + /* Modify these to change relative widths or default height */ + #navigator-toolbox{ + --uc-navigationbar-width: 40vw; + --uc-toolbar-height: 40px; + } + /* Override for other densities */ + :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } + :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } + + #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } + #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } + + /* This isn't useful when tabs start in the middle of the window */ + .titlebar-placeholder[type="pre-tabs"], + .titlebar-spacer[type="pre-tabs"]{ display: none } + + #navigator-toolbox > #nav-bar{ + margin-right:calc(100vw - var(--uc-navigationbar-width)); + margin-top: calc(0px - var(--uc-toolbar-height)); + } + + /* Override style set in window_control_placeholder_support.css */ + #nav-bar::after{ display:none !important } + + /* Rules specific to window controls on right layout */ + @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } + } + + /* 1px margin on touch density causes tabs to be too high */ + .tab-close-button{ margin-top: 0 !important } + + /* Hide dropdown placeholder */ + #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } +} \ No newline at end of file From b2ee14c4ec9c41e534df3e36bb869d3f183136a9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 20 Jul 2019 08:05:26 +0300 Subject: [PATCH 0199/1101] Add styling for new tracking protection icon --- chrome/button_effect_icon_glow.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/chrome/button_effect_icon_glow.css b/chrome/button_effect_icon_glow.css index dee2845..905e02f 100644 --- a/chrome/button_effect_icon_glow.css +++ b/chrome/button_effect_icon_glow.css @@ -12,6 +12,7 @@ toolbar toolbarbutton > .toolbarbutton-icon, toolbar toolbarbutton > .toolbarbutton-badge-stack, .titlebar-button, #identity-box, +#tracking-protection-icon-container, .findbar-textbox~toolbarbutton{ background-color: transparent !important; border-color: transparent !important;} .close-icon{ fill-opacity: 0 !important; } @@ -25,8 +26,9 @@ toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon, #TabsToolbar toolbarbutton:not([disabled]):hover .toolbarbutton-icon, toolbar #downloads-button:hover #downloads-indicator-anchor, #identity-box:not(.no-hover):hover, +#tracking-protection-icon:hover, .findbar-textbox~toolbarbutton:not([disabled]):hover{ - filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) + filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan) } /* Active states and close window button hover state */ @@ -43,6 +45,7 @@ toolbar toolbarbutton:not([disabled])[open] .toolbarbutton-icon, toolbar #downloads-button:active #downloads-indicator-anchor, toolbar #downloads-button[open] #downloads-indicator-anchor, #identity-box:not([disabled]):active, +#tracking-protection-icon-container[open] #tracking-protection-icon, .findbar-textbox~toolbarbutton:not([disabled]):active{ - filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 0 yellow) -} + filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 1px yellow) +} \ No newline at end of file From 878f6d04dbe44fca7f881c13ebc237dabe9bb655 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 20 Jul 2019 08:13:26 +0300 Subject: [PATCH 0200/1101] Use ID selector for urlbar-input in Firefox70 --- chrome/urlbar_centered_text.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/urlbar_centered_text.css b/chrome/urlbar_centered_text.css index 044e52e..22275ca 100644 --- a/chrome/urlbar_centered_text.css +++ b/chrome/urlbar_centered_text.css @@ -1 +1,2 @@ +#urlbar:not([focused]) #urlbar-input, /* ID for Firefox 70 */ #urlbar:not([focused]) .urlbar-input{ text-align: center !important; } From 1172bec7b096e4235b93567f8ce728f1cd6df0e4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 11 Aug 2019 15:34:25 +0300 Subject: [PATCH 0201/1101] New file --- chrome/google_style_urlbar_popup.css | 65 +++++++++++++++++++++++++ chrome/urlbar_and_popup_equal_width.css | 7 +++ 2 files changed, 72 insertions(+) create mode 100644 chrome/google_style_urlbar_popup.css create mode 100644 chrome/urlbar_and_popup_equal_width.css diff --git a/chrome/google_style_urlbar_popup.css b/chrome/google_style_urlbar_popup.css new file mode 100644 index 0000000..f73b5c0 --- /dev/null +++ b/chrome/google_style_urlbar_popup.css @@ -0,0 +1,65 @@ +/* Makes urlbar popup to appear Like on various Google search services */ +/* Firefox 70+ only */ +/* Popup uses colors from your theme */ + + +/* Focused urlbar popup radius, can be edited freely */ +#urlbar-container{ border-radius: 8px } + +/* Layout containing block hackery, don't touch pls */ +#urlbar-container{ transform: translateY(0); position: relative; z-index: 10 } +#nav-bar-customization-target{ overflow: visible !important } + +/* constrain popup to urlbar width */ +#urlbar-results{ + max-width: 100% !important; + top: 0 !important; + border-width: 0 !important; + background-color: transparent !important; + pointer-events: none; + border-radius: inherit; +} + +/* Apply popup background color to the urlbar background when focused */ +#urlbar-container:focus-within{ background-color: var(--autocomplete-popup-background) } + +/* Spacer to offset actual results. This is placed over urlbar text */ +#urlbar-results::before{ + content: ""; + display: -moz-box; + height: calc(1.15em + var(--toolbarbutton-outer-padding)) +} + +/* Add popup background color to sub-elements, since it was removed from the popup itself */ +#urlbar-results > .search-one-offs, +#urlbar-results > .urlbarView-body-outer{ + background-color: var(--autocomplete-popup-background); /* Set background-color here */ + color: var(--autocomplete-popup-color); /* Set text color here */ + pointer-events: auto + } + +/* Add separator line under urlbar text field */ +#urlbarView-results::before{ + content:""; + display: block; + height: 1px; + width: 100%; + background-image: linear-gradient(to right,transparent,grey 35%, grey 65%, transparent) +} + +/* Remove normal urlbar border */ +#urlbar[focused]{ border-color: transparent !important; } + +/* Propagate border-radii to sub-elements */ +#urlbar-results > .search-one-offs, +#urlbar[focused]:not([usertyping]) + #urlbar-results > .urlbarView-body-outer{ + border-bottom-left-radius: inherit; + border-bottom-right-radius: inherit +} + +/* Add shadow to focused popup + urlbar */ +#urlbar-results, +#urlbar-container:focus-within { box-shadow: 0 0 5px 3px var(--autocomplete-popup-highlight-background) } + +/* Remove horizontal paddings from texts */ +.urlbarView-row{ padding: 6px 0px; } \ No newline at end of file diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css new file mode 100644 index 0000000..cb77fee --- /dev/null +++ b/chrome/urlbar_and_popup_equal_width.css @@ -0,0 +1,7 @@ +/* Constrains urlbar popup to urlbar width */ +/* Firefox 70+ only */ + +#urlbar-container{ transform: translateY(0); position: relative; z-index: 10 } +#nav-bar-customization-target{ overflow: visible !important } +#urlbar-results{ max-width: 100% !important; top: 100% !important; } +.urlbarView-row{ padding: 6px 0px; } \ No newline at end of file From ceafab2cd7d8fd5e37a456ecab1353e22e6fb0e7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 11 Aug 2019 17:29:42 +0300 Subject: [PATCH 0202/1101] Make variables aware of tabsintitlebar --- chrome/window_control_placeholder_support.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 70acd6e..52eeafc 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -1,11 +1,13 @@ /* Creates placeholders for window controls */ /* This is a supporting file used by other stylesheets */ +/* This stylesheet is pretty much unnecessary if window titlebar is enabled */ + /* This file should preferably be imported before other stylesheets */ /* Defaults for window controls on RIGHT side of the window */ /* Modify these values to match your preferences */ -:root{ +:root[tabsintitlebar]{ --uc-window-control-width: 138px; /* Space reserved for window controls */ --uc-window-drag-space-width: 24px; /* Extra space reserved on both sides of the nav-bar to be able to drag the window */ } @@ -14,16 +16,16 @@ #nav-bar::after{ content: ""; display: -moz-box; - width: var(--uc-window-drag-space-width); + width: var(--uc-window-drag-space-width,0); } -toolbar#nav-bar::after{ width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)) } +toolbar#nav-bar::after{ width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) } /* Use this pref to check Mac OS where window controls are on left */ /* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ :root{ --uc-window-control-width: 72px; } :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar::before{ - width: calc(var(--uc-window-control-width) + var(--uc-window-drag-space-width,0px)) + width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) } - :root[tabsintitlebar="true"]:not([inFullscreen]) toolbar#nav-bar::after{ width: var(--uc-window-drag-space-width); } + :root[tabsintitlebar="true"]:not([inFullscreen]) toolbar#nav-bar::after{ width: var(--uc-window-drag-space-width,0px); } } From 00d1b67931ad9480b562427ec7511790a9f28dc9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 11 Aug 2019 17:30:19 +0300 Subject: [PATCH 0203/1101] formatting --- chrome/urlbar_and_popup_equal_width.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index cb77fee..ecb4bee 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -1,5 +1,5 @@ /* Constrains urlbar popup to urlbar width */ -/* Firefox 70+ only */ +/* Firefox 70+ */ #urlbar-container{ transform: translateY(0); position: relative; z-index: 10 } #nav-bar-customization-target{ overflow: visible !important } From 2f3bcee237c48327692a748bb3fcf38c46868b5c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 11 Aug 2019 22:26:26 +0300 Subject: [PATCH 0204/1101] new file --- chrome/overlay_menubar.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 chrome/overlay_menubar.css diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css new file mode 100644 index 0000000..898fb3e --- /dev/null +++ b/chrome/overlay_menubar.css @@ -0,0 +1,25 @@ +/* Makes menubar appear as overlay in the top left corner */ + +#toolbar-menubar{ + position: fixed; + top: 0; + width: 100vw; + height: initial !important; + z-index: 10; +} + +:root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; } + +#toolbar-menubar > .titlebar-buttonbox-container{ float: right } +#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none } + +#main-menubar{ height: calc(var(--tab-min-height) + 4px); background-color: var(--toolbar-bgcolor); } + +#menubar-items{ -moz-box-orient: horizontal; } +#menubar-items::after{ + content: ""; + display: -moz-box; + width: 30px; + height: calc(var(--tab-min-height) + 4px); + background-image: linear-gradient(to right, var(--toolbar-bgcolor) 30%, transparent); +} \ No newline at end of file From 17cf052fb94b890bed037644f3096b7b0ce442b5 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 12 Aug 2019 15:54:59 +0300 Subject: [PATCH 0205/1101] Fix overlay height and box model issues on Fx68 --- chrome/overlay_menubar.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index 898fb3e..ddeac9a 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -8,6 +8,8 @@ z-index: 10; } +#toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; } + :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; } #toolbar-menubar > .titlebar-buttonbox-container{ float: right } @@ -15,7 +17,7 @@ #main-menubar{ height: calc(var(--tab-min-height) + 4px); background-color: var(--toolbar-bgcolor); } -#menubar-items{ -moz-box-orient: horizontal; } +#menubar-items{ -moz-box-orient: horizontal !important; } #menubar-items::after{ content: ""; display: -moz-box; From 747b8be43c94e1031c6716b31a89ef825c12ad50 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 13 Aug 2019 16:22:54 +0300 Subject: [PATCH 0206/1101] Make menubar icons use currentColor --- chrome/dark_additional_windows.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index dae5469..7c6c7a3 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -20,6 +20,7 @@ tree{ background: transparent !important; } + textbox, richlistbox, treecol, @@ -29,6 +30,9 @@ -moz-appearance: none !important; color: inherit !important; } + + .menubar-left{ fill: currentColor; -moz-context-properties: fill; } + textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } treecol:not([hideheader]){ height: 24px; } From b1dc9dccf381f73f0d75083ceef24c6bf614e41f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 16 Aug 2019 16:11:17 +0300 Subject: [PATCH 0207/1101] Use default dark-theme gray as background instead of blue-ish --- content/about_page_scrollbars.css | 2 +- content/css_scrollbar_width_color.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index bfa418f..a28bf10 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -2,7 +2,7 @@ @-moz-document url-prefix("about:"){ page, scrollbar{ - scrollbar-color: rgb(210,210,210) rgb(46,54,69); + scrollbar-color: rgb(210,210,210) rgb(50,50,52); scrollbar-width: thin; } } \ No newline at end of file diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css index 079e5d9..527d0b4 100644 --- a/content/css_scrollbar_width_color.css +++ b/content/css_scrollbar_width_color.css @@ -1,4 +1,4 @@ /* Scrollbar colors and width - applied globally */ @namespace url("http://www.w3.org/1999/xhtml"); -:root{ scrollbar-color: rgb(210,210,210) rgb(46,54,69) } +:root{ scrollbar-color: rgb(210,210,210) rgb(50,50,52) } *{ scrollbar-width: thin } \ No newline at end of file From 138c17159831a8cefc0fec7a8b70ccca843b4df6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 16 Aug 2019 16:29:55 +0300 Subject: [PATCH 0208/1101] Override :root scrollbar-color with variable colors --- content/dark_settings_pages.css | 17 ++++++----------- 1 file changed, 6 insertions(+), 11 deletions(-) diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index 131752a..73a392f 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -1,8 +1,11 @@ +/* Recolors addons manager, preferences page and new about:config */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); @-moz-document url-prefix("about:addons"), url-prefix("about:preferences"), + url-prefix("about:config"), url-prefix("chrome://browser/content/"), url-prefix("chrome://mozapps/content/"), url-prefix("chrome://pippki/content/"), @@ -11,9 +14,10 @@ html|html{ --in-content-page-color: rgb(210,210,210) !important; --in-content-text-color: rgb(210,210,210) !important; - --in-content-page-background: rgb(46,54,69) !important; + --in-content-page-background: rgb(42,42,46) !important; --in-content-box-background: rgba(255,255,255,0.1) !important; --in-content-deemphasized-text: var(--in-content-text-color) !important; + scrollbar-color: var(--in-content-text-color) var(--in-content-page-background) !important; } menulist > menupopup{ background-color: var(--in-content-page-background) !important; } @@ -36,6 +40,7 @@ } /* Get addons page */ +/* New addons manager doesn't use this anymore */ @-moz-document url-prefix("https://discovery.addons.mozilla.org/"){ html|*{ color: inherit !important; } html|html,html|body{ @@ -43,14 +48,4 @@ color: rgb(210,210,210) !important; } html|div.addon,html|div.Notice{ background-color: rgba(255,255,255,0.1) !important; } -} - -/* New about:config */ -@-moz-document url-prefix("about:config"){ - html|html{ - --in-content-page-color: rgb(210,210,210) !important; - --in-content-text-color: rgb(210,210,210) !important; - --in-content-page-background: rgb(46,54,69) !important; - --in-content-box-background: rgb(56,64,79) !important; - } } \ No newline at end of file From 7f036da88e1d9a9a696fc8ad1a910dd67775ca82 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 16 Aug 2019 16:31:08 +0300 Subject: [PATCH 0209/1101] Use darker shade of grey --- content/about_page_scrollbars.css | 2 +- content/css_scrollbar_width_color.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index a28bf10..ef622f5 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -2,7 +2,7 @@ @-moz-document url-prefix("about:"){ page, scrollbar{ - scrollbar-color: rgb(210,210,210) rgb(50,50,52); + scrollbar-color: rgb(210,210,210) rgb(42,42,46); scrollbar-width: thin; } } \ No newline at end of file diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css index 527d0b4..c11ea66 100644 --- a/content/css_scrollbar_width_color.css +++ b/content/css_scrollbar_width_color.css @@ -1,4 +1,4 @@ /* Scrollbar colors and width - applied globally */ @namespace url("http://www.w3.org/1999/xhtml"); -:root{ scrollbar-color: rgb(210,210,210) rgb(50,50,52) } +:root{ scrollbar-color: rgb(210,210,210) rgb(42,42,46) } *{ scrollbar-width: thin } \ No newline at end of file From c62e13573809f4bc048717ce38c1877194c2af8d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 17 Aug 2019 09:08:06 +0300 Subject: [PATCH 0210/1101] Add notice about using megabar pref instead --- chrome/urlbar_and_popup_equal_width.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index ecb4bee..a4ec689 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -1,5 +1,6 @@ /* Constrains urlbar popup to urlbar width */ /* Firefox 70+ */ +/* This functionality is now built in to Firefox, set browser.urlbar.megabar to true instead of using this stylesheet */ #urlbar-container{ transform: translateY(0); position: relative; z-index: 10 } #nav-bar-customization-target{ overflow: visible !important } From 38e1dd7a03f67376976047b7b30c79605549ade9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 23 Aug 2019 10:16:06 +0300 Subject: [PATCH 0211/1101] Fix invisible url on Nightlies --- chrome/minimal_text_fields.css | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/chrome/minimal_text_fields.css b/chrome/minimal_text_fields.css index d796c37..685db0d 100644 --- a/chrome/minimal_text_fields.css +++ b/chrome/minimal_text_fields.css @@ -1,4 +1,4 @@ -:root{ +:root:not([customizing]){ --lwt-toolbar-field-background-color: transparent !important; --lwt-toolbar-field-border-color: transparent !important; } @@ -14,30 +14,34 @@ box-shadow: none !important; } -#urlbar > *, +#tracking-protection-icon-container, +#identity-box ~ *, .searchbar-textbox > *{ opacity: 0; transition: opacity 150ms linear } -#urlbar > .urlbar-input-box, +#urlbar .urlbar-input-box, .searchbar-textbox > moz-input-box{ opacity: 0.6 } -#identity-box, -#urlbar > *:hover, +#identity-box ~ *:hover, +#tracking-protection-icon-container:hover, +#tracking-protection-icon-container ~ *:hover, #urlbar:focus-within > *, +#urlbar-input-container:focus-within > *, .searchbar-textbox:hover > *, .searchbar-textbox:focus-within > *{ opacity: 1 } -/* Information colors for identity-box in hidden state */ - #identity-box{ border: none !important } -#urlbar:not(:hover) > #identity-box{ background-image: radial-gradient(closest-side circle at 16px, orange 10%,transparent 35% ); } -#urlbar:not(:hover) > #identity-box.verifiedIdentity{ background-image: radial-gradient(closest-side circle at 16px, lime 10%,transparent 35% ); } -#urlbar:not(:hover) > #identity-box > *{ opacity: 0 } +#urlbar:not(:hover) #identity-box{ background-image: radial-gradient(closest-side circle at 16px, orange 10%,transparent 35% ); } +#urlbar:not(:hover) #identity-box.verifiedIdentity{ background-image: radial-gradient(closest-side circle at 16px, lime 10%,transparent 35% ); } +#urlbar:not(:hover) #identity-box > *{ opacity: 0 } +/* :root[title="Firefox Nightly"] #identity-box, :root[title="Mozilla Firefox"] #identity-box, +*/ +#urlbar[pageproxystate=invalid]:not([usertyping]) #identity-box, #identity-box:hover, #identity-box.chromeUI, #identity-box.verifiedDomain{ From 043df1a6f8e5be833e3b9eda82665666782b6c2a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 1 Sep 2019 17:25:56 +0300 Subject: [PATCH 0212/1101] Use id selector for tabs-newtab-button --- chrome/hide_tabs_with_one_tab.css | 3 +++ chrome/hide_tabs_with_one_tab_w_window_controls.css | 3 +++ 2 files changed, 6 insertions(+) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 88a8ecd..ad84154 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -10,6 +10,7 @@ #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button, +:root:not([customizing]) #tabs-newtab-button, :root:not([customizing]) #TabsToolbar .titlebar-button{ -moz-appearance: none !important; height: 0px; @@ -25,8 +26,10 @@ } /* Button re-styling */ +#tabs-newtab-button:hover, #tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) } +#tabs-newtab-button > .toolbarbutton-icon, #tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{ padding: 0 !important; transform: scale(0.6); diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 210ec36..2e01b15 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -16,6 +16,7 @@ Window controls will be all wrong without it #TabsToolbar > .titlebar-spacer[type="post-tabs"]{ width: 178px !important; } #toolbar-menubar > spacer{ pointer-events: none } +:root:not([customizing]) #tabs-newtab-button, :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button{ -moz-appearance: none !important; height: 0px; @@ -30,8 +31,10 @@ Window controls will be all wrong without it } /* Button re-styling */ +#tabs-newtab-button:hover, #tabbrowser-tabs .tabs-newtab-button:hover{ background-color: var(--toolbarbutton-hover-background) } +#tabs-newtab-button > .toolbarbutton-icon, #tabbrowser-tabs .tabs-newtab-button > .toolbarbutton-icon{ padding: 0 !important; transform: scale(0.6); From 8e0381ac29fc193977ce20a06db5444b2710f423 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 4 Sep 2019 11:58:25 +0300 Subject: [PATCH 0213/1101] Add compatibility notices for compact mode and no-manage-popup --- content/two_column_html_addons.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/content/two_column_html_addons.css b/content/two_column_html_addons.css index 1fce53d..85a7e47 100644 --- a/content/two_column_html_addons.css +++ b/content/two_column_html_addons.css @@ -1,5 +1,6 @@ /* Two column addons for html addons manager available in Firefox 68 */ - +/* You can use compact_addons_manager.css with this to make things even more, well, compact */ +/* Compatible with addon_manage_buttons_without_popup.css */ @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ From 0a860d16fdf6f7337245f73fcb5ae4064d0db0d2 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 4 Sep 2019 11:59:50 +0300 Subject: [PATCH 0214/1101] new file --- .../addon_manage_buttons_without_popup.css | 43 ++++++++++++++ content/compact_addons_manager.css | 57 +++++++++++++++++++ 2 files changed, 100 insertions(+) create mode 100644 content/addon_manage_buttons_without_popup.css create mode 100644 content/compact_addons_manager.css diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css new file mode 100644 index 0000000..207a489 --- /dev/null +++ b/content/addon_manage_buttons_without_popup.css @@ -0,0 +1,43 @@ +/* Show addon management buttons without opening popup */ + +@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ + + .addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; } + .card.addon{ padding-bottom: 0px !important; } + + addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op" } + + .more-options-menu{ position: static !important; grid-area: op; margin: 0 !important; } + .card-contents{ grid-area: con } + .card-heading-icon{ grid-area: ic } + + addon-options > panel-list{ + position: static !important; + display: block !important; + padding: 0 !important; + margin: 0px calc(0px - var(--card-padding)) !important; + } + + .arrow, + .more-options-button, + panel-item[action="expand"]{ display: none } + + div.list{ display: flex !important; flex-direction: row !important; } + + + panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") } + panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") } + +/* Uncomment these if you want to hide button label - such as with compact_addons_manager */ +/* + button > slot{ display: none !important; } + link+button{ + padding: 4px !important; + position: static !important; + width: 30px !important; + height: 30px !important; + background-position: 50% !important; + } + link+button::after{ display: none !important; } +*/ +} \ No newline at end of file diff --git a/content/compact_addons_manager.css b/content/compact_addons_manager.css new file mode 100644 index 0000000..cb8b1f2 --- /dev/null +++ b/content/compact_addons_manager.css @@ -0,0 +1,57 @@ +/* Make the installed addons list more compact, title + only */ +/* Installed extensions list will be 3-6 columns wide, themes will be 2 columns wide. No effect on recommendations but those can be styled by adding two_column_html_addons.css */ +/* Compatible with addon_manage_buttons_without_popup.css */ + + +@-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ + + :root{ overflow-x: hidden } /* Remove this if it causes horizontal scrolling problems */ + + @media (min-width:420px){ + #main{ max-width: unset !important; padding-right: 28px; } + addon-list > section{ + padding: 1em; + display: grid; + grid-template-areas: "hd hd" "cd cd"; + grid-auto-columns: 1fr; + column-gap: 1em; + } + + addon-card .card-contents{ width: unset !important; white-space: initial !important; } + + .card-heading-image{ max-width: calc(100% + 32px) } + section > h2{ grid-area: hd } + addon-card{ + padding-bottom: 0px !important; + padding-top: 0px !important; + grid-area: auto; + } + addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; } + } + + @media (min-width:640px){ + addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd" "cd cd cd"; } + } + @media (min-width:960px){ + addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd" "cd cd cd cd"; } + } + @media (min-width:1180px){ + addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd" "cd cd cd cd cd"; } + } + @media (min-width:1420px){ + addon-list[type="extension"] > section{ grid-template-areas: "hd hd hd hd hd hd" "cd cd cd cd cd cd"; } + } + + addon-card:not([expanded]) .addon-description, + addon-card:not([expanded]) .addon-card-message button[action]{ display: none !important; } + + addon-list[type="extension"]{ --card-padding: 8px } + +} + +@-moz-document url-prefix("about:addons"){ + #categories{ width: 60px !important; } + #categories > richlistitem{ margin-left: 20px !important; -moz-box-pack: center } + .sidebar-footer-label, + #category-box richlistitem > label{ display: none } +} \ No newline at end of file From 50f994dcd60ebe9c955454eea48f3b0503b65688 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 14 Sep 2019 02:26:42 +0300 Subject: [PATCH 0215/1101] Set toolbox position, transform and opacity to default when customizing --- chrome/autohide_toolbox.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 9160585..8ab47d7 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -22,8 +22,8 @@ transform-origin: top; line-height: 0; } -#navigator-toolbox > *{ line-height: normal } +#navigator-toolbox > *{ line-height: normal } #navigator-toolbox, #navigator-toolbox > *{ @@ -31,11 +31,18 @@ -moz-appearance: none !important; } -:root:not([customizing]) > #navigator-toolbox:not(:focus-within):not(:hover){ +#navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(86deg); opacity: 0; } -:root[sizemode="maximized"]:not([customizing]) > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } + +:root[sizemode="maximized"] > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } + +:root[customizing] > #navigator-toolbox{ + position: relative !important; + transform: none !important; + opacity: 1 !important; +} #PersonalToolbar[collapsed]{ margin-block-end: -7px } From 40772daffb3d599767a22908ff6884ffb66efd1c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 15 Sep 2019 12:48:36 +0300 Subject: [PATCH 0216/1101] Make this work on both Fx70 and 71 --- chrome/urlbar_and_popup_equal_width.css | 24 ++++++++++++++++++++---- 1 file changed, 20 insertions(+), 4 deletions(-) diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index a4ec689..421cb01 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -1,8 +1,24 @@ /* Constrains urlbar popup to urlbar width */ /* Firefox 70+ */ -/* This functionality is now built in to Firefox, set browser.urlbar.megabar to true instead of using this stylesheet */ -#urlbar-container{ transform: translateY(0); position: relative; z-index: 10 } +#urlbar-container{ + transform: translateY(0); + position: relative; + z-index: 10; + padding-block: 3px !important; + padding-inline: 0px !important; + margin-inline: 5px !important; +} #nav-bar-customization-target{ overflow: visible !important } -#urlbar-results{ max-width: 100% !important; top: 100% !important; } -.urlbarView-row{ padding: 6px 0px; } \ No newline at end of file +#urlbar-results{ max-width: 100% !important; } +.urlbarView{ + top: calc(100% - 5px) !important; + width: 100%; + border-width: 0 1px 1px 1px !important;; + border-style: solid; + border-color: inherit !important; +} +:root[uidensity="compact"] .urlbarView { margin-top: 2px } +:root[uidensity="touch"] .urlbarView { margin-top: 1px } +#urlbar[open]{ border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } +.urlbarView-row{ padding: 6px 0px !important; } \ No newline at end of file From c65518f90229ab2bdace47e505301379b336e5e4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 15 Sep 2019 12:58:46 +0300 Subject: [PATCH 0217/1101] new file --- chrome/compact_urlbar_megabar.css | 9 +++++++++ 1 file changed, 9 insertions(+) create mode 100644 chrome/compact_urlbar_megabar.css diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css new file mode 100644 index 0000000..97a9a7c --- /dev/null +++ b/chrome/compact_urlbar_megabar.css @@ -0,0 +1,9 @@ +/* Make urlbar megabar appear more compact */ +/* Set the pref browser.urlbar.megabar to true */ +#urlbar.megabar[breakout]{ + margin-inline-start: 0px !important; + width: var(--urlbar-width) !important;; + margin-top: 4px !important; +} +#urlbar.megabar .urlbarView-row{ padding: 6px 8px } +#urlbar.megabar .urlbarView-body-inner{width: calc(var(--urlbar-width) - 2 * 8px - 2px ) !important;} \ No newline at end of file From 1ad29c1adaa95ba7d6d349d9e7467aa302857645 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 28 Sep 2019 12:18:59 +0300 Subject: [PATCH 0218/1101] Add display:block to every absolutely positioned element --- chrome/Fx65_tabs_on_bottom.css | 1 + chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 1 + chrome/autohide_menubar.css | 1 + chrome/autohide_toolbox.css | 1 + chrome/click_selected_tab_to_focus_urlbar.css | 1 + chrome/fake_statusbar.css | 4 +++- chrome/multi-row_tabs_below_content_Fx66+.css | 2 ++ chrome/navbar_tabs_oneliner.css | 2 +- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 2 +- chrome/navbar_tabs_responsive_oneliner.css | 2 +- chrome/overlay_menubar.css | 1 + chrome/tabs_animated_gradient_border.css | 2 +- chrome/tabs_below_content.css | 3 ++- chrome/vertical_menubar.css | 2 ++ 14 files changed, 19 insertions(+), 6 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 94dc79d..5de1ade 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -20,6 +20,7 @@ linux_gtk_window_control_patch.css .titlebar-buttonbox-container{ position: fixed; + display: block; top: var(--uc-titlebar-padding,0px); right:0; height: 40px; diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index ed1f1ce..2a316da 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -6,6 +6,7 @@ #navigator-toolbox{ margin-top: 29px } #toolbar-menubar{ position: fixed; + display: block; top: var(--uc-titlebar-padding,0px); height: 29px; margin-top:1px; diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 933f0a6..577c4a0 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -9,6 +9,7 @@ #toolbar-menubar{ --uc-menubar-height: 36px; position: fixed; + display: block; width: 100vw; height: var(--uc-menubar-height); margin-top: calc(8px - var(--uc-menubar-height)); diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 8ab47d7..db41f11 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -17,6 +17,7 @@ #navigator-toolbox{ position: fixed !important; + display: block; background-color: var(--lwt-accent-color,black); transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important; transform-origin: top; diff --git a/chrome/click_selected_tab_to_focus_urlbar.css b/chrome/click_selected_tab_to_focus_urlbar.css index f1438c9..a28616b 100644 --- a/chrome/click_selected_tab_to_focus_urlbar.css +++ b/chrome/click_selected_tab_to_focus_urlbar.css @@ -21,6 +21,7 @@ /* Invisible capture box behind tabs*/ :root:not([customizing]) #urlbar::before{ position: fixed; + display: block; top: 0; left: 0; width: calc(100vw - 138px); diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar.css index 961384f..cc2251c 100644 --- a/chrome/fake_statusbar.css +++ b/chrome/fake_statusbar.css @@ -14,7 +14,8 @@ */ #titlebar{ - position: fixed; + position: fixed; + display: block; bottom: 0px; height: var(--tab-min-height); width: 100vw; @@ -23,6 +24,7 @@ #TabsToolbar{ position: fixed; + display: block; top: 0px; width: 100vw; padding-left: 30px !important; diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 61744c0..f31d482 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -25,6 +25,7 @@ #nav-bar{ position: fixed !important; + display: block; margin-right: 138px; margin-left: 30px; /* width == 100vw - margins */ @@ -53,6 +54,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #toolbar-menubar{ height: var(--multirow-toolbar-height); position: fixed; + display: block; top: var(--multirow-top-padding); width: 100vw; color: var(--lwt-text-color); diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index c7a6b5d..739a406 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -37,7 +37,7 @@ Window controls will be all wrong without it /* Rules specific to window controls on right layout */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } + .titlebar-buttonbox-container{ position: fixed; display: block; left: 0px; z-index: 3; } } /* 1px margin on touch density causes tabs to be too high */ diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 7a10c78..dc671d7 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -34,7 +34,7 @@ Window controls will be all wrong without it #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-window-control-width) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } + .titlebar-buttonbox-container{ position: fixed; display: blocK; left: 0px; z-index: 3; } #nav-bar-customization-target{ margin-right: calc(100vw - (var(--uc-navigationbar-width)) - var(--uc-buttons-width) - var(--uc-window-drag-space-width)) } } diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 7b7d843..e197890 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -36,7 +36,7 @@ Window controls will be all wrong without it /* Rules specific to window controls on right layout */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - .titlebar-buttonbox-container{ position: fixed; left: 0px; z-index: 3; } + .titlebar-buttonbox-container{ position: fixed; display: block; left: 0px; z-index: 3; } } /* 1px margin on touch density causes tabs to be too high */ diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index ddeac9a..eed2d9e 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -2,6 +2,7 @@ #toolbar-menubar{ position: fixed; + display: block; top: 0; width: 100vw; height: initial !important; diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css index 5c9dd56..00932bd 100644 --- a/chrome/tabs_animated_gradient_border.css +++ b/chrome/tabs_animated_gradient_border.css @@ -13,7 +13,7 @@ Thanks to /u/skenera on reddit for suggesting animating background position and #TabsToolbar::before{ content: ""; - display: -moz-box; + display: block; position: absolute; width: 200vw; height: calc(var(--tab-min-height) + 2px); diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index 3f1484b..e457d7b 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -11,6 +11,7 @@ linux_gtk_window_control_patch.css .titlebar-buttonbox-container{ position: fixed; + display: block; top:0; right:0; height: 40px; @@ -37,7 +38,7 @@ linux_gtk_window_control_patch.css /* Move tabs below content */ :root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } -#TabsToolbar{ position: fixed; bottom: 0px; width: 100vw; height: var(--tab-min-height) } +#TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) } #TabsToolbar-customization-target{ width: 100vw; } /* Hide stuff that doesn't make sense with tabs below content */ diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css index 7810e79..5c02472 100644 --- a/chrome/vertical_menubar.css +++ b/chrome/vertical_menubar.css @@ -6,6 +6,7 @@ :root:not([customizing]) #titlebar{ position: fixed; + display: block; -moz-appearance: none !important; right: 0px; height: 100vh; @@ -15,6 +16,7 @@ #TabsToolbar:not([customizing]){ position: fixed; + display: block; top: 0px; left: 0px; width: 100vw; From 9829e4e4db8b2feb4ab88e9d65cf0fef5ce7d731 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 28 Sep 2019 12:30:36 +0300 Subject: [PATCH 0219/1101] Create a new version that uses transform instead of grid display --- chrome/vertical_context_navigation.css | 1 + chrome/vertical_context_navigation_v2.css | 9 +++++++++ 2 files changed, 10 insertions(+) create mode 100644 chrome/vertical_context_navigation_v2.css diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css index 4608d8a..ac31423 100644 --- a/chrome/vertical_context_navigation.css +++ b/chrome/vertical_context_navigation.css @@ -1,4 +1,5 @@ /* This very likely only works properly on Windows10 */ +/* If this won't work correctly can try the v2 file */ #contentAreaContextMenu > .popup-internal-box > .arrowscrollbox-scrollbox{ display: grid; diff --git a/chrome/vertical_context_navigation_v2.css b/chrome/vertical_context_navigation_v2.css new file mode 100644 index 0000000..d112cae --- /dev/null +++ b/chrome/vertical_context_navigation_v2.css @@ -0,0 +1,9 @@ +/* This very likely only works properly on Windows10 */ +/* This v2 uses transform instead of grid display which might or might not work better */ + +#context-navigation > menuitem{ transform: rotateZ(-90deg); max-width: 40px} +#context-navigation{ transform: rotateZ(90deg); transform-origin: 20px 20px; background-color: transparent !important } +#context-navigation:not([hidden])~*{ margin-left: 20px; } +#context-sep-navigation{ display: none } +#context-navigation{ margin-bottom: -34px; clip-path: polygon(0px 0px, 160px 0px, 160px 100%, 0px 100%)} +#context-navigation ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } \ No newline at end of file From 6a79b38b21efaa2f70e24c60bd7bcde87b2d908b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 28 Sep 2019 12:56:13 +0300 Subject: [PATCH 0220/1101] new file --- chrome/scrollable_urlbar_popup.css | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 chrome/scrollable_urlbar_popup.css diff --git a/chrome/scrollable_urlbar_popup.css b/chrome/scrollable_urlbar_popup.css new file mode 100644 index 0000000..db7bdbe --- /dev/null +++ b/chrome/scrollable_urlbar_popup.css @@ -0,0 +1,10 @@ +/* Makes the urlbar dropdown scrollable */ +/* Modify the pref browser.urlbar.maxRichResults to set how many results should be shown */ + +/* This must NOT be loaded in xul namespace */ +/* Either load this file using @import or otherwise make sure that the namespace is correctly set */ + +@namespace html url("http://www.w3.org/1999/xhtml"); + +html|div#urlbarView-results, +html|div#urlbar-results{ max-height: 400px; overflow-y: auto; scrollbar-color: currentColor transparent; scrollbar-width: thin } \ No newline at end of file From 1a50caef8f22b14d5d64ab1a79abc815f60e866f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 28 Sep 2019 13:14:23 +0300 Subject: [PATCH 0221/1101] Don't use clip-path on menuitems unless context-navigation is visible --- chrome/vertical_context_navigation_v2.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/vertical_context_navigation_v2.css b/chrome/vertical_context_navigation_v2.css index d112cae..b9aa7b6 100644 --- a/chrome/vertical_context_navigation_v2.css +++ b/chrome/vertical_context_navigation_v2.css @@ -6,4 +6,4 @@ #context-navigation:not([hidden])~*{ margin-left: 20px; } #context-sep-navigation{ display: none } #context-navigation{ margin-bottom: -34px; clip-path: polygon(0px 0px, 160px 0px, 160px 100%, 0px 100%)} -#context-navigation ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } \ No newline at end of file +#context-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } \ No newline at end of file From a5d02fbb180a56a1fcd03c22657d29f849307296 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 3 Oct 2019 17:48:26 +0300 Subject: [PATCH 0222/1101] Add background-color to opened megabar --- chrome/minimal_text_fields.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/minimal_text_fields.css b/chrome/minimal_text_fields.css index 685db0d..127634e 100644 --- a/chrome/minimal_text_fields.css +++ b/chrome/minimal_text_fields.css @@ -3,6 +3,8 @@ --lwt-toolbar-field-border-color: transparent !important; } +#urlbar.megabar[open]{ background-color: var(--toolbar-bgcolor) !important; } + #search-box{ -moz-appearance: none !important; background-color: var(--lwt-toolbar-field-background-color) !important; From c8b5f9899831ee6fc24130cd1889235515dae7ed Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 4 Oct 2019 16:58:01 +0300 Subject: [PATCH 0223/1101] Use translate() instead of rotate() on context-navigation buttons --- chrome/vertical_context_navigation_v2.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/chrome/vertical_context_navigation_v2.css b/chrome/vertical_context_navigation_v2.css index b9aa7b6..235daad 100644 --- a/chrome/vertical_context_navigation_v2.css +++ b/chrome/vertical_context_navigation_v2.css @@ -1,9 +1,13 @@ /* This very likely only works properly on Windows10 */ /* This v2 uses transform instead of grid display which might or might not work better */ -#context-navigation > menuitem{ transform: rotateZ(-90deg); max-width: 40px} -#context-navigation{ transform: rotateZ(90deg); transform-origin: 20px 20px; background-color: transparent !important } +#context-navigation > menuitem{ max-width: 40px} + +#context-forward{ transform: translate(-40px, 40px) } +#context-reload,#context-stop{ transform: translate(-80px, 80px) } +#context-bookmarkpage{ transform: translate(-120px,120px) } + #context-navigation:not([hidden])~*{ margin-left: 20px; } #context-sep-navigation{ display: none } -#context-navigation{ margin-bottom: -34px; clip-path: polygon(0px 0px, 160px 0px, 160px 100%, 0px 100%)} -#context-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } \ No newline at end of file +#context-navigation{ margin-bottom: -34px; } +#context-sep-navigation:not([hidden]) ~ *:not(.menuitem-iconic){ clip-path: polygon(1.45em 0%, 100% 0%,100% 100%,1.45em 100%) } From 6976d7dfc425db7e85610201187efe21dbc6e5b5 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 4 Oct 2019 17:11:56 +0300 Subject: [PATCH 0224/1101] Add selectors for new shadow-root tab scroll arrows --- chrome/button_effect_icon_glow.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/chrome/button_effect_icon_glow.css b/chrome/button_effect_icon_glow.css index 905e02f..5884fdd 100644 --- a/chrome/button_effect_icon_glow.css +++ b/chrome/button_effect_icon_glow.css @@ -13,7 +13,9 @@ toolbar toolbarbutton > .toolbarbutton-badge-stack, .titlebar-button, #identity-box, #tracking-protection-icon-container, -.findbar-textbox~toolbarbutton{ background-color: transparent !important; border-color: transparent !important;} +.findbar-textbox~toolbarbutton, +toolbarbutton.scrollbutton-up, +toolbarbutton.scrollbutton-down{ background-color: transparent !important; border-color: transparent !important;} .close-icon{ fill-opacity: 0 !important; } @@ -27,7 +29,9 @@ toolbar .toolbarbutton-1:not([disabled]):hover .toolbarbutton-icon, toolbar #downloads-button:hover #downloads-indicator-anchor, #identity-box:not(.no-hover):hover, #tracking-protection-icon:hover, -.findbar-textbox~toolbarbutton:not([disabled]):hover{ +.findbar-textbox~toolbarbutton:not([disabled]):hover, +toolbarbutton.scrollbutton-up:not([disabled]):hover, +toolbarbutton.scrollbutton-down:not([disabled]):hover{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan) } @@ -46,6 +50,8 @@ toolbar #downloads-button:active #downloads-indicator-anchor, toolbar #downloads-button[open] #downloads-indicator-anchor, #identity-box:not([disabled]):active, #tracking-protection-icon-container[open] #tracking-protection-icon, -.findbar-textbox~toolbarbutton:not([disabled]):active{ +.findbar-textbox~toolbarbutton:not([disabled]):active, +toolbarbutton.scrollbutton-up:active, +toolbarbutton.scrollbutton-down:active{ filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 1px yellow) -} \ No newline at end of file +} From 2738b404721372d87a33e4398242641e5fa15619 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 4 Oct 2019 17:18:35 +0300 Subject: [PATCH 0225/1101] Add selectors for shadow root tab scrollbuttons --- chrome/minimal_toolbarbuttons.css | 14 +++++++++++--- chrome/minimal_toolbarbuttons_v2.css | 12 ++++++++++-- chrome/minimal_toolbarbuttons_v3.css | 27 ++++++++++++++------------- 3 files changed, 35 insertions(+), 18 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 8b3a7a3..1bfdfaa 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -3,7 +3,9 @@ /* Create a placeholder for buttons */ toolbar .toolbarbutton-1:not([open]), .titlebar-button, -#tabbrowser-tabs toolbarbutton{ +#tabbrowser-tabs toolbarbutton, +toolbarbutton.scrollbutton-up[orient="horizontal"], +toolbarbutton.scrollbutton-down[orient="horizontal"]{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ @@ -11,12 +13,16 @@ toolbar:hover + toolbar .toolbarbutton-1, vbox:hover + toolbar .toolbarbutton-1, toolbar:hover .toolbarbutton-1, #tabbrowser-tabs:hover toolbarbutton, +toolbarbutton.scrollbutton-up[orient="horizontal"]:hover, +toolbarbutton.scrollbutton-down[orient="horizontal"]:hover, .titlebar-buttonbox:hover > .titlebar-button{ background-image: none } toolbar .toolbarbutton-1 > *, .titlebar-button > *, -#tabbrowser-tabs toolbarbutton > *{ +#tabbrowser-tabs toolbarbutton > *, +toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon, +toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{ transform: scale(0); transition: transform 82ms linear !important; } @@ -26,7 +32,9 @@ vbox:hover + toolbar .toolbarbutton-1 > *, toolbar:hover .toolbarbutton-1 > *, .toolbarbutton-1[open] > *, .titlebar-buttonbox:hover > .titlebar-button > *, -#tabbrowser-tabs:hover toolbarbutton > *{ +#tabbrowser-tabs:hover toolbarbutton > *, +toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon, +toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{ transform: scale(1) } diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index de98d90..f8f1f6e 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -12,13 +12,17 @@ such as, nav-bar buttons are not shown when urlbar is hovered #nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]), toolbar .toolbarbutton-1:not([open]), .titlebar-button, -#tabbrowser-tabs toolbarbutton{ +#tabbrowser-tabs toolbarbutton, +toolbarbutton.scrollbutton-up[orient="horizontal"], +toolbarbutton.scrollbutton-down[orient="horizontal"]{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ toolbar:hover .toolbarbutton-1, .titlebar-buttonbox:hover > .titlebar-button, -#tabbrowser-tabs:hover toolbarbutton{ background-image: none } +#tabbrowser-tabs:hover toolbarbutton, +toolbarbutton.scrollbutton-up[orient="horizontal"]:hover, +toolbarbutton.scrollbutton-down[orient="horizontal"]:hover{ background-image: none } #urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *, #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *, @@ -27,6 +31,8 @@ toolbar:hover .toolbarbutton-1, #titlebar:hover ~ toolbar .toolbarbutton-1 > *, toolbar .toolbarbutton-1 > *, #tabbrowser-tabs toolbarbutton > *, +toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon, +toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon, .titlebar-button > *{ transform: scale(0); transition: transform 82ms linear !important; @@ -36,6 +42,8 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, #nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack, #PanelUI-menu-button:hover > stack, #tabbrowser-tabs:hover toolbarbutton > *, +toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon, +toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon, .toolbarbutton-1[open] > *, .titlebar-buttonbox:hover > .titlebar-button > *{ transform: scale(1) diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css index a3381de..4ca56f2 100644 --- a/chrome/minimal_toolbarbuttons_v3.css +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -1,10 +1,5 @@ /* Create a circular placeholder for toolbarbutton and downscale to hide them */ -/* -Difference to minimal_toolbarbuttons.css: -Sort of mix'n'match of v1 & v2 -*/ - /* Create a placeholder for buttons */ #urlbar-container:hover ~ .toolbarbutton-1:not([open]), #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1, @@ -12,25 +7,29 @@ Sort of mix'n'match of v1 & v2 #nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]) > .toolbarbutton-1, toolbar .toolbarbutton-1:not([open]), .titlebar-button, -#tabbrowser-tabs toolbarbutton{ +#tabbrowser-tabs toolbarbutton, +toolbarbutton.scrollbutton-up[orient="horizontal"], +toolbarbutton.scrollbutton-down[orient="horizontal"]{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } - /* Hide placeholder on hover */ + toolbar:hover + toolbar .toolbarbutton-1, vbox:hover + toolbar .toolbarbutton-1, toolbar:hover .toolbarbutton-1, #tabbrowser-tabs:hover toolbarbutton, -.titlebar-buttonbox:hover > .titlebar-button{ - background-image: none; -} +toolbarbutton.scrollbutton-up[orient="horizontal"]:hover, +toolbarbutton.scrollbutton-down[orient="horizontal"]:hover, +.titlebar-buttonbox:hover > .titlebar-button{ background-image: none; } #urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *, #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *, #nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *, toolbar .toolbarbutton-1 > *, .titlebar-button > *, -#tabbrowser-tabs toolbarbutton > *{ +#tabbrowser-tabs toolbarbutton > *, +toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon, +toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{ transform: scale(0); transition: transform 82ms linear !important; } @@ -41,7 +40,9 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, #titlebar:hover ~ toolbar .toolbarbutton-1 > *, .toolbarbutton-1[open] > *, .titlebar-buttonbox:hover > .titlebar-button > *, -#tabbrowser-tabs:hover toolbarbutton > *{ +#tabbrowser-tabs:hover toolbarbutton > *, +toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon, +toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{ transform: scale(1) } @@ -61,4 +62,4 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, #nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"], #navigator-toolbox:not(:hover) #downloads-button[attention="success"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan); -} \ No newline at end of file +} From cefffeb43d4fe86f2ce9199898af635cf09ddc8e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 10 Oct 2019 20:51:46 +0300 Subject: [PATCH 0226/1101] Don't show close button on pinned tabs --- chrome/combined_favicon_and_tab_close_button.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/combined_favicon_and_tab_close_button.css b/chrome/combined_favicon_and_tab_close_button.css index 9cfce31..6992bb8 100644 --- a/chrome/combined_favicon_and_tab_close_button.css +++ b/chrome/combined_favicon_and_tab_close_button.css @@ -8,7 +8,7 @@ z-index: -1; visibility: hidden; } - +.tabbrowser-tab[pinned] .tab-close-button{ display: none !important; } .tab-close-button:hover{ background-color: var(--lwt-accent-color); } .tabbrowser-tab[selected] .tab-close-button:hover{ background-color: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)); } From 4b1a6db6d23e35a0c7f21cff1df788e4ad181a4f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 11 Oct 2019 08:20:35 +0300 Subject: [PATCH 0227/1101] Use generic scrollbox[horizontal] selectors to target Firefox 71+ --- chrome/multi-row_tabs.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index e5a862f..24bbe4e 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -18,6 +18,20 @@ min-height: unset !important; padding-inline-start: 0px !important } +/* Selectors for Firefox 71+ */ +/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */ +.scrollbutton-up[orient="horizontal"][part]~spacer, +.scrollbutton-up[orient="horizontal"][part], +.scrollbutton-down[orient="horizontal"][part]{ display: none } + +scrollbox[part][orient="horizontal"]{ + display: flex; + flex-wrap: wrap; + overflow-y: auto; + max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); + scrollbar-color: currentColor transparent; + scrollbar-width: thin; +} /* Test for Firefox > 66 */ @supports (inset-block:auto){ From 43deb8c783f48168673fc727cb53a3908c3c9aad Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 11 Oct 2019 14:01:55 +0300 Subject: [PATCH 0228/1101] wrap the fx71 selectors in @moz-document --- chrome/multi-row_tabs.css | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 24bbe4e..7fa30fa 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -20,17 +20,19 @@ } /* Selectors for Firefox 71+ */ /* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */ -.scrollbutton-up[orient="horizontal"][part]~spacer, -.scrollbutton-up[orient="horizontal"][part], -.scrollbutton-down[orient="horizontal"][part]{ display: none } +@-moz-document url(chrome://browser/content/browser.xhtml){ + .scrollbutton-up[orient="horizontal"][part]~spacer, + .scrollbutton-up[orient="horizontal"][part], + .scrollbutton-down[orient="horizontal"][part]{ display: none } -scrollbox[part][orient="horizontal"]{ - display: flex; - flex-wrap: wrap; - overflow-y: auto; - max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); - scrollbar-color: currentColor transparent; - scrollbar-width: thin; + scrollbox[part][orient="horizontal"]{ + display: flex; + flex-wrap: wrap; + overflow-y: auto; + max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); + scrollbar-color: currentColor transparent; + scrollbar-width: thin; + } } /* Test for Firefox > 66 */ From 8dcbd0dd963f22ef0ba44f8c539383d5a3bc2abe Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 11 Oct 2019 14:51:19 +0300 Subject: [PATCH 0229/1101] Make styling work in current version --- chrome/compact_urlbar_megabar.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css index 97a9a7c..414d43a 100644 --- a/chrome/compact_urlbar_megabar.css +++ b/chrome/compact_urlbar_megabar.css @@ -2,8 +2,12 @@ /* Set the pref browser.urlbar.megabar to true */ #urlbar.megabar[breakout]{ margin-inline-start: 0px !important; - width: var(--urlbar-width) !important;; - margin-top: 4px !important; + width: 100% !important; + left: 0 !important; + top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } -#urlbar.megabar .urlbarView-row{ padding: 6px 8px } -#urlbar.megabar .urlbarView-body-inner{width: calc(var(--urlbar-width) - 2 * 8px - 2px ) !important;} \ No newline at end of file +#urlbar.megabar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } +.urlbarView.megabar{ margin-inline: 0 !important; width: auto !important; } +.urlbarView-row{ padding-inline: 4px !important; } +#urlbar-background{ animation: none !important; } +#urlbar-input-container{ padding: 0 !important; height: 100% !important; } \ No newline at end of file From 16a1a9e1d88379acda54d5c4df161d8ebbcf27a0 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 11 Oct 2019 15:27:25 +0300 Subject: [PATCH 0230/1101] new file --- chrome/full_width_urlbar_popup.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 chrome/full_width_urlbar_popup.css diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css new file mode 100644 index 0000000..b19b7bf --- /dev/null +++ b/chrome/full_width_urlbar_popup.css @@ -0,0 +1,26 @@ +/* Makes urlbar popup fit to window width, like in Firefox versions < 71 without "Megabar" */ +/* Text won't be aligned to urlbar text though, since that relied on Firefox setting some css variables which are not available anymore */ +#urlbar{ + display: -moz-box !important; + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); + border: 1px solid var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); + top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; + bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; + margin-inline-start: 0px !important; + width: 100% !important; + left: 0 !important; +} +#urlbar-background{ display: none !important; } +#urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } +#urlbar-input-container{ padding: 0 !important; height: 100% !important; } + +.urlbarView:not([hidden]){ + display: block !important; + position: fixed !important; + margin-top: calc(var(--urlbar-height) + 1px); + left: 0; + width: 100vw !important; + background-color: var(--autocomplete-popup-background) !important; + margin-inline: 0 !important; + box-shadow: 0px 1px 3px 0px black; +} \ No newline at end of file From dd4b8a627acf1f2eba669052e82a4f7dfa298eca Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 11 Oct 2019 15:53:01 +0300 Subject: [PATCH 0231/1101] Make #urlbar position relative --- chrome/full_width_urlbar_popup.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css index b19b7bf..cade2e0 100644 --- a/chrome/full_width_urlbar_popup.css +++ b/chrome/full_width_urlbar_popup.css @@ -2,6 +2,7 @@ /* Text won't be aligned to urlbar text though, since that relied on Firefox setting some css variables which are not available anymore */ #urlbar{ display: -moz-box !important; + position: relative !important; background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); border: 1px solid var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; From 064ba62bafcfaff7c6409eb9064c4611adb7956b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 12 Oct 2019 23:52:39 +0300 Subject: [PATCH 0232/1101] Don't set menubar height to prevent windows controls being unclickable --- chrome/hide_tabs_with_one_tab.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index ad84154..0a3e446 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -39,10 +39,8 @@ :root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } /* Fix window controls not being clickable */ -#toolbar-menubar:hover{ - min-height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; - height: calc(var(--tab-min-height) + var(--space-above-tabbar) - 1px) !important; - -moz-appearance: initial !important; +:root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{ + transition: height 0ms steps(1) 80ms; } #nav-bar::before, #nav-bar::after{ From 51da696a93801861b003698b1d99231725f655bb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 13 Oct 2019 13:34:04 +0300 Subject: [PATCH 0233/1101] Make compatible with Firefox 71 --- chrome/multi-row_tabs_below_content_Fx66+.css | 42 ++++++++++++------- 1 file changed, 27 insertions(+), 15 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index f31d482..9b32e24 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -1,14 +1,3 @@ -/* For Firefox 66+ only */ -/* !! Use customize mode to make menubar permanently enabled !! */ -/* !! Also put one flexible space to the left side of the menubar !! */ - -/* Menubar will be behind nav-bar unless cursor is over window controls or right edge of the "settings" icon */ -/* Window can only be dragged from the settings icon or a ~20px space between menu button and window controls */ - -/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ -/* Scrollbar can't be clicked but the rows can be scrolled with mouse */ - - :root{ --multirow-toolbar-height: 40px; --multirow-top-padding: 0px; @@ -33,12 +22,15 @@ top: var(--multirow-top-padding); } +/* Fix incorrect vertical alignment with megabar */ +#urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; } + #nav-bar-overflow-button { max-height: 31px !important; transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) } -#PanelUI-button{ float: right; } +#PanelUI-button{ display: block; float: right; } #nav-bar > toolbartabstop{ float: left } :root:not([inDOMFullscreen]) #content-deck, @@ -73,7 +65,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px); } -#toolbar-menubar > .titlebar-buttonbox-container{float: right; height: 100%; background: var(--toolbar-bgcolor)} +#toolbar-menubar > .titlebar-buttonbox-container{ display: block; float: right; height: 100%; background: var(--toolbar-bgcolor)} #toolbar-menubar > .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100% ;} #main-menubar:last-child{ padding-inline-end: 40px } @@ -81,6 +73,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) background: url(chrome://browser/skin/settings.svg) no-repeat 10px; height: 100%; float: left; + display: block; fill: currentColor; -moz-context-properties: fill; min-width: 28px !important; @@ -104,7 +97,26 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) overflow: -moz-hidden-unscrollable; display: block; } -.tabbrowser-tab{ max-height: var(--multirow-toolbar-height); min-height: var(--multirow-toolbar-height) } + +/* Selectors for Firefox 71+ */ +/* These are not tabs toolbar specific but horizontal scrollbox isn't used elsewhere, except in bookmarks toolbar but there it doesn't have [part] attribute since it's not in shadow-root */ +@-moz-document url(chrome://browser/content/browser.xhtml){ + .scrollbutton-up[orient="horizontal"][part]~spacer, + .scrollbutton-up[orient="horizontal"][part], + .scrollbutton-down[orient="horizontal"][part]{ display: none } + + scrollbox[part][orient="horizontal"]{ + display: flex; + flex-wrap: wrap; + overflow-y: auto; + max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); + scrollbar-color: currentColor transparent; + scrollbar-width: thin; + } + #tabbrowser-tabs{ padding-inline-start: 0px !important; } +} + +.tabbrowser-tab{ max-height: var(--tab-min-height); min-height: var(--tab-min-height) } .tabbrowser-tab > stack{ width: 100%; height: 100%; } .tabbrowser-tab[fadein]:not([pinned]){ @@ -135,4 +147,4 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) } .tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:-moz-box !important; -} +} \ No newline at end of file From 15f569f875a98a838e1739fc1eb91831b2a51651 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 13 Oct 2019 13:39:42 +0300 Subject: [PATCH 0234/1101] Add readme back in since it was accidentally removed --- chrome/multi-row_tabs_below_content_Fx66+.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 9b32e24..004008b 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -1,3 +1,13 @@ +/* Makes tabs to appear on multiple lines below the web content */ +/* Tab reordering will not work and can't be made to work */ + +/* It's recommended to move tabs new-tab-button outside tabs toolbar */ + +/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ +/* Scrollbar can't be clicked but the rows can be scrolled with mouse */ +/* This maximum visible rows won't work before Fx66 */ +/* So this setting does nothing on Fx65 and all tab rows will be shown */ + :root{ --multirow-toolbar-height: 40px; --multirow-top-padding: 0px; From ac806cd3f85ec9389ccef468cc4f49756c544dca Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 15 Oct 2019 13:28:45 +0300 Subject: [PATCH 0235/1101] Force statuspanel max-width to 100% to avoid potential clipping --- chrome/status_inside_urlbar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index c74513c..0607768 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -51,7 +51,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi /* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */ #statuspanel-inner{ background-color: var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor) } -#statuspanel{ color: var(--lwt-toolbar-field-color, black) ; z-index: -1; } +#statuspanel{ color: var(--lwt-toolbar-field-color, black) ; z-index: -1; max-width: 100% !important; } #statuspanel[type="status"] { color: Highlight } /* You will need to adjust these probably as they depend on OS, text size etc. */ From 537c6f82d02d9591343de6ae314ca30d6d8cdbac Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 18 Oct 2019 13:45:27 +0300 Subject: [PATCH 0236/1101] Use backdrop filter to blur translucent menus --- content/dark_settings_pages.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index 73a392f..8a2fa9b 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -37,6 +37,8 @@ -moz-context-properties: fill; fill : CurrentColor !important; } + /* make panel background blurry if the background is translucent. Requires pref layout.css.backdrop-filter.enabled */ + panel-list{ backdrop-filter: blur(28px) } } /* Get addons page */ From e058c25876c59452469c280b8b19afe16f18c95d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 20 Oct 2019 12:36:44 +0300 Subject: [PATCH 0237/1101] set color proprty to use variable in root --- content/dark_settings_pages.css | 1 + 1 file changed, 1 insertion(+) diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index 8a2fa9b..62fae11 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -18,6 +18,7 @@ --in-content-box-background: rgba(255,255,255,0.1) !important; --in-content-deemphasized-text: var(--in-content-text-color) !important; scrollbar-color: var(--in-content-text-color) var(--in-content-page-background) !important; + color:var(--in-content-text-color) !important; } menulist > menupopup{ background-color: var(--in-content-page-background) !important; } From ce21033582eeb213e8f83617022e281496537a24 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 20 Oct 2019 22:57:13 +0300 Subject: [PATCH 0238/1101] Fix some layout issues caused by megabar --- chrome/navbar_tabs_oneliner.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 739a406..11600d6 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -4,6 +4,8 @@ /* Get window_control_placeholder_support.css Window controls will be all wrong without it + +urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new urlbar popup */ @@ -16,6 +18,14 @@ Window controls will be all wrong without it :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +:root[uidensity=compact] #urlbar-container.megabar{ + --urlbar-container-height: var(--uc-toolbar-height) !important; + padding-block: 0 !important; +} +:root[uidensity=compact] #urlbar.megabar{ + --urlbar-toolbar-height: var(--uc-toolbar-height) !important; +} + /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ @media screen and (max-width: 1100px){ From 65d252ceb387c1687a84a76fc000a27446a85817 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 20 Oct 2019 22:57:48 +0300 Subject: [PATCH 0239/1101] new file --- chrome/urlbar_full_width.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 chrome/urlbar_full_width.css diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css new file mode 100644 index 0000000..494762b --- /dev/null +++ b/chrome/urlbar_full_width.css @@ -0,0 +1,33 @@ +/* Make urlbar popup appear full size like it did before megabar */ + +#urlbar-container, +#urlbar{ + position: static !important; + display: -moz-box !important; +} +#urlbar.megabar{ + height: auto !important; + width: auto !important; + border: 1px solid white; + border-color:var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); + border-radius: var(--toolbarbutton-border-radius); +} + +#urlbar.megabar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } + +.urlbarView.megabar{ + position: absolute !important; + margin: 0 !important; + left: 0 !important; + width: 100vw !important; + border-width: 1px 0; + top: var(--urlbar-height); + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); + backdrop-filter: blur(28px); + z-index: 4; + box-shadow: 0 1px 4px rgba(0,0,0,.05); +} + +#urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; } +#urlbar.megabar > #urlbar-background{ display: none !important; } \ No newline at end of file From 227d8777b5339bb3af0ceef479a82d62675e0346 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 20 Oct 2019 23:02:47 +0300 Subject: [PATCH 0240/1101] Fix issues caused by megabar --- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 8 ++++++++ chrome/navbar_tabs_oneliner_tabs_on_left.css | 8 ++++++++ 2 files changed, 16 insertions(+) diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index dc671d7..68cc08a 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -19,6 +19,14 @@ Window controls will be all wrong without it :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +:root[uidensity=compact] #urlbar-container.megabar{ + --urlbar-container-height: var(--uc-toolbar-height) !important; + padding-block: 0 !important; +} +:root[uidensity=compact] #urlbar.megabar{ + --urlbar-toolbar-height: var(--uc-toolbar-height) !important; +} + /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ @media screen and (max-width: 1000px){ diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 0c97d70..c28d8d9 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -15,6 +15,14 @@ Window controls will be all wrong without it :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +:root[uidensity=compact] #urlbar-container.megabar{ + --urlbar-container-height: var(--uc-toolbar-height) !important; + padding-block: 0 !important; +} +:root[uidensity=compact] #urlbar.megabar{ + --urlbar-toolbar-height: var(--uc-toolbar-height) !important; +} + /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar and tabs-/nav-bar ratio - ADJUST AS NEEDED */ @media screen and (max-width: 1600px){ From 8bd71cc880fe1baa1ab648947bd21889db067f78 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 24 Oct 2019 18:22:19 +0300 Subject: [PATCH 0241/1101] new file --- chrome/urlbar_results_in_two_rows.css | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 chrome/urlbar_results_in_two_rows.css diff --git a/chrome/urlbar_results_in_two_rows.css b/chrome/urlbar_results_in_two_rows.css new file mode 100644 index 0000000..6312581 --- /dev/null +++ b/chrome/urlbar_results_in_two_rows.css @@ -0,0 +1,10 @@ +/* Show urlbar rersults on two lines */ +/* Firefox 71+ with megabar only */ + +.urlbarView-row-inner{ flex-wrap: wrap !important; } + +.urlbarView-title[title]{ flex-grow: 1; } +.urlbarView-row:not([type="switchtab"]) > .urlbarView-row-inner > .urlbarView-url{ margin-inline-start: 24px; min-width: 80% } + +.urlbarView-row[type="bookmark"] > .urlbarView-row-inner > .urlbarView-title-separator, +#urlbarView-row-0 ~ .urlbarView-row:not([type]) > .urlbarView-row-inner > .urlbarView-title-separator{ display: none } \ No newline at end of file From 1ac058cfb84df9e93f6836179bdfce7d5cba4b5e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 27 Oct 2019 10:41:18 +0200 Subject: [PATCH 0242/1101] Set menupopup background with shorthand to remove potential background-image --- chrome/dark_context_menus.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index 1fd29be..d524e5f 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -33,7 +33,7 @@ menupopup:not(#BMB_bookmarksPopup), #context-navigation{ color: var(--uc-menu-color) !important; padding: 2px; - background-color: var(--uc-menu-bkgnd) !important; + background: var(--uc-menu-bkgnd) !important; border-color: var(--uc-menu-disabled) !important; } From 5a3115fd1a9cd26cfcbb3f2a0f4872d73834bca4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 29 Oct 2019 14:07:29 +0200 Subject: [PATCH 0243/1101] Add opt-in way to interact scrollbar with mouse --- chrome/multi-row_tabs.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 7fa30fa..137aea3 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -5,7 +5,6 @@ /* It's recommended to move tabs new-tab-button outside tabs toolbar */ /* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ -/* Scrollbar can't be clicked but the rows can be scrolled with mouse */ /* This maximum visible rows won't work before Fx66 */ /* So this setting does nothing on Fx65 and all tab rows will be shown */ :root{ @@ -14,6 +13,13 @@ --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ } +/* Scrollbar can't be clicked but the rows can be scrolled with mouse wheel */ +/* Uncomment the next line if you want to be able to use the scrollbar with mouse clicks */ + +/* .tabbrowser-arrowscrollbox{ -moz-window-dragging: no-drag } */ + +/* Uncommenting the above makes you unable to drag the window from empty space in the tab strip but normal draggable spaces will continue to work */ + #tabbrowser-tabs{ min-height: unset !important; padding-inline-start: 0px !important @@ -89,4 +95,4 @@ #alltabs-button, :root:not([customizing]) #TabsToolbar #new-tab-button, #tabbrowser-tabs spacer, -.tabbrowser-tab::after{ display: none !important } +.tabbrowser-tab::after{ display: none !important } \ No newline at end of file From 20d31ff46b3642aba418136b8aa800e83fff8a62 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 29 Oct 2019 14:15:36 +0200 Subject: [PATCH 0244/1101] new file --- chrome/autohide_tabstoolbar.css | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 chrome/autohide_tabstoolbar.css diff --git a/chrome/autohide_tabstoolbar.css b/chrome/autohide_tabstoolbar.css new file mode 100644 index 0000000..cddb042 --- /dev/null +++ b/chrome/autohide_tabstoolbar.css @@ -0,0 +1,10 @@ +/* Hide tabs unless cursor is on top of toolbar */ +/* This does not support multi-row tabs */ + +:root:not([customizing]) #titlebar{ + margin-bottom: calc(0px - var(--tab-min-height)); + transition: margin-bottom 48ms ease-out; +} +#TabsToolbar:not([customizing]){ visibility: hidden; } +#navigator-toolbox:hover > #titlebar{ margin-bottom: 0; } +#navigator-toolbox:hover > #titlebar > #TabsToolbar{ visibility: visible; } From 4250b9c962d4deb100e3baf88d6142b9c9668aee Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 29 Oct 2019 19:09:45 +0200 Subject: [PATCH 0245/1101] Add compatibility rules for autohide_tabstoolbar.css --- chrome/Fx65_tabs_on_bottom.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 5de1ade..9746ab2 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -51,3 +51,7 @@ linux_gtk_window_control_patch.css #navigator-toolbox::after{ display: none !important; } @media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } } + +/* These exist only for compatibility with autohide-tabstoolbar.css */ +toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; } +#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 } From 7778ed2e08fdd7c0129496359bb9f15db6296e06 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 29 Oct 2019 19:34:50 +0200 Subject: [PATCH 0246/1101] Collapse the toolbar instead of negative margins --- chrome/autohide_tabstoolbar.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/chrome/autohide_tabstoolbar.css b/chrome/autohide_tabstoolbar.css index cddb042..d23ab74 100644 --- a/chrome/autohide_tabstoolbar.css +++ b/chrome/autohide_tabstoolbar.css @@ -1,10 +1,14 @@ /* Hide tabs unless cursor is on top of toolbar */ -/* This does not support multi-row tabs */ -:root:not([customizing]) #titlebar{ - margin-bottom: calc(0px - var(--tab-min-height)); - transition: margin-bottom 48ms ease-out; +@keyframes slidein{ + from{ margin-top: calc(0px - var(--tab-min-height)) } + to{ margin-top: 0 } } -#TabsToolbar:not([customizing]){ visibility: hidden; } -#navigator-toolbox:hover > #titlebar{ margin-bottom: 0; } -#navigator-toolbox:hover > #titlebar > #TabsToolbar{ visibility: visible; } +@keyframes slideout{ + from{ margin-top: var(--tab-min-height) } + to{ margin-top: 0 } +} +#navigator-toolbox:not(:hover) > #titlebar{ -moz-appearance: none !important } +#navigator-toolbox:not(:hover) #TabsToolbar:not([customizing]) { visibility: collapse } +#navigator-toolbox:hover > #nav-bar:not([customizing]){ animation: slidein ease-out 48ms 1 } +#navigator-toolbox:not(:hover) > #nav-bar:not([customizing]){ animation: slideout ease-out 48ms 1 } \ No newline at end of file From bdaad97165e5e765f132bdf0af4c0b48dd2c488e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 09:25:02 +0200 Subject: [PATCH 0247/1101] Correctly remove background-colors from #urlbarr and #searchbar when active --- chrome/minimal_text_fields.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/minimal_text_fields.css b/chrome/minimal_text_fields.css index 127634e..abaad6b 100644 --- a/chrome/minimal_text_fields.css +++ b/chrome/minimal_text_fields.css @@ -3,14 +3,17 @@ --lwt-toolbar-field-border-color: transparent !important; } -#urlbar.megabar[open]{ background-color: var(--toolbar-bgcolor) !important; } +#urlbar[open]{ background-color: var(--toolbar-bgcolor) !important; } +#urlbar, +#searchbar, #search-box{ -moz-appearance: none !important; background-color: var(--lwt-toolbar-field-background-color) !important; color: inherit !important; } +#searchbar, #urlbar, .searchbar-textbox{ box-shadow: none !important; From df5120bb43dfa3c9d3d0bfc8524876f16fbe9bab Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 09:44:24 +0200 Subject: [PATCH 0248/1101] Make the search/filter textfield dark --- chrome/dark_additional_windows.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 7c6c7a3..7c534f3 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -13,14 +13,16 @@ dialog, tree{ -moz-appearance: none !important; - background-color: var(--toolbar-bgcolor,rgb(50,50,52)) !important; + background-color: rgb(50,50,52) !important; color: rgb(249,249,250) !important; } + #placesToolbar, tree{ background: transparent !important; } - + #searchFilter, + input, textbox, richlistbox, treecol, @@ -33,8 +35,9 @@ .menubar-left{ fill: currentColor; -moz-context-properties: fill; } - textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } - + #searchFilter,input,textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } + #searchFilter > input{ background-color: transparent !important; } + treecol:not([hideheader]){ height: 24px; } treecol:hover{ filter: brightness(160%) } treechildren::-moz-tree-row(multicol, odd), #permList{ background-color: rgba(0,0,0,0.2) !important; } @@ -49,9 +52,11 @@ button{ padding: 3px } #placesMenu > menu{ border: none !important; } - button{ border: 1px solid graytext; border-radius: 3px } + input,button{ border: 1px solid graytext; border-radius: 3px } + input{ padding: 2px } } + /* modal prompts (alert() & friends) */ .paymentDialogContainerFrame, From cd65fe8fda10811ee1857ca88e0278e3e2639306 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 09:45:02 +0200 Subject: [PATCH 0249/1101] Add black box-shadow to active buttons --- chrome/dark_checkboxes_and_radios.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index f2d71b3..6cca2ae 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -56,9 +56,10 @@ button{ button[disabled]{ opacity: 0.8 } -button:not([disabled]):hover{ border-color: highlight; background-color: rgba(0,0,0,0.1) !important; } -button.searchbar-engine-one-off-item,, +button:not([disabled]):hover{ border-color: highlight; background-color: rgba(0,0,0,0.1) !important; box-shadow: inset 0 0 2px highlight } +button:not([disabled]):active{ box-shadow: inset 0 0 3px 0px black } +button.searchbar-engine-one-off-item, .panel-footer > button{ border-width: 1px 0 0 0; } button.panel-button{ padding: 2px 2px 1px 2px !important; } From 6a4542839b0758186001a63482928e0f32e650b0 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 11:46:12 +0200 Subject: [PATCH 0250/1101] Better handle textboxes inside panels --- chrome/dark_context_menus.css | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index d524e5f..930860f 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -1,4 +1,4 @@ -/* Makes context menus dark */ +/* Makes context menus dark. Also affects some portions of menu popups */ /* Uses dark theme colors but does not respect dark theme variables (they wouldn't work on sidebar context menu) */ :root{ @@ -7,12 +7,12 @@ --uc-menu-dimmed: rgba(255,255,255,0.1); --uc-menu-disabled: rgb(50,50,50); } - panel richlistbox, panel tree, panel button, panel menulist, panel textbox, +panel input, menupopup, menu, menuitem{ -moz-appearance: none !important; } @@ -28,16 +28,25 @@ panel tree, panel button, panel menulist, panel textbox, +panel input, +panel #searchbar, menupopup:not(#BMB_bookmarksPopup), #main-menubar > menu > menupopup, #context-navigation{ color: var(--uc-menu-color) !important; padding: 2px; - background: var(--uc-menu-bkgnd) !important; + background-color: var(--uc-menu-bkgnd) !important; border-color: var(--uc-menu-disabled) !important; } -panel menulist:hover, panel menulist[open]{ border-color: Highlight !important; } +panel textbox input{ padding: 2px !important; } + +panel input{ border-width: 1px; border-style: solid; background-color: rgba(0,0,0,0.1) !important; } +panel #searchbar{ background-color: rgba(0,0,0,0.1) !important; padding: 0 !important; } +panel #searchbar input{ background-color: transparent !important; } + +panel menulist:hover, +panel menulist[open]{ border-color: Highlight !important; } #editBMPanel_folderMenuList > menupopup > menuitem{ color: var(--uc-menu-color) !important; } @@ -47,12 +56,9 @@ menu:hover, menu[_moz-menuactive], menu[open], menuitem:hover, -menuitem[_moz-menuactive]{ - background-color: var(--uc-menu-dimmed) !important; - color: inherit !important; -} +menuitem[_moz-menuactive]{ background-color: var(--uc-menu-dimmed) !important; color: inherit !important; } menu[disabled="true"], menuitem[disabled="true"]{ color: var(--uc-menu-disabled) !important; } -menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } \ No newline at end of file +menu:not(.subviewbutton) > .menu-right{ filter: invert(1) } From 3628622f30ffa0a282d3f76797f3b107d80a8c4d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 23:46:04 +0200 Subject: [PATCH 0251/1101] Set scrollbar color derived from applied colors --- chrome/minimal_popup_scrollbars.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/chrome/minimal_popup_scrollbars.css b/chrome/minimal_popup_scrollbars.css index f43614d..5d90ad4 100644 --- a/chrome/minimal_popup_scrollbars.css +++ b/chrome/minimal_popup_scrollbars.css @@ -1,8 +1,9 @@ -.panel-subview-body{ - scrollbar-color: rgb(210,210,210) var(--uc-dark-bkgnd-color,var(--arrowpanel-background)); +/* Changes various in-UI scrollabars to be slim and more subtle */ + +.panel-subview-body, +#permList, +scrollbar{ + color: inherit; + scrollbar-color: currentColor transparent; scrollbar-width: thin } -#permList, scrollbar{ - scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color,var(--arrowpanel-background)); - scrollbar-width: thin -} \ No newline at end of file From 3f4ee6579a40f722c6078301c4d770b3687b5f9a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 23:48:30 +0200 Subject: [PATCH 0252/1101] rename to something more sane --- ...{minimal_popup_scrollbars.css => minimal_in-UI_scrollbars.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename chrome/{minimal_popup_scrollbars.css => minimal_in-UI_scrollbars.css} (100%) diff --git a/chrome/minimal_popup_scrollbars.css b/chrome/minimal_in-UI_scrollbars.css similarity index 100% rename from chrome/minimal_popup_scrollbars.css rename to chrome/minimal_in-UI_scrollbars.css From 03f01d7e31397da126257af87b2f475df2028323 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 4 Nov 2019 23:49:17 +0200 Subject: [PATCH 0253/1101] new file --- chrome/numbered_tabs.css | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 chrome/numbered_tabs.css diff --git a/chrome/numbered_tabs.css b/chrome/numbered_tabs.css new file mode 100644 index 0000000..08d637f --- /dev/null +++ b/chrome/numbered_tabs.css @@ -0,0 +1,4 @@ +/* Show a number before tab text*/ + +.tabbrowser-tab:first-child{ counter-reset: nth-tab 0 } /* Change to -1 for 0-indexing */ +.tab-text::before{ content: counter(nth-tab) " "; counter-increment: nth-tab } \ No newline at end of file From 3908ea60f8860dfa71e3991678b06923a110720c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Nov 2019 10:03:02 +0200 Subject: [PATCH 0254/1101] Fix some minor issues with description --- content/addon_manage_buttons_without_popup.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index 207a489..4f882a3 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -5,7 +5,8 @@ .addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; } .card.addon{ padding-bottom: 0px !important; } - addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op" } + addon-card .addon-card-collapsed{ display: grid !important; grid-template-areas: "ic con" "op op"; grid-template-columns: 48px auto } + addon-card .card-contents{ width: initial !important; white-space: initial !important; } .more-options-menu{ position: static !important; grid-area: op; margin: 0 !important; } .card-contents{ grid-area: con } @@ -20,7 +21,7 @@ .arrow, .more-options-button, - panel-item[action="expand"]{ display: none } + panel-item[action="expand"]{ display: none !important } div.list{ display: flex !important; flex-direction: row !important; } @@ -38,6 +39,7 @@ height: 30px !important; background-position: 50% !important; } + button[role="menuitem"] > label, link+button::after{ display: none !important; } */ } \ No newline at end of file From 9f230210e2dfebd1dcd62118307739f23acecc36 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Nov 2019 10:03:47 +0200 Subject: [PATCH 0255/1101] Create 3rd and 4th columns depending on window size --- content/two_column_html_addons.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) diff --git a/content/two_column_html_addons.css b/content/two_column_html_addons.css index 85a7e47..94c6e72 100644 --- a/content/two_column_html_addons.css +++ b/content/two_column_html_addons.css @@ -1,4 +1,4 @@ -/* Two column addons for html addons manager available in Firefox 68 */ +/* Multi-column addons for html addons manager available in Firefox 68 */ /* You can use compact_addons_manager.css with this to make things even more, well, compact */ /* Compatible with addon_manage_buttons_without_popup.css */ @@ -29,4 +29,21 @@ } addon-card .addon-description{ max-height: 3em; scrollbar-width: thin; } } + + @media (min-width:1220px){ + addon-list > section, + recommended-addon-list{ + grid-template-areas: "hd hd hd" "cd cd cd"; + grid-template-columns: 1fr 1fr 1fr; + } + } + + @media (min-width:1720px){ + addon-list > section, + recommended-addon-list{ + grid-template-areas: "hd hd hd hd" "cd cd cd cd"; + grid-template-columns: 1fr 1fr 1fr 1fr; + } + } + } \ No newline at end of file From d12d42a39912001dd53e44298f4e21329498923f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Nov 2019 10:05:23 +0200 Subject: [PATCH 0256/1101] Rename --- content/{two_column_html_addons.css => multi_column_addons.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename content/{two_column_html_addons.css => multi_column_addons.css} (100%) diff --git a/content/two_column_html_addons.css b/content/multi_column_addons.css similarity index 100% rename from content/two_column_html_addons.css rename to content/multi_column_addons.css From 0ec813a61551eec19742cf16cd9c257f5c128b57 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 5 Nov 2019 10:30:11 +0200 Subject: [PATCH 0257/1101] Forcibly remove backdrop-filter from panel-list --- content/addon_manage_buttons_without_popup.css | 1 + 1 file changed, 1 insertion(+) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index 4f882a3..5c60869 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -17,6 +17,7 @@ display: block !important; padding: 0 !important; margin: 0px calc(0px - var(--card-padding)) !important; + backdrop-filter: none !important; /* Having a backdrop-filter leads to some unexpected layering issues */ } .arrow, From e6c7a100e17ec4cc30fce6e8aee2bc36d7e25491 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Nov 2019 09:19:26 +0200 Subject: [PATCH 0258/1101] Apply styling to download-file window --- chrome/dark_additional_windows.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 7c534f3..30cfc69 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -3,7 +3,8 @@ @-moz-document url(chrome://browser/content/places/places.xul), url(chrome://browser/content/pageinfo/pageInfo.xul), - url(chrome://browser/content/places/bookmarkProperties.xul){ + url(chrome://browser/content/places/bookmarkProperties.xul), + url-prefix("chrome://mozapps/content/downloads"){ #placesToolbox, #placesView, @@ -22,6 +23,7 @@ background: transparent !important; } #searchFilter, + menulist, input, textbox, richlistbox, @@ -33,9 +35,13 @@ color: inherit !important; } + menulist{ border: 1px solid graytext; padding-inline-end: 4px } + menulist dropmarker{ filter: invert(1) } + menulist:hover{ border-color: highlight; background-color: rgba(255,255,255,0.1) } + .menubar-left{ fill: currentColor; -moz-context-properties: fill; } - #searchFilter,input,textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } + #searchFilter,input:not([readonly]),textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } #searchFilter > input{ background-color: transparent !important; } treecol:not([hideheader]){ height: 24px; } From d0631c6ee293114a9ba8e0559c79cb434939b757 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Nov 2019 13:40:12 +0200 Subject: [PATCH 0259/1101] Make the left padding a bit smaller on manage buttons --- content/addon_manage_buttons_without_popup.css | 1 + 1 file changed, 1 insertion(+) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index 5c60869..308d58e 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -26,6 +26,7 @@ div.list{ display: flex !important; flex-direction: row !important; } + button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; } panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") } panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") } From 51f3030d0e9dbee81eae9ba3e2964b705de905ff Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Nov 2019 13:42:13 +0200 Subject: [PATCH 0260/1101] Use grid-auto-columns instead of specifying template-columns on @media quearies --- content/multi_column_addons.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/content/multi_column_addons.css b/content/multi_column_addons.css index 94c6e72..7c85152 100644 --- a/content/multi_column_addons.css +++ b/content/multi_column_addons.css @@ -13,7 +13,7 @@ padding: 1em; display: grid; grid-template-areas: "hd hd" "cd cd"; - grid-template-columns: 1fr 1fr; + grid-auto-columns: 1fr; column-gap: 1em; } @@ -34,7 +34,6 @@ addon-list > section, recommended-addon-list{ grid-template-areas: "hd hd hd" "cd cd cd"; - grid-template-columns: 1fr 1fr 1fr; } } @@ -42,8 +41,6 @@ addon-list > section, recommended-addon-list{ grid-template-areas: "hd hd hd hd" "cd cd cd cd"; - grid-template-columns: 1fr 1fr 1fr 1fr; } } - -} \ No newline at end of file +} From f13cf6b317d0174ec97481216839d5072e41fb5c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 Nov 2019 13:55:39 +0200 Subject: [PATCH 0261/1101] limit button styles to role=menuitem --- content/addon_manage_buttons_without_popup.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index 308d58e..a29174c 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -20,21 +20,22 @@ backdrop-filter: none !important; /* Having a backdrop-filter leads to some unexpected layering issues */ } + button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; } + .arrow, - .more-options-button, + .more-options-menu>.more-options-button, panel-item[action="expand"]{ display: none !important } div.list{ display: flex !important; flex-direction: row !important; } - button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; } panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") } panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") } /* Uncomment these if you want to hide button label - such as with compact_addons_manager */ /* - button > slot{ display: none !important; } - link+button{ + button[role="menuitem"] > slot{ display: none !important; } + link+button[role="menuitem"]{ padding: 4px !important; position: static !important; width: 30px !important; @@ -44,4 +45,4 @@ button[role="menuitem"] > label, link+button::after{ display: none !important; } */ -} \ No newline at end of file +} From a5a3e869e712fe7ccc808268d50fc4b031ed2a43 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 7 Nov 2019 00:04:19 +0200 Subject: [PATCH 0262/1101] Add missing namespace selector to panel-list backdrop --- content/dark_settings_pages.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index 62fae11..1b68025 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -39,7 +39,7 @@ fill : CurrentColor !important; } /* make panel background blurry if the background is translucent. Requires pref layout.css.backdrop-filter.enabled */ - panel-list{ backdrop-filter: blur(28px) } + html|panel-list{ backdrop-filter: blur(28px) } } /* Get addons page */ From 21eabcfc38f93d57811e6358e07aa4b5833ad1cc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 7 Nov 2019 00:11:31 +0200 Subject: [PATCH 0263/1101] Exclude global more-options panel from changes --- content/addon_manage_buttons_without_popup.css | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index a29174c..b18c1f9 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -1,5 +1,7 @@ /* Show addon management buttons without opening popup */ +/* Show addon management buttons without opening popup */ + @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){ .addon-card-message{ margin-bottom: 0px !important; margin-top: 0px !important; } @@ -14,7 +16,7 @@ addon-options > panel-list{ position: static !important; - display: block !important; + display: flex !important; padding: 0 !important; margin: 0px calc(0px - var(--card-padding)) !important; backdrop-filter: none !important; /* Having a backdrop-filter leads to some unexpected layering issues */ @@ -26,23 +28,23 @@ .more-options-menu>.more-options-button, panel-item[action="expand"]{ display: none !important } - div.list{ display: flex !important; flex-direction: row !important; } - + div.list{ display: inherit !important; flex-direction: row !important; } panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") } panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") } /* Uncomment these if you want to hide button label - such as with compact_addons_manager */ +/* This is basically a requirement with compact_addons_manager.css because the button text causes the cards to overflow */ /* button[role="menuitem"] > slot{ display: none !important; } link+button[role="menuitem"]{ - padding: 4px !important; position: static !important; - width: 30px !important; height: 30px !important; - background-position: 50% !important; + min-width: 30px; + padding-inline-end: 4px !important; } - button[role="menuitem"] > label, + button[role="menuitem"] > label:not([accesskey]), link+button::after{ display: none !important; } */ } + From 993d439c57da897f077141c21ccd16e52fd4c3dc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 11 Nov 2019 17:23:33 +0200 Subject: [PATCH 0264/1101] Remove child combinators between :root and toolbox & browser --- chrome/autohide_bookmarks_toolbar.css | 4 ++-- chrome/autohide_toolbox.css | 8 ++++---- chrome/fake_statusbar.css | 2 +- chrome/hide_tabs_with_one_tab.css | 2 +- chrome/hide_tabs_with_one_tab_w_window_controls.css | 2 +- chrome/multi-row_tabs_below_content_Fx66+.css | 2 +- chrome/navbar_tabs_oneliner.css | 4 ++-- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 4 ++-- chrome/navbar_tabs_oneliner_tabs_on_left.css | 4 ++-- chrome/navbar_tabs_responsive_oneliner.css | 4 ++-- chrome/tabs_below_content.css | 6 +++--- chrome/vertical_menubar.css | 4 ++-- 12 files changed, 23 insertions(+), 23 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index b7e7777..e5b4f47 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -6,7 +6,7 @@ transform-origin: top; transition: transform 135ms linear 48ms !important; } -:root[uidensity="compact"] > #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } -:root[uidensity="touch"] > #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } +:root[uidensity="compact"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } +:root[uidensity="touch"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } #navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } \ No newline at end of file diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index db41f11..b54c35f 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -2,14 +2,14 @@ /* Dimensions on non-Win10 OS probably needs to be adjusted */ :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px } -:root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -2px } +:root[sizemode="maximized"] #navigator-toolbox{ margin-top: -2px } @media screen and (min-resolution: 1.25dppx){ :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px } } @media screen and (min-resolution: 1.5dppx){ :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px } - :root[sizemode="maximized"] > #navigator-toolbox{ margin-top: -1px } + :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -1px } } @media screen and (min-resolution: 2dppx){ :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px } @@ -37,9 +37,9 @@ opacity: 0; } -:root[sizemode="maximized"] > #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } +:root[sizemode="maximized"] #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } -:root[customizing] > #navigator-toolbox{ +:root[customizing] #navigator-toolbox{ position: relative !important; transform: none !important; opacity: 1 !important; diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar.css index cc2251c..5a450ef 100644 --- a/chrome/fake_statusbar.css +++ b/chrome/fake_statusbar.css @@ -72,4 +72,4 @@ :root:not([inDOMFullscreen]) #content-deck, -:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } +:root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) } diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 0a3e446..7aa5995 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -36,7 +36,7 @@ background-color: transparent !important; } /* Extra top padding in maximized window */ -:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } +:root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; } /* Fix window controls not being clickable */ :root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{ diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 2e01b15..059b4f5 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -41,7 +41,7 @@ Window controls will be all wrong without it background-color: transparent !important; } /* Extra top padding in maximized window */ -:root[sizemode="maximized"] > #navigator-toolbox{ padding-top:7px !important; } +:root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; } /* Window controls in nav-bar */ :root:not([customizing]) #toolbar-menubar[inactive]{ diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 004008b..7de968f 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -44,7 +44,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #nav-bar > toolbartabstop{ float: left } :root:not([inDOMFullscreen]) #content-deck, -:root:not([inDOMFullscreen]) > #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} +:root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} /* Restyle nav-bar and menubar */ #nav-bar-customization-target{ width: calc(100% - 100px); } diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 11600d6..ca437d6 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -15,8 +15,8 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur --uc-toolbar-height: 40px; } /* Override for other densities */ -:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } -:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +:root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } +:root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity=compact] #urlbar-container.megabar{ --urlbar-container-height: var(--uc-toolbar-height) !important; diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 68cc08a..b0bacdb 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -16,8 +16,8 @@ Window controls will be all wrong without it #navigator-toolbox{--uc-buttons-width: calc(56px + 4 * var(--toolbarbutton-outer-padding) + var(--uc-menubutton-padding,6px))} #nav-bar:not([overflowing]) > #nav-bar-customization-target{ --uc-buttons-width: calc(28px + 2 * var(--toolbarbutton-outer-padding) + 6px) } /* Override for other densities */ -:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} -:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +:root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} +:root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity=compact] #urlbar-container.megabar{ --urlbar-container-height: var(--uc-toolbar-height) !important; diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index c28d8d9..a240507 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -12,8 +12,8 @@ Window controls will be all wrong without it --uc-toolbar-height: 40px; } /* Override for other densities */ -:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} -:root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } +:root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px;} +:root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } :root[uidensity=compact] #urlbar-container.megabar{ --urlbar-container-height: var(--uc-toolbar-height) !important; diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index e197890..33461d8 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -16,8 +16,8 @@ Window controls will be all wrong without it --uc-toolbar-height: 40px; } /* Override for other densities */ - :root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px; } - :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } + :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } + :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index e457d7b..cf8b0af 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -20,7 +20,7 @@ linux_gtk_window_control_patch.css display: -moz-box !important; } -:root[inFullscreen] > #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } +:root[inFullscreen] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; } @@ -32,12 +32,12 @@ linux_gtk_window_control_patch.css #titlebar{ -moz-appearance: none !important; } /* Counteract -moz-appearance when maximized */ -:root[sizemode="maximized"] > #navigator-toolbox{ padding-top: 8px !important; } +:root[sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; } :root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px } /* Move tabs below content */ :root:not([inDOMFullscreen]) #content-deck, -:root:not([inDOMFullscreen]) > #browser{ margin-bottom: var(--tab-min-height) } +:root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) } #TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) } #TabsToolbar-customization-target{ width: 100vw; } diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css index 5c02472..2397fb1 100644 --- a/chrome/vertical_menubar.css +++ b/chrome/vertical_menubar.css @@ -12,7 +12,7 @@ height: 100vh; width: 30px; } -:root:not([customizing]) > #navigator-toolbox{ margin-top: var(--tab-min-height) } +:root:not([customizing]) #navigator-toolbox{ margin-top: var(--tab-min-height) } #TabsToolbar:not([customizing]){ position: fixed; @@ -47,4 +47,4 @@ background-color: var(--lwt-accent-color) } -:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) > #browser{ margin-right: 30px } +:root:not([inDOMFullscreen]) > #content-deck,:root:not([inDOMFullscreen]) #browser{ margin-right: 30px } From d15ab495497d36c4077ab88172935a7105f2994f Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 14 Nov 2019 16:53:25 +0200 Subject: [PATCH 0265/1101] convert -moz-stack to equivivalent-ish css grid --- chrome/status_inside_urlbar.css | 30 +++++++++++++++++++----------- 1 file changed, 19 insertions(+), 11 deletions(-) diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 0607768..18be053 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -8,20 +8,32 @@ Relevant information: https://bugzilla.mozilla.org/show_bug.cgi?id=1496065 As a workaround, the -moz-element background image is removed somewhat often which seems work at first glance. But there might still be some related issues on really long sessions. Just be aware. **************/ +.urlbar-input-box{ + display: grid; + position: relative; +} -#urlbar .urlbar-input-box{ display: -moz-stack; } -/* -moz-stack causes an subtle issue where in certain scenarios a weirdly aligned "http(s)://" may show up */ +.urlbar-input-box > *{ + grid-area: 1 / 1; + z-index: 0; +} -#urlbar .urlbar-input-box::after{ +.urlbar-input-box::after{ z-index: 2; content: ""; + display: -moz-box; width: 100%; height: 100%; pointer-events:none; - background-position: left 2px; + background-position: left 3px; background-repeat: no-repeat; background-image: -moz-element(#statuspanel); + grid-area: 1 / 1; } + +/* So here's the thing. This essentially disables the right click context-menu on urlbar textbox in Firefox 72. This is unfortunate but necessary due to grid layout - try disabling the rule and see what happens */ +.urlbar-input-box > menupopup{ display: none !important } + /* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */ /* Hide the status ovelay when urlbar is hovered */ @@ -32,12 +44,8 @@ As a workaround, the -moz-element background image is removed somewhat often whi background-image: none !important } -:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 0px } -:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 3px } - -#urlbar .urlbar-input-box::after{ - display: -moz-box; -} +:root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 1px } +:root[uidensity="touch"] #urlbar .urlbar-input-box::after{ background-position-y: 4px } #statuspanel-inner > #statuspanel-label{ height:3em; @@ -56,7 +64,7 @@ As a workaround, the -moz-element background image is removed somewhat often whi /* You will need to adjust these probably as they depend on OS, text size etc. */ #statuspanel-inner{ margin-left: -1px; } -#statuspanel-inner > #statuspanel-label{ margin-left: -2px !important; margin-top: 1px !important; } +#statuspanel-inner > #statuspanel-label{ margin-left: -2px !important; margin-top: 0px !important; } /* OPTIONAL FEATURES */ From 02fcff95cb657ddcb19265eb099642e911a84e0c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 14 Nov 2019 17:48:20 +0200 Subject: [PATCH 0266/1101] Add z-index:1 for elements that need to overlap web-content --- chrome/autohide_bookmarks_toolbar.css | 1 + chrome/autohide_sidebar.css | 1 + chrome/autohide_toolbox.css | 1 + 3 files changed, 3 insertions(+) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index e5b4f47..a390d62 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -5,6 +5,7 @@ transform: rotateX(90deg); transform-origin: top; transition: transform 135ms linear 48ms !important; + z-index: 1; } :root[uidensity="compact"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } :root[uidensity="touch"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 1993fe6..9dd9a44 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -8,6 +8,7 @@ min-width: var(--uc-sidebar-width) !important; width: var(--uc-sidebar-width) !important; max-width: var(--uc-sidebar-width) !important; + z-index:1; } #main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; } diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index b54c35f..421722f 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -22,6 +22,7 @@ transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important; transform-origin: top; line-height: 0; + z-index: 1; } #navigator-toolbox > *{ line-height: normal } From 4a3ec8ae3d08e8ad5f50728dc961cc68831442ec Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 23 Nov 2019 17:19:37 +0200 Subject: [PATCH 0267/1101] Compatibility selector for Firefox 72 --- content/addon_manage_buttons_without_popup.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index b18c1f9..19dd725 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -25,7 +25,8 @@ button[role="menuitem"]{ padding-inline-start: 30px !important; background-position-x: 8px !important; } .arrow, - .more-options-menu>.more-options-button, + .more-options-menu > .more-options-button, + .addon-name-container > .more-options-button, panel-item[action="expand"]{ display: none !important } div.list{ display: inherit !important; flex-direction: row !important; } From e5aed3b1393800cacd4f53134f180649a5596ccd Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 26 Nov 2019 12:37:50 +0200 Subject: [PATCH 0268/1101] new file --- chrome/pinned_tabs_on_right.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 chrome/pinned_tabs_on_right.css diff --git a/chrome/pinned_tabs_on_right.css b/chrome/pinned_tabs_on_right.css new file mode 100644 index 0000000..e8a1491 --- /dev/null +++ b/chrome/pinned_tabs_on_right.css @@ -0,0 +1,18 @@ +/* Show pinned tabs on right side of normal tabs */ +/* This is stupid hack that barely works and might lead to some very unexpected behavior */ + +.tabbrowser-arrowscrollbox > spacer, +.scrollbutton-up[orient="horizontal"]~spacer{ display: none } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox, +.scrollbutton-up[orient="horizontal"]~scrollbox{ -moz-box-direction: inherit; -moz-box-pack: end } + +.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox::after, +.scrollbutton-up[orient="horizontal"]~scrollbox::after{ display: -moz-box; content: ""; -moz-box-flex: 1; -moz-box-ordinal-group: 2 } + +#tabs-newtab-button{ -moz-box-ordinal-group: 2 } +.tabbrowser-tab[pinned]{ -moz-box-ordinal-group: 3 } + +#tabbrowser-tabs[positionpinnedtabs]{ direction: rtl } +#tabbrowser-tabs[positionpinnedtabs] > arrowscrollbox { -moz-box-direction: reverse } +.tab-content{ direction: ltr } \ No newline at end of file From bfb52b313d0a474f15c6dbabd48f57d09548dc09 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 28 Nov 2019 12:00:59 +0200 Subject: [PATCH 0269/1101] Make window margins win10 specific --- chrome/autohide_toolbox.css | 27 +++++++++++++++------------ 1 file changed, 15 insertions(+), 12 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 421722f..1d13287 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -1,24 +1,27 @@ /* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ /* Dimensions on non-Win10 OS probably needs to be adjusted */ -:root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px } -:root[sizemode="maximized"] #navigator-toolbox{ margin-top: -2px } +@media (-moz-os-version: windows-win10){ -@media screen and (min-resolution: 1.25dppx){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px } -} -@media screen and (min-resolution: 1.5dppx){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px } - :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -1px } -} -@media screen and (min-resolution: 2dppx){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px } + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px !important; } + :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -2px } + + @media screen and (min-resolution: 1.25dppx){ + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px !important; } + } + @media screen and (min-resolution: 1.5dppx){ + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px !important; } + :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -1px } + } + @media screen and (min-resolution: 2dppx){ + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px !important; } + } } #navigator-toolbox{ position: fixed !important; display: block; - background-color: var(--lwt-accent-color,black); + background-color: var(--lwt-accent-color,black) !important; transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important; transform-origin: top; line-height: 0; From 8c6606b5c6cbba0c261fc549f8c32214163ba957 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 1 Dec 2019 18:46:27 +0200 Subject: [PATCH 0270/1101] New file --- chrome/overlay_scrollbars.as.css | 62 ++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 chrome/overlay_scrollbars.as.css diff --git a/chrome/overlay_scrollbars.as.css b/chrome/overlay_scrollbars.as.css new file mode 100644 index 0000000..3282588 --- /dev/null +++ b/chrome/overlay_scrollbars.as.css @@ -0,0 +1,62 @@ +/* This is supposed to be loaded as a agent sheet via autoconfig */ +/* It will not work otherwise and might do unexpected things */ + +scrollbar { + -moz-appearance: none!important; + position: relative!important; + background-color: transparent; + z-index: 9; +} +scrollbar thumb{ + -moz-appearance: none!important; + background-color: transparent; + pointer-events: auto; + opacity: 0.5; + transition: opacity 0.1s ease-in; +} + +scrollbar[orient = "vertical"] thumb{ + border-image-source: linear-gradient(to right, transparent 12px, black 14px); + border-image-width: 0 0 0 16px; + border-image-slice: 0% 0% 0% 100%; + border-image-repeat: stretch; +} +scrollbar[orient = "horizontal"] thumb{ + border-image-source: linear-gradient(to bottom, transparent 12px, black 14px); + border-image-width: 16px 0 0 0; + border-image-slice: 100% 0% 0% 0%; + border-image-repeat: stretch; +} + +scrollbar gripper, +scrollbar scrollbarbutton{ + display: none; +} +scrollbar[orient = "vertical"] { + min-width: 16px!important; + -moz-margin-start: -16px;/*margin to fill the whole render window with content and overlay the scrollbars*/ +} +scrollbar[orient = "horizontal"] { + height: 16px!important; + margin-top: -16px; +} +scrollbar[orient = "vertical"] thumb{ + border-right: 16px solid rgba(133, 132, 131, 1); + width: 16px; + min-height: 16px; +} +scrollbar[orient = "horizontal"] thumb{ + border-bottom: 16px solid rgba(133, 132, 131, 1); + min-width: 16px !important; +} +scrollbar:hover { + background-color: rgba(0, 0, 0, 0.25); +} +scrollbar:hover thumb{ opacity: 1; } +scrollbar:hover thumb{ border-image: none !important; } + +select > scrollbar, +select > scrollbar > thumb{ + -moz-appearance: initial !important; + -moz-margin-start: 0px !important +} \ No newline at end of file From 616342e7fc3e015f3262e1764c94b72530fae326 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 6 Dec 2019 10:29:44 +0200 Subject: [PATCH 0271/1101] Use border instead of ::before and ::after for placeholders because they would make Fx to ignore nav-bar overflow --- chrome/hide_tabs_with_one_tab.css | 7 ++----- chrome/navbar_tabs_oneliner.css | 1 + chrome/navbar_tabs_oneliner_tabs_on_left.css | 1 + chrome/navbar_tabs_responsive_oneliner.css | 1 + chrome/window_control_placeholder_support.css | 14 +++++--------- 5 files changed, 10 insertions(+), 14 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 7aa5995..fecfb63 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -42,9 +42,6 @@ :root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{ transition: height 0ms steps(1) 80ms; } -#nav-bar::before, -#nav-bar::after{ - content: ""; - display: -moz-box; - width: var(--uc-window-drag-space-width); +#nav-bar{ + border-inline: var(--uc-window-drag-space-width) solid var(--toolbar-bgcolor); } diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index ca437d6..e54f9c8 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -43,6 +43,7 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur } /* Override style set in window_control_placeholder_support.css */ +#nav-bar{ border-right-width: 0px !important } #nav-bar::after{ display:none !important } /* Rules specific to window controls on right layout */ diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index a240507..0155c5c 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -52,6 +52,7 @@ Window controls will be all wrong without it } /* Override style set in window_control_placeholder_support.css */ +#nav-bar{ border-left-width: 0px !important } #nav-bar::before{ display:none !important } /* Rules specific to window controls on right layout */ diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 33461d8..16cff25 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -32,6 +32,7 @@ Window controls will be all wrong without it } /* Override style set in window_control_placeholder_support.css */ + #nav-bar{ border-right-width: 0px !important } #nav-bar::after{ display:none !important } /* Rules specific to window controls on right layout */ diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 52eeafc..39dd2b8 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -12,20 +12,16 @@ --uc-window-drag-space-width: 24px; /* Extra space reserved on both sides of the nav-bar to be able to drag the window */ } -#nav-bar::before, -#nav-bar::after{ - content: ""; - display: -moz-box; - width: var(--uc-window-drag-space-width,0); +#nav-bar{ + border-inline: var(--uc-window-drag-space-width,0px) solid var(--toolbar-bgcolor); + border-right-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)); } -toolbar#nav-bar::after{ width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) } /* Use this pref to check Mac OS where window controls are on left */ /* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ :root{ --uc-window-control-width: 72px; } - :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar::before{ - width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) + :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ + border-inline-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) var(--uc-window-drag-space-width,0px) } - :root[tabsintitlebar="true"]:not([inFullscreen]) toolbar#nav-bar::after{ width: var(--uc-window-drag-space-width,0px); } } From 93a1d601a5df318047fe52640f91eebff8737838 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 7 Dec 2019 14:16:17 +0200 Subject: [PATCH 0272/1101] Remove display:-moz-box from window controls --- chrome/tabs_below_content.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index cf8b0af..ee2b71c 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -17,7 +17,6 @@ linux_gtk_window_control_patch.css height: 40px; z-index: 3; visibility: visible !important; - display: -moz-box !important; } :root[inFullscreen] #navigator-toolbox:not(:hover) .titlebar-buttonbox-container{ display: none !important; } From cd06cb3a4df0f84dfeab3523e1479e17b2c90108 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 7 Dec 2019 14:16:42 +0200 Subject: [PATCH 0273/1101] Add display:block for window controls when floated --- chrome/autohide_menubar.css | 2 +- chrome/overlay_menubar.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 577c4a0..03dd59a 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -3,7 +3,7 @@ /* Make sure you have menubar enabled */ #TabsToolbar > .toolbar-items{ position: relative; z-index: 5; } -#toolbar-menubar > .titlebar-buttonbox-container{ float: right } +#toolbar-menubar > .titlebar-buttonbox-container{ float: right; display: block } #TabsToolbar > .titlebar-spacer{ display: -moz-box !important; } #toolbar-menubar{ diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index eed2d9e..ec156f7 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -13,7 +13,7 @@ :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; } -#toolbar-menubar > .titlebar-buttonbox-container{ float: right } +#toolbar-menubar > .titlebar-buttonbox-container{ float: right; display: block } #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none } #main-menubar{ height: calc(var(--tab-min-height) + 4px); background-color: var(--toolbar-bgcolor); } From 383d56e393e2efd60eaac072be5bd00059d760ef Mon Sep 17 00:00:00 2001 From: Pierre Gronlier Date: Sun, 8 Dec 2019 09:41:45 +0100 Subject: [PATCH 0274/1101] improve readability --- README.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index af7e3ee..14008d8 100644 --- a/README.md +++ b/README.md @@ -4,9 +4,9 @@ Stylesheets in this repository are tested only on Windows 10. They should work o # Loading user*.css files -1. Find your profile folder, if Firefox is running you can find by going to about:support and there should be a button with label "Open Folder" under application basics +1. Find your profile folder, if Firefox is running you can find by going to `about:support` and there should be a button with label "Open Folder" under application basics 2. Create a new folder to the profile folder and name it "chrome" -3. userChrome.css and userContent.css files should be created inside this chrome-folder. +3. `userChrome.css` and `userContent.css` files should be created inside this chrome-folder. Clone this repository or individual files inside that newly created chrome-folder. In the end you should have a folder structure like this: @@ -25,15 +25,15 @@ all other profile folders and files ... ``` -In short, create a parent chrome folder to the same directory where prefs.js is - the main profile folder. Firefox loads userContent.css and userChrome.css files only from that non-default chrome-folder. +In short, create a parent chrome folder to the same directory where `prefs.js` is - the main profile folder. Firefox loads `userContent.css` and `userChrome.css` files only from that non-default chrome-folder. # Usage Stylesheets are divided in to chrome and content folders. The difference is that styles inside "content" affect web-pages whereas styles inside "chrome" affect browser UI. -Use stylesheets under "chrome" in userChrome.css +Use stylesheets under "chrome" in `userChrome.css` -Use stylesheets under "content" in userContent.css +Use stylesheets under "content" in `userContent.css` You can import the stylesheets with @-rule import like this: @@ -68,4 +68,4 @@ Example userChrome.css resulting in rather complete dark blueish-grey UI: You can use individual modules from theme such as to only include popups_and_menus. But it would still be required that you import the theme_color_variables.css or you'll have to manually edit all the colors. -Example userChrome.css and userContent.css can be used as is to enable theme + certain features after /chrome and /content folders are copied into your profile. \ No newline at end of file +Example userChrome.css and userContent.css can be used as is to enable theme + certain features after /chrome and /content folders are copied into your profile. From 5d1b1b7db6250ed23ee9cbd620162195482de091 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 11 Dec 2019 18:04:30 +0200 Subject: [PATCH 0275/1101] Add z-index:1 to findbar to make it appear in front of web content --- chrome/floating_findbar_on_top.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index 6534fad..240d6a6 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -6,6 +6,7 @@ findbar{ transition: transform 82ms linear, opacity 82ms linear 32ms !important; background: none !important; pointer-events: none; + z-index: 1; } .findbar-container > .findbar-find-fast{ From e6bf5f4199fcee95b08e8b42cde06e3fc06d8dbb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 11 Dec 2019 18:04:59 +0200 Subject: [PATCH 0276/1101] new file --- chrome/grid_overflow_menu.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 chrome/grid_overflow_menu.css diff --git a/chrome/grid_overflow_menu.css b/chrome/grid_overflow_menu.css new file mode 100644 index 0000000..d8e607e --- /dev/null +++ b/chrome/grid_overflow_menu.css @@ -0,0 +1,19 @@ +/* Makes the contents of the overflow menu appear in a three column grid */ +/* Hides button labels */ + +#widget-overflow-mainView{ min-width: 80px !important; } + +.widget-overflow-list:not([customizing]){ + display: grid; + grid-template-areas: "s s s" "a a a"; + grid-auto-columns: auto; +} + +#widget-overflow-mainView[visible] .widget-overflow-list:not([customizing]) { max-width: 110px } +#widget-overflow-mainView ~ panelview[visible]{ max-width: unset !important; } + +.widget-overflow-list:not([customizing]) > *{ padding-block: 8px !important; } +.widget-overflow-list > #search-container{ grid-area: s } + +.widget-overflow-list:not([customizing]) .subviewbutton-nav::after, +.widget-overflow-list:not([customizing]) .toolbarbutton-text{ display: none } \ No newline at end of file From 356c89d3663e13a173e440139ad76f92c9b3c41c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 11 Dec 2019 18:37:15 +0200 Subject: [PATCH 0277/1101] Properly remove colors from readonly input fields --- chrome/dark_additional_windows.css | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 30cfc69..82ab036 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -1,9 +1,12 @@ /* Dark library, page-info and bookmark-properties */ /* Color scheme matches default dark theme */ -@-moz-document url(chrome://browser/content/places/places.xul), - url(chrome://browser/content/pageinfo/pageInfo.xul), - url(chrome://browser/content/places/bookmarkProperties.xul), +/* If you are going to open Library in the (places.xhtml) in a tab then this file should also be imported in userContent.css */ + +@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +@-moz-document url-prefix(chrome://browser/content/places/), + url-prefix(chrome://browser/content/pageinfo/), url-prefix("chrome://mozapps/content/downloads"){ #placesToolbox, @@ -41,8 +44,8 @@ .menubar-left{ fill: currentColor; -moz-context-properties: fill; } - #searchFilter,input:not([readonly]),textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } - #searchFilter > input{ background-color: transparent !important; } + #searchFilter,input,textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } + #searchFilter > input,input[readonly]{ background-color: transparent !important; } treecol:not([hideheader]){ height: 24px; } treecol:hover{ filter: brightness(160%) } @@ -65,8 +68,8 @@ /* modal prompts (alert() & friends) */ -.paymentDialogContainerFrame, -.tabmodalprompt-mainContainer{ +xul|vbox.paymentDialogContainerFrame, +xul|vbox.tabmodalprompt-mainContainer{ background-color: var(--toolbar-bgcolor) !important; color: var(--lwt-text-color,-moz-dialogtext) !important; } \ No newline at end of file From 255952c1fbedc27ea20c39f40357236534ab78ff Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 11 Dec 2019 18:38:09 +0200 Subject: [PATCH 0278/1101] Add coloring to window element --- content/about_page_scrollbars.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index ef622f5..2b297fc 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -1,5 +1,5 @@ -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url-prefix("about:"){ + window, page, scrollbar{ scrollbar-color: rgb(210,210,210) rgb(42,42,46); From 68ca34ea41dd977524d842c30ddeb55907bc4d99 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 13 Dec 2019 08:23:27 +0200 Subject: [PATCH 0279/1101] Add some selectors to make this work in Firefox 73 --- chrome/multi-row_tabs_below_content_Fx66+.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 7de968f..33c3c71 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -1,6 +1,8 @@ /* Makes tabs to appear on multiple lines below the web content */ /* Tab reordering will not work and can't be made to work */ +/* Make menubar or titlebar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */ + /* It's recommended to move tabs new-tab-button outside tabs toolbar */ /* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ @@ -18,15 +20,21 @@ :root[uidensity="compact"]{--multirow-toolbar-height: 32px} :root{ border-top-width: 0px !important } +#main-window > body > box, #navigator-toolbox{ -moz-box-ordinal-group: 2 } -#titlebar{-moz-appearance: -moz-window-titlebar !important; } +#titlebar{-moz-appearance: none !important; } /* Try setting to "-moz-window-titlebar" if you face issues */ #nav-bar{ position: fixed !important; display: block; - margin-right: 138px; margin-left: 30px; + width: calc(100vw - 30px); + top: var(--multirow-top-padding); +} +:root[tabsintitlebar] #nav-bar{ + margin-right: 138px; + /* width == 100vw - margins */ width: calc(100vw - 168px); top: var(--multirow-top-padding); @@ -41,7 +49,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) } #PanelUI-button{ display: block; float: right; } -#nav-bar > toolbartabstop{ float: left } +#nav-bar > toolbartabstop{ float: left; display: block } :root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} @@ -139,7 +147,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) /*! max-width: 100vw !important; */ } -#tabbrowser-tabs .tabbrowser-tab[pinned]{ +.tabbrowser-tab[pinned]{ position: static !important; margin-inline-start: 0px !important; } From 2cde6c5d847e38ed53f3afaf35ef351fb21647ad Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 14 Dec 2019 12:23:43 +0200 Subject: [PATCH 0280/1101] Don't set height on all #nav-bar children - would break library button --- chrome/multi-row_tabs_below_content_Fx66+.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 33c3c71..9553ed0 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -1,7 +1,7 @@ /* Makes tabs to appear on multiple lines below the web content */ /* Tab reordering will not work and can't be made to work */ -/* Make menubar or titlebar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */ +/* Make menubar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */ /* It's recommended to move tabs new-tab-button outside tabs toolbar */ @@ -31,6 +31,7 @@ margin-left: 30px; width: calc(100vw - 30px); top: var(--multirow-top-padding); + } :root[tabsintitlebar] #nav-bar{ margin-right: 138px; @@ -51,6 +52,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #PanelUI-button{ display: block; float: right; } #nav-bar > toolbartabstop{ float: left; display: block } +#customization-container, :root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} @@ -58,7 +60,7 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #nav-bar-customization-target{ width: calc(100% - 100px); } :root[uidensity="compact"] #nav-bar-customization-target{ width: calc(100% - 82px); } -#nav-bar > *, +#nav-bar-overflow-button, #PanelUI-menu-button{ height: var(--multirow-toolbar-height); } #toolbar-menubar{ From 14993a7f3ca41eb06a2933994bf720f4858b3ff9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 17 Dec 2019 10:51:51 +0200 Subject: [PATCH 0281/1101] Override for about:privatebrowsing which doesn't receive colors from theme --- content/newtab_background_color.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/content/newtab_background_color.css b/content/newtab_background_color.css index 4833ef6..7ebb2f1 100644 --- a/content/newtab_background_color.css +++ b/content/newtab_background_color.css @@ -1,5 +1,9 @@ @namespace url("http://www.w3.org/1999/xhtml"); @-moz-document url("about:home"),url("about:blank"),url("about:newtab"),url("about:privatebrowsing"){ - body{background-color: rgb(46,54,69) !important} + body{background-color: rgb(46,54,69) !important;} +} +@-moz-document("about:privatebrowsing"){ + .search-handoff-button{ background-color: rgba(100,100,100,0.1) !important; } + .fake-textbox{ color: rgb(200,200,200) !important } } \ No newline at end of file From 62818a31d4843373ec322eab915d0df46018f600 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 3 Jan 2020 15:39:36 +0200 Subject: [PATCH 0282/1101] Add options to select when to show bookmarks toolbar --- chrome/autohide_bookmarks_toolbar.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index a390d62..5b34302 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -1,4 +1,4 @@ -/* Show bookmarks toolbar only when cursor is on top of toolbar area */ +/* Show bookmarks toolbar only when cursor is on top of toolbar area or urlbar is focused */ #PersonalToolbar:not([customizing]){ margin-bottom: -22px; @@ -10,4 +10,9 @@ :root[uidensity="compact"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } :root[uidensity="touch"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } -#navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } \ No newline at end of file +/* SELECT BOOKMARKS TOOLBAR BEHAVIOR */ +/* Comment out to disable either one of these */ + +#nav-bar:focus-within + #PersonalToolbar, /* Show when urlbar is focused */ +#navigator-toolbox:hover > #PersonalToolbar /* Show when cursor is over the toolbar area */ +{ transform: rotateX(0) } \ No newline at end of file From 4de319063ce47146cea26aeeb3bb59e0837660f9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 3 Jan 2020 15:40:13 +0200 Subject: [PATCH 0283/1101] Add html and .main-content selectors --- content/about_page_scrollbars.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index 2b297fc..fedc6f5 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -1,6 +1,8 @@ @-moz-document url-prefix("about:"){ window, page, + html, + .main-content, scrollbar{ scrollbar-color: rgb(210,210,210) rgb(42,42,46); scrollbar-width: thin; From 026b65a5172b8b3f18f79a1ab97e9e85fb2590a4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 5 Jan 2020 00:39:52 +0200 Subject: [PATCH 0284/1101] Make magic heights to be controlled by variables --- chrome/autohide_bookmarks_toolbar.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 5b34302..38c28ff 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -1,14 +1,19 @@ -/* Show bookmarks toolbar only when cursor is on top of toolbar area or urlbar is focused */ +#PersonalToolbar{ + --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */ + --uc-bm-padding: 3px; /* Vertical padding to be applied to bookmarks */ +} + +:root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px } +:root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 6px } #PersonalToolbar:not([customizing]){ - margin-bottom: -22px; + margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); transform: rotateX(90deg); transform-origin: top; transition: transform 135ms linear 48ms !important; z-index: 1; } -:root[uidensity="compact"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -20px } -:root[uidensity="touch"] #navigator-toolbox > #PersonalToolbar:not([customizing]){ margin-bottom: -26px } +#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } /* SELECT BOOKMARKS TOOLBAR BEHAVIOR */ /* Comment out to disable either one of these */ From a8af335a9b9558e019533ed71f73f6dd73e61cc2 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 6 Jan 2020 13:47:04 +0200 Subject: [PATCH 0285/1101] new file --- chrome/classic_grid_main_menu_popup.css | 133 ++++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 chrome/classic_grid_main_menu_popup.css diff --git a/chrome/classic_grid_main_menu_popup.css b/chrome/classic_grid_main_menu_popup.css new file mode 100644 index 0000000..5c6accb --- /dev/null +++ b/chrome/classic_grid_main_menu_popup.css @@ -0,0 +1,133 @@ +/* Makes the main menu popup apper in grid-like format that somewhat resembles the menu from Australis styling */ + +/* Basic styling */ +#appMenu-mainView{ max-width: initial !important; } + +#appMenu-mainView > .panel-subview-body{ + display: flex; + flex-direction: row; + max-width: 290px; + height: 580px; /* Raise this if you see scrollbar in the popup */ + flex-wrap: wrap; + padding-bottom: 0px !important; +} + + +#appMenu-mainView > .panel-subview-body > toolbarbutton{ + width: 70px; + height: 60px; + flex-grow:1; +} + +#appMenu-mainView > .panel-subview-body > toolbarbutton{ -moz-box-orient: vertical } + +#appMenu-mainView > .panel-subview-body > toolbaritem{ flex-grow: 1 } + +#appMenu-mainView > .panel-subview-body > toolbarbutton.subviewbutton{ padding-inline: 4px !important; margin-inline: 8px !important; } + +/* Hide single-line labels */ + +#appMenu-mainView > .panel-subview-body > #appMenu-zoom-controls > toolbarbutton > .toolbarbutton-multiline-text, +#appMenu-mainView > .panel-subview-body toolbarbutton > .toolbarbutton-text{ display: none !important; } + +/* Show multi-line labels and some specific single-line ones */ + +#appMenu-zoom-controls > #appMenu-zoomReset-button > .toolbarbutton-text, +#appMenu-protection-report-button.subviewbutton > label.toolbarbutton-text, +#appMenu-mainView > .panel-subview-body > .panel-banner-item > .toolbarbutton-text, +#appMenu-mainView > .panel-subview-body toolbarbutton > .toolbarbutton-multiline-text{ display: -moz-box !important; } + +/* Set some constraints for multi-line labels */ + +#appMenu-protection-report-button.subviewbutton > label.toolbarbutton-text, +#appMenu-mainView > .panel-subview-body toolbarbutton > .toolbarbutton-multiline-text{ + max-height: 30px; + overflow: -moz-hidden-unscrollable; + margin: 0px !important; + text-align: center !important;; +} + +/* Unique styling for Edit and Zoom controls */ + +#appMenu-zoom-controls, +#appMenu-zoom-controls + toolbarseparator, +#appMenu-edit-controls, +#appMenu-edit-controls + toolbarseparator{ + order: -1; + min-width: 260px; + height: initial !important; + margin: initial !important; + flex-grow: 1; + -moz-box-pack: center; +} + +/* Reorder separators & "special" items */ + +#appMenu-fxa-status + toolbarseparator, +#appMenu-mainView > .panel-subview-body > .sync-ui-item + toolbaritem{ order: 1 } + +#appMenu-fxa-status{ order: 2 } + +/* Set minimum width for "full-row" items */ +#appMenu-mainView > .panel-subview-body > .sync-ui-item + toolbaritem, +#appMenu-mainView > .panel-subview-body > .panel-banner-item, +#appMenu-fxa-status, +#appMenu-fxa-status + toolbarseparator{ + min-width: 280px; + height: initial !important; + margin: initial !important; +} + +/* Full-row items should have contents laid out horizontally */ +#appMenu-mainView > .panel-subview-body > .panel-banner-item, +#appMenu-fxa-status, +#appMenu-fxa-label{ -moz-box-orient: horizontal !important; } + +/* "Main" items styling */ + +#appMenu-mainView > .panel-subview-body > .panel-banner-item, +toolbarbutton#appMenuRestoreLastSession.subviewbutton.subviewbutton-iconic, +toolbarbutton#appMenu-customize-button.subviewbutton.subviewbutton-iconic, +toolbarbutton#appMenu-quit-button.subviewbutton.subviewbutton-iconic, +toolbarbutton#appMenu-help-button.subviewbutton.subviewbutton-iconic{ + order: 3; + height: initial !important; + margin: initial !important; + width: initial; +} + +#appMenu-customize-button{ min-width: 180px } + +/* Color styling for items */ + +#appMenu-mainView > .panel-subview-body toolbarbutton:not([disabled]):hover{ box-shadow: inset 0 0 3px 0px grey; } + +#appMenu-customize-button:not(:hover), +#appMenu-help-button:not(:hover){ background-color: rgba(127,137,127,0.3) !important; } + +#appMenu-help-button{ border-inline: 1px solid grey } + +#appMenu-quit-button{ background-color: rgb(220,100,100) !important; } +#appMenu-quit-button:hover{ background-color: rgb(220,80,80) !important; } + +/* Hide some additional items */ + +#appMenu-mainView > .panel-subview-body > .panel-banner-item > .toolbarbutton-multiline-text, +#appMenu-zoom-controls > #appMenu-fullscreen-button > label, +#appMenu-zoom-controls > label, +#appMenu-zoom-controls > spacer, +#appMenu-edit-controls > label, +#appMenu-edit-controls > spacer, +#appMenu-mainView > .panel-subview-body > toolbarbutton::after{ display: none !important; } + +/* This makes the protections button appear consistent with Sync "bar" */ +#appMenu-protection-report-button{ padding-inline-end: 34px !important; } + +/* Missing icons */ +#appMenu-developer-button { list-style-image: url("chrome://browser/skin/developer.svg") } +#appMenu-save-file-button { list-style-image: url("chrome://browser/skin/save.svg") } +#appMenu-open-file-button { list-style-image: url("chrome://browser/skin/open.svg") } +#appMenu-more-button{ list-style-image: url("chrome://devtools/skin/images/aboutdebugging-process-icon.svg") } +#appMenu-ssb-button{ list-style-image: url("chrome://devtools/skin/images/tool-application.svg") } +#appMenu-non-fission-window-button{ list-style-image: url("chrome://devtools/skin/images/command-frames.svg") } +#appMenu-fission-window-button{ list-style-image: url("chrome://devtools/skin/images/pseudo-class.svg") } \ No newline at end of file From 5cbcc0378a18200cc595f442b7ac41063c0a7ee1 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 7 Jan 2020 12:17:01 +0200 Subject: [PATCH 0286/1101] Add support for sidebar on left/right & RTL combinations --- chrome/autohide_sidebar.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 9dd9a44..68b211b 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -11,6 +11,12 @@ z-index:1; } +#sidebar-box[positionend]{ direction: rtl } +#sidebar-box[positionend] > *{ direction: ltr } + +#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr } +#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl } + #main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; } #sidebar-splitter{ display: none } @@ -41,5 +47,11 @@ #sidebar, #sidebar-header{ background-color: var(--toolbar-bgcolor) !important; - border-right: 1px solid rgb(80,80,80); + border-inline: 1px solid rgb(80,80,80); + border-inline-width: 0px 1px; +} + +#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl), +#sidebar-box[positionend] > *{ + border-inline-width: 1px 0px; } \ No newline at end of file From 4dd48397ab07c5ca7d439f66f14fd20f01ea3520 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 8 Jan 2020 23:48:47 +0200 Subject: [PATCH 0287/1101] Float menubar-items --- chrome/autohide_menubar.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 03dd59a..7281c2b 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -9,7 +9,7 @@ #toolbar-menubar{ --uc-menubar-height: 36px; position: fixed; - display: block; + display: block; width: 100vw; height: var(--uc-menubar-height); margin-top: calc(8px - var(--uc-menubar-height)); @@ -17,6 +17,9 @@ -moz-window-dragging: no-drag; z-index:4; } + +#menubar-items{ display: block; float: left; } + #toolbar-menubar:hover{ background-color: var(--toolbar-bgcolor) !important; margin-top: 0px; From d6a1a8663dc91db9a72b5fce0e61cf30f22e59e7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 8 Jan 2020 23:51:11 +0200 Subject: [PATCH 0288/1101] Separate the two show behaviors --- chrome/autohide_bookmarks_toolbar.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 38c28ff..99dfe73 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -16,8 +16,10 @@ #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } /* SELECT BOOKMARKS TOOLBAR BEHAVIOR */ -/* Comment out to disable either one of these */ +/* Comment out or delete either one of these to disable that behavior */ -#nav-bar:focus-within + #PersonalToolbar, /* Show when urlbar is focused */ -#navigator-toolbox:hover > #PersonalToolbar /* Show when cursor is over the toolbar area */ -{ transform: rotateX(0) } \ No newline at end of file +/* Show when urlbar is focused */ +#nav-bar:focus-within + #PersonalToolbar{ transform: rotateX(0) } + +/* Show when cursor is over the toolbar area */ +#navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } \ No newline at end of file From 369522e09104242f1ebe09921504742ef025d637 Mon Sep 17 00:00:00 2001 From: aleqx <8780617+aleqx@users.noreply.github.com> Date: Thu, 9 Jan 2020 15:50:34 +0000 Subject: [PATCH 0289/1101] short delay for show, long delay for hide --- chrome/autohide_bookmarks_toolbar.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 99dfe73..9d437ad 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -10,7 +10,7 @@ margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); transform: rotateX(90deg); transform-origin: top; - transition: transform 135ms linear 48ms !important; + transition: transform 135ms linear 1000ms !important; z-index: 1; } #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } @@ -22,4 +22,7 @@ #nav-bar:focus-within + #PersonalToolbar{ transform: rotateX(0) } /* Show when cursor is over the toolbar area */ -#navigator-toolbox:hover > #PersonalToolbar{ transform: rotateX(0) } \ No newline at end of file +#navigator-toolbox:hover > #PersonalToolbar{ + transition: transform 135ms linear 100ms !important; + transform: rotateX(0); +} From a444be081564fe1adcb6d5d35921a18c7fdc3684 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 Jan 2020 00:19:05 +0200 Subject: [PATCH 0290/1101] Remove padding from buttons in tabs toolbar --- chrome/hide_tabs_with_one_tab.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index fecfb63..589bfa4 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -1,7 +1,6 @@ /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ /* Firefox 65+ only */ -/* REMOVE ALL BUTTONS you can from the tabs toolbar or this won't work properly */ :root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px } @@ -11,6 +10,7 @@ :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button, :root:not([customizing]) #tabs-newtab-button, +:root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1, :root:not([customizing]) #TabsToolbar .titlebar-button{ -moz-appearance: none !important; height: 0px; @@ -19,6 +19,13 @@ -moz-box-align: stretch; margin: 0 !important; } + +:root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1 > .toolbarbutton-icon{ + padding-block: 0px !important; + max-height: 28px; + height: 20px !important +} + #tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) } #tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{ @@ -44,4 +51,4 @@ } #nav-bar{ border-inline: var(--uc-window-drag-space-width) solid var(--toolbar-bgcolor); -} +} \ No newline at end of file From f8dfc90ed0bd6bf8f8ef2bd30fec947c3e126323 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 Jan 2020 09:47:54 +0200 Subject: [PATCH 0291/1101] Shorten the hiding delay and make the showing delay apply when nav-bar is focused --- chrome/autohide_bookmarks_toolbar.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 9d437ad..7490aee 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -10,7 +10,7 @@ margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); transform: rotateX(90deg); transform-origin: top; - transition: transform 135ms linear 1000ms !important; + transition: transform 135ms linear 600ms !important; z-index: 1; } #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } @@ -19,10 +19,13 @@ /* Comment out or delete either one of these to disable that behavior */ /* Show when urlbar is focused */ -#nav-bar:focus-within + #PersonalToolbar{ transform: rotateX(0) } +#nav-bar:focus-within + #PersonalToolbar{ + transition-delay: 100ms !important; + transform: rotateX(0); +} /* Show when cursor is over the toolbar area */ #navigator-toolbox:hover > #PersonalToolbar{ - transition: transform 135ms linear 100ms !important; + transition-delay: 100ms !important; transform: rotateX(0); } From a5adf1fc779ebbc62c92f7c2b00663d3d48d0c31 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 11 Jan 2020 22:48:33 +0200 Subject: [PATCH 0292/1101] new file --- chrome/show_window_title_in_menubar.css | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 chrome/show_window_title_in_menubar.css diff --git a/chrome/show_window_title_in_menubar.css b/chrome/show_window_title_in_menubar.css new file mode 100644 index 0000000..f2d63b0 --- /dev/null +++ b/chrome/show_window_title_in_menubar.css @@ -0,0 +1,7 @@ +/* Shows window title in menubar */ +/* Enable menubar for correct behavior */ +@-moz-document url(chrome://browser/content/browser.xhtml){ + head{ display: block; position: fixed; width: 100vw; text-align: center } + head > *{ display: none } + head > title{ display: -moz-box; padding-top: 1px } +} \ No newline at end of file From 5b4bc28058de18654b5a401bed2b57bd99ac8dab Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 11 Jan 2020 23:06:38 +0200 Subject: [PATCH 0293/1101] Restrict title width to approximate of the empty space available in the toolbar --- chrome/show_window_title_in_menubar.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/chrome/show_window_title_in_menubar.css b/chrome/show_window_title_in_menubar.css index f2d63b0..40da933 100644 --- a/chrome/show_window_title_in_menubar.css +++ b/chrome/show_window_title_in_menubar.css @@ -1,7 +1,16 @@ /* Shows window title in menubar */ /* Enable menubar for correct behavior */ @-moz-document url(chrome://browser/content/browser.xhtml){ - head{ display: block; position: fixed; width: 100vw; text-align: center } + head{ + display: block; + position: fixed; + right: 140px; /* Space for window controls */ + width: calc(100vw - 440px); /* Window width - window control width - menuitem (English) width */ + text-align: center + } head > *{ display: none } - head > title{ display: -moz-box; padding-top: 1px } + head > title{ display: -moz-box; padding-top: 1px; max-width: 60vw; overflow-x: -moz-hidden-unscrollable; text-overflow: ellipsis } + @media (-moz-os-version:windows-win10){ + :root[sizemode="maximized"] > head > title { padding-top: 10px } + } } \ No newline at end of file From 8ca6db80c6eccf509f315ebf3564f406ec84a817 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 12 Jan 2020 15:26:18 +0200 Subject: [PATCH 0294/1101] Fix too narrow customization mode view --- chrome/navbar_tabs_oneliner.css | 3 +++ chrome/navbar_tabs_oneliner_tabs_on_left.css | 2 ++ chrome/navbar_tabs_responsive_oneliner.css | 4 +++- 3 files changed, 8 insertions(+), 1 deletion(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index e54f9c8..a726353 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -56,3 +56,6 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } + +/* Fix customization view */ +#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 0155c5c..89b45a0 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -69,3 +69,5 @@ Window controls will be all wrong without it /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } +/* Fix customization view */ +#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } \ No newline at end of file diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 16cff25..5524b05 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -45,4 +45,6 @@ Window controls will be all wrong without it /* Hide dropdown placeholder */ #urlbar-container:not(:hover) .urlbar-history-dropmarker{ margin-inline-start: -28px; } -} \ No newline at end of file +} +/* Fix customization view */ +#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } \ No newline at end of file From 315385566ce0748c5c842ffc61c24b80d0c6a77e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 14 Jan 2020 18:30:22 +0200 Subject: [PATCH 0295/1101] Increase the minimum width of url, and correctly remove separators when needed --- chrome/urlbar_results_in_two_rows.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/chrome/urlbar_results_in_two_rows.css b/chrome/urlbar_results_in_two_rows.css index 6312581..99905f8 100644 --- a/chrome/urlbar_results_in_two_rows.css +++ b/chrome/urlbar_results_in_two_rows.css @@ -4,7 +4,6 @@ .urlbarView-row-inner{ flex-wrap: wrap !important; } .urlbarView-title[title]{ flex-grow: 1; } -.urlbarView-row:not([type="switchtab"]) > .urlbarView-row-inner > .urlbarView-url{ margin-inline-start: 24px; min-width: 80% } +.urlbarView-row > .urlbarView-row-inner > .urlbarView-url{ margin-inline-start: 24px; min-width: 95% } -.urlbarView-row[type="bookmark"] > .urlbarView-row-inner > .urlbarView-title-separator, -#urlbarView-row-0 ~ .urlbarView-row:not([type]) > .urlbarView-row-inner > .urlbarView-title-separator{ display: none } \ No newline at end of file +.urlbarView-row[has-url]:not([type="switchtab"]) .urlbarView-title-separator{ display: none } \ No newline at end of file From c31f6462304302ebbb22970d35093b83f8a7d270 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 14 Jan 2020 21:15:15 +0200 Subject: [PATCH 0296/1101] Make fullscreen mode work --- chrome/autohide_toolbox.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 1d13287..f75abb5 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -18,6 +18,8 @@ } } +:root[sizemode="fullscreen"]{ margin-top: 0px !important; } + #navigator-toolbox{ position: fixed !important; display: block; @@ -49,7 +51,8 @@ opacity: 1 !important; } -#PersonalToolbar[collapsed]{ margin-block-end: -7px } +#navigator-toolbox[inFullscreen] > #PersonalToolbar, +#PersonalToolbar[collapsed="true"]{ display: none } /* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */ /*#titlebar{ margin-bottom: -9px }*/ \ No newline at end of file From 1df6843653cfe2047658010a2e864c4568567471 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 16 Jan 2020 17:58:51 +0200 Subject: [PATCH 0297/1101] new file --- chrome/show_navbar_on_focus_only.css | 33 ++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 chrome/show_navbar_on_focus_only.css diff --git a/chrome/show_navbar_on_focus_only.css b/chrome/show_navbar_on_focus_only.css new file mode 100644 index 0000000..8fea7c3 --- /dev/null +++ b/chrome/show_navbar_on_focus_only.css @@ -0,0 +1,33 @@ +/* Hides #nav-bar and overlays it on top of tabs when urlbar is focused */ +/* overlay_menubar.css can be used for better handling of menubar when triggered with Alt-key */ +/* This style totally breaks bookmarks toolbar but can be used with autohide_bookmarks_toolbar.css */ + +:root:not([customizing]) #navigator-toolbox{ display: grid; grid-template-rows: var(--tab-min-height) } +:root:not([customizing]) #navigator-toolbox > *{ grid-area: 1/1; } +:root:not([customizing]) #titlebar{ -moz-appearance: none !important; } + +/* -moz-appearance: none on titlebar breaks window margins, so re-adjust that */ +@media (-moz-os-version: windows-win10){ + + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px !important; } + + @media screen and (min-resolution: 1.25dppx){ + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px !important; } + } + @media screen and (min-resolution: 1.5dppx){ + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 6px !important; } + } + @media screen and (min-resolution: 2dppx){ + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 5px !important; } + } +} + +#nav-bar:not([customizing]){ + transform: rotateX(90deg); + transition: transform 67ms linear !important; + z-index: 3; +} +#nav-bar:focus-within{ transform: rotateX(0deg) } + +/* This enables compatibility with autohide_bookmarks_toolbar.css */ +#PersonalToolbar{ margin-top: var(--tab-min-height) !important; } \ No newline at end of file From 4293efba0a31cb3e833b9fadab0f83caf8fcb11e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 17 Jan 2020 18:17:50 +0200 Subject: [PATCH 0298/1101] Make #nav-bar fully transparent when not focused --- chrome/show_navbar_on_focus_only.css | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/chrome/show_navbar_on_focus_only.css b/chrome/show_navbar_on_focus_only.css index 8fea7c3..ed70a92 100644 --- a/chrome/show_navbar_on_focus_only.css +++ b/chrome/show_navbar_on_focus_only.css @@ -9,7 +9,7 @@ /* -moz-appearance: none on titlebar breaks window margins, so re-adjust that */ @media (-moz-os-version: windows-win10){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px !important; } + :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px !important; } @media screen and (min-resolution: 1.25dppx){ :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px !important; } @@ -23,11 +23,16 @@ } #nav-bar:not([customizing]){ - transform: rotateX(90deg); - transition: transform 67ms linear !important; - z-index: 3; + transform: rotateX(90deg); + transition: transform 67ms linear, opacity 0ms linear 67ms !important; + opacity: 0; + z-index: 3; +} +#nav-bar:focus-within{ + transform: rotateX(0deg); + opacity: 1; + transition-delay: 0ms, 0ms !important; } -#nav-bar:focus-within{ transform: rotateX(0deg) } /* This enables compatibility with autohide_bookmarks_toolbar.css */ #PersonalToolbar{ margin-top: var(--tab-min-height) !important; } \ No newline at end of file From 3ad0c6cf33b5782b373d29fc71387af3b4da85dd Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 17 Jan 2020 18:18:32 +0200 Subject: [PATCH 0299/1101] new file --- chrome/dark_theme_aware_statuspanel.css | 10 ++++++++++ 1 file changed, 10 insertions(+) create mode 100644 chrome/dark_theme_aware_statuspanel.css diff --git a/chrome/dark_theme_aware_statuspanel.css b/chrome/dark_theme_aware_statuspanel.css new file mode 100644 index 0000000..1431891 --- /dev/null +++ b/chrome/dark_theme_aware_statuspanel.css @@ -0,0 +1,10 @@ +/* +Makes statuspanel aware of the the theme text color +Meaning, if theme text is light then the statuspanel uses dark background and light text. On themes with dark text the statuspanel has normal appearance. +*/ + +#statuspanel-label:-moz-lwtheme-brighttext{ + background-color: rgb(50,50,52) !important; + color: rgb(187,187,189) !important; + border-color: grey !important; +} \ No newline at end of file From 9de7fe144f1febad1e2dd2ce851820e94affcb7e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 17 Jan 2020 18:29:19 +0200 Subject: [PATCH 0300/1101] Rename example files so git pull doesn't overwrite users own user*.css files --- userChrome.css => userChrome_example.css | 0 userContent.css => userContent_example.css | 0 2 files changed, 0 insertions(+), 0 deletions(-) rename userChrome.css => userChrome_example.css (100%) rename userContent.css => userContent_example.css (100%) diff --git a/userChrome.css b/userChrome_example.css similarity index 100% rename from userChrome.css rename to userChrome_example.css diff --git a/userContent.css b/userContent_example.css similarity index 100% rename from userContent.css rename to userContent_example.css From 68a14dc4cde1cf682651790a4c76ad46d61ace94 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 18 Jan 2020 10:30:26 +0200 Subject: [PATCH 0301/1101] Make compatible with Firefox 72 and megabar --- chrome/google_style_urlbar_popup.css | 48 +++++++++++++++------------- 1 file changed, 25 insertions(+), 23 deletions(-) diff --git a/chrome/google_style_urlbar_popup.css b/chrome/google_style_urlbar_popup.css index f73b5c0..360f835 100644 --- a/chrome/google_style_urlbar_popup.css +++ b/chrome/google_style_urlbar_popup.css @@ -4,16 +4,18 @@ /* Focused urlbar popup radius, can be edited freely */ -#urlbar-container{ border-radius: 8px } +#urlbar > .urlbarView:not(.megabar), +#urlbar.megabar[focused] > #urlbar-background{ border-radius: 8px !important; } + /* Layout containing block hackery, don't touch pls */ -#urlbar-container{ transform: translateY(0); position: relative; z-index: 10 } -#nav-bar-customization-target{ overflow: visible !important } +#urlbar-container:not(.megabar){ transform: translateY(0); position: relative; z-index: 10 } + /* constrain popup to urlbar width */ -#urlbar-results{ +.urlbarView:not(.megabar){ max-width: 100% !important; - top: 0 !important; + top: calc(2px + var(--toolbarbutton-outer-padding)) !important; border-width: 0 !important; background-color: transparent !important; pointer-events: none; @@ -21,25 +23,25 @@ } /* Apply popup background color to the urlbar background when focused */ -#urlbar-container:focus-within{ background-color: var(--autocomplete-popup-background) } +#urlbar:not(.megabar):focus-within{ background-color: var(--autocomplete-popup-background) } /* Spacer to offset actual results. This is placed over urlbar text */ -#urlbar-results::before{ +.urlbarView:not(.megabar)::before{ content: ""; display: -moz-box; - height: calc(1.15em + var(--toolbarbutton-outer-padding)) + height: calc(0.8em + var(--toolbarbutton-outer-padding)) } /* Add popup background color to sub-elements, since it was removed from the popup itself */ -#urlbar-results > .search-one-offs, -#urlbar-results > .urlbarView-body-outer{ +.urlbarView:not(.megabar) > .search-one-offs, +.urlbarView:not(.megabar) > .urlbarView-body-outer{ background-color: var(--autocomplete-popup-background); /* Set background-color here */ color: var(--autocomplete-popup-color); /* Set text color here */ pointer-events: auto - } +} /* Add separator line under urlbar text field */ -#urlbarView-results::before{ +.urlbarView:not(.megabar) > .urlbarView-body-outer::before{ content:""; display: block; height: 1px; @@ -47,19 +49,19 @@ background-image: linear-gradient(to right,transparent,grey 35%, grey 65%, transparent) } -/* Remove normal urlbar border */ -#urlbar[focused]{ border-color: transparent !important; } - -/* Propagate border-radii to sub-elements */ -#urlbar-results > .search-one-offs, -#urlbar[focused]:not([usertyping]) + #urlbar-results > .urlbarView-body-outer{ - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit +/* Remove normal urlbar border and background */ +#urlbar:not(.megabar)[focused]{ + border-color: transparent !important; + background-color: var(--autocomplete-popup-background) !important; } + /* Add shadow to focused popup + urlbar */ -#urlbar-results, -#urlbar-container:focus-within { box-shadow: 0 0 5px 3px var(--autocomplete-popup-highlight-background) } +#urlbar:not(.megabar)[focused]:not([open]), +#urlbar.megabar[focused] > #urlbar-background, +#urlbar[open] > .urlbarView:not(.megabar) { box-shadow: 0 0 5px 3px var(--autocomplete-popup-highlight-background) !important; } + +#urlbar.megabar[focused] > #urlbar-background{ border-width: 0px !important;; } /* Remove horizontal paddings from texts */ -.urlbarView-row{ padding: 6px 0px; } \ No newline at end of file +.urlbarView-row{ padding: 6px 0px !important; } From aa9dddaccf5f0df414873d9265ab66cac6d21310 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 18 Jan 2020 22:04:18 +0200 Subject: [PATCH 0302/1101] Add compatibility layer for autohide + multi-row bookmarks toolbar --- chrome/autohide_bookmarks_toolbar.css | 25 ++++++++++++++++++------- chrome/multi-row_bookmarks.css | 3 ++- 2 files changed, 20 insertions(+), 8 deletions(-) diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index 7490aee..f4dd9a2 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -1,17 +1,18 @@ #PersonalToolbar{ --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */ - --uc-bm-padding: 3px; /* Vertical padding to be applied to bookmarks */ + --uc-bm-padding: 2px; /* Vertical padding to be applied to bookmarks */ } :root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px } :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 6px } #PersonalToolbar:not([customizing]){ - margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); - transform: rotateX(90deg); - transform-origin: top; - transition: transform 135ms linear 600ms !important; + margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding)); + transform: rotateX(90deg); + transform-origin: top; + transition: transform 135ms linear 600ms !important; z-index: 1; + } #PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } @@ -26,6 +27,16 @@ /* Show when cursor is over the toolbar area */ #navigator-toolbox:hover > #PersonalToolbar{ - transition-delay: 100ms !important; - transform: rotateX(0); + transition-delay: 100ms !important; + transform: rotateX(0); } + +/* Uncomment to enable compatibility for multi-row_bookmarks.css */ +/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup */ +/* +#PersonalToolbar:not([customizing]){ + position: fixed; + display: block; + margin-bottom: 0px !important; +} +*/ \ No newline at end of file diff --git a/chrome/multi-row_bookmarks.css b/chrome/multi-row_bookmarks.css index e69f71c..938e4ae 100755 --- a/chrome/multi-row_bookmarks.css +++ b/chrome/multi-row_bookmarks.css @@ -14,7 +14,8 @@ #PlacesToolbarItems{ display: flex; flex-wrap: wrap; - max-height: calc(var(--multirow-bmb-n-rows) * (6px + 1em + (2 * var(--multirow-bmb-row-margin))) + 2px) !important; + /* --uc-bm-padding is defined in autohide_bookmarks_toolbar.css */ + max-height: calc(var(--multirow-bmb-n-rows) * (5px + 1em + (2 * (var(--multirow-bmb-row-margin) + var(--uc-bm-padding,2px))))) !important; overflow-y:auto; scrollbar-color: var(--lwt-accent-color) var(--toolbar-bgcolor) ; scrollbar-width: thin; From 57d7c0c6cb99e9d016275da8185e3a2a5850c034 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 1 Feb 2020 15:47:27 +0200 Subject: [PATCH 0303/1101] use -moz-box-pack on title --- chrome/show_window_title_in_menubar.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/chrome/show_window_title_in_menubar.css b/chrome/show_window_title_in_menubar.css index 40da933..da90101 100644 --- a/chrome/show_window_title_in_menubar.css +++ b/chrome/show_window_title_in_menubar.css @@ -6,10 +6,17 @@ position: fixed; right: 140px; /* Space for window controls */ width: calc(100vw - 440px); /* Window width - window control width - menuitem (English) width */ - text-align: center + text-align: center; } head > *{ display: none } - head > title{ display: -moz-box; padding-top: 1px; max-width: 60vw; overflow-x: -moz-hidden-unscrollable; text-overflow: ellipsis } + head > title{ + display: -moz-box; + padding-top: 1px; + max-width: 60vw; + overflow-x: -moz-hidden-unscrollable; + text-overflow: ellipsis; + -moz-box-pack: center; + } @media (-moz-os-version:windows-win10){ :root[sizemode="maximized"] > head > title { padding-top: 10px } } From 39197caad92d5b0604931bb95a57be949def0d2c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Feb 2020 12:53:13 +0200 Subject: [PATCH 0304/1101] Don't make head visible in fullscreen mode --- chrome/show_window_title_in_menubar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/show_window_title_in_menubar.css b/chrome/show_window_title_in_menubar.css index da90101..7bda4b0 100644 --- a/chrome/show_window_title_in_menubar.css +++ b/chrome/show_window_title_in_menubar.css @@ -1,7 +1,7 @@ /* Shows window title in menubar */ /* Enable menubar for correct behavior */ @-moz-document url(chrome://browser/content/browser.xhtml){ - head{ + :root:not([sizemode="fullscreen"]) > head{ display: block; position: fixed; right: 140px; /* Space for window controls */ From 67ac31f88899a465dbfdbc43a71c1c4a34762b02 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 2 Feb 2020 22:39:57 +0200 Subject: [PATCH 0305/1101] Deprecate this stylesheet --- chrome/bookmarksbar_on_new_tabs_only.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/chrome/bookmarksbar_on_new_tabs_only.css b/chrome/bookmarksbar_on_new_tabs_only.css index 787f7ff..108ea1a 100644 --- a/chrome/bookmarksbar_on_new_tabs_only.css +++ b/chrome/bookmarksbar_on_new_tabs_only.css @@ -1,3 +1,6 @@ +/* This stylesheet is deprecated since Firefox 72 */ +/* Use autohide_bookmarks_toolbar.css instead */ + :root[title$=" - Mozilla Firefox"] #PersonalToolbar, :root[title$=" - Mozilla Firefox (Private Browsing)"] #PersonalToolbar, :root[title$=" - Firefox Nightly"] #PersonalToolbar, From f5b220dc9eb117fda19c88f8e86c23a1157cd192 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Feb 2020 13:36:44 +0200 Subject: [PATCH 0306/1101] Remove note about placeholder_support since this doesn't really need it --- chrome/navbar_tabs_oneliner.css | 19 ++++++++--------- chrome/navbar_tabs_responsive_oneliner.css | 24 ++++++++++++---------- 2 files changed, 22 insertions(+), 21 deletions(-) diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index a726353..4265686 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -1,14 +1,11 @@ -/*Make tabs and navbar appear side-by-side tabs on right */ +/* Make tabs and navbar appear side-by-side tabs on right */ + +/* Use page_action_buttons_on_hover.css to hide page-action-buttons to save more space for the address */ -/* IMPORTANT */ /* -Get window_control_placeholder_support.css -Window controls will be all wrong without it - urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new urlbar popup */ - /* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; @@ -28,27 +25,29 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur /* prevent urlbar overflow on narrow windows */ /* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ -@media screen and (max-width: 1100px){ +@media screen and (max-width: 1300px){ #urlbar-container{ min-width:unset !important } } #TabsToolbar{ margin-left: var(--uc-navigationbar-width); } #tabbrowser-tabs{ --tab-min-height: var(--uc-toolbar-height) !important; } + /* This isn't useful when tabs start in the middle of the window */ .titlebar-placeholder[type="pre-tabs"], .titlebar-spacer[type="pre-tabs"]{ display: none } + #navigator-toolbox > #nav-bar{ margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); } -/* Override style set in window_control_placeholder_support.css */ -#nav-bar{ border-right-width: 0px !important } -#nav-bar::after{ display:none !important } +/* Window drag space */ +:root[tabsintitlebar="true"] #nav-bar{ padding-left: 24px !important } /* Rules specific to window controls on right layout */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ .titlebar-buttonbox-container{ position: fixed; display: block; left: 0px; z-index: 3; } + :root[tabsintitlebar="true"] #nav-bar{ padding-left: 96px !important; padding-right: 0px !important; } } /* 1px margin on touch density causes tabs to be too high */ diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 5524b05..3d3ecf6 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -1,20 +1,22 @@ -/*Make tabs and navbar appear side-by-side tabs on right */ +/* Make tabs and navbar appear side-by-side tabs on right */ -/* IMPORTANT */ -/* -Get window_control_placeholder_support.css -Window controls will be all wrong without it -*/ +/* Use page_action_buttons_on_hover.css to hide page-action-buttons to save more space for the address */ /* Toolbars will be shown normally if window width goes below the value below */ /* Modify it to suit your needs */ -@media screen and (min-width: 1200px){ +@media screen and (min-width: 1100px){ /* Modify these to change relative widths or default height */ #navigator-toolbox{ --uc-navigationbar-width: 40vw; --uc-toolbar-height: 40px; } +/* prevent urlbar overflow on narrow windows */ +/* Dependent on how many items are in navigation toolbar ADJUST AS NEEDED */ + @media screen and (max-width: 1300px){ + #urlbar-container{ min-width:unset !important } + } + /* Override for other densities */ :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } @@ -31,13 +33,13 @@ Window controls will be all wrong without it margin-top: calc(0px - var(--uc-toolbar-height)); } - /* Override style set in window_control_placeholder_support.css */ - #nav-bar{ border-right-width: 0px !important } - #nav-bar::after{ display:none !important } + /* Window drag space */ + :root[tabsintitlebar="true"] #nav-bar{ padding-left: 24px !important } - /* Rules specific to window controls on right layout */ +/* Rules specific to window controls on right layout */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ .titlebar-buttonbox-container{ position: fixed; display: block; left: 0px; z-index: 3; } + :root[tabsintitlebar="true"] #nav-bar{ padding-left: 96px !important; padding-right: 0px !important; } } /* 1px margin on touch density causes tabs to be too high */ From cf75a84a0095cf85e2b5fddb393beb669cdddb83 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 7 Feb 2020 13:37:42 +0200 Subject: [PATCH 0307/1101] Speed up the transition --- chrome/page_action_buttons_on_hover.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/page_action_buttons_on_hover.css b/chrome/page_action_buttons_on_hover.css index 34da185..36fb568 100644 --- a/chrome/page_action_buttons_on_hover.css +++ b/chrome/page_action_buttons_on_hover.css @@ -3,7 +3,7 @@ #page-action-buttons > *[class^=urlbar-icon]{ margin-inline-end: -26px; opacity: 0; - transition: margin-inline-end 200ms linear, opacity 200ms linear; + transition: margin-inline-end 100ms linear, opacity 200ms linear; } :root[uidensity="compact"] #page-action-buttons > *[class^=urlbar-icon]{ margin-inline-end: -22px; } #page-action-buttons:hover > *[class^=urlbar-icon], From 7640b349eefe54437bc79b4a50e956452d4711dd Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 13 Feb 2020 19:35:27 +0200 Subject: [PATCH 0308/1101] update --- chrome/full_width_urlbar_popup.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css index cade2e0..2eea459 100644 --- a/chrome/full_width_urlbar_popup.css +++ b/chrome/full_width_urlbar_popup.css @@ -10,15 +10,16 @@ margin-inline-start: 0px !important; width: 100% !important; left: 0 !important; + border-radius: 2px; } #urlbar-background{ display: none !important; } #urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } #urlbar-input-container{ padding: 0 !important; height: 100% !important; } -.urlbarView:not([hidden]){ +#urlbar[open] > .urlbarView{ display: block !important; position: fixed !important; - margin-top: calc(var(--urlbar-height) + 1px); + margin-top: calc(var(--urlbar-height) + 1px) !important;; left: 0; width: 100vw !important; background-color: var(--autocomplete-popup-background) !important; From be0f4729b09b52ec10e88ac473d2a10e45dacbef Mon Sep 17 00:00:00 2001 From: MrOtherGuy <31620503+MrOtherGuy@users.noreply.github.com> Date: Sat, 15 Feb 2020 23:25:43 +0200 Subject: [PATCH 0309/1101] Don't apply transform before sessionrestored --- chrome/autohide_toolbox.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index f75abb5..58d8ecc 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -45,14 +45,17 @@ :root[sizemode="maximized"] #navigator-toolbox:not(:focus-within):not(:hover){ transform: rotateX(89.5deg) } +/* Don't apply transform before window has been fully created */ +:root:not([sessionrestored]) #navigator-toolbox{ transform:none !important } + :root[customizing] #navigator-toolbox{ - position: relative !important; - transform: none !important; - opacity: 1 !important; + position: relative !important; + transform: none !important; + opacity: 1 !important; } #navigator-toolbox[inFullscreen] > #PersonalToolbar, #PersonalToolbar[collapsed="true"]{ display: none } /* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */ - /*#titlebar{ margin-bottom: -9px }*/ \ No newline at end of file + /*#titlebar{ margin-bottom: -9px }*/ From d7db6f8d78b495ceff867d10431c2ee197777521 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 25 Feb 2020 21:27:15 +0200 Subject: [PATCH 0310/1101] new file --- chrome/toggle_tabs_toolbar_with_alt.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 chrome/toggle_tabs_toolbar_with_alt.css diff --git a/chrome/toggle_tabs_toolbar_with_alt.css b/chrome/toggle_tabs_toolbar_with_alt.css new file mode 100644 index 0000000..f625c22 --- /dev/null +++ b/chrome/toggle_tabs_toolbar_with_alt.css @@ -0,0 +1,15 @@ +/* Show tabs toolbar with Alt-key. Menubar must be disabled for this to work */ + +#titlebar { -moz-appearance: none !important } +:root[tabsintitlebar][sizemode="maximized"]{ padding-top: 8px !important; } +#titlebar:not(:hover) > #toolbar-menubar[autohide="true"][inactive] + #TabsToolbar { visibility: collapse } + +/* Behavior 1 - Alt-key toggles menubar as normal */ +#titlebar:hover > #toolbar-menubar[autohide="true"]{ height: calc(var(--tab-min-height) + var(--space-above-tabbar) - var(--tabs-navbar-shadow-size)) !important; } + +/* Behavior 2 - Alt-key only shows tabs toolbar */ +/* To show window controls, hit Alt again while cursor is over tabs toolbar */ +/* +#toolbar-menubar[autohide]:not([inactive]), +#toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > .titlebar-buttonbox-container{ visibility: collapse !important } +*/ \ No newline at end of file From ef623cc9ba012865f96b149b78a1e2c3b0226930 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 1 Mar 2020 15:50:22 +0200 Subject: [PATCH 0311/1101] reduce default #urlbar-container padding --- chrome/full_width_urlbar_popup.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css index 2eea459..17c7365 100644 --- a/chrome/full_width_urlbar_popup.css +++ b/chrome/full_width_urlbar_popup.css @@ -12,6 +12,9 @@ left: 0 !important; border-radius: 2px; } + +#urlbar-container.megabar{ padding-block: 1px !important } + #urlbar-background{ display: none !important; } #urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } #urlbar-input-container{ padding: 0 !important; height: 100% !important; } From ce3ae4d6c56847809f7c81c1f21b57bb6f1b883d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 1 Mar 2020 15:56:02 +0200 Subject: [PATCH 0312/1101] new file --- chrome/navbar_below_content.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 chrome/navbar_below_content.css diff --git a/chrome/navbar_below_content.css b/chrome/navbar_below_content.css new file mode 100644 index 0000000..e962b0b --- /dev/null +++ b/chrome/navbar_below_content.css @@ -0,0 +1,33 @@ +/* Moves the main toolbar (#nav-bar) to the bottom of the window */ + +/* REQUIRES browser.urlbar.update1 to be true, otherwise urlbar won't show any results */ + +:root:not([inFullscreen]){ + --uc-bottom-toolbar-height: calc(39px + var(--toolbarbutton-outer-padding) ) +} + +:root[uidensity="compact"]:not([inFullscreen]){ + --uc-bottom-toolbar-height: calc(29px + var(--toolbarbutton-outer-padding) ) +} + +#browser, +#customization-container{ margin-bottom: var(--uc-bottom-toolbar-height,0px) } + +#nav-bar{ + position: fixed !important; + bottom: 0px; + display: flex; + width: 100%; + z-index: 1; +} + +#nav-bar-customization-target{ flex-grow: 1; } + +#urlbar.megabar[breakout][breakout-extend]{ + display: flex !important; + flex-direction: column-reverse; + bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */ + top: auto !important; +} + +#urlbar.megabar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } \ No newline at end of file From c3c9162b4d188cfaeda5c8fc49ec95c86a129cc2 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 7 Mar 2020 00:26:09 +0200 Subject: [PATCH 0313/1101] new file --- chrome/toolbars_below_content.css | 46 +++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) create mode 100644 chrome/toolbars_below_content.css diff --git a/chrome/toolbars_below_content.css b/chrome/toolbars_below_content.css new file mode 100644 index 0000000..cb50de5 --- /dev/null +++ b/chrome/toolbars_below_content.css @@ -0,0 +1,46 @@ +/* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */ + +/* Menubar will stay on top with two options to select it's behavior - see below */ + +/* The pref browser.urlbar.update1 must be set to true to be able to show urlbar results popup */ + +#titlebar{ -moz-appearance: none !important; } + +@media (-moz-os-version: windows-win10){ + :root[sizemode="maximized"][tabsintitlebar] :-moz-any(#browser,#customization-container,#toolbar-menubar){ margin-top: 8px !important; } +} + +#mainPopupSet, +#browser, +#customization-container +,#nav-bar, #PersonalToolbar/* Remove this row if you want tabs to be the top-most row */ +{ -moz-box-ordinal-group: 0 } + +#toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; } +#toolbar-menubar:hover{ height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)) !important; } +#toolbar-menubar > spacer{ flex-grow: 1 } + +#urlbar.megabar[breakout][breakout-extend]{ + display: flex !important; + flex-direction: column-reverse; + bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */ + top: auto !important; +} + +#urlbar.megabar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } + +/* Yeah, removes window controls. Likely not wanted on bottom row */ +#TabsToolbar > .titlebar-buttonbox-container{ display: none } + +/* Menubar options */ +/* 1. Overlay menubar on top of web-content (default) */ +/* This should be used if menubar is disabled and Alt-key is used to activate it temporarily */ + +#toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) } + +/* 2. Static menubar, uncomment to enable this option */ +/* Use when menubar is enabled to always show it */ + +/* +#browser,#customization-container{ padding-top: var(--tab-min-height) } +*/ \ No newline at end of file From e2f52171944b75d1d09accfb64c4aefb0f27e156 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 7 Mar 2020 00:42:46 +0200 Subject: [PATCH 0314/1101] Don't hide plugin control buttons --- content/addon_manage_buttons_without_popup.css | 1 + 1 file changed, 1 insertion(+) diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index 19dd725..06b56c6 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -14,6 +14,7 @@ .card-contents{ grid-area: con } .card-heading-icon{ grid-area: ic } + plugin-options > panel-list, addon-options > panel-list{ position: static !important; display: flex !important; From 6cfa9cc808a288d6b41f4ea5212600c17d9cf497 Mon Sep 17 00:00:00 2001 From: MrOtherGuy <31620503+MrOtherGuy@users.noreply.github.com> Date: Wed, 11 Mar 2020 13:46:43 +0200 Subject: [PATCH 0315/1101] Don't set menubar height when inactive --- chrome/toolbars_below_content.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/toolbars_below_content.css b/chrome/toolbars_below_content.css index cb50de5..6a15371 100644 --- a/chrome/toolbars_below_content.css +++ b/chrome/toolbars_below_content.css @@ -17,7 +17,7 @@ { -moz-box-ordinal-group: 0 } #toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; } -#toolbar-menubar:hover{ height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)) !important; } +#toolbar-menubar:not([inactive]):hover{ height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)) !important; } #toolbar-menubar > spacer{ flex-grow: 1 } #urlbar.megabar[breakout][breakout-extend]{ @@ -43,4 +43,4 @@ /* #browser,#customization-container{ padding-top: var(--tab-min-height) } -*/ \ No newline at end of file +*/ From 26d0a6b5db61c9338f57a1fe9fc758747d4877da Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 18 Mar 2020 15:57:53 +0200 Subject: [PATCH 0316/1101] new file --- chrome/textual_context_navigation.css | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 chrome/textual_context_navigation.css diff --git a/chrome/textual_context_navigation.css b/chrome/textual_context_navigation.css new file mode 100644 index 0000000..7a22ca1 --- /dev/null +++ b/chrome/textual_context_navigation.css @@ -0,0 +1,7 @@ +/* Makes constext navigation buttons appears as normal textual menuitems */ + +#context-navigation{ -moz-box-orient: vertical } +#context-navigation > menuitem > .menu-iconic-left{ display: none } +#context-navigation > menuitem > .menu-iconic-text{ display: -moz-box !important } +#context-navigation > menuitem{ padding-inline-start: 30px !important; -moz-box-pack: start !important } +#context-navigation > menuitem::before{ content: attr(aria-label) } \ No newline at end of file From 5f0cffe6c1ce205a0949608bba6f35c8aa2b70e4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 19 Mar 2020 06:25:42 +0200 Subject: [PATCH 0317/1101] don't make .menu-iconic-text visible --- chrome/textual_context_navigation.css | 1 - 1 file changed, 1 deletion(-) diff --git a/chrome/textual_context_navigation.css b/chrome/textual_context_navigation.css index 7a22ca1..fbfe93b 100644 --- a/chrome/textual_context_navigation.css +++ b/chrome/textual_context_navigation.css @@ -2,6 +2,5 @@ #context-navigation{ -moz-box-orient: vertical } #context-navigation > menuitem > .menu-iconic-left{ display: none } -#context-navigation > menuitem > .menu-iconic-text{ display: -moz-box !important } #context-navigation > menuitem{ padding-inline-start: 30px !important; -moz-box-pack: start !important } #context-navigation > menuitem::before{ content: attr(aria-label) } \ No newline at end of file From 865a304afd8df28d405f023fe895b83b3d1a9482 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 24 Mar 2020 05:22:25 +0200 Subject: [PATCH 0318/1101] Make nav-bar and toolbar-menubar use display:flex --- chrome/multi-row_tabs_below_content_Fx66+.css | 14 +++----------- 1 file changed, 3 insertions(+), 11 deletions(-) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 9553ed0..f1a8b2e 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -27,7 +27,7 @@ #nav-bar{ position: fixed !important; - display: block; + display: flex; margin-left: 30px; width: calc(100vw - 30px); top: var(--multirow-top-padding); @@ -44,14 +44,6 @@ /* Fix incorrect vertical alignment with megabar */ #urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; } -#nav-bar-overflow-button { -max-height: 31px !important; -transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) -} - -#PanelUI-button{ display: block; float: right; } -#nav-bar > toolbartabstop{ float: left; display: block } - #customization-container, :root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} @@ -66,12 +58,13 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #toolbar-menubar{ height: var(--multirow-toolbar-height); position: fixed; - display: block; + display: flex; top: var(--multirow-top-padding); width: 100vw; color: var(--lwt-text-color); background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat; } +#menubar-items + spacer{ flex-grow: 1 } #toolbar-menubar > #menubar-items{ -moz-box-pack: center; @@ -92,7 +85,6 @@ transform: translateY(calc(-4 * var(--toolbarbutton-outer-padding) + 4px)) #toolbar-menubar > toolbarspring { background: url(chrome://browser/skin/settings.svg) no-repeat 10px; height: 100%; - float: left; display: block; fill: currentColor; -moz-context-properties: fill; From 6d741b997a1259067ea2b2bd0ae2e2b11f22cf64 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 29 Mar 2020 10:11:18 +0300 Subject: [PATCH 0319/1101] Add some extra rules for reworked tab scrollbuttons --- chrome/minimal_toolbarbuttons.css | 22 +++++++++++++++++++++- chrome/minimal_toolbarbuttons_v2.css | 22 +++++++++++++++++++++- chrome/minimal_toolbarbuttons_v3.css | 25 ++++++++++++++++++++++--- 3 files changed, 64 insertions(+), 5 deletions(-) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 1bfdfaa..2656fab 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -5,7 +5,9 @@ toolbar .toolbarbutton-1:not([open]), .titlebar-button, #tabbrowser-tabs toolbarbutton, toolbarbutton.scrollbutton-up[orient="horizontal"], -toolbarbutton.scrollbutton-down[orient="horizontal"]{ +toolbarbutton.scrollbutton-down[orient="horizontal"], +toolbarbutton#scrollbutton-up[orient="horizontal"], +toolbarbutton#scrollbutton-down[orient="horizontal"]{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ @@ -38,6 +40,24 @@ toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon transform: scale(1) } +/* Extra rules for reworked tab overflow scrollbuttons */ + +toolbarbutton#scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon, +toolbarbutton#scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{ + transform: scale(0) !important; + transition: transform 82ms linear !important; +} + +toolbarbutton#scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon{ + transform: scale(1) !important; +} +toolbarbutton#scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{ + transform: scale(-1, 1) !important; +} + +toolbarbutton#scrollbutton-up[orient="horizontal"]:hover, +toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !important; } + /* Urlbar icons, this way they show colors is applicable */ .urlbar-icon{ transition: transform 82ms linear !important; } #urlbar:not(:hover) .urlbar-icon:not([open]){ transform: scale(0.3) } diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index f8f1f6e..c2cfebd 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -14,7 +14,9 @@ toolbar .toolbarbutton-1:not([open]), .titlebar-button, #tabbrowser-tabs toolbarbutton, toolbarbutton.scrollbutton-up[orient="horizontal"], -toolbarbutton.scrollbutton-down[orient="horizontal"]{ +toolbarbutton.scrollbutton-down[orient="horizontal"], +toolbarbutton#scrollbutton-up[orient="horizontal"], +toolbarbutton#scrollbutton-down[orient="horizontal"]{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ @@ -49,6 +51,24 @@ toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon transform: scale(1) } +/* Extra rules for reworked tab overflow scrollbuttons */ + +toolbarbutton#scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon, +toolbarbutton#scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{ + transform: scale(0) !important; + transition: transform 82ms linear !important; +} + +toolbarbutton#scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon{ + transform: scale(1) !important; +} +toolbarbutton#scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{ + transform: scale(-1, 1) !important; +} + +toolbarbutton#scrollbutton-up[orient="horizontal"]:hover, +toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !important; } + /* Urlbar icons, this way they show colors is applicable */ .urlbar-icon{ transition: transform 82ms linear !important; } #urlbar:not(:hover) .urlbar-icon:not([open]){ transform: scale(0.3) } diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css index 4ca56f2..b5171a7 100644 --- a/chrome/minimal_toolbarbuttons_v3.css +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -1,6 +1,7 @@ /* Create a circular placeholder for toolbarbutton and downscale to hide them */ /* Create a placeholder for buttons */ + #urlbar-container:hover ~ .toolbarbutton-1:not([open]), #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1, #nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]), @@ -9,7 +10,9 @@ toolbar .toolbarbutton-1:not([open]), .titlebar-button, #tabbrowser-tabs toolbarbutton, toolbarbutton.scrollbutton-up[orient="horizontal"], -toolbarbutton.scrollbutton-down[orient="horizontal"]{ +toolbarbutton.scrollbutton-down[orient="horizontal"], +toolbarbutton#scrollbutton-up[orient="horizontal"], +toolbarbutton#scrollbutton-down[orient="horizontal"]{ background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% ); } /* Hide placeholder on hover */ @@ -18,8 +21,6 @@ toolbar:hover + toolbar .toolbarbutton-1, vbox:hover + toolbar .toolbarbutton-1, toolbar:hover .toolbarbutton-1, #tabbrowser-tabs:hover toolbarbutton, -toolbarbutton.scrollbutton-up[orient="horizontal"]:hover, -toolbarbutton.scrollbutton-down[orient="horizontal"]:hover, .titlebar-buttonbox:hover > .titlebar-button{ background-image: none; } #urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *, @@ -46,6 +47,24 @@ toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon transform: scale(1) } +/* Extra rules for reworked tab overflow scrollbuttons */ + +toolbarbutton#scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon, +toolbarbutton#scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{ + transform: scale(0) !important; + transition: transform 82ms linear !important; +} + +toolbarbutton#scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon{ + transform: scale(1) !important; +} +toolbarbutton#scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{ + transform: scale(-1, 1) !important; +} + +toolbarbutton#scrollbutton-up[orient="horizontal"]:hover, +toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !important; } + /* Urlbar icons, this way they show colors is applicable */ .urlbar-icon{ transition: transform 82ms linear !important; } #urlbar:not(:hover) .urlbar-icon:not([open]){ transform: scale(0.3) } From a0425ce694b1ec516cde7d0aed4093497ceaea0a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 29 Mar 2020 10:12:57 +0300 Subject: [PATCH 0320/1101] Add id selector for tab scrollbuttons --- chrome/button_effect_icon_glow.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/chrome/button_effect_icon_glow.css b/chrome/button_effect_icon_glow.css index 5884fdd..ea3a09e 100644 --- a/chrome/button_effect_icon_glow.css +++ b/chrome/button_effect_icon_glow.css @@ -3,7 +3,6 @@ /* Make backgrounds transparent */ - .urlbar-icon, .urlbar-icon-wrapper, toolbar .toolbarbutton-1, @@ -15,7 +14,9 @@ toolbar toolbarbutton > .toolbarbutton-badge-stack, #tracking-protection-icon-container, .findbar-textbox~toolbarbutton, toolbarbutton.scrollbutton-up, -toolbarbutton.scrollbutton-down{ background-color: transparent !important; border-color: transparent !important;} +toolbarbutton.scrollbutton-down, +toolbarbutton#scrollbutton-up, +toolbarbutton#scrollbutton-down{ background-color: transparent !important; border-color: transparent !important;} .close-icon{ fill-opacity: 0 !important; } @@ -31,7 +32,9 @@ toolbar #downloads-button:hover #downloads-indicator-anchor, #tracking-protection-icon:hover, .findbar-textbox~toolbarbutton:not([disabled]):hover, toolbarbutton.scrollbutton-up:not([disabled]):hover, -toolbarbutton.scrollbutton-down:not([disabled]):hover{ +toolbarbutton.scrollbutton-down:not([disabled]):hover, +toolbarbutton#scrollbutton-up:not([disabled]):hover, +toolbarbutton#scrollbutton-down:not([disabled]):hover{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan) } @@ -52,6 +55,8 @@ toolbar #downloads-button[open] #downloads-indicator-anchor, #tracking-protection-icon-container[open] #tracking-protection-icon, .findbar-textbox~toolbarbutton:not([disabled]):active, toolbarbutton.scrollbutton-up:active, -toolbarbutton.scrollbutton-down:active{ +toolbarbutton.scrollbutton-down:active, +toolbarbutton#scrollbutton-up:active, +toolbarbutton#scrollbutton-down:active{ filter: brightness(2) drop-shadow(0 0 2px red) drop-shadow(0 0 1px yellow) } From 664d2eacfdc0d03df3f88379bbf2ef1fe50289af Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 7 Apr 2020 13:00:29 +0300 Subject: [PATCH 0321/1101] Add a workaround for case where urlbar height increase a few pixels when typing into it --- chrome/urlbar_full_width.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index 494762b..4124083 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -22,12 +22,16 @@ left: 0 !important; width: 100vw !important; border-width: 1px 0; - top: var(--urlbar-height); - background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); + top: var(--urlbar-toolbar-height); + background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,50%,.8)); backdrop-filter: blur(28px); z-index: 4; box-shadow: 0 1px 4px rgba(0,0,0,.05); } #urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; } -#urlbar.megabar > #urlbar-background{ display: none !important; } \ No newline at end of file +#urlbar.megabar > #urlbar-background{ display: none !important; } + +/* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */ +/* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */ +#urlbar.megabar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; } \ No newline at end of file From 8ae0ffca6d3dcf882b0b0a1d5e37ffc25d6edb2d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 7 Apr 2020 21:27:49 +0300 Subject: [PATCH 0322/1101] set #tabbrowser-arrowscrollbox min height to 0px --- chrome/hide_tabs_with_one_tab.css | 3 +-- chrome/hide_tabs_with_one_tab_w_window_controls.css | 2 +- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 589bfa4..28638d9 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -1,12 +1,11 @@ /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ /* Firefox 65+ only */ - :root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px } #titlebar{ -moz-appearance: none !important; } -#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } +#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; } :root:not([customizing]) #tabbrowser-tabs .tabs-newtab-button, :root:not([customizing]) #tabs-newtab-button, diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 059b4f5..832a5e8 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -11,7 +11,7 @@ Window controls will be all wrong without it #titlebar{ -moz-appearance: none !important; } /* We'll use window controls from menubar instead */ #TabsToolbar > .titlebar-buttonbox-container { display: none } -#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox{ min-height: 0 !important; } +#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; } #TabsToolbar > .titlebar-spacer[type="post-tabs"]{ width: 178px !important; } #toolbar-menubar > spacer{ pointer-events: none } From 55eb4951edb29ecef421d59fda5edbeb9b4f2e34 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 7 Apr 2020 21:34:41 +0300 Subject: [PATCH 0323/1101] use id selector for #tabbrowser-arrowscrollbox --- chrome/multi-row_tabs.css | 3 ++- chrome/multi-row_tabs_below_content_Fx66+.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 137aea3..dee964e 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -51,7 +51,8 @@ scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color); scrollbar-width: thin; } - #tabbrowser-tabs > .tabbrowser-arrowscrollbox { + #tabbrowser-tabs > .tabbrowser-arrowscrollbox, + #tabbrowser-arrowscrollbox{ overflow: -moz-hidden-unscrollable; display: block; } diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index f1a8b2e..3c30a21 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -97,7 +97,8 @@ #tabbrowser-tabs{ min-height: unset !important; } -#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{ +#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox, +#tabbrowser-arrowscrollbox{ display: flex; flex-wrap: wrap; max-height: calc(var(--multirow-toolbar-height) * var(--multirow-n-rows)); From 177bcfd7d6ca66802fcc8210b802b1d3a7e45974 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 8 Apr 2020 08:02:33 +0300 Subject: [PATCH 0324/1101] Don't set margin-inline-start fo urlbarView-url anymore --- chrome/urlbar_results_in_two_rows.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/urlbar_results_in_two_rows.css b/chrome/urlbar_results_in_two_rows.css index 99905f8..4156f0d 100644 --- a/chrome/urlbar_results_in_two_rows.css +++ b/chrome/urlbar_results_in_two_rows.css @@ -4,6 +4,6 @@ .urlbarView-row-inner{ flex-wrap: wrap !important; } .urlbarView-title[title]{ flex-grow: 1; } -.urlbarView-row > .urlbarView-row-inner > .urlbarView-url{ margin-inline-start: 24px; min-width: 95% } +.urlbarView-row > .urlbarView-row-inner > .urlbarView-url{ min-width: 95% } .urlbarView-row[has-url]:not([type="switchtab"]) .urlbarView-title-separator{ display: none } \ No newline at end of file From 309110148926ded499c24e299ccbf4e0c70d79d6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 8 Apr 2020 08:31:46 +0300 Subject: [PATCH 0325/1101] Use more sane colors for the popup --- chrome/urlbar_full_width.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index 4124083..fcbcd43 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -23,8 +23,7 @@ width: 100vw !important; border-width: 1px 0; top: var(--urlbar-toolbar-height); - background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,50%,.8)); - backdrop-filter: blur(28px); + background-color: var(--lwt-toolbar-field-focus, inherit); z-index: 4; box-shadow: 0 1px 4px rgba(0,0,0,.05); } From ee78d236b6458f9c8396f2de938f24d906f3d697 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 8 Apr 2020 15:03:17 +0300 Subject: [PATCH 0326/1101] remember to hide the unnecessary scrollbuttons --- chrome/multi-row_tabs.css | 3 +++ chrome/multi-row_tabs_below_content_Fx66+.css | 3 +++ 2 files changed, 6 insertions(+) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index dee964e..759b5e5 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -91,6 +91,9 @@ .tabbrowser-tab > stack{ width: 100%; height: 100% } +#scrollbutton-up, +#scrollbutton-down, +#scrollbutton-up~spacer, #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_Fx66+.css index 3c30a21..684851d 100644 --- a/chrome/multi-row_tabs_below_content_Fx66+.css +++ b/chrome/multi-row_tabs_below_content_Fx66+.css @@ -147,6 +147,9 @@ margin-inline-start: 0px !important; } +#scrollbutton-up, +#scrollbutton-down, +#scrollbutton-up~spacer, #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #alltabs-button, From 4961b3ee1d20599b5443ab3639a07cbe1181a157 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 9 Apr 2020 17:48:41 +0300 Subject: [PATCH 0327/1101] Remove now unnecessary .megabar selectors --- chrome/compact_urlbar_megabar.css | 6 +++--- chrome/urlbar_full_width.css | 14 +++++++------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css index 414d43a..c034693 100644 --- a/chrome/compact_urlbar_megabar.css +++ b/chrome/compact_urlbar_megabar.css @@ -1,13 +1,13 @@ /* Make urlbar megabar appear more compact */ /* Set the pref browser.urlbar.megabar to true */ -#urlbar.megabar[breakout]{ +#urlbar[breakout]{ margin-inline-start: 0px !important; width: 100% !important; left: 0 !important; top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } -#urlbar.megabar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } -.urlbarView.megabar{ margin-inline: 0 !important; width: auto !important; } +#urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } +.urlbarView{ margin-inline: 0 !important; width: auto !important; } .urlbarView-row{ padding-inline: 4px !important; } #urlbar-background{ animation: none !important; } #urlbar-input-container{ padding: 0 !important; height: 100% !important; } \ No newline at end of file diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index fcbcd43..b4e5975 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -1,11 +1,11 @@ -/* Make urlbar popup appear full size like it did before megabar */ +/* Make urlbar popup appear full size like it did before urlbar re-design */ #urlbar-container, #urlbar{ position: static !important; display: -moz-box !important; } -#urlbar.megabar{ +#urlbar{ height: auto !important; width: auto !important; border: 1px solid white; @@ -14,9 +14,9 @@ border-radius: var(--toolbarbutton-border-radius); } -#urlbar.megabar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } +#urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } -.urlbarView.megabar{ +.urlbarView{ position: absolute !important; margin: 0 !important; left: 0 !important; @@ -28,9 +28,9 @@ box-shadow: 0 1px 4px rgba(0,0,0,.05); } -#urlbar.megabar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; } -#urlbar.megabar > #urlbar-background{ display: none !important; } +#urlbar > #urlbar-input-container{ padding: 0px !important; width: auto !important; height: auto !important; } +#urlbar > #urlbar-background{ display: none !important; } /* This may seem pretty weird, but it gets around an issue where the height of urlbar may suddenly change when one starts typing into it */ /* If you are otherwise modifying the urlbar height then you might need to modify the height of this too */ -#urlbar.megabar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; } \ No newline at end of file +#urlbar > #urlbar-input-container::before{ content: ""; display: -moz-box; height: 24px; } \ No newline at end of file From 37eb639ea4a5446f3b9e61a0adef177b95cf5764 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 9 Apr 2020 17:51:18 +0300 Subject: [PATCH 0328/1101] Add deprecation notices --- chrome/full_width_urlbar_popup.css | 2 ++ chrome/google_style_urlbar_popup.css | 2 ++ chrome/urlbar_and_popup_equal_width.css | 1 + 3 files changed, 5 insertions(+) diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css index 17c7365..233b54b 100644 --- a/chrome/full_width_urlbar_popup.css +++ b/chrome/full_width_urlbar_popup.css @@ -1,3 +1,5 @@ +/* DEPRECATED - USE urlbar_full_width.css instead */ + /* Makes urlbar popup fit to window width, like in Firefox versions < 71 without "Megabar" */ /* Text won't be aligned to urlbar text though, since that relied on Firefox setting some css variables which are not available anymore */ #urlbar{ diff --git a/chrome/google_style_urlbar_popup.css b/chrome/google_style_urlbar_popup.css index 360f835..18d0432 100644 --- a/chrome/google_style_urlbar_popup.css +++ b/chrome/google_style_urlbar_popup.css @@ -1,3 +1,5 @@ +/* DEPRECATED AS OF FIREFOX 77 */ + /* Makes urlbar popup to appear Like on various Google search services */ /* Firefox 70+ only */ /* Popup uses colors from your theme */ diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index 421cb01..81ed5f4 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -1,3 +1,4 @@ +/* DEPRECATED AS OF FIREFOX 75 */ /* Constrains urlbar popup to urlbar width */ /* Firefox 70+ */ From 3802708d0580355460a65ab270117a60220a57e4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 9 Apr 2020 21:22:04 +0300 Subject: [PATCH 0329/1101] Set nav-bar transform only after session has been restored so Firefox computes urlbar height correctly --- chrome/show_navbar_on_focus_only.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/chrome/show_navbar_on_focus_only.css b/chrome/show_navbar_on_focus_only.css index ed70a92..c4a1a8a 100644 --- a/chrome/show_navbar_on_focus_only.css +++ b/chrome/show_navbar_on_focus_only.css @@ -22,13 +22,13 @@ } } -#nav-bar:not([customizing]){ +:root[sessionrestored] #nav-bar:not([customizing]){ transform: rotateX(90deg); transition: transform 67ms linear, opacity 0ms linear 67ms !important; opacity: 0; z-index: 3; } -#nav-bar:focus-within{ +:root[sessionrestored] #nav-bar:focus-within{ transform: rotateX(0deg); opacity: 1; transition-delay: 0ms, 0ms !important; From b6c0c5a242ac3094af04e21be544678010908ff2 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 Apr 2020 15:46:27 +0300 Subject: [PATCH 0330/1101] Remove vertical padding from urlbarview rows --- chrome/compact_urlbar_megabar.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css index c034693..8b70a64 100644 --- a/chrome/compact_urlbar_megabar.css +++ b/chrome/compact_urlbar_megabar.css @@ -8,6 +8,6 @@ } #urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; } .urlbarView{ margin-inline: 0 !important; width: auto !important; } -.urlbarView-row{ padding-inline: 4px !important; } +.urlbarView-row{ padding: 0 4px !important; } #urlbar-background{ animation: none !important; } #urlbar-input-container{ padding: 0 !important; height: 100% !important; } \ No newline at end of file From c243c9feda7f45df48a878cb6ecaf229281041d3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 Apr 2020 20:47:35 +0300 Subject: [PATCH 0331/1101] Add vertical padding to identity-box to prevent urlbar size changes when active --- chrome/compact_urlbar_megabar.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css index 8b70a64..b94a98d 100644 --- a/chrome/compact_urlbar_megabar.css +++ b/chrome/compact_urlbar_megabar.css @@ -10,4 +10,5 @@ .urlbarView{ margin-inline: 0 !important; width: auto !important; } .urlbarView-row{ padding: 0 4px !important; } #urlbar-background{ animation: none !important; } -#urlbar-input-container{ padding: 0 !important; height: 100% !important; } \ No newline at end of file +#urlbar-input-container{ padding: 0 !important; height: 100% !important; } +#identity-box{ padding-block: var(--urlbar-icon-padding) } \ No newline at end of file From 014c628e5ae9a5e33113f7f7a1230b94e9583b8b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 10 Apr 2020 21:03:25 +0300 Subject: [PATCH 0332/1101] new file --- chrome/hide_urlbar_first_row.css | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 chrome/hide_urlbar_first_row.css diff --git a/chrome/hide_urlbar_first_row.css b/chrome/hide_urlbar_first_row.css new file mode 100644 index 0000000..21aae65 --- /dev/null +++ b/chrome/hide_urlbar_first_row.css @@ -0,0 +1,6 @@ +/* Hides the first item in the urlbar dropdown if it is a "search with" or "visit" item. Does not hide "search in private window item", probably */ + +#urlbar[usertyping] .urlbarView-row:not([type]):first-child, +#urlbar[usertyping] .urlbarView-row[type="search"]:first-child { + display: none; +} From b22a0a05a2cac319bd0ed7d1f25512da774f2ae6 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 12 Apr 2020 21:28:54 +0300 Subject: [PATCH 0333/1101] new file --- chrome/multi-row_oneliner_combo_patch.css | 41 +++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 chrome/multi-row_oneliner_combo_patch.css diff --git a/chrome/multi-row_oneliner_combo_patch.css b/chrome/multi-row_oneliner_combo_patch.css new file mode 100644 index 0000000..712e62a --- /dev/null +++ b/chrome/multi-row_oneliner_combo_patch.css @@ -0,0 +1,41 @@ +/* +This a compatibility patch to combine multi-row_tabs.css and navbar_tabs_responsive_oneliner.css + +Set the pref layout.css.osx-font-smoothing.enabled to true - this is enabled by default on OSX and doesn't do anything otherwise. Used to detect whether window controls are on left or on right. + +This patch only supports window controls on right - ie. they will be drawn to the left of the nav-bar. If you want to use this with window controls on left you must enable native titlebar. + +There is no good way to handle scrollable multiple rows so you should set the maximum rows in multi-row_tabs.css to something you won't ever hit. Or you could just check what happens. + */ + +/* +You will need 5 other stylesheets - order may or may not matter, but this patch needs to be loaded last + +chrome/window_control_placeholder_support.css +chrome/navbar_tabs_responsive_oneliner.css +chrome/Fx65_tabs_on_bottom.css +chrome/multi-row_tabs.css +chrome/urlbar_full_width.css + */ + +/* Instructions over, begin CSS */ + +#navigator-toolbox > #nav-bar{ + margin-top: 0px !important; + padding-left: 0px !important; +} + +@media screen and (min-width: 1100px){ + + #nav-bar{ position: static !important; border-right-width: 0px !important } + #TabsToolbar{ + margin-top: calc(0px - var(--uc-toolbar-height,0px)); + margin-left: 0px; + } + #tabbrowser-tabs .tabbrowser-tab[first-visible-tab]{ margin-left: var(--uc-navigationbar-width) !important; } + +} + +@media screen and (max-width: 1700px){ + #urlbar-container{ min-width:unset !important } +} \ No newline at end of file From f66bdeb079115875c9ce06cf3330ca9cf1860ba7 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 12 Apr 2020 21:51:36 +0300 Subject: [PATCH 0334/1101] Don't set titlebar padding to 0 on Windows10 even if the osx smoothing pref is true --- chrome/Fx65_tabs_on_bottom.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 9746ab2..72079be 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -27,7 +27,9 @@ linux_gtk_window_control_patch.css } /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - :root{ --uc-titlebar-padding: 0px !important } + @media not (-moz-os-version: windows-win10){ + :root{ --uc-titlebar-padding: 0px !important } + } .titlebar-buttonbox-container{ left:0; right: unset; } } From 4544b4874efb76630ecfcf998420afd127a9d674 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 12 Apr 2020 22:49:03 +0300 Subject: [PATCH 0335/1101] Use box-shadow instead of border for urlbar --- chrome/urlbar_full_width.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index b4e5975..f13a2e6 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -8,16 +8,15 @@ #urlbar{ height: auto !important; width: auto !important; - border: 1px solid white; - border-color:var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); + box-shadow: inset 0 0 0 1px var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); border-radius: var(--toolbarbutton-border-radius); } -#urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } +#urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--lwt-toolbar-field-border-focus, highlight); } .urlbarView{ - position: absolute !important; + position: fixed !important; margin: 0 !important; left: 0 !important; width: 100vw !important; From 16ad5d86f2e78e8c389ffc9b565d0aa87dddd711 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 12 Apr 2020 23:03:12 +0300 Subject: [PATCH 0336/1101] Fix urlbar popup location and size --- chrome/multi-row_oneliner_combo_patch.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/chrome/multi-row_oneliner_combo_patch.css b/chrome/multi-row_oneliner_combo_patch.css index 712e62a..7b146fe 100644 --- a/chrome/multi-row_oneliner_combo_patch.css +++ b/chrome/multi-row_oneliner_combo_patch.css @@ -27,7 +27,11 @@ chrome/urlbar_full_width.css @media screen and (min-width: 1100px){ - #nav-bar{ position: static !important; border-right-width: 0px !important } + .urlbarView{ + position: fixed !important; + top: calc(var(--uc-titlebar-padding,0px) + var(--uc-toolbar-height)) + } + #nav-bar{ border-right-width: 0px !important } #TabsToolbar{ margin-top: calc(0px - var(--uc-toolbar-height,0px)); margin-left: 0px; From 68f4146754ed5b9eab9b3c48cbebecf6d5bd1e4c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 14 Apr 2020 13:09:54 +0300 Subject: [PATCH 0337/1101] Hide window control buttons if they are on left side --- chrome/overlay_menubar.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index ec156f7..73d1c0d 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -1,8 +1,6 @@ -/* Makes menubar appear as overlay in the top left corner */ - #toolbar-menubar{ position: fixed; - display: block; + display: flex; top: 0; width: 100vw; height: initial !important; @@ -13,7 +11,7 @@ :root[tabsintitlebar][sizemode="maximized"] #toolbar-menubar{ top: 8px; } -#toolbar-menubar > .titlebar-buttonbox-container{ float: right; display: block } +#toolbar-menubar > spacer{ flex-grow: 1 } #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none } #main-menubar{ height: calc(var(--tab-min-height) + 4px); background-color: var(--toolbar-bgcolor); } @@ -25,4 +23,8 @@ width: 30px; height: calc(var(--tab-min-height) + 4px); background-image: linear-gradient(to right, var(--toolbar-bgcolor) 30%, transparent); +} + +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + #toolbar-menubar[autohide="true"]:not([inactive]) > .titlebar-buttonbox-container{ display: none } } \ No newline at end of file From cb64b3ad9a376e55d62e658e6c1cd7af5ba3e5f9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 14 Apr 2020 13:14:21 +0300 Subject: [PATCH 0338/1101] Add the description back --- chrome/overlay_menubar.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index 73d1c0d..d3f797f 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -1,3 +1,5 @@ +/* Makes menubar appear as overlay in the top left corner */ + #toolbar-menubar{ position: fixed; display: flex; From 1e0632b92e239b58208c79a12285589f24bad580 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 15 Apr 2020 17:54:32 +0300 Subject: [PATCH 0339/1101] new file --- chrome/color_variable_template.css | 32 ++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 chrome/color_variable_template.css diff --git a/chrome/color_variable_template.css b/chrome/color_variable_template.css new file mode 100644 index 0000000..df8e44f --- /dev/null +++ b/chrome/color_variable_template.css @@ -0,0 +1,32 @@ +/* You should enable any non-default theme for these to apply properly. Built-in dark and light themes should work */ +:root{ + /* Popup panels */ + --arrowpanel-background: olive !important; + --arrowpanel-border-color: green !important; + --arrowpanel-color: cyan !important; + --arrowpanel-dimmed: rgba(0,0,0,0.4) !important; + /* window and toolbar background */ + --lwt-accent-color: purple !important; + --toolbar-bgcolor: rgba(0,0,0,0.4) !important; + /* tabs */ + --lwt-text-color: cyan !important; + /* toolbar area */ + --lwt-toolbarbutton-icon-fill: white !important; + --lwt-toolbarbutton-hover-background: orange !important; + --lwt-toolbarbutton-active-background: red !important; + /* urlbar */ + --lwt-toolbar-field-background-color: olive !important; + --lwt-toolbar-field-focus: grey !important; + --lwt-toolbar-field-border-color: green !important; + --toolbar-field-focus-border-color: pink !important; + --lwt-toolbar-field-color: red !important; + --lwt-toolbar-field-focus-color: white !important; + --urlbar-popup-url-color: cyan !important; + /* sidebar - note the sidebar-box rule for the header-area */ + --lwt-sidebar-background-color: purple !important; + --lwt-sidebar-text-color: yellow !important; +} +/* Line above tabs */ +#tabbrowser-tabs{ --tab-line-color: white !important; } +/* the header-area of sidebar needs this to work */ +#sidebar-box{ --sidebar-background-color: purple !important; } \ No newline at end of file From 682ef33e030729e7b396a9342265b289ad6d3728 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 19 Apr 2020 08:46:13 +0300 Subject: [PATCH 0340/1101] Apply styles to commondialog --- chrome/dark_additional_windows.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 82ab036..6cc98ab 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -6,6 +6,7 @@ @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url-prefix(chrome://browser/content/places/), + url(chrome://global/content/commonDialog.xhtml), url-prefix(chrome://browser/content/pageinfo/), url-prefix("chrome://mozapps/content/downloads"){ From 372a382c53f33e5c73498ff53b982c73446969c9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 20 Apr 2020 20:02:17 +0300 Subject: [PATCH 0341/1101] new file --- chrome/autohide_navigation_button.css | 33 +++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 chrome/autohide_navigation_button.css diff --git a/chrome/autohide_navigation_button.css b/chrome/autohide_navigation_button.css new file mode 100644 index 0000000..350ff19 --- /dev/null +++ b/chrome/autohide_navigation_button.css @@ -0,0 +1,33 @@ +/* Hides navigation-buttons (back/forward/stop/reload) buttons and shows them when cursor is over the right edge of urlbar */ +/* Disabled button are completely hidden, such as back-button when there is no page to go back to */ + +/* To set this up you need to customize the order of items to be such that layout from LEFT to RIGHT is +urlbar +flexible space +navigation-buttons in any order + */ +/* The order of items before urlbar and after navigation-buttons doesn't matter */ + +#nav-bar-customization-target > toolbarbutton.chromeclass-toolbar-additional[overflows="false"], +#nav-bar-customization-target > #stop-reload-button > #reload-button{ + margin-inline-start: -30px !important; + visibility:hidden; + transition: margin 66ms linear !important +} + +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:hover, +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:hover ~ .chromeclass-toolbar-additional[overflows="false"], +#nav-bar-customization-target > .chromeclass-toolbar-additional[overflows="false"]:hover ~ #stop-reload-button > #reload-button, +#nav-bar-customization-target > #urlbar-container + toolbarspring:hover ~ .chromeclass-toolbar-additional[overflows="false"], +#nav-bar-customization-target > #stop-reload-button:hover > #reload-button, +#nav-bar-customization-target > #urlbar-container + toolbarspring:hover ~ #stop-reload-button > #reload-button{ + margin-inline-start: 0px !important; + visibility: visible +} + +#nav-bar-customization-target > #downloads-button { margin-inline-start: 0px !important; visibility: visible !important; } + +#nav-bar-customization-target > toolbarbutton.chromeclass-toolbar-additional[overflows="false"][disabled], +#nav-bar-customization-target > #stop-reload-button > [disabled]{ display: none } + +#urlbar-container + toolbarspring{ max-width: 4px !important; min-width: 4px !important; } \ No newline at end of file From 36d52cd49727841f8a01effb206a366470d5fa57 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 20 Apr 2020 20:04:09 +0300 Subject: [PATCH 0342/1101] Add notice for compact-mode-only support --- chrome/autohide_navigation_button.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/chrome/autohide_navigation_button.css b/chrome/autohide_navigation_button.css index 350ff19..1a01ddf 100644 --- a/chrome/autohide_navigation_button.css +++ b/chrome/autohide_navigation_button.css @@ -1,6 +1,8 @@ /* Hides navigation-buttons (back/forward/stop/reload) buttons and shows them when cursor is over the right edge of urlbar */ /* Disabled button are completely hidden, such as back-button when there is no page to go back to */ +/* COMPACT MODE ONLY - The weird size of back-button causes this to not work well in normal and touch mode */ + /* To set this up you need to customize the order of items to be such that layout from LEFT to RIGHT is urlbar flexible space From 6806bebbbcc6715650c723564c210d54a57b92ab Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 21 Apr 2020 23:11:26 +0300 Subject: [PATCH 0343/1101] Add selectors for --- chrome/dark_additional_windows.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 6cc98ab..88cf469 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -26,6 +26,7 @@ tree{ background: transparent !important; } + search-textbox, #searchFilter, menulist, input, @@ -45,8 +46,8 @@ .menubar-left{ fill: currentColor; -moz-context-properties: fill; } - #searchFilter,input,textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } - #searchFilter > input,input[readonly]{ background-color: transparent !important; } + #searchFilter,search-textbox,input,textbox,richlistbox{ background-color: rgba(0,0,0,0.2) !important; } + search-textbox > input,#searchFilter > input,input[readonly]{ background-color: transparent !important; } treecol:not([hideheader]){ height: 24px; } treecol:hover{ filter: brightness(160%) } @@ -62,8 +63,8 @@ button{ padding: 3px } #placesMenu > menu{ border: none !important; } - input,button{ border: 1px solid graytext; border-radius: 3px } - input{ padding: 2px } + search-textbox,input,button{ border: 1px solid graytext; border-radius: 3px } + search-textbox,input{ padding: 2px } } From e92118b503cc3550a267f66bee3a10a734c056ff Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 29 Apr 2020 10:19:45 +0300 Subject: [PATCH 0344/1101] Set "placeholder"-border style with !important so it works on Linux --- chrome/window_control_placeholder_support.css | 1 + 1 file changed, 1 insertion(+) diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 39dd2b8..7e5eb1c 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -14,6 +14,7 @@ #nav-bar{ border-inline: var(--uc-window-drag-space-width,0px) solid var(--toolbar-bgcolor); + border-inline-style: solid !important; border-right-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)); } From 8cad80c046158fd8d55e81642ddfa145df5a3efe Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 1 May 2020 11:53:21 +0300 Subject: [PATCH 0345/1101] Add a workaround for occasionally manifesting inability to scroll the page --- chrome/autohide_toolbox.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 58d8ecc..c4f27ee 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -28,9 +28,10 @@ transform-origin: top; line-height: 0; z-index: 1; + pointer-events: none; } -#navigator-toolbox > *{ line-height: normal } +#navigator-toolbox > *{ line-height: normal; pointer-events: auto } #navigator-toolbox, #navigator-toolbox > *{ From da2ddb27759e9ac89d699e47bfcba58c4e9bfee9 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 16:24:58 +0300 Subject: [PATCH 0346/1101] remove resizing rules of tabs toolbar buttons --- chrome/hide_tabs_with_one_tab.css | 6 ------ 1 file changed, 6 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 28638d9..a4a6b0f 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -19,12 +19,6 @@ margin: 0 !important; } -:root:not([customizing]) #TabsToolbar-customization-target > .toolbarbutton-1 > .toolbarbutton-icon{ - padding-block: 0px !important; - max-height: 28px; - height: 20px !important -} - #tabbrowser-tabs .tabbrowser-tab{ height: var(--tab-min-height) } #tabbrowser-tabs .tabbrowser-tab[first-visible-tab="true"][last-visible-tab="true"]{ From d7522263d6d2cb6ea09581bb66dfcc4f33b86746 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 16:26:32 +0300 Subject: [PATCH 0347/1101] Make extra maximized padding windows only --- chrome/hide_tabs_with_one_tab.css | 5 +++-- chrome/hide_tabs_with_one_tab_w_window_controls.css | 5 +++-- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index a4a6b0f..9f9ccf8 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -36,8 +36,9 @@ background-color: transparent !important; } /* Extra top padding in maximized window */ -:root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; } - +@media (-moz-os-version: windows-win10){ + :root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; } +} /* Fix window controls not being clickable */ :root[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive]{ transition: height 0ms steps(1) 80ms; diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 832a5e8..9b3d407 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -41,8 +41,9 @@ Window controls will be all wrong without it background-color: transparent !important; } /* Extra top padding in maximized window */ -:root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; } - +@media (-moz-os-version: windows-win10){ + :root[sizemode="maximized"] #navigator-toolbox{ padding-top:7px !important; } +} /* Window controls in nav-bar */ :root:not([customizing]) #toolbar-menubar[inactive]{ height: initial !important; From e4d6775da7494d22ef0616e97dc7d4ed35344b99 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 17:22:41 +0300 Subject: [PATCH 0348/1101] rename multi-row_tabs.css to multi-row_tabs_legacy.css --- chrome/{multi-row_tabs.css => multi-row_tabs_legacy.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename chrome/{multi-row_tabs.css => multi-row_tabs_legacy.css} (100%) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs_legacy.css similarity index 100% rename from chrome/multi-row_tabs.css rename to chrome/multi-row_tabs_legacy.css From b76959fb671ac584475b8fe1fcc1e9a044efdc98 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 17:38:20 +0300 Subject: [PATCH 0349/1101] Remove OLD stuff to make the file much more clean --- chrome/multi-row_tabs.css | 71 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 71 insertions(+) create mode 100644 chrome/multi-row_tabs.css diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css new file mode 100644 index 0000000..210ebae --- /dev/null +++ b/chrome/multi-row_tabs.css @@ -0,0 +1,71 @@ +/* Makes tabs to appear on multiple lines */ +/* Tab reordering will not work and can't be made to work */ +/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/ + +/* It's recommended to move tabs new-tab-button outside tabs toolbar */ + +/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ +/* This maximum visible rows won't work before Fx66 */ +/* So this setting does nothing on Fx65 and all tab rows will be shown */ +:root{ + --multirow-n-rows: 3; + --multirow-tab-min-width: 100px; + --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ +} + +/* Scrollbar can't be clicked but the rows can be scrolled with mouse wheel */ +/* Uncomment the next line if you want to be able to use the scrollbar with mouse clicks */ + +/* #tabbrowser-arrowscrollbox{ -moz-window-dragging: no-drag } */ + +/* Uncommenting the above makes you unable to drag the window from empty space in the tab strip but normal draggable spaces will continue to work */ + +#tabbrowser-tabs{ + min-height: unset !important; + padding-inline-start: 0px !important +} + +@-moz-document url(chrome://browser/content/browser.xhtml){ + #scrollbutton-up~spacer, + #scrollbutton-up, + #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) } + + scrollbox[part][orient="horizontal"]{ + display: flex; + flex-wrap: wrap; + overflow-y: auto; + max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); + scrollbar-color: currentColor transparent; + scrollbar-width: thin; + } +} + +#tabbrowser-arrowscrollbox{ + overflow: -moz-hidden-unscrollable; + display: block; + --scrollbutton-display-model: none; +} + +.tabbrowser-tab{ height: var(--tab-min-height); } + +#tabbrowser-tabs .tabbrowser-tab[pinned]{ + position: static !important; + margin-inline-start: 0px !important; +} + +.tabbrowser-tab[fadein]:not([pinned]){ + min-width: var(--multirow-tab-min-width) !important; + flex-grow: var(--multirow-tab-dynamic-width); + /* + Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible + Don't set to none or you'll see errors in console when closing tabs + */ + /*max-width: 100vw !important;*/ +} + +.tabbrowser-tab > stack{ width: 100%; height: 100% } + +#alltabs-button, +:root:not([customizing]) #TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer, +.tabbrowser-tab::after{ display: none !important } \ No newline at end of file From 4d63f3b34293b70881df3670746076daebfa0382 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 19:17:22 +0300 Subject: [PATCH 0350/1101] Don't fix position of titlebar-buttons of non-autohide menubar --- chrome/Fx65_tabs_on_bottom.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 72079be..5d87707 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -14,11 +14,11 @@ linux_gtk_window_control_patch.css */ -:root{ - --uc-titlebar-padding: 0px; } +:root{ --uc-titlebar-padding: 0px; } :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px } -.titlebar-buttonbox-container{ +#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, +#TabsToolbar > .titlebar-buttonbox-container{ position: fixed; display: block; top: var(--uc-titlebar-padding,0px); From 1428068f4786d842977f4c8209d13ddd142817bb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 19:23:44 +0300 Subject: [PATCH 0351/1101] use flexbox for menubar items --- chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index 2a316da..94afa36 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -4,9 +4,10 @@ :root{ --uc-window-control-width: 0px !important } #navigator-toolbox{ margin-top: 29px } + #toolbar-menubar{ position: fixed; - display: block; + display: flex; top: var(--uc-titlebar-padding,0px); height: 29px; margin-top:1px; @@ -14,9 +15,11 @@ overflow: hidden; } -#toolbar-menubar .titlebar-buttonbox-container{ height: 29px; } +#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; } + +#toolbar-menubar > [flex]{ flex-grow: 100; } +#toolbar-menubar > spacer[flex]{ order: 99; flex-grow: 1; } + #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; } -/* This will allow you to MAYBE put some items to the menubar */ -#toolbar-menubar > *{ float: left } -#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } +#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px } \ No newline at end of file From 67cfaaac27dab3cfa2cb012a87b5c7523b1a9036 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 6 May 2020 19:26:19 +0300 Subject: [PATCH 0352/1101] Have minimum width for menubar spacer --- chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index 94afa36..e642708 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -18,7 +18,11 @@ #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; } #toolbar-menubar > [flex]{ flex-grow: 100; } -#toolbar-menubar > spacer[flex]{ order: 99; flex-grow: 1; } +#toolbar-menubar > spacer[flex]{ + order: 99; + flex-grow: 1; + min-width: var(--uc-window-drag-space-width,20px); +} #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; } From c2b6e57c34c6dcffefcfcea04c993f4704b3e20d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 7 May 2020 15:54:50 +0300 Subject: [PATCH 0353/1101] new file --- chrome/scrollable_menupopups.css | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 chrome/scrollable_menupopups.css diff --git a/chrome/scrollable_menupopups.css b/chrome/scrollable_menupopups.css new file mode 100644 index 0000000..7d628f7 --- /dev/null +++ b/chrome/scrollable_menupopups.css @@ -0,0 +1,11 @@ +.menupopup-arrowscrollbox{ + --uc-scrollbox-overflow: auto; + --uc-scrollbutton-display-model: none; +} + +scrollbox{ overflow-y: var(--uc-scrollbox-overflow,initial) !important; } + +#scrollbutton-up, +#scrollbutton-down{ + display: var(--uc-scrollbutton-display-model,initial) !important; +} \ No newline at end of file From 45f5dc2d689b16d122e3859c144da783aed4e0c8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 9 May 2020 07:40:31 +0300 Subject: [PATCH 0354/1101] new file --- chrome/disable_newtab_on_middle_click.css | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 chrome/disable_newtab_on_middle_click.css diff --git a/chrome/disable_newtab_on_middle_click.css b/chrome/disable_newtab_on_middle_click.css new file mode 100644 index 0000000..01aa206 --- /dev/null +++ b/chrome/disable_newtab_on_middle_click.css @@ -0,0 +1,7 @@ +/* Prevents middle-clicking in empty area in tabs toolbar from opening new tabs */ + +#tabbrowser-arrowscrollbox{pointer-events: none} +.tabbrowser-tab, +#scrollbutton-up, +#scrollbutton-down, +#tabs-newtab-button{pointer-events: auto} \ No newline at end of file From 93d8d34d563228b08acadd9be6843d0a9b90203e Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 10 May 2020 17:32:33 +0300 Subject: [PATCH 0355/1101] rename to _legacy file --- ..._content_Fx66+.css => multi-row_tabs_below_content_legacy.css} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename chrome/{multi-row_tabs_below_content_Fx66+.css => multi-row_tabs_below_content_legacy.css} (100%) diff --git a/chrome/multi-row_tabs_below_content_Fx66+.css b/chrome/multi-row_tabs_below_content_legacy.css similarity index 100% rename from chrome/multi-row_tabs_below_content_Fx66+.css rename to chrome/multi-row_tabs_below_content_legacy.css From c29589afa598ce23752d52cfa9d4f396b70f86d8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 10 May 2020 17:52:54 +0300 Subject: [PATCH 0356/1101] rewrite the style to match "normal" multi-row_tabs.css --- chrome/multi-row_tabs_below_content.css | 147 ++++++++++++++++++++++++ 1 file changed, 147 insertions(+) create mode 100644 chrome/multi-row_tabs_below_content.css diff --git a/chrome/multi-row_tabs_below_content.css b/chrome/multi-row_tabs_below_content.css new file mode 100644 index 0000000..0fa2f06 --- /dev/null +++ b/chrome/multi-row_tabs_below_content.css @@ -0,0 +1,147 @@ +/* Makes tabs to appear on multiple lines below the web content */ +/* Tab reordering will not work and can't be made to work */ + +/* Make menubar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */ + +/* It's recommended to move tabs new-tab-button outside tabs toolbar */ + +/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ +/* Scrollbar can't be clicked but the rows can be scrolled with mouse */ +/* This maximum visible rows won't work before Fx66 */ +/* So this setting does nothing on Fx65 and all tab rows will be shown */ + +:root{ + --multirow-toolbar-height: 40px; + --multirow-top-padding: 0px; + --multirow-n-rows: 3; + --multirow-tab-min-width: 100px; + --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */ +} + +:root[sizemode="maximized"]{ --multirow-top-padding: 8px } +:root[uidensity="compact"]{--multirow-toolbar-height: 32px} +:root{ border-top-width: 0px !important } + +#main-window > body > box, +#navigator-toolbox{ -moz-box-ordinal-group: 2 } + +#titlebar{-moz-appearance: none !important; } /* Try setting to "-moz-window-titlebar" if you face issues */ + +#nav-bar{ + position: fixed !important; + display: flex; + margin-left: 30px; + width: calc(100vw - 30px); + top: var(--multirow-top-padding); +} + +:root[tabsintitlebar] #nav-bar{ + margin-right: 138px; + + /* width == 100vw - margins */ + width: calc(100vw - 168px); + top: var(--multirow-top-padding); +} + +/* Fix incorrect vertical alignment with megabar */ +#urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; } + +#customization-container, +:root:not([inDOMFullscreen]) #content-deck, +:root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} + +/* Restyle nav-bar and menubar */ +#nav-bar-customization-target{ width: calc(100% - 100px); } +:root[uidensity="compact"] #nav-bar-customization-target{ width: calc(100% - 82px); } + +#nav-bar-overflow-button, +#PanelUI-menu-button{ height: var(--multirow-toolbar-height); } + +#toolbar-menubar{ + height: var(--multirow-toolbar-height); + position: fixed; + display: flex; + top: var(--multirow-top-padding); + width: 100vw; + color: var(--lwt-text-color); + background: linear-gradient(to right, var(--toolbar-bgcolor), var(--toolbar-bgcolor) 30px, transparent 30px) no-repeat; +} +#menubar-items + spacer{ flex-grow: 1 } + +#toolbar-menubar > #menubar-items{ + -moz-box-pack: center; + height: 100%; + visibility: hidden; +} + +#toolbar-menubar:hover{ z-index: 2 } +#toolbar-menubar:hover > #menubar-items{ + visibility: visible; + background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px); +} + +#toolbar-menubar > .titlebar-buttonbox-container{ display: block; float: right; height: 100%; background: var(--toolbar-bgcolor)} +#toolbar-menubar > .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100% ;} + +#main-menubar:last-child{ padding-inline-end: 40px } +#toolbar-menubar > toolbarspring { + background: url(chrome://browser/skin/settings.svg) no-repeat 10px; + height: 100%; + display: block; + fill: currentColor; + -moz-context-properties: fill; + min-width: 28px !important; + max-width: 28px !important; +} + +#PanelUI-button{ margin-right: 20px; } + +#tabbrowser-tabs{ + min-height: unset !important; + padding-inline-start: 0px !important +} + +@-moz-document url(chrome://browser/content/browser.xhtml){ + #scrollbutton-up~spacer, + #scrollbutton-up, + #scrollbutton-down{ display: var(--scrollbutton-display-model,initial) } + + scrollbox[part][orient="horizontal"]{ + display: flex; + flex-wrap: wrap; + overflow-y: auto; + max-height: calc(var(--tab-min-height) * var(--multirow-n-rows)); + scrollbar-color: currentColor transparent; + scrollbar-width: thin; + } +} + +#tabbrowser-arrowscrollbox{ + overflow: -moz-hidden-unscrollable; + display: block; + --scrollbutton-display-model: none; +} + +.tabbrowser-tab{ height: var(--tab-min-height); } + +.tabbrowser-tab[pinned]{ + position: static !important; + margin-inline-start: 0px !important; +} + +.tabbrowser-tab[fadein]:not([pinned]){ + min-width: var(--multirow-tab-min-width) !important; + flex-grow: var(--multirow-tab-dynamic-width); + /* + Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible + Don't set to none or you'll see errors in console when closing tabs + */ + /*max-width: 100vw !important;*/ +} + +.tabbrowser-tab > stack{ width: 100%; height: 100%; } + +#alltabs-button, +:root:not([customizing]) #TabsToolbar #new-tab-button, +#tabbrowser-tabs spacer, +.tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */ \ No newline at end of file From cba88c0439e903138380bb20b5f5ca0538549ef5 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 10 May 2020 18:25:44 +0300 Subject: [PATCH 0357/1101] Remove .megabar class selectors --- chrome/full_width_urlbar_popup.css | 2 +- chrome/navbar_below_content.css | 4 ++-- chrome/navbar_tabs_oneliner.css | 4 ++-- chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 4 ++-- chrome/navbar_tabs_oneliner_tabs_on_left.css | 4 ++-- chrome/toolbars_below_content.css | 4 ++-- 6 files changed, 11 insertions(+), 11 deletions(-) diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css index 233b54b..3e12a42 100644 --- a/chrome/full_width_urlbar_popup.css +++ b/chrome/full_width_urlbar_popup.css @@ -15,7 +15,7 @@ border-radius: 2px; } -#urlbar-container.megabar{ padding-block: 1px !important } +#urlbar-container{ padding-block: 1px !important } #urlbar-background{ display: none !important; } #urlbar[focused]{ border-color: var(--lwt-toolbar-field-border-focus, highlight) } diff --git a/chrome/navbar_below_content.css b/chrome/navbar_below_content.css index e962b0b..239414a 100644 --- a/chrome/navbar_below_content.css +++ b/chrome/navbar_below_content.css @@ -23,11 +23,11 @@ #nav-bar-customization-target{ flex-grow: 1; } -#urlbar.megabar[breakout][breakout-extend]{ +#urlbar[breakout][breakout-extend]{ display: flex !important; flex-direction: column-reverse; bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */ top: auto !important; } -#urlbar.megabar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } \ No newline at end of file +#urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } \ No newline at end of file diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 4265686..13844da 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -15,11 +15,11 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } -:root[uidensity=compact] #urlbar-container.megabar{ +:root[uidensity=compact] #urlbar-container{ --urlbar-container-height: var(--uc-toolbar-height) !important; padding-block: 0 !important; } -:root[uidensity=compact] #urlbar.megabar{ +:root[uidensity=compact] #urlbar{ --urlbar-toolbar-height: var(--uc-toolbar-height) !important; } diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index b0bacdb..5d6f653 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -19,11 +19,11 @@ Window controls will be all wrong without it :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; --uc-menubutton-padding: 0px} :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } -:root[uidensity=compact] #urlbar-container.megabar{ +:root[uidensity=compact] #urlbar-container{ --urlbar-container-height: var(--uc-toolbar-height) !important; padding-block: 0 !important; } -:root[uidensity=compact] #urlbar.megabar{ +:root[uidensity=compact] #urlbar{ --urlbar-toolbar-height: var(--uc-toolbar-height) !important; } diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 89b45a0..75d6b3f 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -15,11 +15,11 @@ Window controls will be all wrong without it :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px;} :root[uidensity="touch"] #navigator-toolbox{ --uc-toolbar-height: 40px; } -:root[uidensity=compact] #urlbar-container.megabar{ +:root[uidensity=compact] #urlbar-container{ --urlbar-container-height: var(--uc-toolbar-height) !important; padding-block: 0 !important; } -:root[uidensity=compact] #urlbar.megabar{ +:root[uidensity=compact] #urlbar{ --urlbar-toolbar-height: var(--uc-toolbar-height) !important; } diff --git a/chrome/toolbars_below_content.css b/chrome/toolbars_below_content.css index 6a15371..3d0a593 100644 --- a/chrome/toolbars_below_content.css +++ b/chrome/toolbars_below_content.css @@ -20,14 +20,14 @@ #toolbar-menubar:not([inactive]):hover{ height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)) !important; } #toolbar-menubar > spacer{ flex-grow: 1 } -#urlbar.megabar[breakout][breakout-extend]{ +#urlbar[breakout][breakout-extend]{ display: flex !important; flex-direction: column-reverse; bottom: -2px !important; /* Change to 3-5 px if using compact_urlbar_megabar.css depending on toolbar density */ top: auto !important; } -#urlbar.megabar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } +#urlbar[open] > .urlbarView{ margin-block: 0px calc(var(--urlbar-height) + 1px) !important; box-shadow: none !important; } /* Yeah, removes window controls. Likely not wanted on bottom row */ #TabsToolbar > .titlebar-buttonbox-container{ display: none } From 2062bd2c4b92d759325729ba1e565f50e82bb249 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 11 May 2020 16:01:54 +0300 Subject: [PATCH 0358/1101] apply window margin to body > box instead of :root --- chrome/autohide_toolbox.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index c4f27ee..6c2453d 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -3,18 +3,18 @@ @media (-moz-os-version: windows-win10){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 10px !important; } - :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -2px } + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 10px !important; } + :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -2px } @media screen and (min-resolution: 1.25dppx){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 9px !important; } + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 9px !important; } } @media screen and (min-resolution: 1.5dppx){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 8px !important; } - :root[sizemode="maximized"] #navigator-toolbox{ margin-top: -1px } + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; } + :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px } } @media screen and (min-resolution: 2dppx){ - :root[sizemode="maximized"]:not([inDOMFullscreen]){ margin-top: 7px !important; } + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; } } } From 6d76e7734101996f8cdfae5ed5fe2ec556914fc2 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 14 May 2020 16:30:29 +0300 Subject: [PATCH 0359/1101] Fix customization mode layout --- chrome/multi-row_tabs_below_content.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/chrome/multi-row_tabs_below_content.css b/chrome/multi-row_tabs_below_content.css index 0fa2f06..b9ce1e7 100644 --- a/chrome/multi-row_tabs_below_content.css +++ b/chrome/multi-row_tabs_below_content.css @@ -46,6 +46,9 @@ /* Fix incorrect vertical alignment with megabar */ #urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; } +/* Fix customization view */ +#customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; } + #customization-container, :root:not([inDOMFullscreen]) #content-deck, :root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))} From 4f94dbbc82888b55d14b23e951b2043251db35f3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 14 May 2020 18:11:25 +0300 Subject: [PATCH 0360/1101] add warning about broken extension popups --- chrome/multi-row_tabs_below_content.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/chrome/multi-row_tabs_below_content.css b/chrome/multi-row_tabs_below_content.css index b9ce1e7..ae90cfb 100644 --- a/chrome/multi-row_tabs_below_content.css +++ b/chrome/multi-row_tabs_below_content.css @@ -1,6 +1,9 @@ /* Makes tabs to appear on multiple lines below the web content */ /* Tab reordering will not work and can't be made to work */ +/* !!!WARNING!!! */ +/* This style completely breaks extension popups. As a workaround, you can pin the extension buttons to overflow menu which allows them to work. */ + /* Make menubar enabled for getting window controls in correct place. Menubar options will be shown as overlay when mouse is at top-left corner */ /* It's recommended to move tabs new-tab-button outside tabs toolbar */ From 24e7d5926731451367ffb54da71fa903df2e6e0d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Thu, 21 May 2020 09:41:19 +0300 Subject: [PATCH 0361/1101] remove note about some pre Fx66 behavior --- chrome/multi-row_tabs.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index 210ebae..ad8ee3e 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -2,11 +2,10 @@ /* Tab reordering will not work and can't be made to work */ /* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/ -/* It's recommended to move tabs new-tab-button outside tabs toolbar */ +/* You might want to move tabs-new-tab-button outside tabs toolbar for smoother behavior */ /* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll */ -/* This maximum visible rows won't work before Fx66 */ -/* So this setting does nothing on Fx65 and all tab rows will be shown */ + :root{ --multirow-n-rows: 3; --multirow-tab-min-width: 100px; From 84ec1414ddf779cb1e4d3baa415afa23845cc637 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 08:13:58 +0300 Subject: [PATCH 0362/1101] Add source/license notices --- chrome/Fx65_tabs_on_bottom.css | 3 +++ chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css | 3 +++ chrome/autohide_bookmarks_toolbar.css | 3 +++ chrome/autohide_menubar.css | 3 +++ chrome/autohide_navigation_button.css | 3 +++ chrome/autohide_sidebar.css | 3 +++ chrome/autohide_tabstoolbar.css | 3 +++ chrome/autohide_toolbox.css | 3 +++ chrome/blank_page_background.css | 3 +++ chrome/bookmarksbar_on_new_tabs_only.css | 3 +++ chrome/button_effect_icon_glow.css | 3 +++ chrome/button_effect_scale_onclick.css | 3 +++ chrome/button_effect_scale_onhover.css | 3 +++ chrome/classic_grid_main_menu_popup.css | 3 +++ chrome/click_selected_tab_to_focus_urlbar.css | 3 +++ chrome/color_variable_template.css | 3 +++ chrome/combined_favicon_and_tab_close_button.css | 3 +++ chrome/compact_urlbar_megabar.css | 3 +++ chrome/dark_additional_windows.css | 3 +++ chrome/dark_checkboxes_and_radios.css | 3 +++ chrome/dark_context_menus.css | 3 +++ chrome/dark_theme_aware_statuspanel.css | 3 +++ chrome/disable_newtab_on_middle_click.css | 3 +++ chrome/fake_statusbar.css | 3 +++ chrome/floating_findbar_on_top.css | 3 +++ chrome/full_width_urlbar_popup.css | 3 +++ chrome/google_style_urlbar_popup.css | 3 +++ chrome/grid_overflow_menu.css | 3 +++ chrome/hide_statuspanel_when_fullscreen.css | 3 +++ chrome/hide_tabs_toolbar.css | 3 +++ chrome/hide_tabs_with_one_tab.css | 3 +++ chrome/hide_tabs_with_one_tab_w_window_controls.css | 3 +++ chrome/hide_toolbox_top_bottom_borders.css | 3 +++ chrome/hide_urlbar_first_row.css | 3 +++ chrome/linux_gtk_window_control_patch.css | 3 +++ chrome/menubar_in_toolbar.css | 3 +++ chrome/menubar_in_toolbar_oneliner_compatible.css | 3 +++ chrome/minimal_in-UI_scrollbars.css | 3 +++ chrome/minimal_text_fields.css | 3 +++ chrome/minimal_toolbarbuttons.css | 3 +++ chrome/minimal_toolbarbuttons_v2.css | 3 +++ chrome/minimal_toolbarbuttons_v3.css | 3 +++ chrome/more_visible_tab_icon.css | 3 +++ chrome/multi-row_bookmarks.css | 3 +++ chrome/multi-row_oneliner_combo_patch.css | 3 +++ chrome/multi-row_tabs.css | 3 +++ chrome/multi-row_tabs_Fx66+.css | 3 +++ chrome/multi-row_tabs_below_content.css | 3 +++ chrome/multi-row_tabs_below_content_legacy.css | 3 +++ chrome/multi-row_tabs_legacy.css | 3 +++ chrome/multi-row_tabs_window_control_patch.css | 3 +++ chrome/navbar_below_content.css | 3 +++ chrome/navbar_tabs_oneliner.css | 3 +++ chrome/navbar_tabs_oneliner_menu_buttons_on_right.css | 3 +++ chrome/navbar_tabs_oneliner_tabs_on_left.css | 3 +++ chrome/navbar_tabs_responsive_oneliner.css | 3 +++ chrome/navigation_buttons_inside_urlbar.css | 3 +++ chrome/numbered_tabs.css | 3 +++ chrome/overlay_menubar.css | 3 +++ chrome/overlay_scrollbars.as.css | 3 +++ chrome/page_action_buttons_on_hover.css | 3 +++ chrome/pinned_tabs_on_right.css | 3 +++ chrome/scrollable_menupopups.css | 3 +++ chrome/scrollable_urlbar_popup.css | 3 +++ chrome/show_navbar_on_focus_only.css | 3 +++ chrome/show_window_title_in_menubar.css | 3 +++ chrome/status_inside_urlbar.css | 3 +++ chrome/tab_close_button_always_on_hover.css | 3 +++ chrome/tab_loading_progress_throbber.css | 3 +++ chrome/tabs_animated_gradient_border.css | 3 +++ chrome/tabs_below_content.css | 3 +++ chrome/tabs_fill_available_width.css | 3 +++ chrome/textual_context_navigation.css | 3 +++ chrome/theme_additional_windows.css | 3 +++ chrome/theme_color_variables.css | 3 +++ chrome/theme_popups_and_menus.css | 3 +++ chrome/theme_sidebar.css | 3 +++ chrome/theme_toolbars.css | 3 +++ chrome/toggle_bookmarksbar_with_alt.css | 3 +++ chrome/toggle_tabs_toolbar_with_alt.css | 3 +++ chrome/toolbarbuttons_icon+label.css | 3 +++ chrome/toolbars_below_content.css | 3 +++ chrome/urlbar_and_popup_equal_width.css | 3 +++ chrome/urlbar_centered_text.css | 3 +++ chrome/urlbar_full_width.css | 3 +++ chrome/urlbar_results_in_two_rows.css | 3 +++ chrome/urlbar_visible_on_active_tab_click.css | 3 +++ chrome/vertical_context_navigation.css | 3 +++ chrome/vertical_context_navigation_v2.css | 3 +++ chrome/vertical_menubar.css | 3 +++ chrome/window_control_placeholder_support.css | 3 +++ content/about_page_scrollbars.css | 3 +++ content/addon_manage_buttons_without_popup.css | 3 +++ content/compact_addons_manager.css | 3 +++ content/css_scrollbar_width_color.css | 3 +++ content/dark_settings_pages.css | 3 +++ content/high_contrast_extended_style.css | 3 +++ content/limit_css_data_leak.css | 3 +++ content/multi_column_addons.css | 3 +++ content/newtab_background_color.css | 3 +++ content/transparent_reader_toolbar.css | 3 +++ content/two_column_addons.css | 3 +++ 102 files changed, 306 insertions(+) diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 5d87707..20e9a42 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/Fx65_tabs_on_bottom.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Modify to change window drag space width */ /* Use Fx65_tabs_on_bottom_menubar_on_top_patch.css if you diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css index e642708..3b3bc88 100644 --- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css +++ b/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Menubar on top patch - use with Fx65_tabs_on_bottom.css */ /* Only really useful if menubar is ALWAYS visible */ diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css index f4dd9a2..763ecb1 100644 --- a/chrome/autohide_bookmarks_toolbar.css +++ b/chrome/autohide_bookmarks_toolbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + #PersonalToolbar{ --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */ --uc-bm-padding: 2px; /* Vertical padding to be applied to bookmarks */ diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 7281c2b..b71c74c 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_menubar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes menubar behave like on mac */ /* Menubar will be shown when cursor touches top of the spacers on both side of tabs. Window controls will be in menubar, so they are automatically hidden */ /* Make sure you have menubar enabled */ diff --git a/chrome/autohide_navigation_button.css b/chrome/autohide_navigation_button.css index 1a01ddf..dd64567 100644 --- a/chrome/autohide_navigation_button.css +++ b/chrome/autohide_navigation_button.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_navigation_button.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Hides navigation-buttons (back/forward/stop/reload) buttons and shows them when cursor is over the right edge of urlbar */ /* Disabled button are completely hidden, such as back-button when there is no page to go back to */ diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css index 68b211b..0d17285 100644 --- a/chrome/autohide_sidebar.css +++ b/chrome/autohide_sidebar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show sidebar only when the cursor is over it */ /* The border controlling sidebar width will be removed so you'll need to modify these values to change width */ diff --git a/chrome/autohide_tabstoolbar.css b/chrome/autohide_tabstoolbar.css index d23ab74..c7835ff 100644 --- a/chrome/autohide_tabstoolbar.css +++ b/chrome/autohide_tabstoolbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_tabstoolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Hide tabs unless cursor is on top of toolbar */ @keyframes slidein{ diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css index 6c2453d..49f69d0 100644 --- a/chrome/autohide_toolbox.css +++ b/chrome/autohide_toolbox.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_toolbox.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */ /* Dimensions on non-Win10 OS probably needs to be adjusted */ diff --git a/chrome/blank_page_background.css b/chrome/blank_page_background.css index 2aa543f..f518691 100644 --- a/chrome/blank_page_background.css +++ b/chrome/blank_page_background.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/blank_page_background.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Set blank page background-color */ /* Uses color from theme_colors if available */ diff --git a/chrome/bookmarksbar_on_new_tabs_only.css b/chrome/bookmarksbar_on_new_tabs_only.css index 108ea1a..88b3e45 100644 --- a/chrome/bookmarksbar_on_new_tabs_only.css +++ b/chrome/bookmarksbar_on_new_tabs_only.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/bookmarksbar_on_new_tabs_only.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* This stylesheet is deprecated since Firefox 72 */ /* Use autohide_bookmarks_toolbar.css instead */ diff --git a/chrome/button_effect_icon_glow.css b/chrome/button_effect_icon_glow.css index ea3a09e..689dc05 100644 --- a/chrome/button_effect_icon_glow.css +++ b/chrome/button_effect_icon_glow.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/button_effect_icon_glow.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Replace the button background-colors with a glow effect */ /* Edit the color choices how you see fit */ diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css index 2fcd2bb..037c4e9 100644 --- a/chrome/button_effect_scale_onclick.css +++ b/chrome/button_effect_scale_onclick.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/button_effect_scale_onclick.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Effect */ :root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px } diff --git a/chrome/button_effect_scale_onhover.css b/chrome/button_effect_scale_onhover.css index 95f0968..f526741 100644 --- a/chrome/button_effect_scale_onhover.css +++ b/chrome/button_effect_scale_onhover.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/button_effect_scale_onhover.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Effect */ :root:not([uidensity="compact"]) #back-button{ --uc-back-extra-padding: 2px } diff --git a/chrome/classic_grid_main_menu_popup.css b/chrome/classic_grid_main_menu_popup.css index 5c6accb..ebcb589 100644 --- a/chrome/classic_grid_main_menu_popup.css +++ b/chrome/classic_grid_main_menu_popup.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/classic_grid_main_menu_popup.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes the main menu popup apper in grid-like format that somewhat resembles the menu from Australis styling */ /* Basic styling */ diff --git a/chrome/click_selected_tab_to_focus_urlbar.css b/chrome/click_selected_tab_to_focus_urlbar.css index a28616b..6a423b8 100644 --- a/chrome/click_selected_tab_to_focus_urlbar.css +++ b/chrome/click_selected_tab_to_focus_urlbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/click_selected_tab_to_focus_urlbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Clicking selected tab selects focuses urlbar */ /* Selected tab cannot be normally clicked (right-,middle- or left-clicked) EXCEPT from the tab icon */ diff --git a/chrome/color_variable_template.css b/chrome/color_variable_template.css index df8e44f..d1d4a6f 100644 --- a/chrome/color_variable_template.css +++ b/chrome/color_variable_template.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/color_variable_template.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* You should enable any non-default theme for these to apply properly. Built-in dark and light themes should work */ :root{ /* Popup panels */ diff --git a/chrome/combined_favicon_and_tab_close_button.css b/chrome/combined_favicon_and_tab_close_button.css index 6992bb8..d38b5ac 100644 --- a/chrome/combined_favicon_and_tab_close_button.css +++ b/chrome/combined_favicon_and_tab_close_button.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/combined_favicon_and_tab_close_button.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show tab close button when cursor is over the tab icon */ .tab-close-button{ diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css index b94a98d..671b1ef 100644 --- a/chrome/compact_urlbar_megabar.css +++ b/chrome/compact_urlbar_megabar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_urlbar_megabar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Make urlbar megabar appear more compact */ /* Set the pref browser.urlbar.megabar to true */ #urlbar[breakout]{ diff --git a/chrome/dark_additional_windows.css b/chrome/dark_additional_windows.css index 88cf469..fef052f 100644 --- a/chrome/dark_additional_windows.css +++ b/chrome/dark_additional_windows.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_additional_windows.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Dark library, page-info and bookmark-properties */ /* Color scheme matches default dark theme */ diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index 6cca2ae..a9f5b2c 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_checkboxes_and_radios.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Change the appearance of natively styled widgets including radios, checkboxes, buttons and expender "dropdown" arrows */ /* Their background will be transparent instead of white so they will appear fitting to whatever is on the background */ /* As such, this might cause a small issue if the background happens to be same color as the border of these buttons or the checkbox-image */ diff --git a/chrome/dark_context_menus.css b/chrome/dark_context_menus.css index 930860f..dd48abd 100644 --- a/chrome/dark_context_menus.css +++ b/chrome/dark_context_menus.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_context_menus.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes context menus dark. Also affects some portions of menu popups */ /* Uses dark theme colors but does not respect dark theme variables (they wouldn't work on sidebar context menu) */ diff --git a/chrome/dark_theme_aware_statuspanel.css b/chrome/dark_theme_aware_statuspanel.css index 1431891..43a6677 100644 --- a/chrome/dark_theme_aware_statuspanel.css +++ b/chrome/dark_theme_aware_statuspanel.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/dark_theme_aware_statuspanel.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes statuspanel aware of the the theme text color Meaning, if theme text is light then the statuspanel uses dark background and light text. On themes with dark text the statuspanel has normal appearance. diff --git a/chrome/disable_newtab_on_middle_click.css b/chrome/disable_newtab_on_middle_click.css index 01aa206..57218a4 100644 --- a/chrome/disable_newtab_on_middle_click.css +++ b/chrome/disable_newtab_on_middle_click.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/disable_newtab_on_middle_click.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Prevents middle-clicking in empty area in tabs toolbar from opening new tabs */ #tabbrowser-arrowscrollbox{pointer-events: none} diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar.css index 5a450ef..2f94b4a 100644 --- a/chrome/fake_statusbar.css +++ b/chrome/fake_statusbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_statusbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Creates a statusbar by using menubar */ /* Since it's really the menubar this won't work if you also want the menubar on top of the screen */ diff --git a/chrome/floating_findbar_on_top.css b/chrome/floating_findbar_on_top.css index 240d6a6..b54fc95 100644 --- a/chrome/floating_findbar_on_top.css +++ b/chrome/floating_findbar_on_top.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/floating_findbar_on_top.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + findbar{ -moz-box-ordinal-group: 0; margin-bottom: calc(0px - 2 * var(--toolbarbutton-inner-padding) - 25px); diff --git a/chrome/full_width_urlbar_popup.css b/chrome/full_width_urlbar_popup.css index 3e12a42..c55cc13 100644 --- a/chrome/full_width_urlbar_popup.css +++ b/chrome/full_width_urlbar_popup.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/full_width_urlbar_popup.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* DEPRECATED - USE urlbar_full_width.css instead */ /* Makes urlbar popup fit to window width, like in Firefox versions < 71 without "Megabar" */ diff --git a/chrome/google_style_urlbar_popup.css b/chrome/google_style_urlbar_popup.css index 18d0432..f0017c9 100644 --- a/chrome/google_style_urlbar_popup.css +++ b/chrome/google_style_urlbar_popup.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/google_style_urlbar_popup.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* DEPRECATED AS OF FIREFOX 77 */ /* Makes urlbar popup to appear Like on various Google search services */ diff --git a/chrome/grid_overflow_menu.css b/chrome/grid_overflow_menu.css index d8e607e..bffeee4 100644 --- a/chrome/grid_overflow_menu.css +++ b/chrome/grid_overflow_menu.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/grid_overflow_menu.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes the contents of the overflow menu appear in a three column grid */ /* Hides button labels */ diff --git a/chrome/hide_statuspanel_when_fullscreen.css b/chrome/hide_statuspanel_when_fullscreen.css index 82dbc57..d70469a 100644 --- a/chrome/hide_statuspanel_when_fullscreen.css +++ b/chrome/hide_statuspanel_when_fullscreen.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_statuspanel_when_fullscreen.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Always hide status-panel when the page is in fullscreen mode such as fullscreen video player */ /* No effect on Firefox fullscreen mode (activated with F11 key) - except when the page is in fullscreen */ diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 6809e8c..8dae3de 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Hide tabs toolbar Fx65+ */ /* IMPORTANT */ diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css index 9f9ccf8..c0a88bc 100644 --- a/chrome/hide_tabs_with_one_tab.css +++ b/chrome/hide_tabs_with_one_tab.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_with_one_tab.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ /* Firefox 65+ only */ diff --git a/chrome/hide_tabs_with_one_tab_w_window_controls.css b/chrome/hide_tabs_with_one_tab_w_window_controls.css index 9b3d407..5c0c6c7 100644 --- a/chrome/hide_tabs_with_one_tab_w_window_controls.css +++ b/chrome/hide_tabs_with_one_tab_w_window_controls.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_with_one_tab_w_window_controls.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes tabs toolbar items zero-height initially and sets enlarge them to fill up space equal to tab-min-height set on tabs */ /* Firefox 65+ only */ /* !!USER!! - REMOVE ALL BUTTONS you can from the tabs toolbar */ diff --git a/chrome/hide_toolbox_top_bottom_borders.css b/chrome/hide_toolbox_top_bottom_borders.css index 7377f27..91b6df5 100644 --- a/chrome/hide_toolbox_top_bottom_borders.css +++ b/chrome/hide_toolbox_top_bottom_borders.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_toolbox_top_bottom_borders.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + :root[sizemode="normal"]{ border-top: none !important } #navigator-toolbox::after{ content: none !important } #navigator-toolbox{ border-bottom: none !important } diff --git a/chrome/hide_urlbar_first_row.css b/chrome/hide_urlbar_first_row.css index 21aae65..9c89c28 100644 --- a/chrome/hide_urlbar_first_row.css +++ b/chrome/hide_urlbar_first_row.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_urlbar_first_row.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Hides the first item in the urlbar dropdown if it is a "search with" or "visit" item. Does not hide "search in private window item", probably */ #urlbar[usertyping] .urlbarView-row:not([type]):first-child, diff --git a/chrome/linux_gtk_window_control_patch.css b/chrome/linux_gtk_window_control_patch.css index a74569a..419ce52 100644 --- a/chrome/linux_gtk_window_control_patch.css +++ b/chrome/linux_gtk_window_control_patch.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/linux_gtk_window_control_patch.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Overrides the appearance of the window controls with something that more closely matches "normal" buttons*/ /* More importantly, this makes window controls to respect layout rules the other styles rely on */ diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_toolbar.css index 80818e1..762188b 100644 --- a/chrome/menubar_in_toolbar.css +++ b/chrome/menubar_in_toolbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_toolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes menubar to appear in tabs toolbar pushing tabs to the side */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ margin-left:300px !important; diff --git a/chrome/menubar_in_toolbar_oneliner_compatible.css b/chrome/menubar_in_toolbar_oneliner_compatible.css index cfab00e..f335a54 100644 --- a/chrome/menubar_in_toolbar_oneliner_compatible.css +++ b/chrome/menubar_in_toolbar_oneliner_compatible.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_toolbar_oneliner_compatible.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Use with navbar_tabs_oneliner.css */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ diff --git a/chrome/minimal_in-UI_scrollbars.css b/chrome/minimal_in-UI_scrollbars.css index 5d90ad4..25ba5e2 100644 --- a/chrome/minimal_in-UI_scrollbars.css +++ b/chrome/minimal_in-UI_scrollbars.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/minimal_in-UI_scrollbars.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Changes various in-UI scrollabars to be slim and more subtle */ .panel-subview-body, diff --git a/chrome/minimal_text_fields.css b/chrome/minimal_text_fields.css index abaad6b..263c18f 100644 --- a/chrome/minimal_text_fields.css +++ b/chrome/minimal_text_fields.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/minimal_text_fields.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + :root:not([customizing]){ --lwt-toolbar-field-background-color: transparent !important; --lwt-toolbar-field-border-color: transparent !important; diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 2656fab..9fdc1ac 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/minimal_toolbarbuttons.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Create a circular placeholder for toolbarbutton and downscale to hide them */ /* Create a placeholder for buttons */ diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index c2cfebd..b3f42a1 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/minimal_toolbarbuttons_v2.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Create a circular placeholder for toolbarbutton and downscale to hide them */ /* diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css index b5171a7..1083392 100644 --- a/chrome/minimal_toolbarbuttons_v3.css +++ b/chrome/minimal_toolbarbuttons_v3.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/minimal_toolbarbuttons_v3.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Create a circular placeholder for toolbarbutton and downscale to hide them */ /* Create a placeholder for buttons */ diff --git a/chrome/more_visible_tab_icon.css b/chrome/more_visible_tab_icon.css index 9de2a57..2c384db 100644 --- a/chrome/more_visible_tab_icon.css +++ b/chrome/more_visible_tab_icon.css @@ -1,2 +1,5 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/more_visible_tab_icon.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes black favicons more visible on dark background, contrast will be lowered though */ .tab-icon-image{ filter: invert(40%) contrast(250%) saturate(250%) !important; } \ No newline at end of file diff --git a/chrome/multi-row_bookmarks.css b/chrome/multi-row_bookmarks.css index 938e4ae..af0df5f 100755 --- a/chrome/multi-row_bookmarks.css +++ b/chrome/multi-row_bookmarks.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_bookmarks.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes bookmarks toolbar span multiple rows */ #PersonalToolbar{ diff --git a/chrome/multi-row_oneliner_combo_patch.css b/chrome/multi-row_oneliner_combo_patch.css index 7b146fe..f2bf41c 100644 --- a/chrome/multi-row_oneliner_combo_patch.css +++ b/chrome/multi-row_oneliner_combo_patch.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_oneliner_combo_patch.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* This a compatibility patch to combine multi-row_tabs.css and navbar_tabs_responsive_oneliner.css diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css index ad8ee3e..8abeed2 100644 --- a/chrome/multi-row_tabs.css +++ b/chrome/multi-row_tabs.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes tabs to appear on multiple lines */ /* Tab reordering will not work and can't be made to work */ /* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/ diff --git a/chrome/multi-row_tabs_Fx66+.css b/chrome/multi-row_tabs_Fx66+.css index 9f81de4..ca52087 100644 --- a/chrome/multi-row_tabs_Fx66+.css +++ b/chrome/multi-row_tabs_Fx66+.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_Fx66+.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* For Firefox 66+ */ /* Use multi-row_tabs_window_control_patch.css to hide window controls if you wish */ /* This file is obsolete, you can use multi-row_tabs.css which should work on Firefox pre- and post-66 */ diff --git a/chrome/multi-row_tabs_below_content.css b/chrome/multi-row_tabs_below_content.css index ae90cfb..d06442d 100644 --- a/chrome/multi-row_tabs_below_content.css +++ b/chrome/multi-row_tabs_below_content.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_below_content.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes tabs to appear on multiple lines below the web content */ /* Tab reordering will not work and can't be made to work */ diff --git a/chrome/multi-row_tabs_below_content_legacy.css b/chrome/multi-row_tabs_below_content_legacy.css index 684851d..22b1895 100644 --- a/chrome/multi-row_tabs_below_content_legacy.css +++ b/chrome/multi-row_tabs_below_content_legacy.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_below_content_legacy.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes tabs to appear on multiple lines below the web content */ /* Tab reordering will not work and can't be made to work */ diff --git a/chrome/multi-row_tabs_legacy.css b/chrome/multi-row_tabs_legacy.css index 759b5e5..329e745 100644 --- a/chrome/multi-row_tabs_legacy.css +++ b/chrome/multi-row_tabs_legacy.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_legacy.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes tabs to appear on multiple lines */ /* Tab reordering will not work and can't be made to work */ /* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/ diff --git a/chrome/multi-row_tabs_window_control_patch.css b/chrome/multi-row_tabs_window_control_patch.css index a3c92e3..9fe1f35 100644 --- a/chrome/multi-row_tabs_window_control_patch.css +++ b/chrome/multi-row_tabs_window_control_patch.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/multi-row_tabs_window_control_patch.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* This is a supporting style for multi-row_tabs.css*/ /* !! Use customize mode to make menubar permanently enabled !! */ diff --git a/chrome/navbar_below_content.css b/chrome/navbar_below_content.css index 239414a..85a2252 100644 --- a/chrome/navbar_below_content.css +++ b/chrome/navbar_below_content.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navbar_below_content.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Moves the main toolbar (#nav-bar) to the bottom of the window */ /* REQUIRES browser.urlbar.update1 to be true, otherwise urlbar won't show any results */ diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index 13844da..ef47d72 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navbar_tabs_oneliner.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Make tabs and navbar appear side-by-side tabs on right */ /* Use page_action_buttons_on_hover.css to hide page-action-buttons to save more space for the address */ diff --git a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css index 5d6f653..a4090b5 100644 --- a/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css +++ b/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navbar_tabs_oneliner_menu_buttons_on_right.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Variation of oneliner where menubutton and overflow button are next to window controls (if window controls are on right side) */ /* IMPORTANT */ diff --git a/chrome/navbar_tabs_oneliner_tabs_on_left.css b/chrome/navbar_tabs_oneliner_tabs_on_left.css index 75d6b3f..844ef10 100644 --- a/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navbar_tabs_oneliner_tabs_on_left.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /*Make tabs and navbar appear side-by-side tabs on left */ /* IMPORTANT */ diff --git a/chrome/navbar_tabs_responsive_oneliner.css b/chrome/navbar_tabs_responsive_oneliner.css index 3d3ecf6..3db0c3d 100644 --- a/chrome/navbar_tabs_responsive_oneliner.css +++ b/chrome/navbar_tabs_responsive_oneliner.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navbar_tabs_responsive_oneliner.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Make tabs and navbar appear side-by-side tabs on right */ /* Use page_action_buttons_on_hover.css to hide page-action-buttons to save more space for the address */ diff --git a/chrome/navigation_buttons_inside_urlbar.css b/chrome/navigation_buttons_inside_urlbar.css index b7987b8..35bd515 100644 --- a/chrome/navigation_buttons_inside_urlbar.css +++ b/chrome/navigation_buttons_inside_urlbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/navigation_buttons_inside_urlbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Requires you to edit toolbar layout. Put buttons directly to the right of the urlbar in this order: */ /* Actually, the order of reload and back-buttons doesn't matter */ diff --git a/chrome/numbered_tabs.css b/chrome/numbered_tabs.css index 08d637f..0710e7d 100644 --- a/chrome/numbered_tabs.css +++ b/chrome/numbered_tabs.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/numbered_tabs.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show a number before tab text*/ .tabbrowser-tab:first-child{ counter-reset: nth-tab 0 } /* Change to -1 for 0-indexing */ diff --git a/chrome/overlay_menubar.css b/chrome/overlay_menubar.css index d3f797f..46e7fda 100644 --- a/chrome/overlay_menubar.css +++ b/chrome/overlay_menubar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_menubar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes menubar appear as overlay in the top left corner */ #toolbar-menubar{ diff --git a/chrome/overlay_scrollbars.as.css b/chrome/overlay_scrollbars.as.css index 3282588..5c81e23 100644 --- a/chrome/overlay_scrollbars.as.css +++ b/chrome/overlay_scrollbars.as.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_scrollbars.as.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* This is supposed to be loaded as a agent sheet via autoconfig */ /* It will not work otherwise and might do unexpected things */ diff --git a/chrome/page_action_buttons_on_hover.css b/chrome/page_action_buttons_on_hover.css index 36fb568..6d87a20 100644 --- a/chrome/page_action_buttons_on_hover.css +++ b/chrome/page_action_buttons_on_hover.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/page_action_buttons_on_hover.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Page action-buttons "slide in" when cursor is on top of them and don't reserve space when not used */ #page-action-buttons > *[class^=urlbar-icon]{ diff --git a/chrome/pinned_tabs_on_right.css b/chrome/pinned_tabs_on_right.css index e8a1491..a0fa479 100644 --- a/chrome/pinned_tabs_on_right.css +++ b/chrome/pinned_tabs_on_right.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/pinned_tabs_on_right.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show pinned tabs on right side of normal tabs */ /* This is stupid hack that barely works and might lead to some very unexpected behavior */ diff --git a/chrome/scrollable_menupopups.css b/chrome/scrollable_menupopups.css index 7d628f7..c54d71c 100644 --- a/chrome/scrollable_menupopups.css +++ b/chrome/scrollable_menupopups.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/scrollable_menupopups.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + .menupopup-arrowscrollbox{ --uc-scrollbox-overflow: auto; --uc-scrollbutton-display-model: none; diff --git a/chrome/scrollable_urlbar_popup.css b/chrome/scrollable_urlbar_popup.css index db7bdbe..da8a887 100644 --- a/chrome/scrollable_urlbar_popup.css +++ b/chrome/scrollable_urlbar_popup.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/scrollable_urlbar_popup.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes the urlbar dropdown scrollable */ /* Modify the pref browser.urlbar.maxRichResults to set how many results should be shown */ diff --git a/chrome/show_navbar_on_focus_only.css b/chrome/show_navbar_on_focus_only.css index c4a1a8a..ed10019 100644 --- a/chrome/show_navbar_on_focus_only.css +++ b/chrome/show_navbar_on_focus_only.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/show_navbar_on_focus_only.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Hides #nav-bar and overlays it on top of tabs when urlbar is focused */ /* overlay_menubar.css can be used for better handling of menubar when triggered with Alt-key */ /* This style totally breaks bookmarks toolbar but can be used with autohide_bookmarks_toolbar.css */ diff --git a/chrome/show_window_title_in_menubar.css b/chrome/show_window_title_in_menubar.css index 7bda4b0..57e1f06 100644 --- a/chrome/show_window_title_in_menubar.css +++ b/chrome/show_window_title_in_menubar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/show_window_title_in_menubar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Shows window title in menubar */ /* Enable menubar for correct behavior */ @-moz-document url(chrome://browser/content/browser.xhtml){ diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index 18be053..e26b0e4 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/status_inside_urlbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* STATUSPANEL INSIDE URLBAR */ /************** diff --git a/chrome/tab_close_button_always_on_hover.css b/chrome/tab_close_button_always_on_hover.css index 49a0d48..35837f9 100644 --- a/chrome/tab_close_button_always_on_hover.css +++ b/chrome/tab_close_button_always_on_hover.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_close_button_always_on_hover.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Always show tab close button on hover and never otherwise */ .tabbrowser-tab .tab-close-button{ display:none; diff --git a/chrome/tab_loading_progress_throbber.css b/chrome/tab_loading_progress_throbber.css index 771293c..903d54b 100644 --- a/chrome/tab_loading_progress_throbber.css +++ b/chrome/tab_loading_progress_throbber.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tab_loading_progress_throbber.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Create a circular throbber inside tabs replacing the default one */ /* Doesn't really measure loading progress but sort of looks like it */ diff --git a/chrome/tabs_animated_gradient_border.css b/chrome/tabs_animated_gradient_border.css index 00932bd..bc68077 100644 --- a/chrome/tabs_animated_gradient_border.css +++ b/chrome/tabs_animated_gradient_border.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_animated_gradient_border.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Adds animated gradient border below tabs and around selected tab */ /* Might or might not work, no promises */ diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css index ee2b71c..178e87c 100644 --- a/chrome/tabs_below_content.css +++ b/chrome/tabs_below_content.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_below_content.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* IMPORTANT */ /* diff --git a/chrome/tabs_fill_available_width.css b/chrome/tabs_fill_available_width.css index 6aef0f4..b8890dc 100644 --- a/chrome/tabs_fill_available_width.css +++ b/chrome/tabs_fill_available_width.css @@ -1,2 +1,5 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_fill_available_width.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Why 100vw? Tab closing requires width animation to end and "none" can't be animated */ .tabbrowser-tab[fadein]{ max-width: 100vw !important } \ No newline at end of file diff --git a/chrome/textual_context_navigation.css b/chrome/textual_context_navigation.css index fbfe93b..a72bbae 100644 --- a/chrome/textual_context_navigation.css +++ b/chrome/textual_context_navigation.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/textual_context_navigation.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes constext navigation buttons appears as normal textual menuitems */ #context-navigation{ -moz-box-orient: vertical } diff --git a/chrome/theme_additional_windows.css b/chrome/theme_additional_windows.css index 5ba9f4d..982200f 100644 --- a/chrome/theme_additional_windows.css +++ b/chrome/theme_additional_windows.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_additional_windows.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Color editing should generally be done in theme_color_variables.css */ /*!!! IMPORT theme_color_variables.css !!!*/ diff --git a/chrome/theme_color_variables.css b/chrome/theme_color_variables.css index 0a60c5c..ef41039 100644 --- a/chrome/theme_color_variables.css +++ b/chrome/theme_color_variables.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_color_variables.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Color controls for theme_***.css files */ :root{ --uc-dark-bkgnd-color: rgb(12,16,32); diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index 2b5c67e..b73d073 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_popups_and_menus.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes popups, menus and context menus dark */ /* Color editing should generally be done in theme_color_variables.css */ diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css index 7b74c18..951461d 100644 --- a/chrome/theme_sidebar.css +++ b/chrome/theme_sidebar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_sidebar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Colors for bookmarks and history sidebars */ /* Color editing should generally be done in theme_color_variables.css */ diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index 9b707e9..bdd545f 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/theme_toolbars.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* General toolbar coloring - buttons, text, findbar etc. */ /* Color editing should generally be done in theme_color_variables.css */ diff --git a/chrome/toggle_bookmarksbar_with_alt.css b/chrome/toggle_bookmarksbar_with_alt.css index 833850d..bfd3d38 100644 --- a/chrome/toggle_bookmarksbar_with_alt.css +++ b/chrome/toggle_bookmarksbar_with_alt.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toggle_bookmarksbar_with_alt.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Pretty much requires either menubar_in-toolbar or the oneliner compatible one */ /* Otherwise the changing vertical position causes bookmarks to be unclickable */ /* NOT COMPATIBLE with Fx65+ */ diff --git a/chrome/toggle_tabs_toolbar_with_alt.css b/chrome/toggle_tabs_toolbar_with_alt.css index f625c22..3dc37c7 100644 --- a/chrome/toggle_tabs_toolbar_with_alt.css +++ b/chrome/toggle_tabs_toolbar_with_alt.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toggle_tabs_toolbar_with_alt.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show tabs toolbar with Alt-key. Menubar must be disabled for this to work */ #titlebar { -moz-appearance: none !important } diff --git a/chrome/toolbarbuttons_icon+label.css b/chrome/toolbarbuttons_icon+label.css index e4675af..4807635 100644 --- a/chrome/toolbarbuttons_icon+label.css +++ b/chrome/toolbarbuttons_icon+label.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbarbuttons_icon+label.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Shows both icon and label for toolbarbuttons */ toolbar .toolbarbutton-1[label]{ -moz-box-orient: vertical } diff --git a/chrome/toolbars_below_content.css b/chrome/toolbars_below_content.css index 3d0a593..b903bde 100644 --- a/chrome/toolbars_below_content.css +++ b/chrome/toolbars_below_content.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/toolbars_below_content.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */ /* Menubar will stay on top with two options to select it's behavior - see below */ diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index 81ed5f4..5105a46 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_and_popup_equal_width.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* DEPRECATED AS OF FIREFOX 75 */ /* Constrains urlbar popup to urlbar width */ /* Firefox 70+ */ diff --git a/chrome/urlbar_centered_text.css b/chrome/urlbar_centered_text.css index 22275ca..a375bb6 100644 --- a/chrome/urlbar_centered_text.css +++ b/chrome/urlbar_centered_text.css @@ -1,2 +1,5 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_centered_text.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + #urlbar:not([focused]) #urlbar-input, /* ID for Firefox 70 */ #urlbar:not([focused]) .urlbar-input{ text-align: center !important; } diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css index f13a2e6..b0e5b87 100644 --- a/chrome/urlbar_full_width.css +++ b/chrome/urlbar_full_width.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_full_width.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Make urlbar popup appear full size like it did before urlbar re-design */ #urlbar-container, diff --git a/chrome/urlbar_results_in_two_rows.css b/chrome/urlbar_results_in_two_rows.css index 4156f0d..ffad22e 100644 --- a/chrome/urlbar_results_in_two_rows.css +++ b/chrome/urlbar_results_in_two_rows.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_results_in_two_rows.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show urlbar rersults on two lines */ /* Firefox 71+ with megabar only */ diff --git a/chrome/urlbar_visible_on_active_tab_click.css b/chrome/urlbar_visible_on_active_tab_click.css index 980eff2..aa5059a 100644 --- a/chrome/urlbar_visible_on_active_tab_click.css +++ b/chrome/urlbar_visible_on_active_tab_click.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_visible_on_active_tab_click.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* NOTE This only works if tabs are on top */ .urlbar-input-box::before{ content:""; diff --git a/chrome/vertical_context_navigation.css b/chrome/vertical_context_navigation.css index ac31423..3c35b0e 100644 --- a/chrome/vertical_context_navigation.css +++ b/chrome/vertical_context_navigation.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_context_navigation.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* This very likely only works properly on Windows10 */ /* If this won't work correctly can try the v2 file */ diff --git a/chrome/vertical_context_navigation_v2.css b/chrome/vertical_context_navigation_v2.css index 235daad..6c1c051 100644 --- a/chrome/vertical_context_navigation_v2.css +++ b/chrome/vertical_context_navigation_v2.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_context_navigation_v2.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* This very likely only works properly on Windows10 */ /* This v2 uses transform instead of grid display which might or might not work better */ diff --git a/chrome/vertical_menubar.css b/chrome/vertical_menubar.css index 2397fb1..ee77e9d 100644 --- a/chrome/vertical_menubar.css +++ b/chrome/vertical_menubar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_menubar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Makes menubar appear vertically on the right side of the window */ /* The first element in the menubar is used to "toggle" the file-menu & friends */ diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 7e5eb1c..738bfdb 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/window_control_placeholder_support.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Creates placeholders for window controls */ /* This is a supporting file used by other stylesheets */ diff --git a/content/about_page_scrollbars.css b/content/about_page_scrollbars.css index fedc6f5..b129e95 100644 --- a/content/about_page_scrollbars.css +++ b/content/about_page_scrollbars.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/about_page_scrollbars.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + @-moz-document url-prefix("about:"){ window, page, diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css index 06b56c6..7174d30 100644 --- a/content/addon_manage_buttons_without_popup.css +++ b/content/addon_manage_buttons_without_popup.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/addon_manage_buttons_without_popup.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show addon management buttons without opening popup */ /* Show addon management buttons without opening popup */ diff --git a/content/compact_addons_manager.css b/content/compact_addons_manager.css index cb8b1f2..c554f06 100644 --- a/content/compact_addons_manager.css +++ b/content/compact_addons_manager.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/compact_addons_manager.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Make the installed addons list more compact, title + only */ /* Installed extensions list will be 3-6 columns wide, themes will be 2 columns wide. No effect on recommendations but those can be styled by adding two_column_html_addons.css */ /* Compatible with addon_manage_buttons_without_popup.css */ diff --git a/content/css_scrollbar_width_color.css b/content/css_scrollbar_width_color.css index c11ea66..ea78868 100644 --- a/content/css_scrollbar_width_color.css +++ b/content/css_scrollbar_width_color.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/css_scrollbar_width_color.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Scrollbar colors and width - applied globally */ @namespace url("http://www.w3.org/1999/xhtml"); :root{ scrollbar-color: rgb(210,210,210) rgb(42,42,46) } diff --git a/content/dark_settings_pages.css b/content/dark_settings_pages.css index 1b68025..169236b 100644 --- a/content/dark_settings_pages.css +++ b/content/dark_settings_pages.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/dark_settings_pages.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Recolors addons manager, preferences page and new about:config */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); diff --git a/content/high_contrast_extended_style.css b/content/high_contrast_extended_style.css index 843c33c..23b530b 100644 --- a/content/high_contrast_extended_style.css +++ b/content/high_contrast_extended_style.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/high_contrast_extended_style.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Intended to use with Firefox high contrast mode - forcing pages to use selected colors */ /* This applies few additional colors for selected page elements trying to "fix" common layout patterns without being specific to any page */ @-moz-document url-prefix("http"),url-prefix("about:"){ diff --git a/content/limit_css_data_leak.css b/content/limit_css_data_leak.css index b0055a3..bda18d0 100644 --- a/content/limit_css_data_leak.css +++ b/content/limit_css_data_leak.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/limit_css_data_leak.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Limit CSS data leak, POTENTIALLY BREAKS SOME SITES */ @namespace html url("http://www.w3.org/1999/xhtml"); diff --git a/content/multi_column_addons.css b/content/multi_column_addons.css index 7c85152..2dd739d 100644 --- a/content/multi_column_addons.css +++ b/content/multi_column_addons.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/multi_column_addons.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Multi-column addons for html addons manager available in Firefox 68 */ /* You can use compact_addons_manager.css with this to make things even more, well, compact */ /* Compatible with addon_manage_buttons_without_popup.css */ diff --git a/content/newtab_background_color.css b/content/newtab_background_color.css index 7ebb2f1..54e65d2 100644 --- a/content/newtab_background_color.css +++ b/content/newtab_background_color.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/newtab_background_color.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + @namespace url("http://www.w3.org/1999/xhtml"); @-moz-document url("about:home"),url("about:blank"),url("about:newtab"),url("about:privatebrowsing"){ diff --git a/content/transparent_reader_toolbar.css b/content/transparent_reader_toolbar.css index 444aa55..9fb5a3c 100644 --- a/content/transparent_reader_toolbar.css +++ b/content/transparent_reader_toolbar.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/transparent_reader_toolbar.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Toolbar is invisible until hovered */ @namespace html url("http://www.w3.org/1999/xhtml"); diff --git a/content/two_column_addons.css b/content/two_column_addons.css index b8f6bbd..d168022 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/content/two_column_addons.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Show addons in two columns */ /* This doesn't work for new html addons page available in Firefox 68 - use two_column_html_addons.css instead */ From 98e1161a828355356734e3876c89ce249f8f816f Mon Sep 17 00:00:00 2001 From: MrOtherGuy <31620503+MrOtherGuy@users.noreply.github.com> Date: Fri, 22 May 2020 08:14:33 +0300 Subject: [PATCH 0363/1101] Create LICENSE --- LICENSE | 373 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 373 insertions(+) create mode 100644 LICENSE diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..a612ad9 --- /dev/null +++ b/LICENSE @@ -0,0 +1,373 @@ +Mozilla Public License Version 2.0 +================================== + +1. Definitions +-------------- + +1.1. "Contributor" + means each individual or legal entity that creates, contributes to + the creation of, or owns Covered Software. + +1.2. "Contributor Version" + means the combination of the Contributions of others (if any) used + by a Contributor and that particular Contributor's Contribution. + +1.3. "Contribution" + means Covered Software of a particular Contributor. + +1.4. "Covered Software" + means Source Code Form to which the initial Contributor has attached + the notice in Exhibit A, the Executable Form of such Source Code + Form, and Modifications of such Source Code Form, in each case + including portions thereof. + +1.5. "Incompatible With Secondary Licenses" + means + + (a) that the initial Contributor has attached the notice described + in Exhibit B to the Covered Software; or + + (b) that the Covered Software was made available under the terms of + version 1.1 or earlier of the License, but not also under the + terms of a Secondary License. + +1.6. "Executable Form" + means any form of the work other than Source Code Form. + +1.7. "Larger Work" + means a work that combines Covered Software with other material, in + a separate file or files, that is not Covered Software. + +1.8. "License" + means this document. + +1.9. "Licensable" + means having the right to grant, to the maximum extent possible, + whether at the time of the initial grant or subsequently, any and + all of the rights conveyed by this License. + +1.10. "Modifications" + means any of the following: + + (a) any file in Source Code Form that results from an addition to, + deletion from, or modification of the contents of Covered + Software; or + + (b) any new file in Source Code Form that contains any Covered + Software. + +1.11. "Patent Claims" of a Contributor + means any patent claim(s), including without limitation, method, + process, and apparatus claims, in any patent Licensable by such + Contributor that would be infringed, but for the grant of the + License, by the making, using, selling, offering for sale, having + made, import, or transfer of either its Contributions or its + Contributor Version. + +1.12. "Secondary License" + means either the GNU General Public License, Version 2.0, the GNU + Lesser General Public License, Version 2.1, the GNU Affero General + Public License, Version 3.0, or any later versions of those + licenses. + +1.13. "Source Code Form" + means the form of the work preferred for making modifications. + +1.14. "You" (or "Your") + means an individual or a legal entity exercising rights under this + License. For legal entities, "You" includes any entity that + controls, is controlled by, or is under common control with You. For + purposes of this definition, "control" means (a) the power, direct + or indirect, to cause the direction or management of such entity, + whether by contract or otherwise, or (b) ownership of more than + fifty percent (50%) of the outstanding shares or beneficial + ownership of such entity. + +2. License Grants and Conditions +-------------------------------- + +2.1. Grants + +Each Contributor hereby grants You a world-wide, royalty-free, +non-exclusive license: + +(a) under intellectual property rights (other than patent or trademark) + Licensable by such Contributor to use, reproduce, make available, + modify, display, perform, distribute, and otherwise exploit its + Contributions, either on an unmodified basis, with Modifications, or + as part of a Larger Work; and + +(b) under Patent Claims of such Contributor to make, use, sell, offer + for sale, have made, import, and otherwise transfer either its + Contributions or its Contributor Version. + +2.2. Effective Date + +The licenses granted in Section 2.1 with respect to any Contribution +become effective for each Contribution on the date the Contributor first +distributes such Contribution. + +2.3. Limitations on Grant Scope + +The licenses granted in this Section 2 are the only rights granted under +this License. No additional rights or licenses will be implied from the +distribution or licensing of Covered Software under this License. +Notwithstanding Section 2.1(b) above, no patent license is granted by a +Contributor: + +(a) for any code that a Contributor has removed from Covered Software; + or + +(b) for infringements caused by: (i) Your and any other third party's + modifications of Covered Software, or (ii) the combination of its + Contributions with other software (except as part of its Contributor + Version); or + +(c) under Patent Claims infringed by Covered Software in the absence of + its Contributions. + +This License does not grant any rights in the trademarks, service marks, +or logos of any Contributor (except as may be necessary to comply with +the notice requirements in Section 3.4). + +2.4. Subsequent Licenses + +No Contributor makes additional grants as a result of Your choice to +distribute the Covered Software under a subsequent version of this +License (see Section 10.2) or under the terms of a Secondary License (if +permitted under the terms of Section 3.3). + +2.5. Representation + +Each Contributor represents that the Contributor believes its +Contributions are its original creation(s) or it has sufficient rights +to grant the rights to its Contributions conveyed by this License. + +2.6. Fair Use + +This License is not intended to limit any rights You have under +applicable copyright doctrines of fair use, fair dealing, or other +equivalents. + +2.7. Conditions + +Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted +in Section 2.1. + +3. Responsibilities +------------------- + +3.1. Distribution of Source Form + +All distribution of Covered Software in Source Code Form, including any +Modifications that You create or to which You contribute, must be under +the terms of this License. You must inform recipients that the Source +Code Form of the Covered Software is governed by the terms of this +License, and how they can obtain a copy of this License. You may not +attempt to alter or restrict the recipients' rights in the Source Code +Form. + +3.2. Distribution of Executable Form + +If You distribute Covered Software in Executable Form then: + +(a) such Covered Software must also be made available in Source Code + Form, as described in Section 3.1, and You must inform recipients of + the Executable Form how they can obtain a copy of such Source Code + Form by reasonable means in a timely manner, at a charge no more + than the cost of distribution to the recipient; and + +(b) You may distribute such Executable Form under the terms of this + License, or sublicense it under different terms, provided that the + license for the Executable Form does not attempt to limit or alter + the recipients' rights in the Source Code Form under this License. + +3.3. Distribution of a Larger Work + +You may create and distribute a Larger Work under terms of Your choice, +provided that You also comply with the requirements of this License for +the Covered Software. If the Larger Work is a combination of Covered +Software with a work governed by one or more Secondary Licenses, and the +Covered Software is not Incompatible With Secondary Licenses, this +License permits You to additionally distribute such Covered Software +under the terms of such Secondary License(s), so that the recipient of +the Larger Work may, at their option, further distribute the Covered +Software under the terms of either this License or such Secondary +License(s). + +3.4. Notices + +You may not remove or alter the substance of any license notices +(including copyright notices, patent notices, disclaimers of warranty, +or limitations of liability) contained within the Source Code Form of +the Covered Software, except that You may alter any license notices to +the extent required to remedy known factual inaccuracies. + +3.5. Application of Additional Terms + +You may choose to offer, and to charge a fee for, warranty, support, +indemnity or liability obligations to one or more recipients of Covered +Software. However, You may do so only on Your own behalf, and not on +behalf of any Contributor. You must make it absolutely clear that any +such warranty, support, indemnity, or liability obligation is offered by +You alone, and You hereby agree to indemnify every Contributor for any +liability incurred by such Contributor as a result of warranty, support, +indemnity or liability terms You offer. You may include additional +disclaimers of warranty and limitations of liability specific to any +jurisdiction. + +4. Inability to Comply Due to Statute or Regulation +--------------------------------------------------- + +If it is impossible for You to comply with any of the terms of this +License with respect to some or all of the Covered Software due to +statute, judicial order, or regulation then You must: (a) comply with +the terms of this License to the maximum extent possible; and (b) +describe the limitations and the code they affect. Such description must +be placed in a text file included with all distributions of the Covered +Software under this License. Except to the extent prohibited by statute +or regulation, such description must be sufficiently detailed for a +recipient of ordinary skill to be able to understand it. + +5. Termination +-------------- + +5.1. The rights granted under this License will terminate automatically +if You fail to comply with any of its terms. However, if You become +compliant, then the rights granted under this License from a particular +Contributor are reinstated (a) provisionally, unless and until such +Contributor explicitly and finally terminates Your grants, and (b) on an +ongoing basis, if such Contributor fails to notify You of the +non-compliance by some reasonable means prior to 60 days after You have +come back into compliance. Moreover, Your grants from a particular +Contributor are reinstated on an ongoing basis if such Contributor +notifies You of the non-compliance by some reasonable means, this is the +first time You have received notice of non-compliance with this License +from such Contributor, and You become compliant prior to 30 days after +Your receipt of the notice. + +5.2. If You initiate litigation against any entity by asserting a patent +infringement claim (excluding declaratory judgment actions, +counter-claims, and cross-claims) alleging that a Contributor Version +directly or indirectly infringes any patent, then the rights granted to +You by any and all Contributors for the Covered Software under Section +2.1 of this License shall terminate. + +5.3. In the event of termination under Sections 5.1 or 5.2 above, all +end user license agreements (excluding distributors and resellers) which +have been validly granted by You or Your distributors under this License +prior to termination shall survive termination. + +************************************************************************ +* * +* 6. Disclaimer of Warranty * +* ------------------------- * +* * +* Covered Software is provided under this License on an "as is" * +* basis, without warranty of any kind, either expressed, implied, or * +* statutory, including, without limitation, warranties that the * +* Covered Software is free of defects, merchantable, fit for a * +* particular purpose or non-infringing. The entire risk as to the * +* quality and performance of the Covered Software is with You. * +* Should any Covered Software prove defective in any respect, You * +* (not any Contributor) assume the cost of any necessary servicing, * +* repair, or correction. This disclaimer of warranty constitutes an * +* essential part of this License. No use of any Covered Software is * +* authorized under this License except under this disclaimer. * +* * +************************************************************************ + +************************************************************************ +* * +* 7. Limitation of Liability * +* -------------------------- * +* * +* Under no circumstances and under no legal theory, whether tort * +* (including negligence), contract, or otherwise, shall any * +* Contributor, or anyone who distributes Covered Software as * +* permitted above, be liable to You for any direct, indirect, * +* special, incidental, or consequential damages of any character * +* including, without limitation, damages for lost profits, loss of * +* goodwill, work stoppage, computer failure or malfunction, or any * +* and all other commercial damages or losses, even if such party * +* shall have been informed of the possibility of such damages. This * +* limitation of liability shall not apply to liability for death or * +* personal injury resulting from such party's negligence to the * +* extent applicable law prohibits such limitation. Some * +* jurisdictions do not allow the exclusion or limitation of * +* incidental or consequential damages, so this exclusion and * +* limitation may not apply to You. * +* * +************************************************************************ + +8. Litigation +------------- + +Any litigation relating to this License may be brought only in the +courts of a jurisdiction where the defendant maintains its principal +place of business and such litigation shall be governed by laws of that +jurisdiction, without reference to its conflict-of-law provisions. +Nothing in this Section shall prevent a party's ability to bring +cross-claims or counter-claims. + +9. Miscellaneous +---------------- + +This License represents the complete agreement concerning the subject +matter hereof. If any provision of this License is held to be +unenforceable, such provision shall be reformed only to the extent +necessary to make it enforceable. Any law or regulation which provides +that the language of a contract shall be construed against the drafter +shall not be used to construe this License against a Contributor. + +10. Versions of the License +--------------------------- + +10.1. New Versions + +Mozilla Foundation is the license steward. Except as provided in Section +10.3, no one other than the license steward has the right to modify or +publish new versions of this License. Each version will be given a +distinguishing version number. + +10.2. Effect of New Versions + +You may distribute the Covered Software under the terms of the version +of the License under which You originally received the Covered Software, +or under the terms of any subsequent version published by the license +steward. + +10.3. Modified Versions + +If you create software not governed by this License, and you want to +create a new license for such software, you may create and use a +modified version of this License if you rename the license and remove +any references to the name of the license steward (except to note that +such modified license differs from this License). + +10.4. Distributing Source Code Form that is Incompatible With Secondary +Licenses + +If You choose to distribute Source Code Form that is Incompatible With +Secondary Licenses under the terms of this version of the License, the +notice described in Exhibit B of this License must be attached. + +Exhibit A - Source Code Form License Notice +------------------------------------------- + + This Source Code Form is subject to the terms of the Mozilla Public + License, v. 2.0. If a copy of the MPL was not distributed with this + file, You can obtain one at http://mozilla.org/MPL/2.0/. + +If it is not possible or desirable to put the notice in a particular +file, then You may include the notice in a location (such as a LICENSE +file in a relevant directory) where a recipient would be likely to look +for such a notice. + +You may add additional accurate notices of copyright ownership. + +Exhibit B - "Incompatible With Secondary Licenses" Notice +--------------------------------------------------------- + + This Source Code Form is "Incompatible With Secondary Licenses", as + defined by the Mozilla Public License, v. 2.0. From cadbafc6f3fe4344b7f8887e0bfbe5a0797f4657 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 08:15:23 +0300 Subject: [PATCH 0364/1101] Delete old license file --- LICENCE.md | 674 ----------------------------------------------------- 1 file changed, 674 deletions(-) delete mode 100644 LICENCE.md diff --git a/LICENCE.md b/LICENCE.md deleted file mode 100644 index 94a9ed0..0000000 --- a/LICENCE.md +++ /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. - - - Copyright (C) - - 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: - - Copyright (C) - 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 -. From 3a59284a7c704780545b1ea88d14253ddc2bc63b Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 08:47:58 +0300 Subject: [PATCH 0365/1101] Update readme --- README.md | 36 ++++++++++++++++++++++++++++++++++-- 1 file changed, 34 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 14008d8..cb110ee 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,15 @@ # Collection of random CSS hacks for Firefox -Stylesheets in this repository are tested only on Windows 10. They should work on current Nightlies but also generally on latest release Firefox unless otherwise noted. +This repository contains various styles to modify appearance of Mozilla Firefox. These stylesheets are mostly self-contained and can be mixed with each other somewhat freely, but there are no promises about compatibility with third-party styles. + +In the case that a particular style relies on another style, the fact will be noted at the start of the file that requires so. + +Stylesheets in this repository are tested only on Windows 10 and to a lesser amount on Linux. Most of them should also work on OSX and Windows7, but there may be wrong behavior especially when native widgets such as window titlebar or window control buttons are being styled. # Loading user*.css files +0. Go to about:config and set the pref `toolkit.legacyUserProfileCustomizations.stylesheets` to `true` to make Firefox load userChrome.css and userContent.css + 1. Find your profile folder, if Firefox is running you can find by going to `about:support` and there should be a button with label "Open Folder" under application basics 2. Create a new folder to the profile folder and name it "chrome" 3. `userChrome.css` and `userContent.css` files should be created inside this chrome-folder. @@ -25,7 +31,7 @@ all other profile folders and files ... ``` -In short, create a parent chrome folder to the same directory where `prefs.js` is - the main profile folder. Firefox loads `userContent.css` and `userChrome.css` files only from that non-default chrome-folder. +In short, create a parent chrome folder to the same directory where `prefs.js` is - the main profile folder. Firefox loads `userContent.css` and `userChrome.css` files only from that `chrome`-folder. # Usage @@ -35,16 +41,40 @@ Use stylesheets under "chrome" in `userChrome.css` Use stylesheets under "content" in `userContent.css` +The above is not a technical requirement but the particular styles *generally* won't do anything when loaded in wrong context. + You can import the stylesheets with @-rule import like this: ```css @import url("path/filename.css"); ``` +A good habit would be to load each separate style without modifications using @import statements, and then apply your own modifications in userChrome.css after all imports. This makes it easier for you to update the files from the repository since your modifications will be preserved. + +Example `userChrome.css`: + +```css +@import url(chrome/tab_close_button_always_on_hover.css); +@import url(chrome/tab_loading_progress_throbber.css); +@import url(chrome/button_effect_scale_onclick.css); + +:root{ + --toolbar-bgcolor: rgb(36,44,59) !important; + --uc-menu-bkgnd: var(--toolbar-bgcolor); + --arrowpanel-background: var(--toolbar-bgcolor) !important; + --autocomplete-popup-background: var(--toolbar-bgcolor) !important; + --uc-menu-disabled: rgb(90,90,90) !important; + --lwt-toolbar-field-focus: rgb(36,44,59) !important; +} + +``` + ## Important! Note that all `@import` rules need to be placed before any other rules in the file, including @namespace rules. Additionally, the order of imported files is just as important as the order of rules within one file. +I would strongly advice using @import to include styles instead of copying contents directly to userChrome.css even with just a few file "components". The technical reason for this is that some files rely on @namespace rules and those only apply on file level such that a @namespace applies to every selector in that file (and in that file only). On top of that, @imports make managing multiple files much easier. + Import any *_patch.css files *after* their base stylesheet. Import the shared window_control_support.css *before* other stylesheets. @@ -52,6 +82,8 @@ Additionally, you are advised to import theme_ files before any other modules. # Theme +** NOTE ** Theme files are mostly out-of-date as of 2020-05-22 + Stylesheets prefixed with `theme_` require `theme_color_variables.css` to be imported. Example userChrome.css resulting in rather complete dark blueish-grey UI: From 7f97751f683d15412bc2b4c7cc654286d6a06c63 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 08:48:16 +0300 Subject: [PATCH 0366/1101] Use an example to better show use of imports and custom overrides --- userChrome_example.css | 37 +++++++++++++++++++++++++++---------- 1 file changed, 27 insertions(+), 10 deletions(-) diff --git a/userChrome_example.css b/userChrome_example.css index b256ef9..40f1f9b 100644 --- a/userChrome_example.css +++ b/userChrome_example.css @@ -1,16 +1,33 @@ -/* Example file enabling theme + some features */ +/* Example userChrome.css file */ + +/* Import your desired components first */ -@import url(chrome/theme_color_variables.css); -@import url(chrome/theme_toolbars.css); -@import url(chrome/theme_sidebar.css); -@import url(chrome/theme_popups_and_menus.css); -@import url(chrome/status_inside_urlbar.css); -/*@import url(chrome/navigation_buttons_inside_urlbar.css);*/ @import url(chrome/tab_close_button_always_on_hover.css); @import url(chrome/tab_loading_progress_throbber.css); @import url(chrome/button_effect_scale_onclick.css); @import url(chrome/blank_page_background.css); -/* @import url(chrome/page_action_buttons_on_hover.css); */ -@import url(chrome/autohide_sidebar.css); -@import url(chrome/menubar_in_toolbar.css); +@import url(chrome/autohide_menubar.css); @import url(chrome/hide_toolbox_top_bottom_borders.css); +@import url(chrome/vertical_context_navigation.css); +@import url(chrome/minimal_popup_scrollbars.css); +@import url(chrome/button_effect_icon_glow.css); +@import url(chrome/dark_context_menus.css); +@import url(chrome/dark_additional_windows.css); +@import url(chrome/dark_checkboxes_and_radios.css); +@import url(chrome/minimal_text_fields.css); +@import url(chrome/minimal_toolbarbuttons.css); +@import url(chrome/urlbar_centered_text.css); + +/* Apply your custom modifications after imports */ + +:root{ + --toolbar-bgcolor: rgb(36,44,59) !important; + --uc-menu-bkgnd: var(--toolbar-bgcolor); + --arrowpanel-background: var(--toolbar-bgcolor) !important; + --autocomplete-popup-background: var(--toolbar-bgcolor) !important; + --uc-menu-disabled: rgb(90,90,90) !important; + --lwt-toolbar-field-focus: rgb(36,44,59) !important; +} + +#sidebar-box{ --sidebar-background-color: var(--toolbar-bgcolor) !important; } +window.sidebar-panel{ --lwt-sidebar-background-color: rgb(36,44,59) !important; } \ No newline at end of file From a3146bb483ffb49178468a0c907ecd38c1d8ca5d Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 08:50:40 +0300 Subject: [PATCH 0367/1101] remove out-dated Theme-related notice --- README.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/README.md b/README.md index cb110ee..4fca256 100644 --- a/README.md +++ b/README.md @@ -98,6 +98,3 @@ Example userChrome.css resulting in rather complete dark blueish-grey UI: ``` You can use individual modules from theme such as to only include popups_and_menus. But it would still be required that you import the theme_color_variables.css or you'll have to manually edit all the colors. - - -Example userChrome.css and userContent.css can be used as is to enable theme + certain features after /chrome and /content folders are copied into your profile. From a0c8c9c2a04e5e433f13aaf00bc89052327875d4 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 09:07:26 +0300 Subject: [PATCH 0368/1101] Replace all characters with two spaces --- README.md | 10 +++---- chrome/Fx65_tabs_on_bottom.css | 4 +-- chrome/autohide_menubar.css | 24 ++++++++-------- chrome/dark_checkboxes_and_radios.css | 2 +- chrome/dark_theme_aware_statuspanel.css | 4 +-- chrome/hide_tabs_toolbar.css | 6 ++-- chrome/menubar_in_toolbar.css | 6 ++-- ...menubar_in_toolbar_oneliner_compatible.css | 4 +-- chrome/navbar_tabs_oneliner.css | 6 ++-- chrome/show_navbar_on_focus_only.css | 6 ++-- chrome/status_inside_urlbar.css | 6 ++-- chrome/theme_popups_and_menus.css | 14 +++++----- chrome/theme_sidebar.css | 28 +++++++++---------- chrome/theme_toolbars.css | 6 ++-- chrome/urlbar_and_popup_equal_width.css | 8 +++--- chrome/window_control_placeholder_support.css | 2 +- content/two_column_addons.css | 6 ++-- userChrome_example.css | 10 +++---- 18 files changed, 76 insertions(+), 76 deletions(-) diff --git a/README.md b/README.md index 4fca256..3f50368 100644 --- a/README.md +++ b/README.md @@ -59,11 +59,11 @@ Example `userChrome.css`: @import url(chrome/button_effect_scale_onclick.css); :root{ - --toolbar-bgcolor: rgb(36,44,59) !important; - --uc-menu-bkgnd: var(--toolbar-bgcolor); - --arrowpanel-background: var(--toolbar-bgcolor) !important; - --autocomplete-popup-background: var(--toolbar-bgcolor) !important; - --uc-menu-disabled: rgb(90,90,90) !important; + --toolbar-bgcolor: rgb(36,44,59) !important; + --uc-menu-bkgnd: var(--toolbar-bgcolor); + --arrowpanel-background: var(--toolbar-bgcolor) !important; + --autocomplete-popup-background: var(--toolbar-bgcolor) !important; + --uc-menu-disabled: rgb(90,90,90) !important; --lwt-toolbar-field-focus: rgb(36,44,59) !important; } diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css index 20e9a42..46637ef 100644 --- a/chrome/Fx65_tabs_on_bottom.css +++ b/chrome/Fx65_tabs_on_bottom.css @@ -31,9 +31,9 @@ linux_gtk_window_control_patch.css /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ @media not (-moz-os-version: windows-win10){ - :root{ --uc-titlebar-padding: 0px !important } + :root{ --uc-titlebar-padding: 0px !important } } - .titlebar-buttonbox-container{ left:0; right: unset; } + .titlebar-buttonbox-container{ left:0; right: unset; } } :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px } diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index b71c74c..6d86a7d 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -10,21 +10,21 @@ See the above repository for updates as well as full license text. */ #TabsToolbar > .titlebar-spacer{ display: -moz-box !important; } #toolbar-menubar{ - --uc-menubar-height: 36px; - position: fixed; - display: block; - width: 100vw; - height: var(--uc-menubar-height); - margin-top: calc(8px - var(--uc-menubar-height)); - transition: margin-top 150ms linear !important; - -moz-window-dragging: no-drag; - z-index:4; + --uc-menubar-height: 36px; + position: fixed; + display: block; + width: 100vw; + height: var(--uc-menubar-height); + margin-top: calc(8px - var(--uc-menubar-height)); + transition: margin-top 150ms linear !important; + -moz-window-dragging: no-drag; + z-index:4; } #menubar-items{ display: block; float: left; } #toolbar-menubar:hover{ - background-color: var(--toolbar-bgcolor) !important; - margin-top: 0px; - z-index: 6 + background-color: var(--toolbar-bgcolor) !important; + margin-top: 0px; + z-index: 6 } \ No newline at end of file diff --git a/chrome/dark_checkboxes_and_radios.css b/chrome/dark_checkboxes_and_radios.css index a9f5b2c..af0c57f 100644 --- a/chrome/dark_checkboxes_and_radios.css +++ b/chrome/dark_checkboxes_and_radios.css @@ -53,7 +53,7 @@ checkbox[disabled] > .checkbox-check{ fill: graytext !important; } button{ -moz-appearance: none !important; color: inherit !important; - background-color: rgba(127,127,127,0.1) !important; + background-color: rgba(127,127,127,0.1) !important; border: 1px solid graytext; } diff --git a/chrome/dark_theme_aware_statuspanel.css b/chrome/dark_theme_aware_statuspanel.css index 43a6677..470884e 100644 --- a/chrome/dark_theme_aware_statuspanel.css +++ b/chrome/dark_theme_aware_statuspanel.css @@ -7,7 +7,7 @@ Meaning, if theme text is light then the statuspanel uses dark background and li */ #statuspanel-label:-moz-lwtheme-brighttext{ - background-color: rgb(50,50,52) !important; - color: rgb(187,187,189) !important; + background-color: rgb(50,50,52) !important; + color: rgb(187,187,189) !important; border-color: grey !important; } \ No newline at end of file diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css index 8dae3de..c343c57 100644 --- a/chrome/hide_tabs_toolbar.css +++ b/chrome/hide_tabs_toolbar.css @@ -35,7 +35,7 @@ Window controls will be all wrong without it #toolbar-menubar:not([inactive]){ z-index: 2 } #toolbar-menubar[inactive] > #menubar-items { - opacity: 0; - pointer-events: none; - margin-left: var(--uc-window-drag-space-width,0px) + opacity: 0; + pointer-events: none; + margin-left: var(--uc-window-drag-space-width,0px) } diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_toolbar.css index 762188b..222a112 100644 --- a/chrome/menubar_in_toolbar.css +++ b/chrome/menubar_in_toolbar.css @@ -3,9 +3,9 @@ See the above repository for updates as well as full license text. */ /* Makes menubar to appear in tabs toolbar pushing tabs to the side */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ - margin-left:300px !important; - margin-top: -26px !important; + margin-left:300px !important; + margin-top: -26px !important; } :root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ - margin-top: -28px !important; + margin-top: -28px !important; } \ No newline at end of file diff --git a/chrome/menubar_in_toolbar_oneliner_compatible.css b/chrome/menubar_in_toolbar_oneliner_compatible.css index f335a54..d745ed8 100644 --- a/chrome/menubar_in_toolbar_oneliner_compatible.css +++ b/chrome/menubar_in_toolbar_oneliner_compatible.css @@ -4,8 +4,8 @@ See the above repository for updates as well as full license text. */ /* Use with navbar_tabs_oneliner.css */ #toolbar-menubar:not([inactive]) ~ #TabsToolbar{ - margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important; - margin-top: calc(0px - var(--uc-toolbar-height)) !important; + margin-left:calc(var(--uc-navigationbar-width) + 300px ) !important; + margin-top: calc(0px - var(--uc-toolbar-height)) !important; padding-left: 0px !important; } #toolbar-menubar:not([inactive]){ diff --git a/chrome/navbar_tabs_oneliner.css b/chrome/navbar_tabs_oneliner.css index ef47d72..990f774 100644 --- a/chrome/navbar_tabs_oneliner.css +++ b/chrome/navbar_tabs_oneliner.css @@ -11,8 +11,8 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur /* Modify these to change relative widths or default height */ #navigator-toolbox{ - --uc-navigationbar-width: 40vw; - --uc-toolbar-height: 40px; + --uc-navigationbar-width: 40vw; + --uc-toolbar-height: 40px; } /* Override for other densities */ :root[uidensity="compact"] #navigator-toolbox{ --uc-toolbar-height: 32px; } @@ -40,7 +40,7 @@ urlbar_full_width.css is VERY MUCH recommended for Firefox 71+ because of new ur .titlebar-spacer[type="pre-tabs"]{ display: none } #navigator-toolbox > #nav-bar{ - margin-right:calc(100vw - var(--uc-navigationbar-width)); + margin-right:calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); } diff --git a/chrome/show_navbar_on_focus_only.css b/chrome/show_navbar_on_focus_only.css index ed10019..a628067 100644 --- a/chrome/show_navbar_on_focus_only.css +++ b/chrome/show_navbar_on_focus_only.css @@ -32,9 +32,9 @@ See the above repository for updates as well as full license text. */ z-index: 3; } :root[sessionrestored] #nav-bar:focus-within{ - transform: rotateX(0deg); - opacity: 1; - transition-delay: 0ms, 0ms !important; + transform: rotateX(0deg); + opacity: 1; + transition-delay: 0ms, 0ms !important; } /* This enables compatibility with autohide_bookmarks_toolbar.css */ diff --git a/chrome/status_inside_urlbar.css b/chrome/status_inside_urlbar.css index e26b0e4..9e93b74 100644 --- a/chrome/status_inside_urlbar.css +++ b/chrome/status_inside_urlbar.css @@ -42,9 +42,9 @@ As a workaround, the -moz-element background image is removed somewhat often whi /* Hide the status ovelay when urlbar is hovered */ #urlbar:hover .urlbar-input-box::after, #urlbar[focused] .urlbar-input-box::after{ - visibility: hidden; - /* Remove the image to get rid of -moz-element() related problems */ - background-image: none !important + visibility: hidden; + /* Remove the image to get rid of -moz-element() related problems */ + background-image: none !important } :root[uidensity="compact"] #urlbar .urlbar-input-box::after{ background-position-y: 1px } diff --git a/chrome/theme_popups_and_menus.css b/chrome/theme_popups_and_menus.css index b73d073..a99c9df 100644 --- a/chrome/theme_popups_and_menus.css +++ b/chrome/theme_popups_and_menus.css @@ -14,10 +14,10 @@ See the above repository for updates as well as full license text. */ #alltabs-popup .arrowscrollbox-scrollbox, menupopup:not(#BMB_bookmarksPopup), .textbox-contextmenu{ - border: 3px solid #434850 !important; - background: var(--uc-dark-bkgnd-color) !important; - border-radius: 5px !important; - color: var(--uc-text-color) !important; + border: 3px solid #434850 !important; + background: var(--uc-dark-bkgnd-color) !important; + border-radius: 5px !important; + color: var(--uc-text-color) !important; } /* bookmarks menu is different from others */ @@ -29,7 +29,7 @@ menupopup:not(#BMB_bookmarksPopup), menupopup, menuitem, menu{ - -moz-appearance: none !important; + -moz-appearance: none !important; } menupopup{ @@ -39,7 +39,7 @@ menupopup{ menuitem, menu{ - min-height:24px !important; + min-height:24px !important; color: var(--uc-text-color) !important; } @@ -117,7 +117,7 @@ panelview toolbarbutton.subviewbutton .toolbarbutton-text, } #PopupAutoCompleteRichResult .ac-emphasize-text.ac-emphasize-text-title{ - color: var(--uc-border-color) !important; + color: var(--uc-border-color) !important; } #editBookmarkPanel textbox, diff --git a/chrome/theme_sidebar.css b/chrome/theme_sidebar.css index 951461d..4eb918b 100644 --- a/chrome/theme_sidebar.css +++ b/chrome/theme_sidebar.css @@ -9,38 +9,38 @@ See the above repository for updates as well as full license text. */ #sidebar-box{ --toolbar-non-lwt-bgcolor: var(--uc-light-bkgnd-color) } #sidebar-search-container #search-box{ - -moz-appearance:none !important; - background-color: var(--uc-dark-bkgnd-color) !important; - border: none !important; - color: var(--uc-text-color) !important; + -moz-appearance:none !important; + background-color: var(--uc-dark-bkgnd-color) !important; + border: none !important; + color: var(--uc-text-color) !important; } #history-panel, #bookmarksPanel, #sidebar-header{ - background-color: var(--uc-light-bkgnd-color) !important; - color: var(--uc-text-color) !important; - border-top: none !important; - border-bottom:none !important; + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; + border-top: none !important; + border-bottom:none !important; scrollbar-color: rgb(210,210,210) var(--uc-light-bkgnd-color) !important; } .sidebar-placesTreechildren, #sidebar-box, #sidebar-header{ - color: var(--uc-text-color) !important; + color: var(--uc-text-color) !important; } .sidebar-placesTreechildren::-moz-tree-cell{ - outline:none; - border-radius:0px; - background-image:none; + outline:none; + border-radius:0px; + background-image:none; } .sidebar-placesTreechildren::-moz-tree-cell(selected){ - background-color: var(--uc-border-color) !important; + background-color: var(--uc-border-color) !important; } .sidebar-placesTreechildren::-moz-tree-cell(hover){ - background-color: var(--uc-active-color) !important; + background-color: var(--uc-active-color) !important; } \ No newline at end of file diff --git a/chrome/theme_toolbars.css b/chrome/theme_toolbars.css index bdd545f..44fb34e 100644 --- a/chrome/theme_toolbars.css +++ b/chrome/theme_toolbars.css @@ -18,8 +18,8 @@ See the above repository for updates as well as full license text. */ #browser-bottombox, #customization-container, findbar{ - background-color: var(--uc-light-bkgnd-color) !important; - color: var(--uc-text-color) !important; + background-color: var(--uc-light-bkgnd-color) !important; + color: var(--uc-text-color) !important; } findbar{ background-image: none !important; } @@ -47,7 +47,7 @@ findbar{ background-image: none !important; } #urlbar{ border-color: transparent !important; } #urlbar[focused]{ - border-color: var(--uc-border-color) !important; + border-color: var(--uc-border-color) !important; } #urlbar .urlbar-icon:hover{ diff --git a/chrome/urlbar_and_popup_equal_width.css b/chrome/urlbar_and_popup_equal_width.css index 5105a46..6334402 100644 --- a/chrome/urlbar_and_popup_equal_width.css +++ b/chrome/urlbar_and_popup_equal_width.css @@ -6,10 +6,10 @@ See the above repository for updates as well as full license text. */ /* Firefox 70+ */ #urlbar-container{ - transform: translateY(0); - position: relative; - z-index: 10; - padding-block: 3px !important; + transform: translateY(0); + position: relative; + z-index: 10; + padding-block: 3px !important; padding-inline: 0px !important; margin-inline: 5px !important; } diff --git a/chrome/window_control_placeholder_support.css b/chrome/window_control_placeholder_support.css index 738bfdb..79d4b97 100644 --- a/chrome/window_control_placeholder_support.css +++ b/chrome/window_control_placeholder_support.css @@ -24,7 +24,7 @@ See the above repository for updates as well as full license text. */ /* Use this pref to check Mac OS where window controls are on left */ /* This pref defaults to true on Mac and doesn't actually do anything on other platforms. So if your system has window controls on LEFT side you can set the pref to true */ @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ - :root{ --uc-window-control-width: 72px; } + :root{ --uc-window-control-width: 72px; } :root[tabsintitlebar="true"]:not([inFullscreen]) #nav-bar{ border-inline-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-width,0px)) var(--uc-window-drag-space-width,0px) } diff --git a/content/two_column_addons.css b/content/two_column_addons.css index d168022..1c3320b 100644 --- a/content/two_column_addons.css +++ b/content/two_column_addons.css @@ -8,18 +8,18 @@ See the above repository for updates as well as full license text. */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @-moz-document url("about:addons"){ #list-view{ overflow: auto } - /* Test for Firefox > 66 */ + /* Test for Firefox > 66 */ @supports (inset-block:auto){ #addon-list{ display: grid; grid-template-areas: "a a"; grid-template-columns: 1fr 1fr; - grid-auto-rows: min-content; + grid-auto-rows: min-content; overflow: hidden !important; padding-bottom: 80px; /* increase this value if addons list content get cut */ } } - /* Test for Firefox < 66 */ + /* Test for Firefox < 66 */ @supports not (inset-block:auto){ #addon-list > scrollbox > .scrollbox-innerbox{ display: grid; diff --git a/userChrome_example.css b/userChrome_example.css index 40f1f9b..93abe41 100644 --- a/userChrome_example.css +++ b/userChrome_example.css @@ -21,11 +21,11 @@ /* Apply your custom modifications after imports */ :root{ - --toolbar-bgcolor: rgb(36,44,59) !important; - --uc-menu-bkgnd: var(--toolbar-bgcolor); - --arrowpanel-background: var(--toolbar-bgcolor) !important; - --autocomplete-popup-background: var(--toolbar-bgcolor) !important; - --uc-menu-disabled: rgb(90,90,90) !important; + --toolbar-bgcolor: rgb(36,44,59) !important; + --uc-menu-bkgnd: var(--toolbar-bgcolor); + --arrowpanel-background: var(--toolbar-bgcolor) !important; + --autocomplete-popup-background: var(--toolbar-bgcolor) !important; + --uc-menu-disabled: rgb(90,90,90) !important; --lwt-toolbar-field-focus: rgb(36,44,59) !important; } From 07ccb158255d520cd94ad89425900f3ad4646f73 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Fri, 22 May 2020 09:20:40 +0300 Subject: [PATCH 0369/1101] Use flexbox model for menubar --- chrome/autohide_menubar.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 6d86a7d..3756bdd 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -6,13 +6,17 @@ See the above repository for updates as well as full license text. */ /* Make sure you have menubar enabled */ #TabsToolbar > .toolbar-items{ position: relative; z-index: 5; } -#toolbar-menubar > .titlebar-buttonbox-container{ float: right; display: block } +#toolbar-menubar > spacer{ flex-grow: 1 } + +#toolbar-menubar > spacer, +#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 } + #TabsToolbar > .titlebar-spacer{ display: -moz-box !important; } -#toolbar-menubar{ - --uc-menubar-height: 36px; +#toolbar-menubar:not([customizing]){ + --uc-menubar-height: 34px; position: fixed; - display: block; + display: flex; width: 100vw; height: var(--uc-menubar-height); margin-top: calc(8px - var(--uc-menubar-height)); @@ -21,8 +25,6 @@ See the above repository for updates as well as full license text. */ z-index:4; } -#menubar-items{ display: block; float: left; } - #toolbar-menubar:hover{ background-color: var(--toolbar-bgcolor) !important; margin-top: 0px; From fb48d7981d2f67ab046f2ced9967c528c4955b62 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 23 May 2020 10:02:21 +0300 Subject: [PATCH 0370/1101] Add var when nav-bar needs to know if extra window control space is required --- chrome/autohide_menubar.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/chrome/autohide_menubar.css b/chrome/autohide_menubar.css index 3756bdd..227540a 100644 --- a/chrome/autohide_menubar.css +++ b/chrome/autohide_menubar.css @@ -5,6 +5,9 @@ See the above repository for updates as well as full license text. */ /* Menubar will be shown when cursor touches top of the spacers on both side of tabs. Window controls will be in menubar, so they are automatically hidden */ /* Make sure you have menubar enabled */ +#nav-bar-customization-target, +#PanelUI-button, +#nav-bar-overflow-button, #TabsToolbar > .toolbar-items{ position: relative; z-index: 5; } #toolbar-menubar > spacer{ flex-grow: 1 } @@ -29,4 +32,7 @@ See the above repository for updates as well as full license text. */ background-color: var(--toolbar-bgcolor) !important; margin-top: 0px; z-index: 6 -} \ No newline at end of file +} + +/* This exists only for compatibility reasons with some other styles */ +#navigator-toolbox{ --uc-hide-window-control-space: 0 } \ No newline at end of file From 3d174990167376c66f0e02e904a3449735d2779a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 23 May 2020 10:05:49 +0300 Subject: [PATCH 0371/1101] New file --- chrome/combined_tabs_and_main_toolbars.css | 53 ++++++++++++++++++++++ 1 file changed, 53 insertions(+) create mode 100644 chrome/combined_tabs_and_main_toolbars.css diff --git a/chrome/combined_tabs_and_main_toolbars.css b/chrome/combined_tabs_and_main_toolbars.css new file mode 100644 index 0000000..f3a6be1 --- /dev/null +++ b/chrome/combined_tabs_and_main_toolbars.css @@ -0,0 +1,53 @@ +/* Combines tabs toolbar and nav-bar in such a way that opening new tabs will reserve + space from nav-bar. Only pinned tabs and the selected tab will be visible, all other tabs need to be accessed via alltabs-button or shortcut keys */ + +/* You WILL NEED either autohide_menubar.css or overlay_menubar.css with this or use custom css that does something similar */ + +#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container{ display: none !important; } +#toolbar-menubar{ left:0 } + +@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){ + #TabsToolbar > .titlebar-buttonbox-container{ + position: fixed; + display: block; + left: 0px; + z-index: 1; + } + :root[tabsintitlebar="true"] #nav-bar{ padding-inline: calc(var(--uc-hide-window-control-space,1) * 96px + 20px) 0px !important; } + + @media (-moz-os-version: windows-win10){ + :root[tabsintitlebar="true"] #nav-bar{ padding-left: calc(var(--uc-hide-window-control-space,1) * 134px + 20px) !important; } + } + #toolbar-menubar[autohide="true"] + #TabsToolbar .titlebar-buttonbox{ -moz-box-direction: reverse } +} + +#navigator-toolbox{ --tab-min-height: 40px } +:root[uidensity="compact"] #navigator-toolbox{ --tab-min-height: 32px } + +@media (-moz-os-version: windows-win10){ + :root[sizemode="maximized"] > body > box{ margin-top: 8px } +} + +#navigator-toolbox{ + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; +} + +#titlebar{ -moz-appearance: none !important; } +:root[tabsintitlebar="true"] #nav-bar{ padding-left: 20px } + +#nav-bar,#PersonalToolbar{ flex-grow: 1; } + +/* This margin on bookmarks toolbar makes absolutely no sense, but it won't work properly without it */ +.browser-toolbar.chromeclass-directories:not([collapsed="true"]){ + min-width: 100vw; + margin-bottom: var(--tab-min-height); +} +/* reduce urlbar minimum width before things start to go to overflow menu */ +#urlbar-container{ min-width: 300px !important; } + +#TabsToolbar > .titlebar-spacer[type="pre-tabs"]{ display: none !important; } + +/* If you are only working with just a few tabs then you may safely delete the following to allow non-pinned tabs to be shown */ +.tabbrowser-tab:not([pinned]):not([selected]){ visibility: collapse } From 2a83180372a438450b1033038588d72da59cac18 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 23 May 2020 10:07:30 +0300 Subject: [PATCH 0372/1101] add info block --- chrome/combined_tabs_and_main_toolbars.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/chrome/combined_tabs_and_main_toolbars.css b/chrome/combined_tabs_and_main_toolbars.css index f3a6be1..173a0ee 100644 --- a/chrome/combined_tabs_and_main_toolbars.css +++ b/chrome/combined_tabs_and_main_toolbars.css @@ -1,3 +1,6 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/combined_tabs_and_main_toolbars.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + /* Combines tabs toolbar and nav-bar in such a way that opening new tabs will reserve space from nav-bar. Only pinned tabs and the selected tab will be visible, all other tabs need to be accessed via alltabs-button or shortcut keys */ From 990d6005b790e3d62b1f10cdcac98faefd6d8647 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 24 May 2020 06:33:22 +0300 Subject: [PATCH 0373/1101] make sure alltabs-button is shown --- chrome/combined_tabs_and_main_toolbars.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/combined_tabs_and_main_toolbars.css b/chrome/combined_tabs_and_main_toolbars.css index 173a0ee..140f6b6 100644 --- a/chrome/combined_tabs_and_main_toolbars.css +++ b/chrome/combined_tabs_and_main_toolbars.css @@ -51,6 +51,6 @@ See the above repository for updates as well as full license text. */ #urlbar-container{ min-width: 300px !important; } #TabsToolbar > .titlebar-spacer[type="pre-tabs"]{ display: none !important; } - +#alltabs-button{ display: -moz-box !important } /* If you are only working with just a few tabs then you may safely delete the following to allow non-pinned tabs to be shown */ .tabbrowser-tab:not([pinned]):not([selected]){ visibility: collapse } From 44552ab8f84bdb55f2265fa19c3d98be4f890ffc Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 24 May 2020 07:37:15 +0300 Subject: [PATCH 0374/1101] bookmarks toolbar min-width needs !important --- chrome/combined_tabs_and_main_toolbars.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome/combined_tabs_and_main_toolbars.css b/chrome/combined_tabs_and_main_toolbars.css index 140f6b6..832c749 100644 --- a/chrome/combined_tabs_and_main_toolbars.css +++ b/chrome/combined_tabs_and_main_toolbars.css @@ -44,7 +44,7 @@ See the above repository for updates as well as full license text. */ /* This margin on bookmarks toolbar makes absolutely no sense, but it won't work properly without it */ .browser-toolbar.chromeclass-directories:not([collapsed="true"]){ - min-width: 100vw; + min-width: 100vw !important; margin-bottom: var(--tab-min-height); } /* reduce urlbar minimum width before things start to go to overflow menu */ From 28278cffa4eacdd152fffb885a5adad6ecb433f3 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 27 May 2020 16:12:41 +0300 Subject: [PATCH 0375/1101] new file --- .../autohide_bookmarks_and_main_toolbars.css | 51 +++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 chrome/autohide_bookmarks_and_main_toolbars.css diff --git a/chrome/autohide_bookmarks_and_main_toolbars.css b/chrome/autohide_bookmarks_and_main_toolbars.css new file mode 100644 index 0000000..0b52cda --- /dev/null +++ b/chrome/autohide_bookmarks_and_main_toolbars.css @@ -0,0 +1,51 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_bookmarks_and_main_toolbars.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +#navigator-toolbox{ + --uc-bm-height: 22px; /* Might need to adjust if the toolbar has other buttons */ + --uc-bm-padding: 2px; /* Vertical padding to be applied to bookmarks */ + --uc-navbar-height: -40px; /* navbar is main toolbar. Use negative value */ +} + +:root[uidensity=compact] #navigator-toolbox{ --uc-bm-padding: 1px; --uc-navbar-height: -32px } +:root[uidensity="touch"] #navigator-toolbox{ --uc-bm-padding: 6px } + +:root[sessionrestored] #nav-bar:not([customizing]), +#PersonalToolbar:not([customizing]){ + transform: rotateX(90deg); + transform-origin: top; + transition: transform 135ms linear 600ms !important; + z-index: 2; +} +#navigator-toolbox > #PersonalToolbar{ transform-origin: 0px var(--uc-navbar-height); z-index: 1 } + +:root[sessionrestored] #navigator-toolbox:not([customizing]){ margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding) + var(--uc-navbar-height)); } + +#PlacesToolbarItems > .bookmark-item{ padding-block: var(--uc-bm-padding) !important; } + +/* SELECT TOOLBAR BEHAVIOR */ +/* Comment out or delete either one of these to disable that behavior */ + +/* Show when urlbar is focused */ +#nav-bar:focus-within + #PersonalToolbar, +#navigator-toolbox > #nav-bar:focus-within{ + transition-delay: 100ms !important; + transform: rotateX(0); +} + +/* Show when cursor is over the toolbar area */ +#navigator-toolbox:hover > #PersonalToolbar, +#navigator-toolbox:hover > #nav-bar{ + transition-delay: 100ms !important; + transform: rotateX(0); +} + +/* Uncomment to enable compatibility for multi-row_bookmarks.css */ +/* This would break buttons placed in the toolbar but that is likely not happening if you are using multi-row setup */ +/* +#PersonalToolbar:not([customizing]){ + position: fixed; + display: block; + margin-bottom: 0px !important; +} +*/ \ No newline at end of file From 5e0e6e150ec15d81663eeb94dd417e2565e3490c Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sun, 31 May 2020 07:21:37 +0300 Subject: [PATCH 0376/1101] new file --- chrome/normal_pinned_tabs.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 chrome/normal_pinned_tabs.css diff --git a/chrome/normal_pinned_tabs.css b/chrome/normal_pinned_tabs.css new file mode 100644 index 0000000..b996a97 --- /dev/null +++ b/chrome/normal_pinned_tabs.css @@ -0,0 +1,31 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/normal_pinned_tabs.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + +/* Makes pinned tabs behave like normal tabs, making their title and close buttons visible and making them "non-positioned" when tab strip is overflowing */ + +#tabbrowser-tabs{ padding-inline-start: 0px !important } + +.tabbrowser-tab{ + -moz-box-flex: 100; + max-width: 225px; + min-width: var(--tab-min-width); + width: 0; + transition: min-width 100ms ease-out, max-width 100ms ease-out; + margin-inline-start: 0px !important; + position: initial !important; + display: -moz-box !important +} + +.tabbrowser-tab[pinned] > .tab-stack{ border: none !important; } +.tabbrowser-tab[pinned]::after{ position: static !important; margin-block: 0px 1px !important; } + +.tabbrowser-tab[selected]{ position: relative !important; } + +.tab-label-container{ width: unset !important; } +.tab-label-container[pinned]{ margin-inline-start: 8px } + +.tab-icon-sound:-moz-any([soundplaying],[muted],[activemedia-blocked],[pictureinpicture]), +.tab-close-button{ display: -moz-box !important; } +.tab-icon-overlay{ display: none !important; } + +#tabbrowser-tabs[closebuttons="activetab"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button:not([selected="true"]){ display: none !important; } \ No newline at end of file From f7922f419a96321ddc564cef5dc31639329e14de Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 1 Jun 2020 20:24:22 +0300 Subject: [PATCH 0377/1101] Add experimental style browser ui --- add_style.py | 110 +++++++++++++++++++++++++++++ chrome/test.css | 3 + html_resources/main.css | 44 ++++++++++++ html_resources/selector.js | 139 +++++++++++++++++++++++++++++++++++++ html_resources/tagmap.json | 95 +++++++++++++++++++++++++ tags.csv | 93 +++++++++++++++++++++++++ 6 files changed, 484 insertions(+) create mode 100644 add_style.py create mode 100644 chrome/test.css create mode 100644 html_resources/main.css create mode 100644 html_resources/selector.js create mode 100644 html_resources/tagmap.json create mode 100644 tags.csv diff --git a/add_style.py b/add_style.py new file mode 100644 index 0000000..e883922 --- /dev/null +++ b/add_style.py @@ -0,0 +1,110 @@ +#!/usr/bin/env python3 + +# +# usage: +# add_style.py +# where is a space-separated list of tags to apply for that style (1 minimum) +# OR +# add_style-py --update-only +# +# When called with it will create a new file to chrome/ folder and +# update tags.csv and docs/tagmap.json +# +# With --update-only it will only update docs/tagmap.json based on tags.csv + +import sys, os + +def filterEmpty(list): + for i in range(2,len(list)): + if list[i] == "": + del list[i] + +def createJSON(tagmap,filename,args,onlyupdate): + charBuffer = "{\n" + map_last = len(tagmap) - 1 + n_line=0 + for line in tagmap: + tokens = line.rsplit(",") + filterEmpty(tokens) + if len(tokens) < 2: + continue + charBuffer += "\"{}\":[".format(tokens[0]) + for t in range(1,len(tokens)): + # if len(tokens[t]) > 0: + charBuffer += "\"{}\"".format(tokens[t]) + if t < len(tokens)-1: + charBuffer += "," + if(n_line < map_last): + charBuffer += "],\n" + + else: + if onlyupdate: + charBuffer += "]\n}" + break + else: + charBuffer += "],\n" + n_line += 1 + if not(onlyupdate): + charBuffer += "\"{}\":[".format(filename) + for t in range(0,len(args)): + charBuffer += "\"{}\"".format(args[t]) + if t < len(args) - 1: + charBuffer += "," + charBuffer += "]\n}" + + with open("html_resources/tagmap.json","w") as json: + print(charBuffer,file=json) + print("wrote JSON\n") + + +def searchFile(tagmap,name): + for line in tagmap: + if name in line: + return True + return False + +def createNewFile(name): + text = "/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/{} made available under Mozilla Public License v. 2.0\nSee the above repository for updates as well as full license text. */\n".format(name) + + if os.path.isfile("chrome/{}".format(name)): + confirm = input("File {} already exists! proceed (will overwrite) ? [y/N] ".format(name)) + if confirm != "y": + print("Aborted") + return False + + + with open("chrome/{}".format(name),"w") as css: + print(text,file=css) + print("Created chrome/{}".format(name)) + return True + +if __name__ == "__main__": + + if len(sys.argv) < (2 + (0 if (sys.argv[1] == "--update-only") else 1)): + print("usage: add_file.py ") + exit() + + args = [] + for i in range (2,(len(sys.argv))): + args.append(sys.argv[i]) + + name = sys.argv[1] + update_only = name == "--update-only" + + file = open("tags.csv") + + tagmap = file.read().lstrip().splitlines() + file.close() + if not(update_only) and searchFile(tagmap,name): + print(name + "exist already") + else: + if not(update_only): + exists = createNewFile(name) + file = open("tags.csv","a") + file.write(name+","+",".join(args)+"\n") + file.close() + else: + print("Only update json") + createJSON(tagmap,name,args,update_only) + print("Done") + exit(0) diff --git a/chrome/test.css b/chrome/test.css new file mode 100644 index 0000000..c4933ca --- /dev/null +++ b/chrome/test.css @@ -0,0 +1,3 @@ +/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/test.css made available under Mozilla Public License v. 2.0 +See the above repository for updates as well as full license text. */ + diff --git a/html_resources/main.css b/html_resources/main.css new file mode 100644 index 0000000..16fbef1 --- /dev/null +++ b/html_resources/main.css @@ -0,0 +1,44 @@ +body{background-color: rgb(60,50,70); color: silver; margin: 0px } +#ui{ display: flex; } + +#categories{ + padding-block: 1em; + box-sizing: border-box; + border-inline-end: 1px solid gold; + background-color: rgb(60,60,70); + max-height: 100vh; + overflow-y: auto; + min-width: 18ch +} +a{ color: rgb(100,150,200); margin-inline-start: 1ch } +a:visited{ color: rgb(150,100,200) } +a:hover{ color: rgb(200,150,100) } +pre:empty{ display: none } +.category{ padding: 0.2em 1em; cursor: pointer } + +.currentCategory, +.category:hover{ background-color: grey } + +.target{ + margin: 0.2em; + background-color: rgb(60,60,70); + padding: 0.5em; + border: 1px solid rgb(40,40,40); + border-radius: 4px; + max-width: 50ch; + cursor: pointer +} +.target:hover{ background-color: rgb(80,80,90) } +#targets{ display: flex; flex-wrap: wrap } + +pre{ + white-space: pre-wrap; + margin: 1em; + border: 2px inset; + padding: 0.5em; + background-color: rgb(40,50,50) +} + +.hidden{ display: none !important } + +.target{ display: flex; justify-content: space-between } \ No newline at end of file diff --git a/html_resources/selector.js b/html_resources/selector.js new file mode 100644 index 0000000..0411db1 --- /dev/null +++ b/html_resources/selector.js @@ -0,0 +1,139 @@ +'use strict'; + +let DB = null; + +function initDB(obj){ + DB = obj; + Object.defineProperty(DB,"query",{value:function (q,list){ + let nlist = []; + for(let key of list || Object.keys(this)){ + if(this[key].includes(q)){ + nlist.push(key) + } + } + return nlist + }}); + return true +} + +let previousCategory = new (function(){ + let current = null; + this.set = function(t){ + current&¤t.classList.remove("currentCategory"); + current = t; + current.classList.add("currentCategory"); + }; + return this +})() + +function getText(node){ + return node.childNodes[0].textContent +} + +async function onCategoryClicked(categoryNode){ + + previousCategory.set(categoryNode); + + let names = DB.query(categoryNode.textContent); + for(let c of Array.from(document.querySelectorAll(".target"))){ + names.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden"); + } +} + +async function onTargetClicked(targetNode){ + const codeBlock = document.querySelector("pre"); + let file = await fetch(`chrome/${getText(targetNode)}`); + let t = await file.text(); + codeBlock.textContent = t; +} + +function onSomeClicked(e){ + let cl = e.target.parentNode.id; + switch(cl){ + case "categories": + onCategoryClicked(e.target); + break; + case "targets": + onTargetClicked(e.target); + break; + default: + break; + } +} + + +function createCategories(){ + + const CAT_PARENT = document.getElementById("categories"); + CAT_PARENT.addEventListener("click",onSomeClicked) + + const TAR_PARENT = document.getElementById("targets"); + TAR_PARENT.addEventListener("click",onSomeClicked); + + const createNode = function(name,type){ + let node = document.createElement("div"); + node.classList.add(type); + node.textContent = name; + if(type === "target"){ + let link = node.appendChild(document.createElement("a")); + node.classList.add("hidden"); + link.href = `https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/${name}`; + link.textContent = "Github"; + } + + return node; + } + + const createCategory = name => createNode(name,"category"); + + const createTarget = name => createNode(name,"target"); + + const CAT_NAMES = (function(){ + let list = []; + + for(let key of Object.keys(DB)){ + TAR_PARENT.appendChild(createNode(key,"target")); + let things = DB[key]; + for(let t of things){ + list.push(t) + } + } + list.sort(); + let ret = []; + let ns = [0]; + ret[0] = list[0]; + let i = 0; + for(let item of list){ + if(ret[i]!=item){ + ret[++i]=item; + ns[i]=0; + }else{ + ns[i]++ + } + } + let map = ret.map((a,i)=>({name:a,value:ns[i]})) + + return map.sort((a,b)=>(a.value > b.value?-1:a.value < b.value ? 1:0)) + })(); + + for(let cat of CAT_NAMES){ + CAT_PARENT.appendChild(createCategory(cat.name)) + } + +} + +document.onreadystatechange = (function () { + if (document.readyState === "complete") { + fetch("html_resources/tagmap.json") + .then(response => { + const contentType = response.headers.get('content-type'); + if (!contentType || !contentType.includes('application/json')) { + throw new TypeError("Oops, we haven't got JSON!"); + } + return response.json(); + }) + .then(json=>(initDB(json))) + .then(()=>createCategories()) + .catch(e=>{console.log(e);document.getElementById("ui").textContent = "FAILURE, Database could not be loaded"}); + } +}); \ No newline at end of file diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json new file mode 100644 index 0000000..c13bdf3 --- /dev/null +++ b/html_resources/tagmap.json @@ -0,0 +1,95 @@ +{ +"Fx65_tabs_on_bottom.css":["tabs","toolbars","classic"], +"Fx65_tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"], +"autohide_bookmarks_and_main_toolbars.css":["autohide","bookmarks","toolbars","nav-bar","toolbox"], +"autohide_bookmarks_toolbar.css":["autohide","bookmarks","toolbars"], +"autohide_menubar.css":["autohide","menubar","toolbars"], +"autohide_navigation_button.css":["autohide","minimal","navigation","buttons"], +"autohide_sidebar.css":["autohide","sidebar"], +"autohide_tabstoolbar.css":["autohide","tabs","toolbars"], +"autohide_toolbox.css":["autohide","toolbox","toolbars","fullscreen"], +"blank_page_background.css":["dark-mode","flash","blank","background"], +"bookmarksbar_on_new_tabs_only.css":["legacy"], +"button_effect_icon_glow.css":["buttons","effect","minimal"], +"button_effect_scale_onclick.css":["buttons","effect","minimal"], +"button_effect_scale_onhover.css":["buttons","effect","minimal"], +"classic_grid_main_menu_popup.css":["classic","grid","menu","popup"], +"click_selected_tab_to_focus_urlbar.css":["hack","tabs","urlbar"], +"color_variable_template.css":["theme","color","variables"], +"combined_favicon_and_tab_close_button.css":["tab","icon","close"], +"combined_tabs_and_main_toolbars.css":["minimal","tabs","toolbars"], +"compact_urlbar_megabar.css":["urlbar","minimal"], +"dark_additional_windows.css":["windows","dark-mode"], +"dark_checkboxes_and_radios.css":["widgets","dark-mode"], +"dark_context_menus.css":["dark-mode","menus"], +"dark_theme_aware_statuspanel.css":["staus","dark-mode"], +"disable_newtab_on_middle_click.css":["hack","newtab","tab"], +"fake_statusbar.css":["hack","status","toolbar"], +"floating_findbar_on_top.css":["findbar","overlay"], +"full_width_urlbar_popup.css":["ulrbar","popup"], +"google_style_urlbar_popup.css":["urlbar","popup"], +"grid_overflow_menu.css":["popup","menu"], +"hide_statuspanel_when_fullscreen.css":["status","fullscreen","hiding"], +"hide_tabs_toolbar.css":["hiding","tabs","toolbars"], +"hide_tabs_with_one_tab.css":["hiding","tabs","toolbars"], +"hide_tabs_with_one_tab_w_window_controls.css":["hiding","tabs","toolbars"], +"hide_toolbox_top_bottom_borders.css":["toolbox","hiding"], +"hide_urlbar_first_row.css":["urlbar","popup","hiding"], +"linux_gtk_window_control_patch.css":["patch","window-control"], +"menubar_in_toolbar.css":["toolbars","minimal"], +"menubar_in_toolbar_oneliner_compatible.css":["toolbars","minimal"], +"minimal_in-UI_scrollbars.css":["minimal","scrollbar"], +"minimal_text_fields.css":["minimal","urlbar","searchbar"], +"minimal_toolbarbuttons.css":["minimal","buttons"], +"minimal_toolbarbuttons_v2.css":["minimal","buttons"], +"minimal_toolbarbuttons_v3.css":["minimal","buttons"], +"more_visible_tab_icon.css":["tab","icon"], +"multi-row_bookmarks.css":["multi-row","bookmarks"], +"multi-row_oneliner_combo_patch.css":["multi-row","patch","1-line","minimal"], +"multi-row_tabs.css":["tabs","multi-row","toolbars"], +"multi-row_tabs_Fx66%2B.css":["legacy"], +"multi-row_tabs_below_content.css":["multi-row","tabs","toolbars"], +"multi-row_tabs_below_content_legacy.css":["legacy"], +"multi-row_tabs_legacy.css":["legacy"], +"multi-row_tabs_window_control_patch.css":["patch","multi-row","window-control"], +"navbar_below_content.css":["nav-bar","toolbars"], +"navbar_tabs_oneliner.css":["1-line","minimal","tabs","nav-bar","toolbars"], +"navbar_tabs_oneliner_menu_buttons_on_right.css":["1-line","minimal","tabs","nav-bar","toolbars","patch","menubar"], +"navbar_tabs_oneliner_tabs_on_left.css":["1-line","minimal","tabs","nav-bar","toolbar"], +"navbar_tabs_responsive_oneliner.css":["1-line","minimal","tabs","nav-bar","toolbars"], +"navigation_buttons_inside_urlbar.css":["navigation","buttons","urlbar"], +"numbered_tabs.css":["tabs"], +"overlay_menubar.css":["menubar"], +"overlay_scrollbars.as.css":["scrollbar"], +"page_action_buttons_on_hover.css":["urlbar","minimal","effect"], +"pinned_tabs_on_right.css":["tabs"], +"scrollable_menupopups.css":["scrollbar","popup","menu"], +"scrollable_urlbar_popup.css":["scrollbar","popup","urlbar"], +"show_navbar_on_focus_only.css":["urlbar","nav-bar","toolbar","hiding"], +"show_window_title_in_menubar.css":["windows","menubar"], +"status_inside_urlbar.css":["status","urlbar","hack"], +"tab_close_button_always_on_hover.css":["tab","close"], +"tab_loading_progress_throbber.css":["tab","icon","animation"], +"tabs_animated_gradient_border.css":["hack","animation"], +"tabs_below_content.css":["toolbars","tabs"], +"tabs_fill_available_width.css":["tab","tabs"], +"textual_context_navigation.css":["navigation","popup","menu"], +"theme_additional_windows.css":["legacy"], +"theme_color_variables.css":["legacy"], +"theme_popups_and_menus.css":["legacy"], +"theme_sidebar.css":["legacy"], +"theme_toolbars.css":["legacy"], +"toggle_bookmarksbar_with_alt.css":["legacy"], +"toggle_tabs_toolbar_with_alt.css":["hack","tabs","menubar"], +"toolbarbuttons_icon%2Blabel.css":["buttons","icon"], +"toolbars_below_content.css":["tabs","toolbox","toolbars"], +"urlbar_and_popup_equal_width.css":["legacy"], +"urlbar_centered_text.css":["urlbar"], +"urlbar_full_width.css":["urlbar","popup"], +"urlbar_results_in_two_rows.css":["urlbar","popup"], +"urlbar_visible_on_active_tab_click.css":["hack","urlbar"], +"vertical_context_navigation.css":["navigation","menu","popup"], +"vertical_context_navigation_v2.css":["navigation","menu","popup"], +"vertical_menubar.css":["menubar","hack"], +"window_control_placeholder_support.css":["window-control","patch"] +} diff --git a/tags.csv b/tags.csv new file mode 100644 index 0000000..ea74565 --- /dev/null +++ b/tags.csv @@ -0,0 +1,93 @@ +Fx65_tabs_on_bottom.css,tabs,toolbars,classic +Fx65_tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch +autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar,toolbox +autohide_bookmarks_toolbar.css,autohide,bookmarks,toolbars +autohide_menubar.css,autohide,menubar,toolbars +autohide_navigation_button.css,autohide,minimal,navigation,buttons +autohide_sidebar.css,autohide,sidebar +autohide_tabstoolbar.css,autohide,tabs,toolbars +autohide_toolbox.css,autohide,toolbox,toolbars,fullscreen +blank_page_background.css,dark-mode,flash,blank,background +bookmarksbar_on_new_tabs_only.css,legacy +button_effect_icon_glow.css,buttons,effect,minimal +button_effect_scale_onclick.css,buttons,effect,minimal +button_effect_scale_onhover.css,buttons,effect,minimal +classic_grid_main_menu_popup.css,classic,grid,menu,popup +click_selected_tab_to_focus_urlbar.css,hack,tabs,urlbar +color_variable_template.css,theme,color,variables +combined_favicon_and_tab_close_button.css,tab,icon,close +combined_tabs_and_main_toolbars.css,minimal,tabs,toolbars +compact_urlbar_megabar.css,urlbar,minimal +dark_additional_windows.css,windows,dark-mode +dark_checkboxes_and_radios.css,widgets,dark-mode +dark_context_menus.css,dark-mode,menus +dark_theme_aware_statuspanel.css,staus,dark-mode +disable_newtab_on_middle_click.css,hack,newtab,tab +fake_statusbar.css,hack,status,toolbar +floating_findbar_on_top.css,findbar,overlay +full_width_urlbar_popup.css,ulrbar,popup +google_style_urlbar_popup.css,urlbar,popup +grid_overflow_menu.css,popup,menu +hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding +hide_tabs_toolbar.css,hiding,tabs,toolbars +hide_tabs_with_one_tab.css,hiding,tabs,toolbars +hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars +hide_toolbox_top_bottom_borders.css,toolbox,hiding +hide_urlbar_first_row.css,urlbar,popup,hiding +linux_gtk_window_control_patch.css,patch,window-control +menubar_in_toolbar.css,toolbars,minimal +menubar_in_toolbar_oneliner_compatible.css,toolbars,minimal +minimal_in-UI_scrollbars.css,minimal,scrollbar +minimal_text_fields.css,minimal,urlbar,searchbar +minimal_toolbarbuttons.css,minimal,buttons +minimal_toolbarbuttons_v2.css,minimal,buttons +minimal_toolbarbuttons_v3.css,minimal,buttons +more_visible_tab_icon.css,tab,icon +multi-row_bookmarks.css,multi-row,bookmarks +multi-row_oneliner_combo_patch.css,multi-row,patch,1-line,minimal +multi-row_tabs.css,tabs,multi-row,toolbars +multi-row_tabs_Fx66%2B.css,legacy +multi-row_tabs_below_content.css,multi-row,tabs,toolbars +multi-row_tabs_below_content_legacy.css,legacy +multi-row_tabs_legacy.css,legacy +multi-row_tabs_window_control_patch.css,patch,multi-row,window-control +navbar_below_content.css,nav-bar,toolbars +navbar_tabs_oneliner.css,1-line,minimal,tabs,nav-bar,toolbars +navbar_tabs_oneliner_menu_buttons_on_right.css,1-line,minimal,tabs,nav-bar,toolbars,patch,menubar +navbar_tabs_oneliner_tabs_on_left.css,1-line,minimal,tabs,nav-bar,toolbar +navbar_tabs_responsive_oneliner.css,1-line,minimal,tabs,nav-bar,toolbars +navigation_buttons_inside_urlbar.css,navigation,buttons,urlbar +numbered_tabs.css,tabs +overlay_menubar.css,menubar +overlay_scrollbars.as.css,scrollbar +page_action_buttons_on_hover.css,urlbar,minimal,effect +pinned_tabs_on_right.css,tabs +scrollable_menupopups.css,scrollbar,popup,menu +scrollable_urlbar_popup.css,scrollbar,popup,urlbar +show_navbar_on_focus_only.css,urlbar,nav-bar,toolbar,hiding +show_window_title_in_menubar.css,windows,menubar +status_inside_urlbar.css,status,urlbar,hack +tab_close_button_always_on_hover.css,tab,close +tab_loading_progress_throbber.css,tab,icon,animation +tabs_animated_gradient_border.css,hack,animation +tabs_below_content.css,toolbars,tabs +tabs_fill_available_width.css,tab,tabs +textual_context_navigation.css,navigation,popup,menu +theme_additional_windows.css,legacy +theme_color_variables.css,legacy, +theme_popups_and_menus.css,legacy +theme_sidebar.css,legacy +theme_toolbars.css,legacy +toggle_bookmarksbar_with_alt.css,legacy +toggle_tabs_toolbar_with_alt.css,hack,tabs,menubar +toolbarbuttons_icon%2Blabel.css,buttons,icon +toolbars_below_content.css,tabs,toolbox,toolbars +urlbar_and_popup_equal_width.css,legacy +urlbar_centered_text.css,urlbar +urlbar_full_width.css,urlbar,popup +urlbar_results_in_two_rows.css,urlbar,popup +urlbar_visible_on_active_tab_click.css,hack,urlbar +vertical_context_navigation.css,navigation,menu,popup +vertical_context_navigation_v2.css,navigation,menu,popup +vertical_menubar.css,menubar,hack +window_control_placeholder_support.css,window-control,patch From c03eef12d5f5b2d04569e76537351cb5a6c10f15 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Mon, 1 Jun 2020 20:25:47 +0300 Subject: [PATCH 0378/1101] add file browser index.html --- index.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 index.html diff --git a/index.html b/index.html new file mode 100644 index 0000000..1f3c56a --- /dev/null +++ b/index.html @@ -0,0 +1,23 @@ + + + + firefox-csshacks selector + + + + + + +
+
+
+
+
+
+
+ 

+    

+  

+

+
+
\ No newline at end of file

From 059d41660915c37c45d9ed267e5e5ca596bdc6f4 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 2 Jun 2020 05:38:31 +0300
Subject: [PATCH 0379/1101] remove test.css

---
 chrome/test.css | 3 ---
 1 file changed, 3 deletions(-)
 delete mode 100644 chrome/test.css

diff --git a/chrome/test.css b/chrome/test.css
deleted file mode 100644
index c4933ca..0000000
--- a/chrome/test.css
+++ /dev/null
@@ -1,3 +0,0 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/test.css made available under Mozilla Public License v. 2.0
-See the above repository for updates as well as full license text. */
-

From c7750ad9e82c337a6fd88bd3006813fac5fcb0f9 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 2 Jun 2020 17:30:23 +0300
Subject: [PATCH 0380/1101] rename to note that this makes use of menubar

---
 chrome/{fake_statusbar.css => fake_statusbar_w_menubar.css} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename chrome/{fake_statusbar.css => fake_statusbar_w_menubar.css} (100%)

diff --git a/chrome/fake_statusbar.css b/chrome/fake_statusbar_w_menubar.css
similarity index 100%
rename from chrome/fake_statusbar.css
rename to chrome/fake_statusbar_w_menubar.css

From b31373f6a77add60f4158d925003b92af1af35b5 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 2 Jun 2020 17:32:02 +0300
Subject: [PATCH 0381/1101] replace direct uses of fetch with fetchWithType

---
 html_resources/selector.js | 46 ++++++++++++++++++++++++++------------
 1 file changed, 32 insertions(+), 14 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 0411db1..91c7240 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -16,6 +16,31 @@ function initDB(obj){
   return true
 }
 
+function fetchWithType(url){
+  return new Promise((resolve,reject)=>{
+    const ext = url.substring(url.lastIndexOf(".")+1);
+    let expected = (ext === "json") ? "application/json" : (ext === "css") ? "text/css" : null;
+    if(!expected){
+      reject("unsupported file extension");
+    }
+    fetch(url)
+    .then(response =>{
+      const contentType = response.headers.get('content-type');
+      if (!contentType || !contentType.includes(expected)) {
+        reject(`Oops, we got ${contentType} but expected ${expected}`);
+      }
+      if(ext === "json"){
+        response.json()
+        .then(r=>resolve(r))
+      }else{
+        response.text()
+        .then(r=>resolve(r))
+        
+      }
+    },except => reject(except))
+  });
+}
+
 let previousCategory = new (function(){
   let current = null;
   this.set = function(t){
@@ -42,9 +67,9 @@ async function onCategoryClicked(categoryNode){
 
 async function onTargetClicked(targetNode){
   const codeBlock = document.querySelector("pre");
-  let file = await fetch(`chrome/${getText(targetNode)}`);
-  let t = await file.text();
-  codeBlock.textContent = t;
+  fetchWithType(`chrome/${getText(targetNode)}`)
+  .then(text => (codeBlock.textContent = text))
+  .catch(e => console.log(e))
 }
 
 function onSomeClicked(e){
@@ -124,16 +149,9 @@ function createCategories(){
 
 document.onreadystatechange = (function () {
   if (document.readyState === "complete") {
-    fetch("html_resources/tagmap.json")
-    .then(response => {
-     const contentType = response.headers.get('content-type');
-     if (!contentType || !contentType.includes('application/json')) {
-       throw new TypeError("Oops, we haven't got JSON!");
-     }
-     return response.json();
-  })
-  .then(json=>(initDB(json)))
-  .then(()=>createCategories())
-  .catch(e=>{console.log(e);document.getElementById("ui").textContent = "FAILURE, Database could not be loaded"});
+    fetchWithType("html_resources/tagmap.json")
+    .then(response=>(initDB(response)))
+    .then(()=>createCategories())
+    .catch(e=>{console.log(e);document.getElementById("ui").textContent = "FAILURE, Database could not be loaded"});
   }
 });
\ No newline at end of file

From 8cd9051358a6036df94e4f520dc1ab1711906726 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 2 Jun 2020 17:33:02 +0300
Subject: [PATCH 0382/1101] add new file

---
 chrome/fake_statusbar_w_bookmarksbar.css | 53 ++++++++++++++++++++++++
 html_resources/tagmap.json               |  5 ++-
 tags.csv                                 |  3 +-
 3 files changed, 58 insertions(+), 3 deletions(-)
 create mode 100644 chrome/fake_statusbar_w_bookmarksbar.css

diff --git a/chrome/fake_statusbar_w_bookmarksbar.css b/chrome/fake_statusbar_w_bookmarksbar.css
new file mode 100644
index 0000000..466174d
--- /dev/null
+++ b/chrome/fake_statusbar_w_bookmarksbar.css
@@ -0,0 +1,53 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_statusbar_w_bookmarksbar.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Creates a statusbar at the bottom of the window by using bookmarks toolbar */
+/* Since it's really the bookmarks toolbar you should move bookmarks away from bookmarks toolbar - for example to menubar. You can do that with Customize Firefox mode */
+
+#PersonalToolbar{
+  position: fixed;
+  display: flex;
+  bottom: 0;
+  width: 100vw;
+}
+#customization-container,
+:root:not([inDOMFullscreen]) > body > #browser{
+  margin-bottom: calc(5px + 2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+}
+#PersonalToolbar >  toolbarbutton{ padding: 0 var(--toolbarbutton-outer-padding) !important; } 
+#PersonalToolbar > toolbarbutton > .toolbarbutton-icon,
+#PersonalToolbar > toolbarbutton > .toolbarbutton-badge-stack{
+  width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+  height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+  padding: var(--toolbarbutton-inner-padding) !important;
+}
+
+#PersonalToolbar > :first-child + toolbarspring{
+  background-position: left 4px;
+  background-repeat: no-repeat;
+  background-image: -moz-element(#statuspanel);
+  max-width: none !important;
+  width: 60ch;
+}
+/* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */
+#Per#PersonalToolbar:hover:first-child + toolbarspring{ background-image: none }
+
+#statuspanel-inner > #statuspanel-label{
+  height:3em;
+  min-width: 1000px;
+  background-color: transparent !important;
+  border: none !important;
+  font-size: inherit;
+  color: inherit !important;
+  margin-right: 0px !important;
+}
+/* If you use a theme where urlbar is partially transparent you should edit this color to something that closely matches the perceived color of urlbar. Or perhaps use background-image - linear-gradient() can work well here. But keep the color or image opaque or otherwise you'll face an issue where urlbar text bleeds through */
+#statuspanel-inner{ background-color: var(--toolbar-accent-color) }
+/*#statuspanel-inner{ background-color: var(--toolbar-non-lwt-bgcolor) }*/
+
+#statuspanel{ color: lightpink; z-index: -1; visibility: visible !important; opacity: 1 !important; }
+#statuspanel[inactive] > #statuspanel-inner > #statuspanel-label{ visibility: hidden }
+#statuspanel[inactive] > #statuspanel-inner::before{ content: "Done"; color: var(--lwt-toolbar-field-color, black) !important }
+#statuspanel[type="status"] { color: skyblue }
+
+#statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--lwt-toolbar-field-color, black) !important;}
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index c13bdf3..00519f4 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -24,7 +24,7 @@
 "dark_context_menus.css":["dark-mode","menus"],
 "dark_theme_aware_statuspanel.css":["staus","dark-mode"],
 "disable_newtab_on_middle_click.css":["hack","newtab","tab"],
-"fake_statusbar.css":["hack","status","toolbar"],
+"fake_statusbar_w_menubar.css":["hack","status","toolbar","menubar"],
 "floating_findbar_on_top.css":["findbar","overlay"],
 "full_width_urlbar_popup.css":["ulrbar","popup"],
 "google_style_urlbar_popup.css":["urlbar","popup"],
@@ -91,5 +91,6 @@
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"]
+"window_control_placeholder_support.css":["window-control","patch"],
+"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbar","bookmarks"]
 }
diff --git a/tags.csv b/tags.csv
index ea74565..4f678d1 100644
--- a/tags.csv
+++ b/tags.csv
@@ -23,7 +23,7 @@ dark_checkboxes_and_radios.css,widgets,dark-mode
 dark_context_menus.css,dark-mode,menus
 dark_theme_aware_statuspanel.css,staus,dark-mode
 disable_newtab_on_middle_click.css,hack,newtab,tab
-fake_statusbar.css,hack,status,toolbar
+fake_statusbar_w_menubar.css,hack,status,toolbar,menubar
 floating_findbar_on_top.css,findbar,overlay
 full_width_urlbar_popup.css,ulrbar,popup
 google_style_urlbar_popup.css,urlbar,popup
@@ -91,3 +91,4 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
+fake_statusbar_w_bookmarksbar.css,hack,status,toolbar,bookmarks

From f8107111636b33d9797477a2ab00deb8473d54db Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 2 Jun 2020 17:41:42 +0300
Subject: [PATCH 0383/1101] use up-to-date name in license-block

---
 chrome/fake_statusbar_w_menubar.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/fake_statusbar_w_menubar.css b/chrome/fake_statusbar_w_menubar.css
index 2f94b4a..fcacdfc 100644
--- a/chrome/fake_statusbar_w_menubar.css
+++ b/chrome/fake_statusbar_w_menubar.css
@@ -1,4 +1,4 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_statusbar.css made available under Mozilla Public License v. 2.0
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_statusbar_w_menubar.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
 /* Creates a statusbar by using menubar */

From 9a477fee93bd53a461b7c5c1cddf57d5b7e109b2 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Wed, 3 Jun 2020 06:02:43 +0300
Subject: [PATCH 0384/1101] use absolute instead of fixed position for urlbar
 popup

---
 chrome/urlbar_full_width.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_full_width.css
index b0e5b87..25a0010 100644
--- a/chrome/urlbar_full_width.css
+++ b/chrome/urlbar_full_width.css
@@ -19,7 +19,7 @@ See the above repository for updates as well as full license text. */
 #urlbar[focused]{ box-shadow: inset 0 0 0 1px var(--lwt-toolbar-field-border-focus, highlight); }
 
 .urlbarView{
-  position: fixed !important;
+  position: absolute !important;
   margin: 0 !important;
   left: 0 !important;
   width: 100vw !important;

From ef51f20d388396714a7a1b6e4dff20733d5dc6c9 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Wed, 3 Jun 2020 16:19:07 +0300
Subject: [PATCH 0385/1101] make urlbar-row icons line up with search icon in
 urlbar

---
 chrome/compact_urlbar_megabar.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css
index 671b1ef..e6f8ed1 100644
--- a/chrome/compact_urlbar_megabar.css
+++ b/chrome/compact_urlbar_megabar.css
@@ -1,8 +1,7 @@
 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_urlbar_megabar.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
-/* Make urlbar megabar appear more compact */
-/* Set the pref browser.urlbar.megabar to true */
+/* Make urlbar appear more compact */
 #urlbar[breakout]{
   margin-inline-start: 0px !important;
   width: 100% !important;
@@ -11,7 +10,8 @@ See the above repository for updates as well as full license text. */
 }
 #urlbar[breakout]:not([open]){ bottom: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important; }
 .urlbarView{ margin-inline: 0 !important; width: auto !important; }
-.urlbarView-row{ padding: 0 4px !important; }
+.urlbarView-row{ padding: 0 2px !important; }
+.urlbarView-row-inner{ padding-inline-start: 4px !important; }
 #urlbar-background{ animation: none !important; }
 #urlbar-input-container{ padding: 0 !important; height: 100% !important; }
 #identity-box{ padding-block: var(--urlbar-icon-padding) }
\ No newline at end of file

From 1869d813b4e342b7cccc5b8937a0d2b917612dac Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Thu, 4 Jun 2020 16:20:32 +0300
Subject: [PATCH 0386/1101] add fake_urlbar_dropmarker.css

---
 chrome/fake_urlbar_dropmarker.css | 23 +++++++++++++++++++++++
 html_resources/tagmap.json        |  3 ++-
 tags.csv                          |  1 +
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 chrome/fake_urlbar_dropmarker.css

diff --git a/chrome/fake_urlbar_dropmarker.css b/chrome/fake_urlbar_dropmarker.css
new file mode 100644
index 0000000..3f4e589
--- /dev/null
+++ b/chrome/fake_urlbar_dropmarker.css
@@ -0,0 +1,23 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/fake_urlbar_dropmarker.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Icon won't have a background when hovered and the cursor will be text selection cursor, unfortunately */
+
+#page-action-buttons::before{
+  display: -moz-inline-box;
+  content: "";
+  height: 28px;
+  width: 28px;
+  padding: var(--urlbar-icon-padding);
+  fill: var(--lwt-toolbar-field-color, black);
+  fill-opacity: 0.6;
+  -moz-context-properties: fill, fill-opacity;
+  background: no-repeat center url(chrome://global/skin/icons/arrow-dropdown-16.svg);
+  cursor: normal;
+  opacity: 0;
+  transition: opacity 150ms linear
+}
+#urlbar-input-container:hover > #page-action-buttons::before{ opacity: 1 }
+.urlbar-input-box:not(:focus-within){ margin-inline-end: -24px; }
+#urlbar-input:not(:focus-within){ padding-inline-end: 24px !important; }
+.urlbar-input-box:focus-within ~ #page-action-buttons::before{ -moz-user-focus: normal }
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 00519f4..5a9b800 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -92,5 +92,6 @@
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
 "window_control_placeholder_support.css":["window-control","patch"],
-"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbar","bookmarks"]
+"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbar","bookmarks"],
+"fake_urlbar_dropmarker.css":["urlbar","hack"]
 }
diff --git a/tags.csv b/tags.csv
index 4f678d1..fa276d2 100644
--- a/tags.csv
+++ b/tags.csv
@@ -92,3 +92,4 @@ vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
 fake_statusbar_w_bookmarksbar.css,hack,status,toolbar,bookmarks
+fake_urlbar_dropmarker.css,urlbar,hack

From 8bd98c5ea9dd1e8e8a3f4bf243b4a5e4053f7243 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Thu, 4 Jun 2020 17:09:09 +0300
Subject: [PATCH 0387/1101] correctly remove right property from
 .titlebar-buttonbox-container

---
 chrome/Fx65_tabs_on_bottom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/Fx65_tabs_on_bottom.css
index 46637ef..077daa5 100644
--- a/chrome/Fx65_tabs_on_bottom.css
+++ b/chrome/Fx65_tabs_on_bottom.css
@@ -33,7 +33,7 @@ linux_gtk_window_control_patch.css
   @media not (-moz-os-version: windows-win10){
     :root{ --uc-titlebar-padding: 0px !important }
   }
-  .titlebar-buttonbox-container{ left:0; right: unset; }
+  .titlebar-buttonbox-container{ left:0; right: unset !important; }
 }
 
 :root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }

From 88d4ff25b1fa13511a6bc83f9d942f0fd232ecb4 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Thu, 4 Jun 2020 17:19:30 +0300
Subject: [PATCH 0388/1101] fix incorrect wording that mixed left vs. right

---
 chrome/multi-row_oneliner_combo_patch.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/multi-row_oneliner_combo_patch.css b/chrome/multi-row_oneliner_combo_patch.css
index f2bf41c..dc7031e 100644
--- a/chrome/multi-row_oneliner_combo_patch.css
+++ b/chrome/multi-row_oneliner_combo_patch.css
@@ -6,7 +6,7 @@ This a compatibility patch to combine multi-row_tabs.css and navbar_tabs_respons
 
 Set the pref layout.css.osx-font-smoothing.enabled to true - this is enabled by default on OSX and doesn't do anything otherwise. Used to detect whether window controls are on left or on right.
 
-This patch only supports window controls on right - ie. they will be drawn to the left of the nav-bar. If you want to use this with window controls on left you must enable native titlebar.
+This patch only supports window controls on left - ie. they will be drawn to the left of the nav-bar. If you want to use this with window controls on right you must enable native titlebar.
 
 There is no good way to handle scrollable multiple rows so you should set the maximum rows in multi-row_tabs.css to something you won't ever hit. Or you could just check what happens.
  */

From d37d2e0cd3eee0cc5b79aa9a6cbee31685abddc5 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 08:49:07 +0300
Subject: [PATCH 0389/1101] use correct image path for settings button

---
 content/addon_manage_buttons_without_popup.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css
index 7174d30..6f09ee9 100644
--- a/content/addon_manage_buttons_without_popup.css
+++ b/content/addon_manage_buttons_without_popup.css
@@ -36,7 +36,7 @@ See the above repository for updates as well as full license text. */
   div.list{ display: inherit !important; flex-direction: row !important; } 
   
   panel-item[action="toggle-disabled"]{ --icon: url("chrome://browser/skin/quit.svg") }
-  panel-item[action="preferences"]{ --icon: url("chrome://browser/skin/settings.svg") }
+  panel-item[action="preferences"]{ --icon: url("chrome://global/skin/icons/settings.svg") }
   
 /* Uncomment these if you want to hide button label - such as with compact_addons_manager */
 /* This is basically a requirement with compact_addons_manager.css because the button text causes the cards to overflow */

From 429305f8d92f5ecf4d537a3e16a7a59ab61955dc Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 08:59:22 +0300
Subject: [PATCH 0390/1101] Drop Fx65 prefix from tabs_on_bottom files

---
 chrome/multi-row_oneliner_combo_patch.css      |  2 +-
 ...5_tabs_on_bottom.css => tabs_on_bottom.css} |  4 ++--
 ...=> tabs_on_bottom_menubar_on_top_patch.css} |  4 ++--
 html_resources/tagmap.json                     | 18 +++++++++---------
 tags.csv                                       | 18 +++++++++---------
 5 files changed, 23 insertions(+), 23 deletions(-)
 rename chrome/{Fx65_tabs_on_bottom.css => tabs_on_bottom.css} (93%)
 rename chrome/{Fx65_tabs_on_bottom_menubar_on_top_patch.css => tabs_on_bottom_menubar_on_top_patch.css} (82%)

diff --git a/chrome/multi-row_oneliner_combo_patch.css b/chrome/multi-row_oneliner_combo_patch.css
index dc7031e..82ac4d5 100644
--- a/chrome/multi-row_oneliner_combo_patch.css
+++ b/chrome/multi-row_oneliner_combo_patch.css
@@ -16,7 +16,7 @@ You will need 5 other stylesheets - order may or may not matter, but this patch
 
 chrome/window_control_placeholder_support.css
 chrome/navbar_tabs_responsive_oneliner.css
-chrome/Fx65_tabs_on_bottom.css
+chrome/tabs_on_bottom.css
 chrome/multi-row_tabs.css
 chrome/urlbar_full_width.css
  */
diff --git a/chrome/Fx65_tabs_on_bottom.css b/chrome/tabs_on_bottom.css
similarity index 93%
rename from chrome/Fx65_tabs_on_bottom.css
rename to chrome/tabs_on_bottom.css
index 077daa5..06700fa 100644
--- a/chrome/Fx65_tabs_on_bottom.css
+++ b/chrome/tabs_on_bottom.css
@@ -1,9 +1,9 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/Fx65_tabs_on_bottom.css made available under Mozilla Public License v. 2.0
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
 /* Modify to change window drag space width */
 /*
-Use Fx65_tabs_on_bottom_menubar_on_top_patch.css if you
+Use tabs_on_bottom_menubar_on_top_patch.css if you
 have menubar permanently enabled and want it on top
  */
 
diff --git a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css b/chrome/tabs_on_bottom_menubar_on_top_patch.css
similarity index 82%
rename from chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css
rename to chrome/tabs_on_bottom_menubar_on_top_patch.css
index 3b3bc88..b2cfd9a 100644
--- a/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css
+++ b/chrome/tabs_on_bottom_menubar_on_top_patch.css
@@ -1,7 +1,7 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/Fx65_tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
-/* Menubar on top patch - use with Fx65_tabs_on_bottom.css */
+/* Menubar on top patch - use with tabs_on_bottom.css */
 /* Only really useful if menubar is ALWAYS visible */
 
 :root{ --uc-window-control-width: 0px !important }
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 5a9b800..0a99fd4 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -1,13 +1,13 @@
 {
-"Fx65_tabs_on_bottom.css":["tabs","toolbars","classic"],
-"Fx65_tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"],
-"autohide_bookmarks_and_main_toolbars.css":["autohide","bookmarks","toolbars","nav-bar","toolbox"],
+"tabs_on_bottom.css":["tabs","toolbars","classic"],
+"tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"],
+"autohide_bookmarks_and_main_toolbars.css":["autohide","bookmarks","toolbars","nav-bar"],
 "autohide_bookmarks_toolbar.css":["autohide","bookmarks","toolbars"],
 "autohide_menubar.css":["autohide","menubar","toolbars"],
 "autohide_navigation_button.css":["autohide","minimal","navigation","buttons"],
 "autohide_sidebar.css":["autohide","sidebar"],
 "autohide_tabstoolbar.css":["autohide","tabs","toolbars"],
-"autohide_toolbox.css":["autohide","toolbox","toolbars","fullscreen"],
+"autohide_toolbox.css":["autohide","toolbars","fullscreen"],
 "blank_page_background.css":["dark-mode","flash","blank","background"],
 "bookmarksbar_on_new_tabs_only.css":["legacy"],
 "button_effect_icon_glow.css":["buttons","effect","minimal"],
@@ -24,7 +24,7 @@
 "dark_context_menus.css":["dark-mode","menus"],
 "dark_theme_aware_statuspanel.css":["staus","dark-mode"],
 "disable_newtab_on_middle_click.css":["hack","newtab","tab"],
-"fake_statusbar_w_menubar.css":["hack","status","toolbar","menubar"],
+"fake_statusbar_w_menubar.css":["hack","status","toolbars","menubar"],
 "floating_findbar_on_top.css":["findbar","overlay"],
 "full_width_urlbar_popup.css":["ulrbar","popup"],
 "google_style_urlbar_popup.css":["urlbar","popup"],
@@ -33,7 +33,7 @@
 "hide_tabs_toolbar.css":["hiding","tabs","toolbars"],
 "hide_tabs_with_one_tab.css":["hiding","tabs","toolbars"],
 "hide_tabs_with_one_tab_w_window_controls.css":["hiding","tabs","toolbars"],
-"hide_toolbox_top_bottom_borders.css":["toolbox","hiding"],
+"hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
 "hide_urlbar_first_row.css":["urlbar","popup","hiding"],
 "linux_gtk_window_control_patch.css":["patch","window-control"],
 "menubar_in_toolbar.css":["toolbars","minimal"],
@@ -65,7 +65,7 @@
 "pinned_tabs_on_right.css":["tabs"],
 "scrollable_menupopups.css":["scrollbar","popup","menu"],
 "scrollable_urlbar_popup.css":["scrollbar","popup","urlbar"],
-"show_navbar_on_focus_only.css":["urlbar","nav-bar","toolbar","hiding"],
+"show_navbar_on_focus_only.css":["urlbar","nav-bar","toolbars","hiding"],
 "show_window_title_in_menubar.css":["windows","menubar"],
 "status_inside_urlbar.css":["status","urlbar","hack"],
 "tab_close_button_always_on_hover.css":["tab","close"],
@@ -82,7 +82,7 @@
 "toggle_bookmarksbar_with_alt.css":["legacy"],
 "toggle_tabs_toolbar_with_alt.css":["hack","tabs","menubar"],
 "toolbarbuttons_icon%2Blabel.css":["buttons","icon"],
-"toolbars_below_content.css":["tabs","toolbox","toolbars"],
+"toolbars_below_content.css":["tabs","toolbars"],
 "urlbar_and_popup_equal_width.css":["legacy"],
 "urlbar_centered_text.css":["urlbar"],
 "urlbar_full_width.css":["urlbar","popup"],
@@ -92,6 +92,6 @@
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
 "window_control_placeholder_support.css":["window-control","patch"],
-"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbar","bookmarks"],
+"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbars","bookmarks"],
 "fake_urlbar_dropmarker.css":["urlbar","hack"]
 }
diff --git a/tags.csv b/tags.csv
index fa276d2..240979b 100644
--- a/tags.csv
+++ b/tags.csv
@@ -1,12 +1,12 @@
-Fx65_tabs_on_bottom.css,tabs,toolbars,classic
-Fx65_tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch
-autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar,toolbox
+tabs_on_bottom.css,tabs,toolbars,classic
+tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch
+autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar
 autohide_bookmarks_toolbar.css,autohide,bookmarks,toolbars
 autohide_menubar.css,autohide,menubar,toolbars
 autohide_navigation_button.css,autohide,minimal,navigation,buttons
 autohide_sidebar.css,autohide,sidebar
 autohide_tabstoolbar.css,autohide,tabs,toolbars
-autohide_toolbox.css,autohide,toolbox,toolbars,fullscreen
+autohide_toolbox.css,autohide,toolbars,fullscreen
 blank_page_background.css,dark-mode,flash,blank,background
 bookmarksbar_on_new_tabs_only.css,legacy
 button_effect_icon_glow.css,buttons,effect,minimal
@@ -23,7 +23,7 @@ dark_checkboxes_and_radios.css,widgets,dark-mode
 dark_context_menus.css,dark-mode,menus
 dark_theme_aware_statuspanel.css,staus,dark-mode
 disable_newtab_on_middle_click.css,hack,newtab,tab
-fake_statusbar_w_menubar.css,hack,status,toolbar,menubar
+fake_statusbar_w_menubar.css,hack,status,toolbars,menubar
 floating_findbar_on_top.css,findbar,overlay
 full_width_urlbar_popup.css,ulrbar,popup
 google_style_urlbar_popup.css,urlbar,popup
@@ -32,7 +32,7 @@ hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
 hide_tabs_toolbar.css,hiding,tabs,toolbars
 hide_tabs_with_one_tab.css,hiding,tabs,toolbars
 hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
-hide_toolbox_top_bottom_borders.css,toolbox,hiding
+hide_toolbox_top_bottom_borders.css,toolbars,hiding
 hide_urlbar_first_row.css,urlbar,popup,hiding
 linux_gtk_window_control_patch.css,patch,window-control
 menubar_in_toolbar.css,toolbars,minimal
@@ -64,7 +64,7 @@ page_action_buttons_on_hover.css,urlbar,minimal,effect
 pinned_tabs_on_right.css,tabs
 scrollable_menupopups.css,scrollbar,popup,menu
 scrollable_urlbar_popup.css,scrollbar,popup,urlbar
-show_navbar_on_focus_only.css,urlbar,nav-bar,toolbar,hiding
+show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding
 show_window_title_in_menubar.css,windows,menubar
 status_inside_urlbar.css,status,urlbar,hack
 tab_close_button_always_on_hover.css,tab,close
@@ -81,7 +81,7 @@ theme_toolbars.css,legacy
 toggle_bookmarksbar_with_alt.css,legacy
 toggle_tabs_toolbar_with_alt.css,hack,tabs,menubar
 toolbarbuttons_icon%2Blabel.css,buttons,icon
-toolbars_below_content.css,tabs,toolbox,toolbars
+toolbars_below_content.css,tabs,toolbars
 urlbar_and_popup_equal_width.css,legacy
 urlbar_centered_text.css,urlbar
 urlbar_full_width.css,urlbar,popup
@@ -91,5 +91,5 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
-fake_statusbar_w_bookmarksbar.css,hack,status,toolbar,bookmarks
+fake_statusbar_w_bookmarksbar.css,hack,status,toolbars,bookmarks
 fake_urlbar_dropmarker.css,urlbar,hack

From f2639991840aba1e10d1a7a9387a2c0cfab85f06 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 09:10:36 +0300
Subject: [PATCH 0391/1101] make legacy the last category

---
 html_resources/selector.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 91c7240..6370a3b 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -138,7 +138,7 @@ function createCategories(){
     }
     let map = ret.map((a,i)=>({name:a,value:ns[i]}))
     
-    return map.sort((a,b)=>(a.value > b.value?-1:a.value < b.value ? 1:0))
+    return map.sort((a,b)=>(a.name==="legacy"?2:a.value > b.value?-1:a.value < b.value ? 1:0))
   })();
   
   for(let cat of CAT_NAMES){

From 02bd67fc6d9971ad6eedc60e2696480aa56b48a4 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 09:20:42 +0300
Subject: [PATCH 0392/1101] Reduce number of unique tags

---
 html_resources/tagmap.json | 34 +++++++++++++++++-----------------
 tags.csv                   | 32 ++++++++++++++++----------------
 2 files changed, 33 insertions(+), 33 deletions(-)

diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 0a99fd4..b516f57 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -8,26 +8,28 @@
 "autohide_sidebar.css":["autohide","sidebar"],
 "autohide_tabstoolbar.css":["autohide","tabs","toolbars"],
 "autohide_toolbox.css":["autohide","toolbars","fullscreen"],
-"blank_page_background.css":["dark-mode","flash","blank","background"],
+"blank_page_background.css":["dark-mode"],
 "bookmarksbar_on_new_tabs_only.css":["legacy"],
 "button_effect_icon_glow.css":["buttons","effect","minimal"],
 "button_effect_scale_onclick.css":["buttons","effect","minimal"],
 "button_effect_scale_onhover.css":["buttons","effect","minimal"],
-"classic_grid_main_menu_popup.css":["classic","grid","menu","popup"],
+"classic_grid_main_menu_popup.css":["classic","menu","popup"],
 "click_selected_tab_to_focus_urlbar.css":["hack","tabs","urlbar"],
-"color_variable_template.css":["theme","color","variables"],
+"color_variable_template.css":["colors"],
 "combined_favicon_and_tab_close_button.css":["tab","icon","close"],
 "combined_tabs_and_main_toolbars.css":["minimal","tabs","toolbars"],
 "compact_urlbar_megabar.css":["urlbar","minimal"],
 "dark_additional_windows.css":["windows","dark-mode"],
-"dark_checkboxes_and_radios.css":["widgets","dark-mode"],
-"dark_context_menus.css":["dark-mode","menus"],
+"dark_checkboxes_and_radios.css":["dark-mode"],
+"dark_context_menus.css":["dark-mode","menu","popup"],
 "dark_theme_aware_statuspanel.css":["staus","dark-mode"],
-"disable_newtab_on_middle_click.css":["hack","newtab","tab"],
+"disable_newtab_on_middle_click.css":["hack","tabs"],
+"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbars","bookmarks"],
+"fake_urlbar_dropmarker.css":["urlbar","hack"],
 "fake_statusbar_w_menubar.css":["hack","status","toolbars","menubar"],
-"floating_findbar_on_top.css":["findbar","overlay"],
-"full_width_urlbar_popup.css":["ulrbar","popup"],
-"google_style_urlbar_popup.css":["urlbar","popup"],
+"floating_findbar_on_top.css":["findbar"],
+"full_width_urlbar_popup.css":["legacy"],
+"google_style_urlbar_popup.css":["legacy"],
 "grid_overflow_menu.css":["popup","menu"],
 "hide_statuspanel_when_fullscreen.css":["status","fullscreen","hiding"],
 "hide_tabs_toolbar.css":["hiding","tabs","toolbars"],
@@ -39,7 +41,7 @@
 "menubar_in_toolbar.css":["toolbars","minimal"],
 "menubar_in_toolbar_oneliner_compatible.css":["toolbars","minimal"],
 "minimal_in-UI_scrollbars.css":["minimal","scrollbar"],
-"minimal_text_fields.css":["minimal","urlbar","searchbar"],
+"minimal_text_fields.css":["minimal","urlbar"],
 "minimal_toolbarbuttons.css":["minimal","buttons"],
 "minimal_toolbarbuttons_v2.css":["minimal","buttons"],
 "minimal_toolbarbuttons_v3.css":["minimal","buttons"],
@@ -47,7 +49,7 @@
 "multi-row_bookmarks.css":["multi-row","bookmarks"],
 "multi-row_oneliner_combo_patch.css":["multi-row","patch","1-line","minimal"],
 "multi-row_tabs.css":["tabs","multi-row","toolbars"],
-"multi-row_tabs_Fx66%2B.css":["legacy"],
+"multi-row_tabs_Fx66+.css":["legacy"],
 "multi-row_tabs_below_content.css":["multi-row","tabs","toolbars"],
 "multi-row_tabs_below_content_legacy.css":["legacy"],
 "multi-row_tabs_legacy.css":["legacy"],
@@ -69,8 +71,8 @@
 "show_window_title_in_menubar.css":["windows","menubar"],
 "status_inside_urlbar.css":["status","urlbar","hack"],
 "tab_close_button_always_on_hover.css":["tab","close"],
-"tab_loading_progress_throbber.css":["tab","icon","animation"],
-"tabs_animated_gradient_border.css":["hack","animation"],
+"tab_loading_progress_throbber.css":["tab","icon","effect"],
+"tabs_animated_gradient_border.css":["hack","effect","tabs"],
 "tabs_below_content.css":["toolbars","tabs"],
 "tabs_fill_available_width.css":["tab","tabs"],
 "textual_context_navigation.css":["navigation","popup","menu"],
@@ -81,7 +83,7 @@
 "theme_toolbars.css":["legacy"],
 "toggle_bookmarksbar_with_alt.css":["legacy"],
 "toggle_tabs_toolbar_with_alt.css":["hack","tabs","menubar"],
-"toolbarbuttons_icon%2Blabel.css":["buttons","icon"],
+"toolbarbuttons_icon+label.css":["buttons","icon"],
 "toolbars_below_content.css":["tabs","toolbars"],
 "urlbar_and_popup_equal_width.css":["legacy"],
 "urlbar_centered_text.css":["urlbar"],
@@ -91,7 +93,5 @@
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"],
-"fake_statusbar_w_bookmarksbar.css":["hack","status","toolbars","bookmarks"],
-"fake_urlbar_dropmarker.css":["urlbar","hack"]
+"window_control_placeholder_support.css":["window-control","patch"]
 }
diff --git a/tags.csv b/tags.csv
index 240979b..c03daea 100644
--- a/tags.csv
+++ b/tags.csv
@@ -7,26 +7,28 @@ autohide_navigation_button.css,autohide,minimal,navigation,buttons
 autohide_sidebar.css,autohide,sidebar
 autohide_tabstoolbar.css,autohide,tabs,toolbars
 autohide_toolbox.css,autohide,toolbars,fullscreen
-blank_page_background.css,dark-mode,flash,blank,background
+blank_page_background.css,dark-mode
 bookmarksbar_on_new_tabs_only.css,legacy
 button_effect_icon_glow.css,buttons,effect,minimal
 button_effect_scale_onclick.css,buttons,effect,minimal
 button_effect_scale_onhover.css,buttons,effect,minimal
-classic_grid_main_menu_popup.css,classic,grid,menu,popup
+classic_grid_main_menu_popup.css,classic,menu,popup
 click_selected_tab_to_focus_urlbar.css,hack,tabs,urlbar
-color_variable_template.css,theme,color,variables
+color_variable_template.css,colors
 combined_favicon_and_tab_close_button.css,tab,icon,close
 combined_tabs_and_main_toolbars.css,minimal,tabs,toolbars
 compact_urlbar_megabar.css,urlbar,minimal
 dark_additional_windows.css,windows,dark-mode
-dark_checkboxes_and_radios.css,widgets,dark-mode
-dark_context_menus.css,dark-mode,menus
+dark_checkboxes_and_radios.css,dark-mode
+dark_context_menus.css,dark-mode,menu,popup
 dark_theme_aware_statuspanel.css,staus,dark-mode
-disable_newtab_on_middle_click.css,hack,newtab,tab
+disable_newtab_on_middle_click.css,hack,tabs
+fake_statusbar_w_bookmarksbar.css,hack,status,toolbars,bookmarks
+fake_urlbar_dropmarker.css,urlbar,hack
 fake_statusbar_w_menubar.css,hack,status,toolbars,menubar
-floating_findbar_on_top.css,findbar,overlay
-full_width_urlbar_popup.css,ulrbar,popup
-google_style_urlbar_popup.css,urlbar,popup
+floating_findbar_on_top.css,findbar
+full_width_urlbar_popup.css,legacy
+google_style_urlbar_popup.css,legacy
 grid_overflow_menu.css,popup,menu
 hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
 hide_tabs_toolbar.css,hiding,tabs,toolbars
@@ -38,7 +40,7 @@ linux_gtk_window_control_patch.css,patch,window-control
 menubar_in_toolbar.css,toolbars,minimal
 menubar_in_toolbar_oneliner_compatible.css,toolbars,minimal
 minimal_in-UI_scrollbars.css,minimal,scrollbar
-minimal_text_fields.css,minimal,urlbar,searchbar
+minimal_text_fields.css,minimal,urlbar
 minimal_toolbarbuttons.css,minimal,buttons
 minimal_toolbarbuttons_v2.css,minimal,buttons
 minimal_toolbarbuttons_v3.css,minimal,buttons
@@ -46,7 +48,7 @@ more_visible_tab_icon.css,tab,icon
 multi-row_bookmarks.css,multi-row,bookmarks
 multi-row_oneliner_combo_patch.css,multi-row,patch,1-line,minimal
 multi-row_tabs.css,tabs,multi-row,toolbars
-multi-row_tabs_Fx66%2B.css,legacy
+multi-row_tabs_Fx66+.css,legacy
 multi-row_tabs_below_content.css,multi-row,tabs,toolbars
 multi-row_tabs_below_content_legacy.css,legacy
 multi-row_tabs_legacy.css,legacy
@@ -68,8 +70,8 @@ show_navbar_on_focus_only.css,urlbar,nav-bar,toolbars,hiding
 show_window_title_in_menubar.css,windows,menubar
 status_inside_urlbar.css,status,urlbar,hack
 tab_close_button_always_on_hover.css,tab,close
-tab_loading_progress_throbber.css,tab,icon,animation
-tabs_animated_gradient_border.css,hack,animation
+tab_loading_progress_throbber.css,tab,icon,effect
+tabs_animated_gradient_border.css,hack,effect,tabs
 tabs_below_content.css,toolbars,tabs
 tabs_fill_available_width.css,tab,tabs
 textual_context_navigation.css,navigation,popup,menu
@@ -80,7 +82,7 @@ theme_sidebar.css,legacy
 theme_toolbars.css,legacy
 toggle_bookmarksbar_with_alt.css,legacy
 toggle_tabs_toolbar_with_alt.css,hack,tabs,menubar
-toolbarbuttons_icon%2Blabel.css,buttons,icon
+toolbarbuttons_icon+label.css,buttons,icon
 toolbars_below_content.css,tabs,toolbars
 urlbar_and_popup_equal_width.css,legacy
 urlbar_centered_text.css,urlbar
@@ -91,5 +93,3 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
-fake_statusbar_w_bookmarksbar.css,hack,status,toolbars,bookmarks
-fake_urlbar_dropmarker.css,urlbar,hack

From 93fd524b57dd5b29ba73e1d276cccabcef8819f5 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 09:25:32 +0300
Subject: [PATCH 0393/1101] rename urlbar_full_width -> urlbar_popup_full_width

---
 chrome/{urlbar_full_width.css => urlbar_popup_full_width.css} | 0
 html_resources/tagmap.json                                    | 2 +-
 tags.csv                                                      | 2 +-
 3 files changed, 2 insertions(+), 2 deletions(-)
 rename chrome/{urlbar_full_width.css => urlbar_popup_full_width.css} (100%)

diff --git a/chrome/urlbar_full_width.css b/chrome/urlbar_popup_full_width.css
similarity index 100%
rename from chrome/urlbar_full_width.css
rename to chrome/urlbar_popup_full_width.css
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index b516f57..30ba3b6 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -87,7 +87,7 @@
 "toolbars_below_content.css":["tabs","toolbars"],
 "urlbar_and_popup_equal_width.css":["legacy"],
 "urlbar_centered_text.css":["urlbar"],
-"urlbar_full_width.css":["urlbar","popup"],
+"urlbar_popup_full_width.css":["urlbar","popup"],
 "urlbar_results_in_two_rows.css":["urlbar","popup"],
 "urlbar_visible_on_active_tab_click.css":["hack","urlbar"],
 "vertical_context_navigation.css":["navigation","menu","popup"],
diff --git a/tags.csv b/tags.csv
index c03daea..7cb645b 100644
--- a/tags.csv
+++ b/tags.csv
@@ -86,7 +86,7 @@ toolbarbuttons_icon+label.css,buttons,icon
 toolbars_below_content.css,tabs,toolbars
 urlbar_and_popup_equal_width.css,legacy
 urlbar_centered_text.css,urlbar
-urlbar_full_width.css,urlbar,popup
+urlbar_popup_full_width.css,urlbar,popup
 urlbar_results_in_two_rows.css,urlbar,popup
 urlbar_visible_on_active_tab_click.css,hack,urlbar
 vertical_context_navigation.css,navigation,menu,popup

From 3a5891fdfebecd20c9e26830c786fccdd13dcd8e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 09:37:49 +0300
Subject: [PATCH 0394/1101] sort legacy as last category

---
 html_resources/selector.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 6370a3b..424d0a4 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -133,12 +133,12 @@ function createCategories(){
         ret[++i]=item;
         ns[i]=0;
       }else{
-        ns[i]++
+        ns[i] += (item === "legacy") ? 0 : 1;
       }
     }
     let map = ret.map((a,i)=>({name:a,value:ns[i]}))
     
-    return map.sort((a,b)=>(a.name==="legacy"?2:a.value > b.value?-1:a.value < b.value ? 1:0))
+    return map.sort((a,b)=>(:a.value > b.value?-1:a.value < b.value ? 1:0))
   })();
   
   for(let cat of CAT_NAMES){

From e40da9c14ebe0f37bf296b4426859aafafac9967 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 09:40:14 +0300
Subject: [PATCH 0395/1101] Fix typo

---
 html_resources/selector.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 424d0a4..5591ed0 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -133,12 +133,12 @@ function createCategories(){
         ret[++i]=item;
         ns[i]=0;
       }else{
-        ns[i] += (item === "legacy") ? 0 : 1;
+        ns[i] += (item === "legacy" ? 0 : 1);
       }
     }
     let map = ret.map((a,i)=>({name:a,value:ns[i]}))
     
-    return map.sort((a,b)=>(:a.value > b.value?-1:a.value < b.value ? 1:0))
+    return map.sort((a,b)=>(a.value > b.value?-1:a.value < b.value ? 1:0))
   })();
   
   for(let cat of CAT_NAMES){

From a13ff2d6a677bc4174b938452d343dd90a6a7a2e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 09:48:56 +0300
Subject: [PATCH 0396/1101] Remove incorrectly typed tags

---
 html_resources/selector.js | 2 +-
 html_resources/tagmap.json | 4 ++--
 tags.csv                   | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 5591ed0..27e45a0 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -133,7 +133,7 @@ function createCategories(){
         ret[++i]=item;
         ns[i]=0;
       }else{
-        ns[i] += (item === "legacy" ? 0 : 1);
+        ns[i] += (item === "legacy" ? -1 : 1);
       }
     }
     let map = ret.map((a,i)=>({name:a,value:ns[i]}))
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 30ba3b6..746f422 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -22,7 +22,7 @@
 "dark_additional_windows.css":["windows","dark-mode"],
 "dark_checkboxes_and_radios.css":["dark-mode"],
 "dark_context_menus.css":["dark-mode","menu","popup"],
-"dark_theme_aware_statuspanel.css":["staus","dark-mode"],
+"dark_theme_aware_statuspanel.css":["status","dark-mode"],
 "disable_newtab_on_middle_click.css":["hack","tabs"],
 "fake_statusbar_w_bookmarksbar.css":["hack","status","toolbars","bookmarks"],
 "fake_urlbar_dropmarker.css":["urlbar","hack"],
@@ -57,7 +57,7 @@
 "navbar_below_content.css":["nav-bar","toolbars"],
 "navbar_tabs_oneliner.css":["1-line","minimal","tabs","nav-bar","toolbars"],
 "navbar_tabs_oneliner_menu_buttons_on_right.css":["1-line","minimal","tabs","nav-bar","toolbars","patch","menubar"],
-"navbar_tabs_oneliner_tabs_on_left.css":["1-line","minimal","tabs","nav-bar","toolbar"],
+"navbar_tabs_oneliner_tabs_on_left.css":["1-line","minimal","tabs","nav-bar","toolbars"],
 "navbar_tabs_responsive_oneliner.css":["1-line","minimal","tabs","nav-bar","toolbars"],
 "navigation_buttons_inside_urlbar.css":["navigation","buttons","urlbar"],
 "numbered_tabs.css":["tabs"],
diff --git a/tags.csv b/tags.csv
index 7cb645b..766d94c 100644
--- a/tags.csv
+++ b/tags.csv
@@ -21,7 +21,7 @@ compact_urlbar_megabar.css,urlbar,minimal
 dark_additional_windows.css,windows,dark-mode
 dark_checkboxes_and_radios.css,dark-mode
 dark_context_menus.css,dark-mode,menu,popup
-dark_theme_aware_statuspanel.css,staus,dark-mode
+dark_theme_aware_statuspanel.css,status,dark-mode
 disable_newtab_on_middle_click.css,hack,tabs
 fake_statusbar_w_bookmarksbar.css,hack,status,toolbars,bookmarks
 fake_urlbar_dropmarker.css,urlbar,hack
@@ -56,7 +56,7 @@ multi-row_tabs_window_control_patch.css,patch,multi-row,window-control
 navbar_below_content.css,nav-bar,toolbars
 navbar_tabs_oneliner.css,1-line,minimal,tabs,nav-bar,toolbars
 navbar_tabs_oneliner_menu_buttons_on_right.css,1-line,minimal,tabs,nav-bar,toolbars,patch,menubar
-navbar_tabs_oneliner_tabs_on_left.css,1-line,minimal,tabs,nav-bar,toolbar
+navbar_tabs_oneliner_tabs_on_left.css,1-line,minimal,tabs,nav-bar,toolbars
 navbar_tabs_responsive_oneliner.css,1-line,minimal,tabs,nav-bar,toolbars
 navigation_buttons_inside_urlbar.css,navigation,buttons,urlbar
 numbered_tabs.css,tabs

From 9acc29933361ffae27e07da7789f9f2a6543c956 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 12:45:47 +0300
Subject: [PATCH 0397/1101] sort alphabetically

---
 tags.csv | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tags.csv b/tags.csv
index 766d94c..8c0dea2 100644
--- a/tags.csv
+++ b/tags.csv
@@ -1,5 +1,3 @@
-tabs_on_bottom.css,tabs,toolbars,classic
-tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch
 autohide_bookmarks_and_main_toolbars.css,autohide,bookmarks,toolbars,nav-bar
 autohide_bookmarks_toolbar.css,autohide,bookmarks,toolbars
 autohide_menubar.css,autohide,menubar,toolbars
@@ -74,6 +72,8 @@ tab_loading_progress_throbber.css,tab,icon,effect
 tabs_animated_gradient_border.css,hack,effect,tabs
 tabs_below_content.css,toolbars,tabs
 tabs_fill_available_width.css,tab,tabs
+tabs_on_bottom.css,tabs,toolbars,classic
+tabs_on_bottom_menubar_on_top_patch.css,tabs,menubar,toolbars,classic,patch
 textual_context_navigation.css,navigation,popup,menu
 theme_additional_windows.css,legacy
 theme_color_variables.css,legacy,

From fc5ef0f89ab5242485c95a96dcf34ba9dbb19071 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 12:48:42 +0300
Subject: [PATCH 0398/1101] don't show file extension in target items

---
 html_resources/ext.svg     | 5 +++++
 html_resources/main.css    | 3 ++-
 html_resources/selector.js | 6 +++---
 3 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 html_resources/ext.svg

diff --git a/html_resources/ext.svg b/html_resources/ext.svg
new file mode 100644
index 0000000..2edf190
--- /dev/null
+++ b/html_resources/ext.svg
@@ -0,0 +1,5 @@
+
+
+
+
+
diff --git a/html_resources/main.css b/html_resources/main.css
index 16fbef1..6b44cf6 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -28,8 +28,9 @@ pre:empty{ display: none }
   max-width: 50ch;
   cursor: pointer
 }
+.target > a::after{ content: ""; width: 1ch; background-image: url("ext.svg") }
 .target:hover{ background-color: rgb(80,80,90) }
-#targets{ display: flex; flex-wrap: wrap }
+#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }
 
 pre{
   white-space: pre-wrap;
diff --git a/html_resources/selector.js b/html_resources/selector.js
index 27e45a0..c67350a 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -52,7 +52,7 @@ let previousCategory = new (function(){
 })()
 
 function getText(node){
-  return node.childNodes[0].textContent
+  return `${node.childNodes[0].textContent}.css`
 }
 
 async function onCategoryClicked(categoryNode){
@@ -98,12 +98,12 @@ function createCategories(){
   const createNode = function(name,type){
     let node = document.createElement("div");
     node.classList.add(type);
-    node.textContent = name;
+    node.textContent = name.substring(0,name.lastIndexOf("."));
     if(type === "target"){
       let link = node.appendChild(document.createElement("a"));
       node.classList.add("hidden");
       link.href = `https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/${name}`;
-      link.textContent = "Github";
+      link.title = "See on Github";
     }
     
     return node;

From 19a1359e709b4456d009ab39ea427cdaecb55856 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 13:01:30 +0300
Subject: [PATCH 0399/1101] fix text content of category names

---
 html_resources/selector.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index c67350a..3060c8c 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -98,12 +98,14 @@ function createCategories(){
   const createNode = function(name,type){
     let node = document.createElement("div");
     node.classList.add(type);
-    node.textContent = name.substring(0,name.lastIndexOf("."));
     if(type === "target"){
+      node.textContent = name.substring(0,name.lastIndexOf("."));
       let link = node.appendChild(document.createElement("a"));
       node.classList.add("hidden");
       link.href = `https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/${name}`;
       link.title = "See on Github";
+    }else{
+      node.textContent = name;
     }
     
     return node;

From ba17d113419528842e5be4479778050cdc091bda Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 13:37:51 +0300
Subject: [PATCH 0400/1101] sort alphabetically

---
 html_resources/tagmap.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 746f422..7da1bdb 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -1,6 +1,4 @@
 {
-"tabs_on_bottom.css":["tabs","toolbars","classic"],
-"tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"],
 "autohide_bookmarks_and_main_toolbars.css":["autohide","bookmarks","toolbars","nav-bar"],
 "autohide_bookmarks_toolbar.css":["autohide","bookmarks","toolbars"],
 "autohide_menubar.css":["autohide","menubar","toolbars"],
@@ -75,6 +73,8 @@
 "tabs_animated_gradient_border.css":["hack","effect","tabs"],
 "tabs_below_content.css":["toolbars","tabs"],
 "tabs_fill_available_width.css":["tab","tabs"],
+"tabs_on_bottom.css":["tabs","toolbars","classic"],
+"tabs_on_bottom_menubar_on_top_patch.css":["tabs","menubar","toolbars","classic","patch"],
 "textual_context_navigation.css":["navigation","popup","menu"],
 "theme_additional_windows.css":["legacy"],
 "theme_color_variables.css":["legacy"],

From 62bf40dc34dcfa8f1e9859049b63485125a76c8c Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 13:38:27 +0300
Subject: [PATCH 0401/1101] open links in new tab

---
 html_resources/selector.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 3060c8c..ffa8613 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -104,6 +104,7 @@ function createCategories(){
       node.classList.add("hidden");
       link.href = `https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/${name}`;
       link.title = "See on Github";
+      link.target = "_blank";
     }else{
       node.textContent = name;
     }

From be4f2d16e7e512406dc8b83950412e40207d1d77 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 5 Jun 2020 13:38:44 +0300
Subject: [PATCH 0402/1101] Use more fitting colors for link icons

---
 html_resources/ext.svg  |  2 +-
 html_resources/main.css | 15 +++++++++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/html_resources/ext.svg b/html_resources/ext.svg
index 2edf190..9bb9084 100644
--- a/html_resources/ext.svg
+++ b/html_resources/ext.svg
@@ -1,5 +1,5 @@
 
-
+
 
 
 
diff --git a/html_resources/main.css b/html_resources/main.css
index 6b44cf6..38aa378 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -20,15 +20,22 @@ pre:empty{ display: none }
 .category:hover{ background-color: grey }
 
 .target{
-  margin: 0.2em;
+  margin: 0.1em;
   background-color: rgb(60,60,70);
-  padding: 0.5em;
+  padding: 0.3em;
   border: 1px solid rgb(40,40,40);
   border-radius: 4px;
   max-width: 50ch;
-  cursor: pointer
+  cursor: default
+}
+.target > a{
+  content: "";
+  width: 1.2em;
+  height: 1.3em;
+  background-image: url("ext.svg");
+  background-repeat: no-repeat;
+  background-size: contain;
 }
-.target > a::after{ content: ""; width: 1ch; background-image: url("ext.svg") }
 .target:hover{ background-color: rgb(80,80,90) }
 #targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }
 

From 11fcf00269332dbf72c67514135c75a10b0e6a24 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 6 Jun 2020 13:08:12 +0300
Subject: [PATCH 0403/1101] clear out unnecessary tags on some files

---
 html_resources/tagmap.json | 6 +++---
 tags.csv                   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 7da1bdb..5606da4 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -8,9 +8,9 @@
 "autohide_toolbox.css":["autohide","toolbars","fullscreen"],
 "blank_page_background.css":["dark-mode"],
 "bookmarksbar_on_new_tabs_only.css":["legacy"],
-"button_effect_icon_glow.css":["buttons","effect","minimal"],
-"button_effect_scale_onclick.css":["buttons","effect","minimal"],
-"button_effect_scale_onhover.css":["buttons","effect","minimal"],
+"button_effect_icon_glow.css":["buttons","effect"],
+"button_effect_scale_onclick.css":["buttons","effect"],
+"button_effect_scale_onhover.css":["buttons","effect"],
 "classic_grid_main_menu_popup.css":["classic","menu","popup"],
 "click_selected_tab_to_focus_urlbar.css":["hack","tabs","urlbar"],
 "color_variable_template.css":["colors"],
diff --git a/tags.csv b/tags.csv
index 8c0dea2..700d059 100644
--- a/tags.csv
+++ b/tags.csv
@@ -7,9 +7,9 @@ autohide_tabstoolbar.css,autohide,tabs,toolbars
 autohide_toolbox.css,autohide,toolbars,fullscreen
 blank_page_background.css,dark-mode
 bookmarksbar_on_new_tabs_only.css,legacy
-button_effect_icon_glow.css,buttons,effect,minimal
-button_effect_scale_onclick.css,buttons,effect,minimal
-button_effect_scale_onhover.css,buttons,effect,minimal
+button_effect_icon_glow.css,buttons,effect
+button_effect_scale_onclick.css,buttons,effect
+button_effect_scale_onhover.css,buttons,effect
 classic_grid_main_menu_popup.css,classic,menu,popup
 click_selected_tab_to_focus_urlbar.css,hack,tabs,urlbar
 color_variable_template.css,colors

From 1e56cd34ad971c82be44475d2d12c4cb012cd5ef Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 6 Jun 2020 13:43:26 +0300
Subject: [PATCH 0404/1101] test alphabetical sorting again

---
 html_resources/main.css    |  1 +
 html_resources/selector.js | 10 ++++++----
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/html_resources/main.css b/html_resources/main.css
index 38aa378..23a4c09 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -15,6 +15,7 @@ a:visited{ color: rgb(150,100,200) }
 a:hover{ color: rgb(200,150,100) }
 pre:empty{ display: none }
 .category{ padding: 0.2em 1em; cursor: pointer }
+.category::after{ content: " (" attr(data-value) ")"}
 
 .currentCategory,
 .category:hover{ background-color: grey }
diff --git a/html_resources/selector.js b/html_resources/selector.js
index ffa8613..25cd7a0 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -106,7 +106,8 @@ function createCategories(){
       link.title = "See on Github";
       link.target = "_blank";
     }else{
-      node.textContent = name;
+      node.textContent = name.name;
+      node.setAttribute("data-value",name.value);
     }
     
     return node;
@@ -140,12 +141,13 @@ function createCategories(){
       }
     }
     let map = ret.map((a,i)=>({name:a,value:ns[i]}))
-    
-    return map.sort((a,b)=>(a.value > b.value?-1:a.value < b.value ? 1:0))
+    return map
+    //return map.sort((a,b)=>(a.value > b.value?-1:a.value < b.value ? 1:0))
   })();
   
   for(let cat of CAT_NAMES){
-    CAT_PARENT.appendChild(createCategory(cat.name))
+  //  CAT_PARENT.appendChild(createCategory(cat.name))
+    CAT_PARENT.appendChild(createNode(cat,"category"))
   }
   
 }

From 0d49d15f77cba769bc401b909baa168342917d31 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 7 Jun 2020 07:32:55 +0300
Subject: [PATCH 0405/1101] Don't set cursor property on pseudo as it won't do
 anything

---
 chrome/fake_urlbar_dropmarker.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/chrome/fake_urlbar_dropmarker.css b/chrome/fake_urlbar_dropmarker.css
index 3f4e589..c51fe82 100644
--- a/chrome/fake_urlbar_dropmarker.css
+++ b/chrome/fake_urlbar_dropmarker.css
@@ -13,7 +13,6 @@ See the above repository for updates as well as full license text. */
   fill-opacity: 0.6;
   -moz-context-properties: fill, fill-opacity;
   background: no-repeat center url(chrome://global/skin/icons/arrow-dropdown-16.svg);
-  cursor: normal;
   opacity: 0;
   transition: opacity 150ms linear
 }

From b8853b6de9891cd86fa3f046c5e5e45d9edb18bd Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 7 Jun 2020 16:23:34 +0300
Subject: [PATCH 0406/1101] Make menubar window controls be the rightmost item
 in the toolbar

---
 chrome/toolbars_below_content.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/toolbars_below_content.css b/chrome/toolbars_below_content.css
index b903bde..a82d70f 100644
--- a/chrome/toolbars_below_content.css
+++ b/chrome/toolbars_below_content.css
@@ -34,7 +34,7 @@ See the above repository for updates as well as full license text. */
 
 /* Yeah, removes window controls. Likely not wanted on bottom row  */
 #TabsToolbar > .titlebar-buttonbox-container{ display: none }
-
+#toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
 /* Menubar options */
 /* 1. Overlay menubar on top of web-content (default) */
 /* This should be used if menubar is disabled and Alt-key is used to activate it temporarily */

From 8dd7de143dda935a979f0967d7a981a3be74f72e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 7 Jun 2020 18:56:34 +0300
Subject: [PATCH 0407/1101] Make window controls visible in menubar

---
 chrome/menubar_in_toolbar.css                     | 7 +++++--
 chrome/menubar_in_toolbar_oneliner_compatible.css | 6 ++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_toolbar.css
index 222a112..393dece 100644
--- a/chrome/menubar_in_toolbar.css
+++ b/chrome/menubar_in_toolbar.css
@@ -1,4 +1,4 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_toolbar.css made available under Mozilla Public License v. 2.0
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_tabs_toolbar.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
 /* Makes menubar to appear in tabs toolbar pushing tabs to the side */
@@ -8,4 +8,7 @@ See the above repository for updates as well as full license text. */
 }
 :root[sizemode="maximized"] #toolbar-menubar:not([inactive]) ~ #TabsToolbar{
   margin-top: -28px !important;
-}
\ No newline at end of file
+}
+
+#toolbar-menubar >  .titlebar-buttonbox-container{ display: none }
+#TabsToolbar > .titlebar-buttonbox-container{ display: -moz-box !important; visibility: visible !important; }
\ No newline at end of file
diff --git a/chrome/menubar_in_toolbar_oneliner_compatible.css b/chrome/menubar_in_toolbar_oneliner_compatible.css
index d745ed8..1ddc11b 100644
--- a/chrome/menubar_in_toolbar_oneliner_compatible.css
+++ b/chrome/menubar_in_toolbar_oneliner_compatible.css
@@ -1,4 +1,4 @@
-/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_toolbar_oneliner_compatible.css made available under Mozilla Public License v. 2.0
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_tabs_toolbar_oneliner_compatible.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
 /* Use with navbar_tabs_oneliner.css */
@@ -11,4 +11,6 @@ See the above repository for updates as well as full license text. */
 #toolbar-menubar:not([inactive]){
   margin-left: var(--uc-navigationbar-width);
   height: var(--uc-toolbar-height);
-}
\ No newline at end of file
+}
+
+#toolbar-menubar >  .titlebar-buttonbox-container{ display: none }
\ No newline at end of file

From 671599d46e84e7a746cab8b862c125871ab18949 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 7 Jun 2020 18:58:06 +0300
Subject: [PATCH 0408/1101] Rename menuabar_in_toolbar ->
 menubar_in_tabs_toolbar

---
 .../{menubar_in_toolbar.css => menubar_in_tabs_toolbar.css}   | 0
 ...le.css => menubar_in_tabs_toolbar_oneliner_compatible.css} | 0
 html_resources/tagmap.json                                    | 4 ++--
 tags.csv                                                      | 4 ++--
 4 files changed, 4 insertions(+), 4 deletions(-)
 rename chrome/{menubar_in_toolbar.css => menubar_in_tabs_toolbar.css} (100%)
 rename chrome/{menubar_in_toolbar_oneliner_compatible.css => menubar_in_tabs_toolbar_oneliner_compatible.css} (100%)

diff --git a/chrome/menubar_in_toolbar.css b/chrome/menubar_in_tabs_toolbar.css
similarity index 100%
rename from chrome/menubar_in_toolbar.css
rename to chrome/menubar_in_tabs_toolbar.css
diff --git a/chrome/menubar_in_toolbar_oneliner_compatible.css b/chrome/menubar_in_tabs_toolbar_oneliner_compatible.css
similarity index 100%
rename from chrome/menubar_in_toolbar_oneliner_compatible.css
rename to chrome/menubar_in_tabs_toolbar_oneliner_compatible.css
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 5606da4..4ce57c4 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -36,8 +36,8 @@
 "hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
 "hide_urlbar_first_row.css":["urlbar","popup","hiding"],
 "linux_gtk_window_control_patch.css":["patch","window-control"],
-"menubar_in_toolbar.css":["toolbars","minimal"],
-"menubar_in_toolbar_oneliner_compatible.css":["toolbars","minimal"],
+"menubar_in_tabs_toolbar.css":["toolbars","minimal"],
+"menubar_in_tabs_toolbar_oneliner_compatible.css":["toolbars","minimal"],
 "minimal_in-UI_scrollbars.css":["minimal","scrollbar"],
 "minimal_text_fields.css":["minimal","urlbar"],
 "minimal_toolbarbuttons.css":["minimal","buttons"],
diff --git a/tags.csv b/tags.csv
index 700d059..1d96e2f 100644
--- a/tags.csv
+++ b/tags.csv
@@ -35,8 +35,8 @@ hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
 hide_toolbox_top_bottom_borders.css,toolbars,hiding
 hide_urlbar_first_row.css,urlbar,popup,hiding
 linux_gtk_window_control_patch.css,patch,window-control
-menubar_in_toolbar.css,toolbars,minimal
-menubar_in_toolbar_oneliner_compatible.css,toolbars,minimal
+menubar_in_tabs_toolbar.css,toolbars,minimal
+menubar_in_tabs_toolbar_oneliner_compatible.css,toolbars,minimal
 minimal_in-UI_scrollbars.css,minimal,scrollbar
 minimal_text_fields.css,minimal,urlbar
 minimal_toolbarbuttons.css,minimal,buttons

From 406d9c2a4270d35696b2532da749262ec080e0d8 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 7 Jun 2020 19:40:15 +0300
Subject: [PATCH 0409/1101] create menubar_in_main_toolbar.css

---
 chrome/menubar_in_main_toolbar.css | 26 ++++++++++++++++++++++++++
 html_resources/tagmap.json         |  3 ++-
 tags.csv                           |  1 +
 3 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 chrome/menubar_in_main_toolbar.css

diff --git a/chrome/menubar_in_main_toolbar.css b/chrome/menubar_in_main_toolbar.css
new file mode 100644
index 0000000..fcd3d0d
--- /dev/null
+++ b/chrome/menubar_in_main_toolbar.css
@@ -0,0 +1,26 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/menubar_in_main_toolbar.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Make menubar permanently enabled or this isn't going to work */
+
+#navigator-toolbox{ --uc-menubar-height: 36px }
+:root[uidensity="compact"] #navigator-toolbox{ --uc-menubar-height: 30px }
+
+#titlebar{ -moz-box-direction: reverse; -moz-appearance: none !important; }
+@media (-moz-os-version: windows-win10){
+  :root[sizemode="maximized"][tabsintitlebar] #TabsToolbar{ margin-top: 8px !important; }
+}
+#toolbar-menubar{
+  margin-bottom: calc(0px - var(--uc-menubar-height));
+  height: var(--uc-menubar-height);
+  position: relative;
+  z-index: 2;
+}
+
+#menubar-items{ -moz-box-pack: center }
+/* Adjust to fit menubar items - 300px works for English locale */
+#nav-bar{ padding-left: 300px; }
+
+#toolbar-menubar > .titlebar-buttonbox-container{ display: none }
+:root[tabsintitlebar][sizemode="normal"] .titlebar-spacer,
+:root[tabsintitlebar] #TabsToolbar > .titlebar-buttonbox-container{ display: -moz-box !important; }
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 4ce57c4..a1e3c78 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -93,5 +93,6 @@
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"]
+"window_control_placeholder_support.css":["window-control","patch"],
+"menubar_in_main_toolbar.css":["menubar","nav-bar","minimal","toolbars"]
 }
diff --git a/tags.csv b/tags.csv
index 1d96e2f..2abe73a 100644
--- a/tags.csv
+++ b/tags.csv
@@ -93,3 +93,4 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
+menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars

From d60d8f618a666be04e460b43505c5fb09cfa49d4 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 7 Jun 2020 19:43:23 +0300
Subject: [PATCH 0410/1101] add menubar tags where missing

---
 html_resources/tagmap.json | 8 ++++----
 tags.csv                   | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index a1e3c78..5acdb26 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -36,8 +36,9 @@
 "hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
 "hide_urlbar_first_row.css":["urlbar","popup","hiding"],
 "linux_gtk_window_control_patch.css":["patch","window-control"],
-"menubar_in_tabs_toolbar.css":["toolbars","minimal"],
-"menubar_in_tabs_toolbar_oneliner_compatible.css":["toolbars","minimal"],
+"menubar_in_main_toolbar.css":["menubar","nav-bar","minimal","toolbars"],
+"menubar_in_tabs_toolbar.css":["toolbars","minimal","menubar"],
+"menubar_in_tabs_toolbar_oneliner_compatible.css":["toolbars","minimal","menubar"],
 "minimal_in-UI_scrollbars.css":["minimal","scrollbar"],
 "minimal_text_fields.css":["minimal","urlbar"],
 "minimal_toolbarbuttons.css":["minimal","buttons"],
@@ -93,6 +94,5 @@
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"],
-"menubar_in_main_toolbar.css":["menubar","nav-bar","minimal","toolbars"]
+"window_control_placeholder_support.css":["window-control","patch"]
 }
diff --git a/tags.csv b/tags.csv
index 2abe73a..0631273 100644
--- a/tags.csv
+++ b/tags.csv
@@ -35,8 +35,9 @@ hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
 hide_toolbox_top_bottom_borders.css,toolbars,hiding
 hide_urlbar_first_row.css,urlbar,popup,hiding
 linux_gtk_window_control_patch.css,patch,window-control
-menubar_in_tabs_toolbar.css,toolbars,minimal
-menubar_in_tabs_toolbar_oneliner_compatible.css,toolbars,minimal
+menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars
+menubar_in_tabs_toolbar.css,toolbars,minimal,menubar
+menubar_in_tabs_toolbar_oneliner_compatible.css,toolbars,minimal,menubar
 minimal_in-UI_scrollbars.css,minimal,scrollbar
 minimal_text_fields.css,minimal,urlbar
 minimal_toolbarbuttons.css,minimal,buttons
@@ -93,4 +94,3 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
-menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars

From 0385fbec50d1399f579c391e24627276df141ff1 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Mon, 8 Jun 2020 05:14:40 +0300
Subject: [PATCH 0411/1101] Fix broken pointer-events on nav-bar

---
 chrome/menubar_in_main_toolbar.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/chrome/menubar_in_main_toolbar.css b/chrome/menubar_in_main_toolbar.css
index fcd3d0d..edee9c5 100644
--- a/chrome/menubar_in_main_toolbar.css
+++ b/chrome/menubar_in_main_toolbar.css
@@ -15,9 +15,10 @@ See the above repository for updates as well as full license text. */
   height: var(--uc-menubar-height);
   position: relative;
   z-index: 2;
+  pointer-events: none;
 }
 
-#menubar-items{ -moz-box-pack: center }
+#menubar-items{ -moz-box-pack: center; pointer-events: initial }
 /* Adjust to fit menubar items - 300px works for English locale */
 #nav-bar{ padding-left: 300px; }
 

From 89dfae2f88fd30fa17a60c55429a552be2dd1f71 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Mon, 8 Jun 2020 17:41:27 +0300
Subject: [PATCH 0412/1101] Make button effect work on scrollbuttons

---
 chrome/button_effect_scale_onclick.css |  3 ++
 chrome/button_effect_scale_onhover.css |  5 +++-
 chrome/minimal_toolbarbuttons.css      | 38 ++++++------------------
 chrome/minimal_toolbarbuttons_v2.css   | 36 +++++------------------
 chrome/minimal_toolbarbuttons_v3.css   | 40 +++++++-------------------
 5 files changed, 32 insertions(+), 90 deletions(-)

diff --git a/chrome/button_effect_scale_onclick.css b/chrome/button_effect_scale_onclick.css
index 037c4e9..78eb1c9 100644
--- a/chrome/button_effect_scale_onclick.css
+++ b/chrome/button_effect_scale_onclick.css
@@ -15,11 +15,14 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon
   transition: padding 83ms linear !important;
 }
 
+toolbarbutton#scrollbutton-up:active > .toolbarbutton-icon,
 toolbarbutton:not(.toolbarbutton-1):active > .toolbarbutton-icon,
 toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-badge-stack > .toolbarbutton-icon,
 .menuitem-iconic:active .menu-iconic-icon{
   transform: scale(0.6) !important;
 }
+toolbarbutton#scrollbutton-down:active > .toolbarbutton-icon{ transform: scale(-0.6) !important; }
+
 
 toolbar .toolbarbutton-1:not([disabled]):active > .toolbarbutton-icon{
   padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 3px) !important;
diff --git a/chrome/button_effect_scale_onhover.css b/chrome/button_effect_scale_onhover.css
index f526741..4ac501a 100644
--- a/chrome/button_effect_scale_onhover.css
+++ b/chrome/button_effect_scale_onhover.css
@@ -14,12 +14,13 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon,
 .urlbar-icon{
   transition: padding 83ms linear !important;
 }
-
+toolbarbutton#scrollbutton-up > .toolbarbutton-icon,
 toolbarbutton:not(.toolbarbutton-1) > .toolbarbutton-icon,
 toolbar .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
 .menuitem-iconic .menu-iconic-icon{
   transform: scale(0.8) !important;
 }
+toolbarbutton#scrollbutton-down > .toolbarbutton-icon{ transform: scale(-0.8) !important; }
 
 toolbar .toolbarbutton-1 > .toolbarbutton-icon{
   padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px) + 2px) !important;
@@ -27,11 +28,13 @@ toolbar .toolbarbutton-1 > .toolbarbutton-icon{
 
 #page-action-buttons .urlbar-icon:not(:hover){ padding: calc(var(--urlbar-icon-padding) + 2px) !important; }
 
+toolbarbutton#scrollbutton-up:not([disabled]):hover > .toolbarbutton-icon,
 toolbarbutton:not(.toolbarbutton-1):not([disabled]):hover > .toolbarbutton-icon,
 toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-badge-stack > .toolbarbutton-icon,
 .menuitem-iconic:not([disabled]):hover .menu-iconic-icon{
   transform: none !important;
 }
+toolbarbutton#scrollbutton-down:not([disabled]):hover > .toolbarbutton-icon{transform: scale(-1) !important;}
 
 toolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon{
   padding: calc(var(--toolbarbutton-inner-padding) + var(--uc-back-extra-padding,0px)) !important;
diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css
index 9fdc1ac..d64dec3 100644
--- a/chrome/minimal_toolbarbuttons.css
+++ b/chrome/minimal_toolbarbuttons.css
@@ -7,10 +7,8 @@ See the above repository for updates as well as full license text. */
 toolbar .toolbarbutton-1:not([open]),
 .titlebar-button,
 #tabbrowser-tabs toolbarbutton,
-toolbarbutton.scrollbutton-up[orient="horizontal"],
-toolbarbutton.scrollbutton-down[orient="horizontal"],
-toolbarbutton#scrollbutton-up[orient="horizontal"],
-toolbarbutton#scrollbutton-down[orient="horizontal"]{
+#scrollbutton-up:not(:hover),
+#scrollbutton-down:not(:hover){
   background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% );
 }
 /* Hide placeholder on hover */
@@ -18,48 +16,28 @@ toolbar:hover + toolbar .toolbarbutton-1,
 vbox:hover + toolbar .toolbarbutton-1,
 toolbar:hover .toolbarbutton-1,
 #tabbrowser-tabs:hover toolbarbutton,
-toolbarbutton.scrollbutton-up[orient="horizontal"]:hover,
-toolbarbutton.scrollbutton-down[orient="horizontal"]:hover,
 .titlebar-buttonbox:hover > .titlebar-button{ background-image: none }
 
 
 toolbar .toolbarbutton-1 > *,
 .titlebar-button > *,
-#tabbrowser-tabs toolbarbutton > *,
-toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
-toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{
+#tabbrowser-tabs toolbarbutton > *{
   transform: scale(0);
   transition: transform 82ms linear !important;
 }
+#scrollbutton-up > .toolbarbutton-icon,
+#scrollbutton-down > .toolbarbutton-icon{ transform: scale(0) !important; transition: transform 82ms linear !important; }
 
 toolbar:hover + toolbar .toolbarbutton-1 > *,
 vbox:hover + toolbar .toolbarbutton-1 > *,
 toolbar:hover .toolbarbutton-1 > *,
 .toolbarbutton-1[open] > *,
 .titlebar-buttonbox:hover > .titlebar-button > *,
-#tabbrowser-tabs:hover toolbarbutton > *,
-toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon,
-toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{
+#tabbrowser-tabs:hover toolbarbutton > *{
   transform: scale(1)
 }
-
-/* Extra rules for reworked tab overflow scrollbuttons */
-
-toolbarbutton#scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
-toolbarbutton#scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{
-  transform: scale(0) !important;
-  transition: transform 82ms linear !important;
-}
-
-toolbarbutton#scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(1) !important;
-}
-toolbarbutton#scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(-1, 1) !important;
-}
-
-toolbarbutton#scrollbutton-up[orient="horizontal"]:hover,
-toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !important; }
+#scrollbutton-up:hover > .toolbarbutton-icon{ transform: scale(1) !important }
+#scrollbutton-down:hover > .toolbarbutton-icon{ transform: scale(-1) !important }
 
 /* Urlbar icons, this way they show colors is applicable */
 .urlbar-icon{ transition: transform 82ms linear !important; }
diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css
index b3f42a1..001e224 100644
--- a/chrome/minimal_toolbarbuttons_v2.css
+++ b/chrome/minimal_toolbarbuttons_v2.css
@@ -16,18 +16,14 @@ such as, nav-bar buttons are not shown when urlbar is hovered
 toolbar .toolbarbutton-1:not([open]),
 .titlebar-button,
 #tabbrowser-tabs toolbarbutton,
-toolbarbutton.scrollbutton-up[orient="horizontal"],
-toolbarbutton.scrollbutton-down[orient="horizontal"],
-toolbarbutton#scrollbutton-up[orient="horizontal"],
-toolbarbutton#scrollbutton-down[orient="horizontal"]{
+#scrollbutton-up:not(:hover),
+#scrollbutton-down:not(:hover){
   background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% );
 }
 /* Hide placeholder on hover */
 toolbar:hover .toolbarbutton-1,
 .titlebar-buttonbox:hover > .titlebar-button,
-#tabbrowser-tabs:hover toolbarbutton,
-toolbarbutton.scrollbutton-up[orient="horizontal"]:hover,
-toolbarbutton.scrollbutton-down[orient="horizontal"]:hover{ background-image: none }
+#tabbrowser-tabs:hover toolbarbutton{ background-image: none }
 
 #urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *,
 #urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *,
@@ -36,41 +32,23 @@ toolbarbutton.scrollbutton-down[orient="horizontal"]:hover{ background-image: no
 #titlebar:hover ~ toolbar .toolbarbutton-1 > *,
 toolbar .toolbarbutton-1 > *,
 #tabbrowser-tabs toolbarbutton > *,
-toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
-toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon,
 .titlebar-button > *{
   transform: scale(0);
   transition: transform 82ms linear !important;
 }
+#scrollbutton-up > .toolbarbutton-icon,
+#scrollbutton-down > .toolbarbutton-icon{ transform: scale(0) !important; transition: transform 82ms linear !important; }
 
 toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
 #nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack,
 #PanelUI-menu-button:hover > stack,
 #tabbrowser-tabs:hover toolbarbutton > *,
-toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon,
-toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon,
 .toolbarbutton-1[open] > *,
 .titlebar-buttonbox:hover > .titlebar-button > *{
   transform: scale(1)
 }
-
-/* Extra rules for reworked tab overflow scrollbuttons */
-
-toolbarbutton#scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
-toolbarbutton#scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{
-  transform: scale(0) !important;
-  transition: transform 82ms linear !important;
-}
-
-toolbarbutton#scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(1) !important;
-}
-toolbarbutton#scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(-1, 1) !important;
-}
-
-toolbarbutton#scrollbutton-up[orient="horizontal"]:hover,
-toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !important; }
+#scrollbutton-up:hover > .toolbarbutton-icon{ transform: scale(1) !important }
+#scrollbutton-down:hover > .toolbarbutton-icon{ transform: scale(-1) !important }
 
 /* Urlbar icons, this way they show colors is applicable */
 .urlbar-icon{ transition: transform 82ms linear !important; }
diff --git a/chrome/minimal_toolbarbuttons_v3.css b/chrome/minimal_toolbarbuttons_v3.css
index 1083392..ac9de8e 100644
--- a/chrome/minimal_toolbarbuttons_v3.css
+++ b/chrome/minimal_toolbarbuttons_v3.css
@@ -12,10 +12,8 @@ See the above repository for updates as well as full license text. */
 toolbar .toolbarbutton-1:not([open]),
 .titlebar-button,
 #tabbrowser-tabs toolbarbutton,
-toolbarbutton.scrollbutton-up[orient="horizontal"],
-toolbarbutton.scrollbutton-down[orient="horizontal"],
-toolbarbutton#scrollbutton-up[orient="horizontal"],
-toolbarbutton#scrollbutton-down[orient="horizontal"]{
+#scrollbutton-up:not(:hover),
+#scrollbutton-down:not(:hover){
   background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% );
 }
 /* Hide placeholder on hover */
@@ -31,12 +29,12 @@ toolbar:hover .toolbarbutton-1,
 #nav-bar > #nav-bar-customization-target:hover ~ toolbarbutton:not([open]) > *,
 toolbar .toolbarbutton-1 > *,
 .titlebar-button > *,
-#tabbrowser-tabs toolbarbutton > *,
-toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
-toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{
+#tabbrowser-tabs toolbarbutton > *{
   transform: scale(0);
   transition: transform 82ms linear !important;
 }
+#scrollbutton-up > .toolbarbutton-icon,
+#scrollbutton-down > .toolbarbutton-icon{ transform: scale(0) !important; transition: transform 82ms linear !important; }
 
 toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
 #nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack,
@@ -44,29 +42,11 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
 #titlebar:hover ~ toolbar .toolbarbutton-1 > *,
 .toolbarbutton-1[open] > *,
 .titlebar-buttonbox:hover > .titlebar-button > *,
-#tabbrowser-tabs:hover toolbarbutton > *,
-toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon,
-toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(1)
+#tabbrowser-tabs:hover toolbarbutton > *{
+  transform: scale(1);
 }
-
-/* Extra rules for reworked tab overflow scrollbuttons */
-
-toolbarbutton#scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
-toolbarbutton#scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon{
-  transform: scale(0) !important;
-  transition: transform 82ms linear !important;
-}
-
-toolbarbutton#scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(1) !important;
-}
-toolbarbutton#scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon{
-  transform: scale(-1, 1) !important;
-}
-
-toolbarbutton#scrollbutton-up[orient="horizontal"]:hover,
-toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !important; }
+#scrollbutton-up:hover > .toolbarbutton-icon{ transform: scale(1) !important }
+#scrollbutton-down:hover > .toolbarbutton-icon{ transform: scale(-1) !important }
 
 /* Urlbar icons, this way they show colors is applicable */
 .urlbar-icon{ transition: transform 82ms linear !important; }
@@ -84,4 +64,4 @@ toolbarbutton#scrollbutton-down[orient="horizontal"]:hover{ background: none !im
 #nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"],
 #navigator-toolbox:not(:hover) #downloads-button[attention="success"]{
   filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan);
-}
+}
\ No newline at end of file

From 8923cc560afb6c16e46bd01f961705287855ddad Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 9 Jun 2020 16:15:12 +0300
Subject: [PATCH 0413/1101] Use alphabetically sorted filenames regardless of
 if DB is sorted or not

---
 html_resources/selector.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 25cd7a0..2f1f4c3 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -6,13 +6,14 @@ function initDB(obj){
   DB = obj;
   Object.defineProperty(DB,"query",{value:function (q,list){
     let nlist = [];
-    for(let key of list || Object.keys(this)){
+    for(let key of list || this.keys){
       if(this[key].includes(q)){
         nlist.push(key)
       }
     }
     return nlist
   }});
+  Object.defineProperty(DB,"keys",{value:(Object.keys(DB).sort())});
   return true
 }
 

From 828d8181a3d8a1011d0febdbbc30cb04a5142bb7 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 9 Jun 2020 16:16:21 +0300
Subject: [PATCH 0414/1101] Make one-off results more compact

---
 chrome/compact_urlbar_megabar.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/chrome/compact_urlbar_megabar.css b/chrome/compact_urlbar_megabar.css
index e6f8ed1..620534d 100644
--- a/chrome/compact_urlbar_megabar.css
+++ b/chrome/compact_urlbar_megabar.css
@@ -14,4 +14,5 @@ See the above repository for updates as well as full license text. */
 .urlbarView-row-inner{ padding-inline-start: 4px !important; }
 #urlbar-background{ animation: none !important; }
 #urlbar-input-container{ padding: 0 !important; height: 100% !important; }
-#identity-box{ padding-block: var(--urlbar-icon-padding) }
\ No newline at end of file
+#identity-box{ padding-block: var(--urlbar-icon-padding) }
+.urlbarView > .search-one-offs:not([hidden]){ padding-block: 0px !important; }
\ No newline at end of file

From e05625cf62dd12a8741a61bbffb4a8f2a689c989 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 13 Jun 2020 21:11:15 +0300
Subject: [PATCH 0415/1101] Create separate hide tabs toolbar file for osx

---
 chrome/hide_tabs_toolbar.css     |  3 ++-
 chrome/hide_tabs_toolbar_osx.css | 25 +++++++++++++++++++++++++
 html_resources/tagmap.json       |  3 ++-
 tags.csv                         |  1 +
 4 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 chrome/hide_tabs_toolbar_osx.css

diff --git a/chrome/hide_tabs_toolbar.css b/chrome/hide_tabs_toolbar.css
index c343c57..06ca022 100644
--- a/chrome/hide_tabs_toolbar.css
+++ b/chrome/hide_tabs_toolbar.css
@@ -1,7 +1,8 @@
 /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar.css made available under Mozilla Public License v. 2.0
 See the above repository for updates as well as full license text. */
 
-/* Hide tabs toolbar Fx65+ */
+/* Hides tabs toolbar */
+/* For OSX use hide_tabs_toolbar_osx.css instead */
 
 /* IMPORTANT */
 /*
diff --git a/chrome/hide_tabs_toolbar_osx.css b/chrome/hide_tabs_toolbar_osx.css
new file mode 100644
index 0000000..33056f5
--- /dev/null
+++ b/chrome/hide_tabs_toolbar_osx.css
@@ -0,0 +1,25 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar_osx.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Hides tabs toolbar - OSX only */
+
+/* IMPORTANT */
+/*
+Get window_control_placeholder_support.css
+Window controls will be all wrong without it
+*/
+
+:root{ --uc-toolbar-height: 32px; }
+
+:root:not([uidensity="compact"]){ --uc-toolbar-height: 38px }
+
+#TabsToolbar > *{ visibility: collapse !important }
+
+#TabsToolbar > .titlebar-buttonbox-container{
+  visibility: visible !important;
+  height:var(--uc-toolbar-height) !important;
+}
+
+:root:not([inFullscreen]) #nav-bar{
+  margin-top: calc(0px - var(--uc-toolbar-height));
+}
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 5acdb26..133e10f 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -94,5 +94,6 @@
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"]
+"window_control_placeholder_support.css":["window-control","patch"],
+"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"]
 }
diff --git a/tags.csv b/tags.csv
index 0631273..331f5d1 100644
--- a/tags.csv
+++ b/tags.csv
@@ -94,3 +94,4 @@ vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
+hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal

From 3b730702341e01f5c3610678aef6013ea2ab11ed Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 13 Jun 2020 21:13:29 +0300
Subject: [PATCH 0416/1101] use popup separator color for scrollbar

---
 chrome/scrollable_urlbar_popup.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/scrollable_urlbar_popup.css b/chrome/scrollable_urlbar_popup.css
index da8a887..7616582 100644
--- a/chrome/scrollable_urlbar_popup.css
+++ b/chrome/scrollable_urlbar_popup.css
@@ -10,4 +10,4 @@ See the above repository for updates as well as full license text. */
 @namespace html url("http://www.w3.org/1999/xhtml");
 
 html|div#urlbarView-results,
-html|div#urlbar-results{ max-height: 400px; overflow-y: auto; scrollbar-color: currentColor transparent; scrollbar-width: thin }
\ No newline at end of file
+html|div#urlbar-results{ max-height: 400px; overflow-y: auto; scrollbar-color: var(--urlbar-separator-color,currentColor) transparent; scrollbar-width: thin }
\ No newline at end of file

From c8356b2e2b9411066a67060b37d47002e0e2790d Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 13 Jun 2020 21:20:33 +0300
Subject: [PATCH 0417/1101] Set TabsToolbar min height to 0px to make
 compatible with osx

---
 chrome/hide_tabs_with_one_tab.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/chrome/hide_tabs_with_one_tab.css b/chrome/hide_tabs_with_one_tab.css
index c0a88bc..079aad1 100644
--- a/chrome/hide_tabs_with_one_tab.css
+++ b/chrome/hide_tabs_with_one_tab.css
@@ -7,6 +7,7 @@ See the above repository for updates as well as full license text. */
 :root[sizemode="normal"] #nav-bar{ --uc-window-drag-space-width: 20px }
 
 #titlebar{ -moz-appearance: none !important; }
+#TabsToolbar{ min-height: 0px !important }
 
 #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-arrowscrollbox{ min-height: 0 !important; }
 

From 51e60b4d57f0e4bd696ea8af0aeaafbdf67df132 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 14 Jun 2020 08:44:03 +0300
Subject: [PATCH 0418/1101] Adjust heights for osx fullscreen

---
 chrome/hide_tabs_toolbar_osx.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/chrome/hide_tabs_toolbar_osx.css b/chrome/hide_tabs_toolbar_osx.css
index 33056f5..764bb57 100644
--- a/chrome/hide_tabs_toolbar_osx.css
+++ b/chrome/hide_tabs_toolbar_osx.css
@@ -10,8 +10,7 @@ Window controls will be all wrong without it
 */
 
 :root{ --uc-toolbar-height: 32px; }
-
-:root:not([uidensity="compact"]){ --uc-toolbar-height: 38px }
+:root:not([uidensity="compact"]){ --uc-toolbar-height: 34px }
 
 #TabsToolbar > *{ visibility: collapse !important }
 
@@ -20,6 +19,7 @@ Window controls will be all wrong without it
   height:var(--uc-toolbar-height) !important;
 }
 
-:root:not([inFullscreen]) #nav-bar{
+#nav-bar{
   margin-top: calc(0px - var(--uc-toolbar-height));
 }
+ :root[inFullscreen] #navigator-toolbox{ margin-top: 11px }
\ No newline at end of file

From 11259c7cd17af49fb094cf8ba913b059a8540281 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 14 Jun 2020 08:58:28 +0300
Subject: [PATCH 0419/1101] Add note to rotation angle to inform it may need to
 be lower

---
 chrome/autohide_toolbox.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css
index 49f69d0..16c5cce 100644
--- a/chrome/autohide_toolbox.css
+++ b/chrome/autohide_toolbox.css
@@ -43,7 +43,7 @@ See the above repository for updates as well as full license text. */
 }
 
 #navigator-toolbox:not(:focus-within):not(:hover){
-  transform: rotateX(86deg);
+  transform: rotateX(86deg); /* This may need to be lower in osx - like 75 or so */
   opacity: 0;
 }
 

From d91c121a58ac43cbea4ef7514f51232948b44c6e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 23 Jun 2020 05:27:33 +0300
Subject: [PATCH 0420/1101] Fix some typos in selectors

---
 chrome/fake_statusbar_w_bookmarksbar.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/chrome/fake_statusbar_w_bookmarksbar.css b/chrome/fake_statusbar_w_bookmarksbar.css
index 466174d..65e07e8 100644
--- a/chrome/fake_statusbar_w_bookmarksbar.css
+++ b/chrome/fake_statusbar_w_bookmarksbar.css
@@ -14,7 +14,7 @@ See the above repository for updates as well as full license text. */
 :root:not([inDOMFullscreen]) > body > #browser{
   margin-bottom: calc(5px + 2 * var(--toolbarbutton-inner-padding) + 16px) !important;
 }
-#PersonalToolbar >  toolbarbutton{ padding: 0 var(--toolbarbutton-outer-padding) !important; } 
+#PersonalToolbar > toolbarbutton{ padding: 0 var(--toolbarbutton-outer-padding) !important; } 
 #PersonalToolbar > toolbarbutton > .toolbarbutton-icon,
 #PersonalToolbar > toolbarbutton > .toolbarbutton-badge-stack{
   width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
@@ -30,7 +30,7 @@ See the above repository for updates as well as full license text. */
   width: 60ch;
 }
 /* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */
-#Per#PersonalToolbar:hover:first-child + toolbarspring{ background-image: none }
+#PersonalToolbar:hover :first-child + toolbarspring{ background-image: none }
 
 #statuspanel-inner > #statuspanel-label{
   height:3em;

From f600efbb65ecf1b42470cd8e8d5884015097b793 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 23 Jun 2020 05:41:12 +0300
Subject: [PATCH 0421/1101] Clear background-image using :first-of-type:hover
 selector

---
 chrome/fake_statusbar_w_bookmarksbar.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/fake_statusbar_w_bookmarksbar.css b/chrome/fake_statusbar_w_bookmarksbar.css
index 65e07e8..ada9690 100644
--- a/chrome/fake_statusbar_w_bookmarksbar.css
+++ b/chrome/fake_statusbar_w_bookmarksbar.css
@@ -30,7 +30,7 @@ See the above repository for updates as well as full license text. */
   width: 60ch;
 }
 /* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */
-#PersonalToolbar:hover :first-child + toolbarspring{ background-image: none }
+#PersonalToolbar > toolbarspring:first-of-type:hover{ background-image: none }
 
 #statuspanel-inner > #statuspanel-label{
   height:3em;

From 1b0e062dce0ce906ed6c477110a4c32538476ad7 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 23 Jun 2020 21:01:38 +0300
Subject: [PATCH 0422/1101] Remove duplicate comment

---
 content/addon_manage_buttons_without_popup.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/content/addon_manage_buttons_without_popup.css b/content/addon_manage_buttons_without_popup.css
index 6f09ee9..7c1c12d 100644
--- a/content/addon_manage_buttons_without_popup.css
+++ b/content/addon_manage_buttons_without_popup.css
@@ -3,7 +3,6 @@ See the above repository for updates as well as full license text. */
 
 /* Show addon management buttons without opening popup */
 
-/* Show addon management buttons without opening popup */
 
 @-moz-document url-prefix("chrome://mozapps/content/extensions/aboutaddons.html"){
  

From d8f6337b3ef248b4a00d39d32c5d969c2feb4068 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 26 Jun 2020 12:26:26 +0300
Subject: [PATCH 0423/1101] Make the style support fullscreen mode

---
 chrome/tabs_below_content.css | 33 ++++++++++++++++++++++-----------
 1 file changed, 22 insertions(+), 11 deletions(-)

diff --git a/chrome/tabs_below_content.css b/chrome/tabs_below_content.css
index 178e87c..1daf736 100644
--- a/chrome/tabs_below_content.css
+++ b/chrome/tabs_below_content.css
@@ -6,10 +6,8 @@ See the above repository for updates as well as full license text. */
 /*
 Get window_control_placeholder_support.css
 Window controls will be all wrong without it.
-
 Additionally on Linux, you may need to get:
 linux_gtk_window_control_patch.css
-
 */
 
 .titlebar-buttonbox-container{
@@ -32,20 +30,33 @@ linux_gtk_window_control_patch.css
 :root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-buttonbox-container{ height: 100%; }
 :root[tabsintitlebar="true"]:not([inFullscreen]) #toolbar-menubar[autohide="false"] .titlebar-button{ padding: 2px 17px !important; }
 
-#titlebar{ -moz-appearance: none !important; }
-/* Counteract -moz-appearance when maximized */
-:root[sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
-:root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
-
+@media (-moz-os-version: windows-win10){
+  #titlebar{ -moz-appearance: none !important; }
+  /* Counteract -moz-appearance when maximized */
+  :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ padding-top: 8px !important; }
+  :root[sizemode="maximized"] #toolbar-menubar:not([autohide="false"]) .titlebar-buttonbox-container{ top: 8px }
+}
 /* Move tabs below content */
-:root:not([inDOMFullscreen]) #content-deck,
-:root:not([inDOMFullscreen]) #browser{ margin-bottom: var(--tab-min-height) }
-#TabsToolbar{ position: fixed; display: block; bottom: 0px; width: 100vw; height: var(--tab-min-height) }
+:root:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: var(--tab-min-height) }
+:root[inFullscreen]:not([inDOMFullscreen]) #browser-bottombox{ margin-bottom: 1px; }
+
+#TabsToolbar{
+  position: fixed;
+  display: block;
+  bottom: 0;
+  width: 100vw;
+  height: var(--tab-min-height);
+}
+#TabsToolbar:hover{ z-index: 1 }
+
+:root[inFullscreen] #TabsToolbar{ background-color: var(--lwt-accent-color); }
 #TabsToolbar-customization-target{ width: 100vw; }
+:root[tabsintitlebar] #TabsToolbar{ bottom: -1px }
+.tab-background{ border-top-style: none !important; }
 
 /* Hide stuff that doesn't make sense with tabs below content */
 #TabsToolbar > .titlebar-buttonbox-container,
 #window-controls, /* Fullscreen window controls */
 #TabsToolbar .titlebar-spacer{
   display: none !important;
-}
+}
\ No newline at end of file

From d47c0ce8db33081b29e41093e98fdabbc11250d3 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 26 Jun 2020 12:28:16 +0300
Subject: [PATCH 0424/1101] Don't hide intra-tab spacers

---
 chrome/multi-row_tabs.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/multi-row_tabs.css b/chrome/multi-row_tabs.css
index 8abeed2..0d14444 100644
--- a/chrome/multi-row_tabs.css
+++ b/chrome/multi-row_tabs.css
@@ -69,5 +69,5 @@ See the above repository for updates as well as full license text. */
 
 #alltabs-button,
 :root:not([customizing]) #TabsToolbar #new-tab-button,
-#tabbrowser-tabs spacer,
+#tabbrowser-arrowscrollbox > spacer,
 .tabbrowser-tab::after{ display: none !important }
\ No newline at end of file

From 3accc46a249e7ada44aa42865f14520dca7f5f28 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 26 Jun 2020 14:02:12 +0300
Subject: [PATCH 0425/1101] Support fullscreen mode

---
 chrome/multi-row_tabs_below_content.css | 58 ++++++++++++++++++-------
 1 file changed, 43 insertions(+), 15 deletions(-)

diff --git a/chrome/multi-row_tabs_below_content.css b/chrome/multi-row_tabs_below_content.css
index d06442d..75d9baf 100644
--- a/chrome/multi-row_tabs_below_content.css
+++ b/chrome/multi-row_tabs_below_content.css
@@ -23,13 +23,14 @@ See the above repository for updates as well as full license text. */
   --multirow-tab-min-width: 100px;
   --multirow-tab-dynamic-width: 1; /* Change to 0 for fixed-width tabs using the above width. */
 }
-
-:root[sizemode="maximized"]{ --multirow-top-padding: 8px }
+@media (-moz-os-version: windows-win10){
+  :root[sizemode="maximized"]{ --multirow-top-padding: 8px }
+}
 :root[uidensity="compact"]{--multirow-toolbar-height: 32px}
 :root{ border-top-width: 0px !important }
 
 #main-window > body > box,
-#navigator-toolbox{ -moz-box-ordinal-group: 2 }
+#navigator-toolbox{ -moz-box-ordinal-group: 2; border-bottom: 0px !important }
 
 #titlebar{-moz-appearance: none !important; } /* Try setting to "-moz-window-titlebar" if you face issues */
 
@@ -40,15 +41,24 @@ See the above repository for updates as well as full license text. */
   width: calc(100vw - 30px);
   top: var(--multirow-top-padding);
 }
-
+:root[inFullscreen] #nav-bar,
 :root[tabsintitlebar] #nav-bar{
   margin-right: 138px;
-
   /* width == 100vw - margins */
   width: calc(100vw - 168px);
   top: var(--multirow-top-padding);
 }
 
+:root[inFullscreen] #TabsToolbar > #window-controls{
+  display: flex !important;
+  justify-content: flex-end;
+  position: fixed;
+  right: 0;
+  width: 138px;
+  height: var(--multirow-toolbar-height);
+  background:var(--toolbar-bgcolor);
+}
+
 /* Fix incorrect vertical alignment with megabar */
 #urlbar[breakout]{ --urlbar-toolbar-height: var(--multirow-toolbar-height) !important; }
 
@@ -56,12 +66,19 @@ See the above repository for updates as well as full license text. */
 #customization-panelWrapper > .panel-arrowbox > .panel-arrow{ margin-inline-end: initial !important; }
 
 #customization-container,
-:root:not([inDOMFullscreen]) #content-deck,
-:root:not([inDOMFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))}
+:root:not([inFullscreen]) #content-deck,
+:root:not([inFullscreen]) #browser{ margin-top: calc(var(--multirow-toolbar-height) + var(--multirow-top-padding))}
+
+:root[inFullscreen] #TabsToolbar > #window-controls,
+:root[inFullscreen] #toolbar-menubar,
+:root[inFullscreen] #nav-bar{ top: calc(1px - (var(--multirow-toolbar-height) + var(--multirow-top-padding))) }
+
+:root[inFullscreen] #navigator-toolbox:hover > #titlebar > #TabsToolbar > #window-controls,
+:root[inFullscreen] #navigator-toolbox:hover > #nav-bar,
+:root[inFullscreen] #navigator-toolbox:hover > #titlebar > #toolbar-menubar{ top: 0px }
 
 /* Restyle nav-bar and menubar */
-#nav-bar-customization-target{ width: calc(100% - 100px); }
-:root[uidensity="compact"] #nav-bar-customization-target{ width: calc(100% - 82px); }
+#nav-bar-customization-target{ flex-grow: 1 }
 
 #nav-bar-overflow-button,
 #PanelUI-menu-button{ height: var(--multirow-toolbar-height); }
@@ -70,6 +87,7 @@ See the above repository for updates as well as full license text. */
   height: var(--multirow-toolbar-height);
   position: fixed;
   display: flex;
+  visibility: visible !important;
   top: var(--multirow-top-padding);
   width: 100vw;
   color: var(--lwt-text-color);
@@ -89,12 +107,13 @@ See the above repository for updates as well as full license text. */
   background-image: linear-gradient( to left,transparent,var(--lwt-accent-color) 35px);
 }
 
-#toolbar-menubar > .titlebar-buttonbox-container{ display: block; float: right; height: 100%; background: var(--toolbar-bgcolor)}
+#toolbar-menubar > .titlebar-buttonbox-container{ background: var(--toolbar-bgcolor); }
+
 #toolbar-menubar > .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100% ;}
 
 #main-menubar:last-child{ padding-inline-end: 40px }
 #toolbar-menubar > toolbarspring {
-  background: url(chrome://browser/skin/settings.svg) no-repeat 10px;
+  background: url("chrome://global/skin/icons/settings.svg") no-repeat 10px;
   height: 100%;
   display: block;
   fill: currentColor;
@@ -103,7 +122,7 @@ See the above repository for updates as well as full license text. */
   max-width: 28px !important;
 }
 
-#PanelUI-button{ margin-right: 20px; }
+:root[tabsintitlebar] #PanelUI-button{ margin-right: 20px; }
 
 #tabbrowser-tabs{
   min-height: unset !important;
@@ -119,7 +138,7 @@ See the above repository for updates as well as full license text. */
     display: flex;
     flex-wrap: wrap;
     overflow-y: auto;
-    max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
+    max-height: var(--uc-scrollbox-max-height,1px);
     scrollbar-color: currentColor transparent;
     scrollbar-width: thin;
   }
@@ -129,7 +148,9 @@ See the above repository for updates as well as full license text. */
   overflow: -moz-hidden-unscrollable;
   display: block;
   --scrollbutton-display-model: none;
+  --uc-scrollbox-max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
 }
+:root[inFullscreen] #tabbrowser-arrowscrollbox:not(:hover){ --uc-scrollbox-max-height: 1px; min-height: 1px !important; }
 
 .tabbrowser-tab{ height: var(--tab-min-height); }
 
@@ -150,7 +171,14 @@ See the above repository for updates as well as full license text. */
 
 .tabbrowser-tab > stack{ width: 100%; height: 100%; }
 
+/* This should fix potential flash that could occur when bottom border is hovered to show tabs in fullscreen mode */
+#tabbrowser-tabpanels{ background-color: var(--lwt-accent-color) !important; }
+
+/* Hide some things that are unnecessary in multi-row below content mode */
+
+#TabsToolbar > #window-controls,
 #alltabs-button,
 :root:not([customizing]) #TabsToolbar #new-tab-button,
-#tabbrowser-tabs spacer,
-.tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */
\ No newline at end of file
+#tabbrowser-arrowscrollbox > spacer,
+.tabbrowser-tab::after{ display: none !important } /* Also disables tab separators since they mysteriously break tab-row scrolling */
+

From 3ab84536d00ae8675201e7709d46b40d41286eab Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 26 Jun 2020 14:53:17 +0300
Subject: [PATCH 0426/1101] Apply browser margin to browser-bottombox

---
 chrome/fake_statusbar_w_bookmarksbar.css | 28 +++++++++++++++++-------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/chrome/fake_statusbar_w_bookmarksbar.css b/chrome/fake_statusbar_w_bookmarksbar.css
index ada9690..5d22a5b 100644
--- a/chrome/fake_statusbar_w_bookmarksbar.css
+++ b/chrome/fake_statusbar_w_bookmarksbar.css
@@ -2,23 +2,31 @@
 See the above repository for updates as well as full license text. */
 
 /* Creates a statusbar at the bottom of the window by using bookmarks toolbar */
+
 /* Since it's really the bookmarks toolbar you should move bookmarks away from bookmarks toolbar - for example to menubar. You can do that with Customize Firefox mode */
 
+/* If you want to show the page-loading status in the statusbar then put a single flexible space as the leftmost item in the bookmarks toolbar */
+/* By default this flex-space will take 50% window width to show the loading status bar */
+
+/* Toolbar buttons/items will be aligned to the right edge of the loading bar. If you wish to align them to the right edge, then add another flex-space after the first one */
+
+:root:not([inFullscreen]) > body{ --uc-browser-base-padding: calc(2 * var(--toolbarbutton-inner-padding) + 16px) }
+
 #PersonalToolbar{
   position: fixed;
   display: flex;
   bottom: 0;
   width: 100vw;
 }
-#customization-container,
-:root:not([inDOMFullscreen]) > body > #browser{
-  margin-bottom: calc(5px + 2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+
+:root:not([inFullscreen]) #browser-bottombox{
+  margin-bottom: calc(5px + var(--uc-browser-base-padding)) !important;
 }
 #PersonalToolbar > toolbarbutton{ padding: 0 var(--toolbarbutton-outer-padding) !important; } 
 #PersonalToolbar > toolbarbutton > .toolbarbutton-icon,
 #PersonalToolbar > toolbarbutton > .toolbarbutton-badge-stack{
-  width: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
-  height: calc(2 * var(--toolbarbutton-inner-padding) + 16px) !important;
+  width: var(--uc-browser-base-padding,0px) !important;
+  height: var(--uc-browser-base-padding,0px) !important;
   padding: var(--toolbarbutton-inner-padding) !important;
 }
 
@@ -26,9 +34,13 @@ See the above repository for updates as well as full license text. */
   background-position: left 4px;
   background-repeat: no-repeat;
   background-image: -moz-element(#statuspanel);
-  max-width: none !important;
-  width: 60ch;
+  max-width: 50vw !important; /* Modify this to let the status bar grow larger than 50% of window width */
+  min-width: 60ch;
+  flex-grow: 10;
 }
+
+#PersonalToolbar > toolbarspring{ flex-grow: 1; max-width: none !important; }
+
 /* Using -moz-element() causes some problems after Firefox has been running several hours such as long tab switch times. For this reason the background image is removed on hover and focused states which appears to clear the state. */
 #PersonalToolbar > toolbarspring:first-of-type:hover{ background-image: none }
 
@@ -50,4 +62,4 @@ See the above repository for updates as well as full license text. */
 #statuspanel[inactive] > #statuspanel-inner::before{ content: "Done"; color: var(--lwt-toolbar-field-color, black) !important }
 #statuspanel[type="status"] { color: skyblue }
 
-#statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--lwt-toolbar-field-color, black) !important;}
+#statuspanel-inner > #statuspanel-label[value^="https"]{ color: var(--lwt-toolbar-field-color, black) !important; }
\ No newline at end of file

From c6b0d611fc34e654926f2f08e9b641ed2c1ae59e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Tue, 30 Jun 2020 16:29:40 +0300
Subject: [PATCH 0427/1101] Add iconized_menubar_items.css

---
 chrome/iconized_menubar_items.css | 23 +++++++++++++++++++++++
 html_resources/tagmap.json        |  3 ++-
 tags.csv                          |  1 +
 3 files changed, 26 insertions(+), 1 deletion(-)
 create mode 100644 chrome/iconized_menubar_items.css

diff --git a/chrome/iconized_menubar_items.css b/chrome/iconized_menubar_items.css
new file mode 100644
index 0000000..b1e76d6
--- /dev/null
+++ b/chrome/iconized_menubar_items.css
@@ -0,0 +1,23 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/iconized_menubar_items.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+/* Replaces menubar items text ("File Edit etc.") with icons */
+
+#main-menubar > menu{
+  fill: currentColor;
+  height: 22px;
+  width: 32px;
+  -moz-context-properties: fill;
+  padding: 3px !important;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.menubar-text{ display: none }
+
+#file-menu{ background-image: url("chrome://devtools/skin/images/tool-storage.svg") }
+#edit-menu{ background-image: url("chrome://browser/skin/customize.svg") }
+#view-menu{ background-image: url("chrome://devtools/skin/images/command-frames.svg") }
+#history-menu{ background-image: url("chrome://browser/skin/history.svg") }
+#bookmarksMenu{ background-image: url("chrome://browser/skin/bookmark.svg") }
+#tools-menu{ background-image: url("chrome://browser/skin/developer.svg") }
+#helpMenu{ background-image: url("chrome://global/skin/icons/help.svg") }
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 133e10f..1adbb12 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -95,5 +95,6 @@
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
 "window_control_placeholder_support.css":["window-control","patch"],
-"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"]
+"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"],
+"iconized_menubar_items.css":["menubar","menu","icon"]
 }
diff --git a/tags.csv b/tags.csv
index 331f5d1..834e485 100644
--- a/tags.csv
+++ b/tags.csv
@@ -95,3 +95,4 @@ vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
 hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
+iconized_menubar_items.css,menubar,menu,icon

From e7a5932fb69f47a4c2d6ac72269b42ed4a626e9a Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Thu, 2 Jul 2020 17:17:52 +0300
Subject: [PATCH 0428/1101] Remove the extra 2px margin from bookmarks toolbar

---
 chrome/autohide_bookmarks_toolbar.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css
index 763ecb1..08b3463 100644
--- a/chrome/autohide_bookmarks_toolbar.css
+++ b/chrome/autohide_bookmarks_toolbar.css
@@ -10,7 +10,7 @@ See the above repository for updates as well as full license text. */
 :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 6px }
 
 #PersonalToolbar:not([customizing]){
-  margin-bottom: calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
+  margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
   transform: rotateX(90deg);
   transform-origin: top;
   transition: transform 135ms linear 600ms !important;

From 2db55dbc649a2abf15a15198054687448ad3d2e9 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Fri, 3 Jul 2020 16:00:31 +0300
Subject: [PATCH 0429/1101] Add option to show menubar in bottom of the window

---
 chrome/toolbars_below_content.css | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/chrome/toolbars_below_content.css b/chrome/toolbars_below_content.css
index a82d70f..3c2db0b 100644
--- a/chrome/toolbars_below_content.css
+++ b/chrome/toolbars_below_content.css
@@ -3,9 +3,7 @@ See the above repository for updates as well as full license text. */
 
 /* Moves tabs toolbar, bookmarks toolbar and main toolbar to the bottom of the window, and makes tabs be the bottom-most toolbar */
 
-/* Menubar will stay on top with two options to select it's behavior - see below */
-
-/* The pref browser.urlbar.update1 must be set to true to be able to show urlbar results popup */
+/* By default, menubar will stay on top with two options to select it's behavior - see below */
 
 #titlebar{ -moz-appearance: none !important; }
 
@@ -20,7 +18,7 @@ See the above repository for updates as well as full license text. */
 { -moz-box-ordinal-group: 0 }
 
 #toolbar-menubar{ position: fixed; display: flex; width: 100vw; top: 0px; }
-#toolbar-menubar:not([inactive]):hover{ height: calc(var(--tab-min-height) - var(--tabs-navbar-shadow-size)) !important; }
+
 #toolbar-menubar > spacer{ flex-grow: 1 }
 
 #urlbar[breakout][breakout-extend]{
@@ -35,15 +33,29 @@ See the above repository for updates as well as full license text. */
 /* Yeah, removes window controls. Likely not wanted on bottom row  */
 #TabsToolbar > .titlebar-buttonbox-container{ display: none }
 #toolbar-menubar > .titlebar-buttonbox-container{ order: 1000 }
-/* Menubar options */
+
+/**************
+Menubar options
+***************/
+
+/* Activate only ONE of the following */
+
 /* 1. Overlay menubar on top of web-content (default) */
 /* This should be used if menubar is disabled and Alt-key is used to activate it temporarily */
 
 #toolbar-menubar{ z-index: 1; background-color: var(--lwt-accent-color,black) }
 
-/* 2. Static menubar, uncomment to enable this option */
+/* 2. Static menubar on top of the window, uncomment to enable this option */
 /* Use when menubar is enabled to always show it */
 
 /*
-#browser,#customization-container{ padding-top: var(--tab-min-height) }
+#browser,#customization-container{ padding-top: 28px }
 */
+
+/* 3. Menubar below content, above tabs toolbar */
+/*
+#toolbar-menubar{ position: static; display: -moz-box; margin-top: 0px !important; }
+*/
+
+/* set to "reverse" (without quotes) if you want tabs above menubar with option 3 */
+#titlebar{ -moz-box-direction: normal; }

From 4d0b0ace71b7f66b97ccf888963d9a5718480511 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 5 Jul 2020 18:45:27 +0300
Subject: [PATCH 0430/1101] Add compatibility rules for tabs_on_bottom.css

---
 chrome/autohide_toolbox.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css
index 16c5cce..65e379f 100644
--- a/chrome/autohide_toolbox.css
+++ b/chrome/autohide_toolbox.css
@@ -4,6 +4,9 @@ See the above repository for updates as well as full license text. */
 /* Hide the whole toolbar area unless urlbar is focused or cursor is over the toolbar */
 /* Dimensions on non-Win10 OS probably needs to be adjusted */
 
+/* Compatibility options for hide_tabs_toolbar.css and tabs_on_bottom.css at the end of this file */
+
+
 @media (-moz-os-version: windows-win10){
 
   :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 10px !important; }
@@ -63,3 +66,10 @@ See the above repository for updates as well as full license text. */
 
 /* Uncomment this if tabs toolbar is hidden with hide_tabs_toolbar.css */
  /*#titlebar{ margin-bottom: -9px }*/
+
+/* Uncomment the following for compatibility with tabs_on_bottom.css - this isn't well tested though */
+/*
+:root{ --uc-titlebar-padding: 0px !important; }
+#navigator-toolbox{ flex-direction: column; display: flex; }
+#titlebar{ order: 2 }
+*/
\ No newline at end of file

From fc967120bf9bbc701b3da82640126800d421a632 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Mon, 6 Jul 2020 20:29:51 +0300
Subject: [PATCH 0431/1101] Use longer delay before autohide

---
 chrome/autohide_bookmarks_and_main_toolbars.css | 9 +++++++--
 chrome/autohide_bookmarks_toolbar.css           | 4 +++-
 chrome/autohide_sidebar.css                     | 5 +++--
 chrome/autohide_toolbox.css                     | 8 +++++++-
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/chrome/autohide_bookmarks_and_main_toolbars.css b/chrome/autohide_bookmarks_and_main_toolbars.css
index 0b52cda..8e514cf 100644
--- a/chrome/autohide_bookmarks_and_main_toolbars.css
+++ b/chrome/autohide_bookmarks_and_main_toolbars.css
@@ -5,6 +5,7 @@ See the above repository for updates as well as full license text. */
   --uc-bm-height: 22px; /* Might need to adjust if the toolbar has other buttons */
   --uc-bm-padding: 2px; /* Vertical padding to be applied to bookmarks */
   --uc-navbar-height: -40px; /* navbar is main toolbar. Use negative value */
+  --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
 }
 
 :root[uidensity=compact] #navigator-toolbox{ --uc-bm-padding: 1px; --uc-navbar-height: -32px }
@@ -14,10 +15,14 @@ See the above repository for updates as well as full license text. */
 #PersonalToolbar:not([customizing]){
   transform: rotateX(90deg);
   transform-origin: top;
-  transition: transform 135ms linear 600ms !important;
+  transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
   z-index: 2;
 }
-#navigator-toolbox > #PersonalToolbar{ transform-origin: 0px var(--uc-navbar-height); z-index: 1 }
+#navigator-toolbox > #PersonalToolbar{
+  transform-origin: 0px var(--uc-navbar-height);
+  z-index: 1;
+  position: relative;
+}
 
 :root[sessionrestored] #navigator-toolbox:not([customizing]){ margin-bottom:  calc(2px - var(--uc-bm-height) - 2 * var(--uc-bm-padding) + var(--uc-navbar-height)); }
 
diff --git a/chrome/autohide_bookmarks_toolbar.css b/chrome/autohide_bookmarks_toolbar.css
index 08b3463..e00efd7 100644
--- a/chrome/autohide_bookmarks_toolbar.css
+++ b/chrome/autohide_bookmarks_toolbar.css
@@ -4,16 +4,18 @@ See the above repository for updates as well as full license text. */
 #PersonalToolbar{
   --uc-bm-height: 20px; /* Might need to adjust if the toolbar has other buttons */
   --uc-bm-padding: 2px; /* Vertical padding to be applied to bookmarks */
+  --uc-autohide-toolbar-delay: 600ms; /* The toolbar is hidden after 0.6s */
 }
 
 :root[uidensity="compact"] #PersonalToolbar{ --uc-bm-padding: 1px }
 :root[uidensity="touch"] #PersonalToolbar{ --uc-bm-padding: 6px }
 
 #PersonalToolbar:not([customizing]){
+  position: relative;
   margin-bottom: calc(0px - var(--uc-bm-height) - 2 * var(--uc-bm-padding));
   transform: rotateX(90deg);
   transform-origin: top;
-  transition: transform 135ms linear 600ms !important;
+  transition: transform 135ms linear var(--uc-autohide-toolbar-delay) !important;
   z-index: 1;
 
 }
diff --git a/chrome/autohide_sidebar.css b/chrome/autohide_sidebar.css
index 0d17285..1168aeb 100644
--- a/chrome/autohide_sidebar.css
+++ b/chrome/autohide_sidebar.css
@@ -7,6 +7,7 @@ See the above repository for updates as well as full license text. */
 #sidebar-box{
   --uc-sidebar-width: 40px;
   --uc-sidebar-hover-width: 210px;
+  --uc-autohide-sidebar-delay: 600ms; /* Wait 0.6s before hiding sidebar */
   position: relative;
   min-width: var(--uc-sidebar-width) !important;
   width: var(--uc-sidebar-width) !important;
@@ -27,12 +28,12 @@ See the above repository for updates as well as full license text. */
 #sidebar-header{ overflow: hidden; color: var(--chrome-color, inherit) !important}
 
 #sidebar{
-  transition: min-width 115ms linear !important;
+  transition: min-width 115ms linear var(--uc-autohide-sidebar-delay) !important;
   min-width: var(--uc-sidebar-width) !important;
   will-change: min-width;
 }
 
-#sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; }
+#sidebar-box:hover > #sidebar{ min-width: var(--uc-sidebar-hover-width) !important; transition-delay: 0ms !important }
 
 .sidebar-panel{
   background-color: transparent !important;
diff --git a/chrome/autohide_toolbox.css b/chrome/autohide_toolbox.css
index 65e379f..22c46b8 100644
--- a/chrome/autohide_toolbox.css
+++ b/chrome/autohide_toolbox.css
@@ -6,6 +6,9 @@ See the above repository for updates as well as full license text. */
 
 /* Compatibility options for hide_tabs_toolbar.css and tabs_on_bottom.css at the end of this file */
 
+:root{
+  --uc-autohide-toolbox-delay: 200ms; /* Wait 0.1s before hiding toolbars */
+}
 
 @media (-moz-os-version: windows-win10){
 
@@ -30,13 +33,16 @@ See the above repository for updates as well as full license text. */
   position: fixed !important;
   display: block;
   background-color: var(--lwt-accent-color,black) !important;
-  transition: transform 82ms 33ms linear, opacity 82ms 33ms linear !important;
+  transition: transform 82ms linear, opacity 82ms linear !important;
+  transition-delay: var(--uc-autohide-toolbox-delay) !important;
   transform-origin: top;
   line-height: 0;
   z-index: 1;
   pointer-events: none;
 }
 
+#navigator-toolbox:hover{ transition-delay: 33ms !important }
+
 #navigator-toolbox > *{ line-height: normal; pointer-events: auto }
 
 #navigator-toolbox,

From e2fbcb5790ad82df8009d5e1fba281d405269cb6 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Thu, 9 Jul 2020 16:53:37 +0300
Subject: [PATCH 0432/1101] Create vertical_bookmarks_toolbar.css

---
 chrome/vertical_bookmarks_toolbar.css | 37 +++++++++++++++++++++++++++
 html_resources/tagmap.json            |  7 ++---
 tags.csv                              |  5 ++--
 3 files changed, 44 insertions(+), 5 deletions(-)
 create mode 100644 chrome/vertical_bookmarks_toolbar.css

diff --git a/chrome/vertical_bookmarks_toolbar.css b/chrome/vertical_bookmarks_toolbar.css
new file mode 100644
index 0000000..93d1ec0
--- /dev/null
+++ b/chrome/vertical_bookmarks_toolbar.css
@@ -0,0 +1,37 @@
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/vertical_bookmarks_toolbar.css made available under Mozilla Public License v. 2.0
+See the above repository for updates as well as full license text. */
+
+Makes bookmarks toolbar appear vertically at the left side of the window
+
+:root:not([inDOMFullscreen]){
+  --uc-vertical-toolbar-width: 60px;
+}
+
+#PersonalToolbar{
+ position: fixed;
+  display: flex;
+  flex-direction: column;
+  left: 0;
+  width: var(--uc-vertical-toolbar-width,0);
+  
+  /* These create a empty area to the bottom of the toolbar, which is to mask a fact that we don't know exactly how high the toolbar should be */
+  max-height: 100vh !important; 
+  padding-bottom: 120px !important;
+
+}
+
+#personal-bookmarks{ overflow-y: auto; scrollbar-width: none;}
+
+#PersonalToolbar >  #personal-bookmarks > #PlacesToolbar > hbox{ -moz-box-orient: vertical !important; }
+#PersonalToolbar #PlacesToolbarItems{
+  display: flex;
+  flex-direction: column;
+}
+
+#PersonalToolbar #PlacesToolbarItems > .bookmark-item{ padding-block: 4px !important; }
+
+body > #browser,
+body > #browser-bottombox,
+#customization-container{
+  margin-left: var(--uc-vertical-toolbar-width,0);
+}
\ No newline at end of file
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 1adbb12..433fc1a 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -31,10 +31,12 @@
 "grid_overflow_menu.css":["popup","menu"],
 "hide_statuspanel_when_fullscreen.css":["status","fullscreen","hiding"],
 "hide_tabs_toolbar.css":["hiding","tabs","toolbars"],
+"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"],
 "hide_tabs_with_one_tab.css":["hiding","tabs","toolbars"],
 "hide_tabs_with_one_tab_w_window_controls.css":["hiding","tabs","toolbars"],
 "hide_toolbox_top_bottom_borders.css":["toolbars","hiding"],
 "hide_urlbar_first_row.css":["urlbar","popup","hiding"],
+"iconized_menubar_items.css":["menubar","menu","icon"],
 "linux_gtk_window_control_patch.css":["patch","window-control"],
 "menubar_in_main_toolbar.css":["menubar","nav-bar","minimal","toolbars"],
 "menubar_in_tabs_toolbar.css":["toolbars","minimal","menubar"],
@@ -91,10 +93,9 @@
 "urlbar_popup_full_width.css":["urlbar","popup"],
 "urlbar_results_in_two_rows.css":["urlbar","popup"],
 "urlbar_visible_on_active_tab_click.css":["hack","urlbar"],
+"vertical_bookmarks_toolbar.css":["bookmarks","toolbars"],
 "vertical_context_navigation.css":["navigation","menu","popup"],
 "vertical_context_navigation_v2.css":["navigation","menu","popup"],
 "vertical_menubar.css":["menubar","hack"],
-"window_control_placeholder_support.css":["window-control","patch"],
-"hide_tabs_toolbar_osx.css":["tabs","toolbars","hiding","minimal"],
-"iconized_menubar_items.css":["menubar","menu","icon"]
+"window_control_placeholder_support.css":["window-control","patch"]
 }
diff --git a/tags.csv b/tags.csv
index 834e485..d2c30be 100644
--- a/tags.csv
+++ b/tags.csv
@@ -30,10 +30,12 @@ google_style_urlbar_popup.css,legacy
 grid_overflow_menu.css,popup,menu
 hide_statuspanel_when_fullscreen.css,status,fullscreen,hiding
 hide_tabs_toolbar.css,hiding,tabs,toolbars
+hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
 hide_tabs_with_one_tab.css,hiding,tabs,toolbars
 hide_tabs_with_one_tab_w_window_controls.css,hiding,tabs,toolbars
 hide_toolbox_top_bottom_borders.css,toolbars,hiding
 hide_urlbar_first_row.css,urlbar,popup,hiding
+iconized_menubar_items.css,menubar,menu,icon
 linux_gtk_window_control_patch.css,patch,window-control
 menubar_in_main_toolbar.css,menubar,nav-bar,minimal,toolbars
 menubar_in_tabs_toolbar.css,toolbars,minimal,menubar
@@ -90,9 +92,8 @@ urlbar_centered_text.css,urlbar
 urlbar_popup_full_width.css,urlbar,popup
 urlbar_results_in_two_rows.css,urlbar,popup
 urlbar_visible_on_active_tab_click.css,hack,urlbar
+vertical_bookmarks_toolbar.css,bookmarks,toolbars
 vertical_context_navigation.css,navigation,menu,popup
 vertical_context_navigation_v2.css,navigation,menu,popup
 vertical_menubar.css,menubar,hack
 window_control_placeholder_support.css,window-control,patch
-hide_tabs_toolbar_osx.css,tabs,toolbars,hiding,minimal
-iconized_menubar_items.css,menubar,menu,icon

From ad5c7889fec01c1400f93626c94e44a17d2ef68e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 12 Jul 2020 20:28:36 +0300
Subject: [PATCH 0433/1101] Properly set titlebar-buttonbox height on compact
 mode

---
 chrome/tabs_on_bottom.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/chrome/tabs_on_bottom.css b/chrome/tabs_on_bottom.css
index 06700fa..e374c9d 100644
--- a/chrome/tabs_on_bottom.css
+++ b/chrome/tabs_on_bottom.css
@@ -36,7 +36,7 @@ linux_gtk_window_control_patch.css
   .titlebar-buttonbox-container{ left:0; right: unset !important; }
 }
 
-:root[uidensity="compact"] .titlebar-buttonbox-container{ height: 32px }
+:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
 
 #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
 

From b68b14ca66b2c3eec581c97419308ad4d2c310eb Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 08:39:34 +0300
Subject: [PATCH 0434/1101] add secondary categories selection

---
 html_resources/main.css    |  6 +++--
 html_resources/selector.js | 51 ++++++++++++++++++++++++++++++++++----
 html_resources/tagmap.json | 10 ++++----
 index.html                 |  4 ++-
 tags.csv                   | 10 ++++----
 5 files changed, 63 insertions(+), 18 deletions(-)

diff --git a/html_resources/main.css b/html_resources/main.css
index 23a4c09..9658509 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -1,7 +1,7 @@
 body{background-color: rgb(60,50,70); color: silver; margin: 0px }
 #ui{ display: flex; }
 
-#categories{
+.categoryList{
   padding-block: 1em;
   box-sizing: border-box;
   border-inline-end: 1px solid gold;
@@ -14,12 +14,14 @@ a{ color: rgb(100,150,200); margin-inline-start: 1ch }
 a:visited{ color: rgb(150,100,200) }
 a:hover{ color: rgb(200,150,100) }
 pre:empty{ display: none }
-.category{ padding: 0.2em 1em; cursor: pointer }
+.category{ padding: 0.2em 1em; cursor: pointer; text-transform: capitalize }
 .category::after{ content: " (" attr(data-value) ")"}
 
 .currentCategory,
 .category:hover{ background-color: grey }
 
+.currentCategory::before{ content: "»" }
+
 .target{
   margin: 0.1em;
   background-color: rgb(60,60,70);
diff --git a/html_resources/selector.js b/html_resources/selector.js
index 2f1f4c3..215b45a 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -14,6 +14,9 @@ function initDB(obj){
     return nlist
   }});
   Object.defineProperty(DB,"keys",{value:(Object.keys(DB).sort())});
+  
+  Object.defineProperty(DB,"getTagsForFile",{value:(name)=>(this[name])});
+  
   return true
 }
 
@@ -56,11 +59,44 @@ function getText(node){
   return `${node.childNodes[0].textContent}.css`
 }
 
-async function onCategoryClicked(categoryNode){
+function getSecondaryCategories(list){
+  let a = [];
+  for (file of list){
+    a.concat(DB.getTagsForFile(file));
+  }
+  a.sort();
+  let ret = [];
+  let i = 0;
+  ret[0] = a[0];
+  for(let f of a){
+    if(ret[i] != f){
+      ret[++i] = f
+    }
+  }
+  return ret
+}
+
+async function onCategoryClicked(categoryNode,isSecondary = false){
   
   previousCategory.set(categoryNode);
-  
+  // Using textContent is bad but meh
   let names = DB.query(categoryNode.textContent);
+  
+  let secondaryCategoriesNode = document.querySelector("#secondaryCategories");
+  
+  if(names.length > 9 && !isSecondary){
+    
+    let matchingSecondaries = getSecondaryCategories(names);
+    for(let child of Array.from(secondaryCategories.children)){
+      matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
+    }
+    
+    secondaryCategoriesNode.classList.remove("hidden");
+  }else{
+    secondaryCategoriesNode.classList.add("hidden");
+  }
+  
+  
   for(let c of Array.from(document.querySelectorAll(".target"))){
     names.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
   }
@@ -79,6 +115,9 @@ function onSomeClicked(e){
     case "categories":
       onCategoryClicked(e.target);
       break;
+    case "secondaryCategories":
+      onCategoryClicked(e.target,true/* isSecondary */);
+      break;
     case "targets":
       onTargetClicked(e.target);
       break;
@@ -91,7 +130,8 @@ function onSomeClicked(e){
 function createCategories(){
   
   const CAT_PARENT = document.getElementById("categories");
-  CAT_PARENT.addEventListener("click",onSomeClicked)
+  const CAT_SECOND = document.getElementById("secondaryCategories");
+  CAT_PARENT.addEventListener("click",onSomeClicked);
   
   const TAR_PARENT = document.getElementById("targets");
   TAR_PARENT.addEventListener("click",onSomeClicked);
@@ -108,7 +148,7 @@ function createCategories(){
       link.target = "_blank";
     }else{
       node.textContent = name.name;
-      node.setAttribute("data-value",name.value);
+      name.value > 0 && node.setAttribute("data-value",name.value+1);
     }
     
     return node;
@@ -148,7 +188,8 @@ function createCategories(){
   
   for(let cat of CAT_NAMES){
   //  CAT_PARENT.appendChild(createCategory(cat.name))
-    CAT_PARENT.appendChild(createNode(cat,"category"))
+    CAT_PARENT.appendChild(createNode(cat,"category"));
+    CAT_SECOND.appendChild(createNode(cat,"category"));
   }
   
 }
diff --git a/html_resources/tagmap.json b/html_resources/tagmap.json
index 433fc1a..33b57fe 100644
--- a/html_resources/tagmap.json
+++ b/html_resources/tagmap.json
@@ -48,7 +48,7 @@
 "minimal_toolbarbuttons_v3.css":["minimal","buttons"],
 "more_visible_tab_icon.css":["tab","icon"],
 "multi-row_bookmarks.css":["multi-row","bookmarks"],
-"multi-row_oneliner_combo_patch.css":["multi-row","patch","1-line","minimal"],
+"multi-row_oneliner_combo_patch.css":["multi-row","patch","one-line","minimal"],
 "multi-row_tabs.css":["tabs","multi-row","toolbars"],
 "multi-row_tabs_Fx66+.css":["legacy"],
 "multi-row_tabs_below_content.css":["multi-row","tabs","toolbars"],
@@ -56,10 +56,10 @@
 "multi-row_tabs_legacy.css":["legacy"],
 "multi-row_tabs_window_control_patch.css":["patch","multi-row","window-control"],
 "navbar_below_content.css":["nav-bar","toolbars"],
-"navbar_tabs_oneliner.css":["1-line","minimal","tabs","nav-bar","toolbars"],
-"navbar_tabs_oneliner_menu_buttons_on_right.css":["1-line","minimal","tabs","nav-bar","toolbars","patch","menubar"],
-"navbar_tabs_oneliner_tabs_on_left.css":["1-line","minimal","tabs","nav-bar","toolbars"],
-"navbar_tabs_responsive_oneliner.css":["1-line","minimal","tabs","nav-bar","toolbars"],
+"navbar_tabs_oneliner.css":["one-line","minimal","tabs","nav-bar","toolbars"],
+"navbar_tabs_oneliner_menu_buttons_on_right.css":["one-line","minimal","tabs","nav-bar","toolbars","patch","menubar"],
+"navbar_tabs_oneliner_tabs_on_left.css":["one-line","minimal","tabs","nav-bar","toolbars"],
+"navbar_tabs_responsive_oneliner.css":["one-line","minimal","tabs","nav-bar","toolbars"],
 "navigation_buttons_inside_urlbar.css":["navigation","buttons","urlbar"],
 "numbered_tabs.css":["tabs"],
 "overlay_menubar.css":["menubar"],
diff --git a/index.html b/index.html
index 1f3c56a..cbd23db 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,9 @@
 
 
 

-  

+  

+  

+  
   

     

diff --git a/tags.csv b/tags.csv
index d2c30be..4fc9197 100644
--- a/tags.csv
+++ b/tags.csv
@@ -47,7 +47,7 @@ minimal_toolbarbuttons_v2.css,minimal,buttons
 minimal_toolbarbuttons_v3.css,minimal,buttons
 more_visible_tab_icon.css,tab,icon
 multi-row_bookmarks.css,multi-row,bookmarks
-multi-row_oneliner_combo_patch.css,multi-row,patch,1-line,minimal
+multi-row_oneliner_combo_patch.css,multi-row,patch,one-line,minimal
 multi-row_tabs.css,tabs,multi-row,toolbars
 multi-row_tabs_Fx66+.css,legacy
 multi-row_tabs_below_content.css,multi-row,tabs,toolbars
@@ -55,10 +55,10 @@ multi-row_tabs_below_content_legacy.css,legacy
 multi-row_tabs_legacy.css,legacy
 multi-row_tabs_window_control_patch.css,patch,multi-row,window-control
 navbar_below_content.css,nav-bar,toolbars
-navbar_tabs_oneliner.css,1-line,minimal,tabs,nav-bar,toolbars
-navbar_tabs_oneliner_menu_buttons_on_right.css,1-line,minimal,tabs,nav-bar,toolbars,patch,menubar
-navbar_tabs_oneliner_tabs_on_left.css,1-line,minimal,tabs,nav-bar,toolbars
-navbar_tabs_responsive_oneliner.css,1-line,minimal,tabs,nav-bar,toolbars
+navbar_tabs_oneliner.css,one-line,minimal,tabs,nav-bar,toolbars
+navbar_tabs_oneliner_menu_buttons_on_right.css,one-line,minimal,tabs,nav-bar,toolbars,patch,menubar
+navbar_tabs_oneliner_tabs_on_left.css,one-line,minimal,tabs,nav-bar,toolbars
+navbar_tabs_responsive_oneliner.css,one-line,minimal,tabs,nav-bar,toolbars
 navigation_buttons_inside_urlbar.css,navigation,buttons,urlbar
 numbered_tabs.css,tabs
 overlay_menubar.css,menubar

From 4325c74aa494ac01914c9f8173303dafaef07c13 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 08:45:02 +0300
Subject: [PATCH 0435/1101] fix missing references

---
 html_resources/selector.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 215b45a..50e3623 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -15,7 +15,7 @@ function initDB(obj){
   }});
   Object.defineProperty(DB,"keys",{value:(Object.keys(DB).sort())});
   
-  Object.defineProperty(DB,"getTagsForFile",{value:(name)=>(this[name])});
+  Object.defineProperty(DB,"getTagsForFile",{value:function(name){return this[name]}});
   
   return true
 }
@@ -61,7 +61,7 @@ function getText(node){
 
 function getSecondaryCategories(list){
   let a = [];
-  for (file of list){
+  for (let file of list){
     a.concat(DB.getTagsForFile(file));
   }
   a.sort();
@@ -148,7 +148,7 @@ function createCategories(){
       link.target = "_blank";
     }else{
       node.textContent = name.name;
-      name.value > 0 && node.setAttribute("data-value",name.value+1);
+      name.value > 0 && node.setAttribute("data-value",name.value);
     }
     
     return node;
@@ -181,7 +181,7 @@ function createCategories(){
         ns[i] += (item === "legacy" ? -1 : 1);
       }
     }
-    let map = ret.map((a,i)=>({name:a,value:ns[i]}))
+    let map = ret.map((a,i)=>({name:a,value:ns[i]+1}))
     return map
     //return map.sort((a,b)=>(a.value > b.value?-1:a.value < b.value ? 1:0))
   })();

From 42668cc7d9fbd3e9d5251f4bf5192af525be4474 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 09:10:41 +0300
Subject: [PATCH 0436/1101] add event listeners for secondary category list

---
 html_resources/selector.js | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 50e3623..e76cd82 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -47,10 +47,13 @@ function fetchWithType(url){
 
 let previousCategory = new (function(){
   let current = null;
-  this.set = function(t){
+  let fileNames = null;
+  this.set = function(t,secondary){
     current&¤t.classList.remove("currentCategory");
     current = t;
     current.classList.add("currentCategory");
+    
+    fileNames = DB.query(t.textContent,secondary?filNames:null);
   };
   return this
 })()
@@ -62,8 +65,9 @@ function getText(node){
 function getSecondaryCategories(list){
   let a = [];
   for (let file of list){
-    a.concat(DB.getTagsForFile(file));
+    a.push(DB.getTagsForFile(file));
   }
+  a = a.flat();
   a.sort();
   let ret = [];
   let i = 0;
@@ -78,15 +82,15 @@ function getSecondaryCategories(list){
 
 async function onCategoryClicked(categoryNode,isSecondary = false){
   
-  previousCategory.set(categoryNode);
+  previousCategory.set(categoryNode,isSecondary);
   // Using textContent is bad but meh
-  let names = DB.query(categoryNode.textContent);
+  //let names = DB.query(categoryNode.textContent);
   
   let secondaryCategoriesNode = document.querySelector("#secondaryCategories");
   
-  if(names.length > 9 && !isSecondary){
+  if(previousCategory.fileNames.length > 9 && !isSecondary){
     
-    let matchingSecondaries = getSecondaryCategories(names);
+    let matchingSecondaries = getSecondaryCategories(previousCategory.fileNames);
     for(let child of Array.from(secondaryCategories.children)){
       matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
     }
@@ -98,7 +102,7 @@ async function onCategoryClicked(categoryNode,isSecondary = false){
   
   
   for(let c of Array.from(document.querySelectorAll(".target"))){
-    names.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
+    previousCategory.fileNames.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
   }
 }
 
@@ -132,6 +136,7 @@ function createCategories(){
   const CAT_PARENT = document.getElementById("categories");
   const CAT_SECOND = document.getElementById("secondaryCategories");
   CAT_PARENT.addEventListener("click",onSomeClicked);
+  CAT_SECOND.addEventListener("click",onSomeClicked);
   
   const TAR_PARENT = document.getElementById("targets");
   TAR_PARENT.addEventListener("click",onSomeClicked);

From 898dadff64616590314e6948c9d83da433bff0a8 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 09:12:30 +0300
Subject: [PATCH 0437/1101] fix previousCategory filename list

---
 html_resources/main.css    | 2 +-
 html_resources/selector.js | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/html_resources/main.css b/html_resources/main.css
index 9658509..92ce2c1 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -15,7 +15,7 @@ a:visited{ color: rgb(150,100,200) }
 a:hover{ color: rgb(200,150,100) }
 pre:empty{ display: none }
 .category{ padding: 0.2em 1em; cursor: pointer; text-transform: capitalize }
-.category::after{ content: " (" attr(data-value) ")"}
+#categories > .category::after{ content: " (" attr(data-value) ")"}
 
 .currentCategory,
 .category:hover{ background-color: grey }
diff --git a/html_resources/selector.js b/html_resources/selector.js
index e76cd82..24b4c0c 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -47,13 +47,13 @@ function fetchWithType(url){
 
 let previousCategory = new (function(){
   let current = null;
-  let fileNames = null;
+  this.fileNames = null;
   this.set = function(t,secondary){
     current&¤t.classList.remove("currentCategory");
     current = t;
     current.classList.add("currentCategory");
     
-    fileNames = DB.query(t.textContent,secondary?filNames:null);
+    this.fileNames = DB.query(t.textContent,secondary?this.filNames:null);
   };
   return this
 })()

From 4ad4c9344b10770c2500e67e31c97d1521e5ee5a Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 09:17:15 +0300
Subject: [PATCH 0438/1101] fix typo

---
 html_resources/selector.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 24b4c0c..0f74ba3 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -53,7 +53,7 @@ let previousCategory = new (function(){
     current = t;
     current.classList.add("currentCategory");
     
-    this.fileNames = DB.query(t.textContent,secondary?this.filNames:null);
+    this.fileNames = DB.query(t.textContent,secondary?this.fileNames:null);
   };
   return this
 })()

From cbae4403a013be336dcadc1bf79e0e6a372e6c40 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 09:20:20 +0300
Subject: [PATCH 0439/1101] don't hide secondary category list when sec.
 category is clicked

---
 html_resources/selector.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 0f74ba3..af0a749 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -88,19 +88,20 @@ async function onCategoryClicked(categoryNode,isSecondary = false){
   
   let secondaryCategoriesNode = document.querySelector("#secondaryCategories");
   
-  if(previousCategory.fileNames.length > 9 && !isSecondary){
+  if(!isSecondary){
     
-    let matchingSecondaries = getSecondaryCategories(previousCategory.fileNames);
-    for(let child of Array.from(secondaryCategories.children)){
-      matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
+    if(previousCategory.fileNames.length > 9){
+      let matchingSecondaries = getSecondaryCategories(previousCategory.fileNames);
+      for(let child of Array.from(secondaryCategories.children)){
+        matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
+      }
+      
+      secondaryCategoriesNode.classList.remove("hidden");
+    }else{
+      secondaryCategoriesNode.classList.add("hidden");
     }
-    
-    secondaryCategoriesNode.classList.remove("hidden");
-  }else{
-    secondaryCategoriesNode.classList.add("hidden");
   }
   
-  
   for(let c of Array.from(document.querySelectorAll(".target"))){
     previousCategory.fileNames.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
   }

From 034ca5929a3acbaba100a1ba5c83991ef93ec82e Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 11:22:31 +0300
Subject: [PATCH 0440/1101] don't recreate top-level file list when changing
 secondary category

---
 html_resources/selector.js | 43 +++++++++++++++++++++++++++-----------
 1 file changed, 31 insertions(+), 12 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index af0a749..4b7127f 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -45,16 +45,35 @@ function fetchWithType(url){
   });
 }
 
-let previousCategory = new (function(){
-  let current = null;
-  this.fileNames = null;
+let currentCategory = new (function(){
+  const currentPrimaryNode = null;
+  const currentSecondaryNode = null;
+  // TODO make filenames store ONLY the top level fileNames
+  // 
+  
+  let currentTopLevelFileNames = null;
+  
   this.set = function(t,secondary){
-    current&¤t.classList.remove("currentCategory");
-    current = t;
-    current.classList.add("currentCategory");
-    
-    this.fileNames = DB.query(t.textContent,secondary?this.fileNames:null);
+    let targetNode;
+    if(secondary){
+      targetNode = currentSecondaryNode;
+    }else{
+      targetNode = currentPrimaryNode;
+    }
+    targetNode && targetNode.classList.remove("currentCategory");
+    targetNode = t;
+    targetNode.classList.add("currentCategory");
+    !secondary && currentTopLevelFileNames = DB.query(t.textContent);
+
+    //this.fileNames = DB.query(t.textContent,secondary?this.fileNames:null);
   };
+  
+  this.getFileNames = function(node,secondary){
+    if(secondary){
+      return DB.query(node.textContent,currentTopLevelFileNames)
+    }
+    return currentTopLevelFileNames
+  }
   return this
 })()
 
@@ -82,16 +101,16 @@ function getSecondaryCategories(list){
 
 async function onCategoryClicked(categoryNode,isSecondary = false){
   
-  previousCategory.set(categoryNode,isSecondary);
+  currentCategory.set(categoryNode,isSecondary);
   // Using textContent is bad but meh
   //let names = DB.query(categoryNode.textContent);
   
   let secondaryCategoriesNode = document.querySelector("#secondaryCategories");
   
   if(!isSecondary){
-    
-    if(previousCategory.fileNames.length > 9){
-      let matchingSecondaries = getSecondaryCategories(previousCategory.fileNames);
+    let fileNames = currentCategory.getFileNames(categoryNode,false);
+    if(fileNames.length > 9){
+      let matchingSecondaries = getSecondaryCategories(fileNames);
       for(let child of Array.from(secondaryCategories.children)){
         matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
       }

From 67e731ccb5fdeed20ffc8af3ef8b07867605bbbd Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 11:24:59 +0300
Subject: [PATCH 0441/1101] fix

---
 html_resources/selector.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index 4b7127f..f3d8e68 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -63,7 +63,9 @@ let currentCategory = new (function(){
     targetNode && targetNode.classList.remove("currentCategory");
     targetNode = t;
     targetNode.classList.add("currentCategory");
-    !secondary && currentTopLevelFileNames = DB.query(t.textContent);
+    if(!secondary){
+      currentTopLevelFileNames = DB.query(t.textContent);
+    }
 
     //this.fileNames = DB.query(t.textContent,secondary?this.fileNames:null);
   };

From 0b56963e787d00862623f0464d727488c5ca08fa Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 11:29:50 +0300
Subject: [PATCH 0442/1101] remove references to previousCategory

---
 html_resources/selector.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index f3d8e68..c589193 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -108,9 +108,9 @@ async function onCategoryClicked(categoryNode,isSecondary = false){
   //let names = DB.query(categoryNode.textContent);
   
   let secondaryCategoriesNode = document.querySelector("#secondaryCategories");
-  
+  let fileNames = currentCategory.getFileNames(categoryNode,isSecondary);
   if(!isSecondary){
-    let fileNames = currentCategory.getFileNames(categoryNode,false);
+    
     if(fileNames.length > 9){
       let matchingSecondaries = getSecondaryCategories(fileNames);
       for(let child of Array.from(secondaryCategories.children)){
@@ -124,7 +124,7 @@ async function onCategoryClicked(categoryNode,isSecondary = false){
   }
   
   for(let c of Array.from(document.querySelectorAll(".target"))){
-    previousCategory.fileNames.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
+    fileNames.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
   }
 }
 

From f9b151ccfdf07e72f6358fdd9287b2f0fea208b2 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sat, 18 Jul 2020 11:39:59 +0300
Subject: [PATCH 0443/1101] properly store current primary and secondary nodes

---
 html_resources/selector.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/html_resources/selector.js b/html_resources/selector.js
index c589193..9e40f6a 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -46,23 +46,23 @@ function fetchWithType(url){
 }
 
 let currentCategory = new (function(){
-  const currentPrimaryNode = null;
-  const currentSecondaryNode = null;
+  let currentPrimaryNode = null;
+  let currentSecondaryNode = null;
   // TODO make filenames store ONLY the top level fileNames
   // 
   
   let currentTopLevelFileNames = null;
   
   this.set = function(t,secondary){
-    let targetNode;
     if(secondary){
-      targetNode = currentSecondaryNode;
+      currentSecondaryNode && currentSecondaryNode.classList.remove("currentCategory");
+      currentSecondaryNode = t;
+      currentSecondaryNode.classList.add("currentCategory");
     }else{
-      targetNode = currentPrimaryNode;
+      currentPrimaryNode && currentPrimaryNode.classList.remove("currentCategory");
+      currentPrimaryNode = t;
+      currentPrimaryNode.classList.add("currentCategory");
     }
-    targetNode && targetNode.classList.remove("currentCategory");
-    targetNode = t;
-    targetNode.classList.add("currentCategory");
     if(!secondary){
       currentTopLevelFileNames = DB.query(t.textContent);
     }

From 9ae96833a7d22f1cef80430b08ec4ac954454065 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 19 Jul 2020 13:51:44 +0300
Subject: [PATCH 0444/1101] List filenames vertically first

---
 html_resources/main.css    | 30 ++++++++++++++++++++++++++++--
 html_resources/selector.js | 13 ++++++++++---
 2 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/html_resources/main.css b/html_resources/main.css
index 92ce2c1..60fc9b3 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -10,12 +10,31 @@ body{background-color: rgb(60,50,70); color: silver; margin: 0px }
   overflow-y: auto;
   min-width: 18ch
 }
+
+.categoryList[blurred]{
+  background-color: rgb(20,20,30);
+  opacity: 0.5;
+  margin-inline-end: -13ch;
+}
+
+#secondaryCategories{
+  position: relative;
+  z-index:1;
+}
+
+.categoryList:hover{
+  position: relative;
+  z-index: 2;
+  background-color: rgb(60,60,70);
+  opacity: 1;
+}
+
 a{ color: rgb(100,150,200); margin-inline-start: 1ch }
 a:visited{ color: rgb(150,100,200) }
 a:hover{ color: rgb(200,150,100) }
 pre:empty{ display: none }
 .category{ padding: 0.2em 1em; cursor: pointer; text-transform: capitalize }
-#categories > .category::after{ content: " (" attr(data-value) ")"}
+#categories > .category[data-value]::after{ content: " (" attr(data-value) ")"}
 
 .currentCategory,
 .category:hover{ background-color: grey }
@@ -40,7 +59,13 @@ pre:empty{ display: none }
   background-size: contain;
 }
 .target:hover{ background-color: rgb(80,80,90) }
-#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }
+/*#targets{ display: grid; grid-template-columns: 1fr 1fr 1fr }*/
+#targets{
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  max-height: calc(var(--grid-rows) * 2.4rem);
+}
 
 pre{
   white-space: pre-wrap;
@@ -50,6 +75,7 @@ pre{
   background-color: rgb(40,50,50)
 }
 
+.categoryList:not([blurred])+.categoryList,
 .hidden{ display: none !important }
 
 .target{ display: flex; justify-content: space-between }
\ No newline at end of file
diff --git a/html_resources/selector.js b/html_resources/selector.js
index 9e40f6a..c08cb93 100644
--- a/html_resources/selector.js
+++ b/html_resources/selector.js
@@ -62,6 +62,9 @@ let currentCategory = new (function(){
       currentPrimaryNode && currentPrimaryNode.classList.remove("currentCategory");
       currentPrimaryNode = t;
       currentPrimaryNode.classList.add("currentCategory");
+      
+      currentSecondaryNode && currentSecondaryNode.classList.remove("currentCategory");
+      currentSecondaryNode = null;
     }
     if(!secondary){
       currentTopLevelFileNames = DB.query(t.textContent);
@@ -113,19 +116,23 @@ async function onCategoryClicked(categoryNode,isSecondary = false){
     
     if(fileNames.length > 9){
       let matchingSecondaries = getSecondaryCategories(fileNames);
-      for(let child of Array.from(secondaryCategories.children)){
+      for(let child of Array.from(secondaryCategoriesNode.children)){
         matchingSecondaries.includes(child.textContent) ? child.classList.remove("hidden") : child.classList.add("hidden")
       }
       
-      secondaryCategoriesNode.classList.remove("hidden");
+      //secondaryCategoriesNode.classList.remove("hidden");
+      document.getElementById("categories").classList.add("blurred");
     }else{
-      secondaryCategoriesNode.classList.add("hidden");
+      //secondaryCategoriesNode.classList.add("hidden");
+      document.getElementById("categories").classList.remove("blurred");
+      
     }
   }
   
   for(let c of Array.from(document.querySelectorAll(".target"))){
     fileNames.includes(getText(c)) ? c.classList.remove("hidden") : c.classList.add("hidden");
   }
+  document.getElementById("targets").setAttribute("style",`--grid-rows:${Math.ceil(fileNames.length/3)}`)
 }
 
 async function onTargetClicked(targetNode){

From 9d73e5eeca1b99fa7452eaad8d74573a9e3c00b0 Mon Sep 17 00:00:00 2001
From: MrOtherGuy 
Date: Sun, 19 Jul 2020 14:05:27 +0300
Subject: [PATCH 0445/1101] Remove .hidden classes from categoryLists

---
 html_resources/main.css | 4 ++--
 index.html              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/html_resources/main.css b/html_resources/main.css
index 60fc9b3..b10c632 100644
--- a/html_resources/main.css
+++ b/html_resources/main.css
@@ -11,7 +11,7 @@ body{background-color: rgb(60,50,70); color: silver; margin: 0px }
   min-width: 18ch
 }
 
-.categoryList[blurred]{
+.categoryList.blurred{
   background-color: rgb(20,20,30);
   opacity: 0.5;
   margin-inline-end: -13ch;
@@ -75,7 +75,7 @@ pre{
   background-color: rgb(40,50,50)
 }
 
-.categoryList:not([blurred])+.categoryList,
+.categoryList:not(.blurred)+.categoryList,
 .hidden{ display: none !important }
 
 .target{ display: flex; justify-content: space-between }
\ No newline at end of file
diff --git a/index.html b/index.html
index cbd23db..d8e600d 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
 

   

   

-