From 3babf93b0ea6c2a4935234e086ef9050b65eb03e Mon Sep 17 00:00:00 2001 From: Sophia Atkinson Date: Sun, 11 May 2025 12:58:47 -0700 Subject: [PATCH] Initial commit --- .editorconfig | 27 ++ .gitignore | 1 + .vscode/settings.json | 10 + LICENSE | 395 ++++++++++++++++++++ README.md | 12 + css/trans-theme.css | 742 +++++++++++++++++++++++++++++++++++++ scss/_animations.scss | 33 ++ scss/_base.scss | 639 ++++++++++++++++++++++++++++++++ scss/_fonts.scss | 2 + scss/_wp_admin_styles.scss | 78 ++++ scss/trans-theme.scss | 13 + 11 files changed, 1952 insertions(+) create mode 100644 .editorconfig create mode 100644 .gitignore create mode 100644 .vscode/settings.json create mode 100644 LICENSE create mode 100644 README.md create mode 100644 css/trans-theme.css create mode 100644 scss/_animations.scss create mode 100644 scss/_base.scss create mode 100644 scss/_fonts.scss create mode 100644 scss/_wp_admin_styles.scss create mode 100644 scss/trans-theme.scss diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..6df73f5 --- /dev/null +++ b/.editorconfig @@ -0,0 +1,27 @@ +# this file is the top-most editorconfig file +root = true + +# all files +[*] +charset = utf-8 +end_of_line = lf +indent_style = space +indent_size = 4 +insert_final_newline = true +trim_trailing_whitespace = true + +# markdown files +[*.md] +insert_final_newline = false +trim_trailing_whitespace = false + +# configuration files +[*.toml] +indent_size = 2 + +# web files +[*.{html,css,scss}] +indent_size = 2 + +[Makefile] +indent_style = tab \ No newline at end of file diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3364861 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +testing/ diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..762c291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,10 @@ +{ + "liveSassCompile.settings.formats": [ + { + "format": "expanded", + "extensionName": ".css", + "savePath": "/css", + "generateMap": false + } + ] +} \ No newline at end of file diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..10fabd9 --- /dev/null +++ b/LICENSE @@ -0,0 +1,395 @@ +Attribution 4.0 International + +======================================================================= + +Creative Commons Corporation ("Creative Commons") is not a law firm and +does not provide legal services or legal advice. Distribution of +Creative Commons public licenses does not create a lawyer-client or +other relationship. Creative Commons makes its licenses and related +information available on an "as-is" basis. Creative Commons gives no +warranties regarding its licenses, any material licensed under their +terms and conditions, or any related information. Creative Commons +disclaims all liability for damages resulting from their use to the +fullest extent possible. + +Using Creative Commons Public Licenses + +Creative Commons public licenses provide a standard set of terms and +conditions that creators and other rights holders may use to share +original works of authorship and other material subject to copyright +and certain other rights specified in the public license below. The +following considerations are for informational purposes only, are not +exhaustive, and do not form part of our licenses. + + Considerations for licensors: Our public licenses are + intended for use by those authorized to give the public + permission to use material in ways otherwise restricted by + copyright and certain other rights. Our licenses are + irrevocable. Licensors should read and understand the terms + and conditions of the license they choose before applying it. + Licensors should also secure all rights necessary before + applying our licenses so that the public can reuse the + material as expected. Licensors should clearly mark any + material not subject to the license. This includes other CC- + licensed material, or material used under an exception or + limitation to copyright. More considerations for licensors: + wiki.creativecommons.org/Considerations_for_licensors + + Considerations for the public: By using one of our public + licenses, a licensor grants the public permission to use the + licensed material under specified terms and conditions. If + the licensor's permission is not necessary for any reason--for + example, because of any applicable exception or limitation to + copyright--then that use is not regulated by the license. Our + licenses grant only permissions under copyright and certain + other rights that a licensor has authority to grant. Use of + the licensed material may still be restricted for other + reasons, including because others have copyright or other + rights in the material. A licensor may make special requests, + such as asking that all changes be marked or described. + Although not required by our licenses, you are encouraged to + respect those requests where reasonable. More considerations + for the public: + wiki.creativecommons.org/Considerations_for_licensees + +======================================================================= + +Creative Commons Attribution 4.0 International Public License + +By exercising the Licensed Rights (defined below), You accept and agree +to be bound by the terms and conditions of this Creative Commons +Attribution 4.0 International Public License ("Public License"). To the +extent this Public License may be interpreted as a contract, You are +granted the Licensed Rights in consideration of Your acceptance of +these terms and conditions, and the Licensor grants You such rights in +consideration of benefits the Licensor receives from making the +Licensed Material available under these terms and conditions. + + +Section 1 -- Definitions. + + a. Adapted Material means material subject to Copyright and Similar + Rights that is derived from or based upon the Licensed Material + and in which the Licensed Material is translated, altered, + arranged, transformed, or otherwise modified in a manner requiring + permission under the Copyright and Similar Rights held by the + Licensor. For purposes of this Public License, where the Licensed + Material is a musical work, performance, or sound recording, + Adapted Material is always produced where the Licensed Material is + synched in timed relation with a moving image. + + b. Adapter's License means the license You apply to Your Copyright + and Similar Rights in Your contributions to Adapted Material in + accordance with the terms and conditions of this Public License. + + c. Copyright and Similar Rights means copyright and/or similar rights + closely related to copyright including, without limitation, + performance, broadcast, sound recording, and Sui Generis Database + Rights, without regard to how the rights are labeled or + categorized. For purposes of this Public License, the rights + specified in Section 2(b)(1)-(2) are not Copyright and Similar + Rights. + + d. Effective Technological Measures means those measures that, in the + absence of proper authority, may not be circumvented under laws + fulfilling obligations under Article 11 of the WIPO Copyright + Treaty adopted on December 20, 1996, and/or similar international + agreements. + + e. Exceptions and Limitations means fair use, fair dealing, and/or + any other exception or limitation to Copyright and Similar Rights + that applies to Your use of the Licensed Material. + + f. Licensed Material means the artistic or literary work, database, + or other material to which the Licensor applied this Public + License. + + g. Licensed Rights means the rights granted to You subject to the + terms and conditions of this Public License, which are limited to + all Copyright and Similar Rights that apply to Your use of the + Licensed Material and that the Licensor has authority to license. + + h. Licensor means the individual(s) or entity(ies) granting rights + under this Public License. + + i. Share means to provide material to the public by any means or + process that requires permission under the Licensed Rights, such + as reproduction, public display, public performance, distribution, + dissemination, communication, or importation, and to make material + available to the public including in ways that members of the + public may access the material from a place and at a time + individually chosen by them. + + j. Sui Generis Database Rights means rights other than copyright + resulting from Directive 96/9/EC of the European Parliament and of + the Council of 11 March 1996 on the legal protection of databases, + as amended and/or succeeded, as well as other essentially + equivalent rights anywhere in the world. + + k. You means the individual or entity exercising the Licensed Rights + under this Public License. Your has a corresponding meaning. + + +Section 2 -- Scope. + + a. License grant. + + 1. Subject to the terms and conditions of this Public License, + the Licensor hereby grants You a worldwide, royalty-free, + non-sublicensable, non-exclusive, irrevocable license to + exercise the Licensed Rights in the Licensed Material to: + + a. reproduce and Share the Licensed Material, in whole or + in part; and + + b. produce, reproduce, and Share Adapted Material. + + 2. Exceptions and Limitations. For the avoidance of doubt, where + Exceptions and Limitations apply to Your use, this Public + License does not apply, and You do not need to comply with + its terms and conditions. + + 3. Term. The term of this Public License is specified in Section + 6(a). + + 4. Media and formats; technical modifications allowed. The + Licensor authorizes You to exercise the Licensed Rights in + all media and formats whether now known or hereafter created, + and to make technical modifications necessary to do so. The + Licensor waives and/or agrees not to assert any right or + authority to forbid You from making technical modifications + necessary to exercise the Licensed Rights, including + technical modifications necessary to circumvent Effective + Technological Measures. For purposes of this Public License, + simply making modifications authorized by this Section 2(a) + (4) never produces Adapted Material. + + 5. Downstream recipients. + + a. Offer from the Licensor -- Licensed Material. Every + recipient of the Licensed Material automatically + receives an offer from the Licensor to exercise the + Licensed Rights under the terms and conditions of this + Public License. + + b. No downstream restrictions. You may not offer or impose + any additional or different terms or conditions on, or + apply any Effective Technological Measures to, the + Licensed Material if doing so restricts exercise of the + Licensed Rights by any recipient of the Licensed + Material. + + 6. No endorsement. Nothing in this Public License constitutes or + may be construed as permission to assert or imply that You + are, or that Your use of the Licensed Material is, connected + with, or sponsored, endorsed, or granted official status by, + the Licensor or others designated to receive attribution as + provided in Section 3(a)(1)(A)(i). + + b. Other rights. + + 1. Moral rights, such as the right of integrity, are not + licensed under this Public License, nor are publicity, + privacy, and/or other similar personality rights; however, to + the extent possible, the Licensor waives and/or agrees not to + assert any such rights held by the Licensor to the limited + extent necessary to allow You to exercise the Licensed + Rights, but not otherwise. + + 2. Patent and trademark rights are not licensed under this + Public License. + + 3. To the extent possible, the Licensor waives any right to + collect royalties from You for the exercise of the Licensed + Rights, whether directly or through a collecting society + under any voluntary or waivable statutory or compulsory + licensing scheme. In all other cases the Licensor expressly + reserves any right to collect such royalties. + + +Section 3 -- License Conditions. + +Your exercise of the Licensed Rights is expressly made subject to the +following conditions. + + a. Attribution. + + 1. If You Share the Licensed Material (including in modified + form), You must: + + a. retain the following if it is supplied by the Licensor + with the Licensed Material: + + i. identification of the creator(s) of the Licensed + Material and any others designated to receive + attribution, in any reasonable manner requested by + the Licensor (including by pseudonym if + designated); + + ii. a copyright notice; + + iii. a notice that refers to this Public License; + + iv. a notice that refers to the disclaimer of + warranties; + + v. a URI or hyperlink to the Licensed Material to the + extent reasonably practicable; + + b. indicate if You modified the Licensed Material and + retain an indication of any previous modifications; and + + c. indicate the Licensed Material is licensed under this + Public License, and include the text of, or the URI or + hyperlink to, this Public License. + + 2. You may satisfy the conditions in Section 3(a)(1) in any + reasonable manner based on the medium, means, and context in + which You Share the Licensed Material. For example, it may be + reasonable to satisfy the conditions by providing a URI or + hyperlink to a resource that includes the required + information. + + 3. If requested by the Licensor, You must remove any of the + information required by Section 3(a)(1)(A) to the extent + reasonably practicable. + + 4. If You Share Adapted Material You produce, the Adapter's + License You apply must not prevent recipients of the Adapted + Material from complying with this Public License. + + +Section 4 -- Sui Generis Database Rights. + +Where the Licensed Rights include Sui Generis Database Rights that +apply to Your use of the Licensed Material: + + a. for the avoidance of doubt, Section 2(a)(1) grants You the right + to extract, reuse, reproduce, and Share all or a substantial + portion of the contents of the database; + + b. if You include all or a substantial portion of the database + contents in a database in which You have Sui Generis Database + Rights, then the database in which You have Sui Generis Database + Rights (but not its individual contents) is Adapted Material; and + + c. You must comply with the conditions in Section 3(a) if You Share + all or a substantial portion of the contents of the database. + +For the avoidance of doubt, this Section 4 supplements and does not +replace Your obligations under this Public License where the Licensed +Rights include other Copyright and Similar Rights. + + +Section 5 -- Disclaimer of Warranties and Limitation of Liability. + + a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE + EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS + AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF + ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS, + IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION, + WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR + PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS, + ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT + KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT + ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU. + + b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE + TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION, + NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT, + INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES, + COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR + USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN + ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR + DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR + IN PART, THIS LIMITATION MAY NOT APPLY TO YOU. + + c. The disclaimer of warranties and limitation of liability provided + above shall be interpreted in a manner that, to the extent + possible, most closely approximates an absolute disclaimer and + waiver of all liability. + + +Section 6 -- Term and Termination. + + a. This Public License applies for the term of the Copyright and + Similar Rights licensed here. However, if You fail to comply with + this Public License, then Your rights under this Public License + terminate automatically. + + b. Where Your right to use the Licensed Material has terminated under + Section 6(a), it reinstates: + + 1. automatically as of the date the violation is cured, provided + it is cured within 30 days of Your discovery of the + violation; or + + 2. upon express reinstatement by the Licensor. + + For the avoidance of doubt, this Section 6(b) does not affect any + right the Licensor may have to seek remedies for Your violations + of this Public License. + + c. For the avoidance of doubt, the Licensor may also offer the + Licensed Material under separate terms or conditions or stop + distributing the Licensed Material at any time; however, doing so + will not terminate this Public License. + + d. Sections 1, 5, 6, 7, and 8 survive termination of this Public + License. + + +Section 7 -- Other Terms and Conditions. + + a. The Licensor shall not be bound by any additional or different + terms or conditions communicated by You unless expressly agreed. + + b. Any arrangements, understandings, or agreements regarding the + Licensed Material not stated herein are separate from and + independent of the terms and conditions of this Public License. + + +Section 8 -- Interpretation. + + a. For the avoidance of doubt, this Public License does not, and + shall not be interpreted to, reduce, limit, restrict, or impose + conditions on any use of the Licensed Material that could lawfully + be made without permission under this Public License. + + b. To the extent possible, if any provision of this Public License is + deemed unenforceable, it shall be automatically reformed to the + minimum extent necessary to make it enforceable. If the provision + cannot be reformed, it shall be severed from this Public License + without affecting the enforceability of the remaining terms and + conditions. + + c. No term or condition of this Public License will be waived and no + failure to comply consented to unless expressly agreed to by the + Licensor. + + d. Nothing in this Public License constitutes or may be interpreted + as a limitation upon, or waiver of, any privileges and immunities + that apply to the Licensor or You, including from the legal + processes of any jurisdiction or authority. + + +======================================================================= + +Creative Commons is not a party to its public licenses. +Notwithstanding, Creative Commons may elect to apply one of its public +licenses to material it publishes and in those instances will be +considered the “Licensor.” The text of the Creative Commons public +licenses is dedicated to the public domain under the CC0 Public Domain +Dedication. Except for the limited purpose of indicating that material +is shared under a Creative Commons public license or as otherwise +permitted by the Creative Commons policies published at +creativecommons.org/policies, Creative Commons does not authorize the +use of the trademark "Creative Commons" or any other trademark or logo +of Creative Commons without its prior written consent including, +without limitation, in connection with any unauthorized modifications +to any of its public licenses or any other arrangements, +understandings, or agreements concerning use of licensed material. For +the avoidance of doubt, this paragraph does not form part of the public +licenses. + +Creative Commons may be contacted at creativecommons.org. diff --git a/README.md b/README.md new file mode 100644 index 0000000..70a4907 --- /dev/null +++ b/README.md @@ -0,0 +1,12 @@ +# BlogCSS + +The CSS themes I use on my blog. +These only make sense when using [Sophia After Dark](https://git.oldgate.org/Sophia/Sophia-After-Dark) + +To build SCSS run + +``` +sass --no-source-map --watch scss/.:css +``` +OR +use [Live Sass Compiler](https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass) \ No newline at end of file diff --git a/css/trans-theme.css b/css/trans-theme.css new file mode 100644 index 0000000..93ab74c --- /dev/null +++ b/css/trans-theme.css @@ -0,0 +1,742 @@ +@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css"); +/* Flickering animation */ +@keyframes flicker { + 0%, 18%, 22%, 25%, 53%, 57%, 100% { + text-shadow: 0 0 4px var(--href-dark), 0 0 11px var(--href-dark), 0 0 19px var(--href-dark), 0 0 40px var(--href), 0 0 80px var(--href), 0 0 150px var(--href); + } + 20%, 24%, 55% { + text-shadow: none; + } +} +@keyframes slide { + to { + background-position: 4500vh; + } +} +#wpadminbar .ab-top-menu > li.hover > .ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label, +#wpadminbar > #wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar > a img { + border: none !important; + background: var(--background-darker) !important; +} + +::-moz-selection { + background-color: var(--selector); +} + +::selection { + background-color: var(--selector); +} + +::-webkit-scrollbar, +.comment-form-url { + display: none; +} + +#site-navigation ul li a, +.byline a, +.entry-footer > span.tags-links, +.entry-footer > span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer > span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { + color: var(--text-color) !important; + font-family: var(--main-font); +} + +/*** Background Start ***/ +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { + background-color: var(--text-color); +} + +#site-navigation, +.wp-comment-cookies-consent, +div.custom-header.no-bg-img, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { + background-color: var(--background-darker) !important; +} + +#colophon .widget .widget-title:before, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction > a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { + background-color: var(--href); +} + +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { + color: var(--text-color); + background-color: var(--href-dark); +} + +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { + background-color: var(--background) !important; +} + +.category-button a { + background-color: var(--href) !important; + color: var(--text-color); + border-radius: 2px; +} + +.category-button a:hover { + background-color: var(--href-dark) !important; + color: inherit; + border-radius: 2px; +} + +/*** Background End ***/ +#colophon, +.mt-social-menu-wrapper { + border-top: 1px solid var(--href-dark); +} + +.is-sticky .mt-social-menu-wrapper { + background: var(--background-darker); + z-index: 9999; + box-shadow: none !important; +} + +p { + color: var(--text-color); + font-family: var(--main-font); + font-size: 15px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + clear: both; + font-weight: 400; + line-height: 1.5; + margin-bottom: 15px; + font-family: var(--main-font); + color: var(--text-color); +} + +.entry-title, +.page-title, +b, +strong { + color: var(--text-color); + font-weight: 600; +} + +.mt-disclaimer-text, +p em, +p i { + color: var(--text-color); + font-family: var(--main-font); + font-style: italic; +} + +p em a, +p i a { + color: #f5a9b8; + font-family: var(--main-font); + font-style: italic; +} + +p em a:hover, +p i a:hover { + color: #c48793; + font-family: var(--main-font); + font-style: italic; +} + +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover { + color: var(--href) !important; +} + +textarea { + overflow: auto; + padding-left: 3px; + vertical-align: top; + color: var(--text-color); + background-color: var(--background-darker); + height: 160px; + max-width: 100%; + width: 100%; +} + +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; + background-color: var(--background-darker); + border-bottom: none; + border: none; + border-radius: 2px; +} + +.search-no-results #primary .search-submit { + margin-top: 40px; + border: 0; + font-size: 20px; + color: var(--text-color); +} + +body { + font-weight: 400; + overflow: hidden; + position: relative; + line-height: 1.8; + background: var(--background); +} + +* { + cursor: var(--cursor), default !important; +} + +.site-title { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); +} + +.site-title { + text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); +} + +.error-num { + animation: flicker 1.5s infinite alternate; +} + +.site-title a:hover { + color: var(--href); + cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAApVBMVEVHcEyiI2u3OIDdlL68O4TFTJG6PoTLWprARYvETJDLXZvGUpS9PIXQaqTCRYzFS5DScajJVpfBQou/P4jGTZK5OoK/PIbMYJ7JVpfZibeyMXq5M3+xL3nGTpLOZaHWfa/PZ6LRb6fio8fipMjZg7TUdavjp8rlrM302+nScKjcjrrhnsTOYp/fmsLnstDpudTux93x0uTiocbqvdfWfLDrwNnvzeD+8n76AAAAInRSTlMABBv+JaRC9HexvNgu/miG295bTJAUOPei8xUQDcnl6cv1lZn17gAAAUZJREFUOMt9k9l6gjAQRtkiKDt1aV2qzSIkEDat7/9oRQtt0IS5zUn+801mNE3bhUtPm6qZb0ahMQVsYMqjYKsEjNhEacVPyV4B6HOMICov5uJNlxMObSGE5+/Lx/taIcFRR8DyVh2XlkzCZQ8Ani9NGTmGROIK+0rrBp2C3YuEnw8Eqprbq+3MNtFAdLJZ/WxruBgKldZZdQxFWx3QXCRQ2WRpJKoEhZDRVXuusoYLKp49yuhzOpUhZ38g+TOBqiwrF8MXLv1xxoOoBSDZPGegluHov/FWTPjoOMefILHEblOGhNv4M/TG3XQK3P6d8y/wMqUzm/D+CcTiRJd8OWX9A3jhSefOv/62AgP5hDsFubcCYbBSDL9N8V1/rtqQrUsJY+RgqbZDBz4hNF6rF6yToHYytYE2KUJ9AjDcYr6a3PIAyAR/AMLKNmkZIijbAAAAAElFTkSuQmCC"), default !important; +} + +.single .mt-author-box .mt-author-info .mt-author-name a { + font-family: var(--special-font); + color: var(--text-color); +} + +.error-num { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; +} + +.site-description { + margin: 0; + font-size: 15px; + font-family: var(--main-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); +} + +.features-post-title { + font-size: 18px; + font-weight: 700; + margin-bottom: 25px; + position: relative; + padding-left: 40px; + font-family: var(--main-font); +} + +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { + display: inline-block; + padding: 0; + font-size: 14px; + color: var(--text-color); +} + +.wp-block-code, +code, +pre { + color: #c5cae9 !important; + background-color: #141414; + word-wrap: break-word; + padding: 3px; +} + +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children > a:before, +#site-navigation li.page_item_has_children > a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { + font-family: ForkAwesome !important; + color: var(--text-color); +} + +#mt-scrollup:before { + content: "\f061"; + font-family: "ForkAwesome"; + transition: none; +} + +a:hover, +em a:active, +em a:focus, +em a:hover { + color: var(--href); +} + +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor > a, +#site-navigation ul li.current-menu-item > a, +#site-navigation ul li.current-menu-parent > a, +#site-navigation ul li.current_page_ancestor > a, +#site-navigation ul li.current_page_item > a, +#site-navigation ul li.focus > a, +#site-navigation ul li:hover > a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { + color: var(--href); +} + +#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after { + border-top-color: var(--href); +} + +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { + border-color: var(--href); +} + +.mt-menu-search .mt-form-wrap .search-form .search-field:focus { + outline-color: var(--href); +} + +.entry-footer > span.tags-links a:hover, +ul.trail-items span { + color: var(--href) !important; +} + +ul.trail-items span:hover { + color: var(--href-dark) !important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, +.tagcloud a:hover, +.wp-block-search__button:hover { + border-radius: 0; + background-color: var(--href-dark) !important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-field, +textarea, +.comment-list .comment-body, +#respond, +.mt-author-box { + border: none !important; + border-bottom: none !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; +} + +span.required { + color: red; +} + +.mt-author-box { + margin-top: 15px; +} + +.mt-author-box .mt-author__avatar img { + border-radius: 50% !important; + border: 1px var(--href) solid; +} + +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { + box-shadow: none; +} + +.site-info { + float: unset; + text-align: center; +} + +.mt-copyright-text { + background-image: linear-gradient(to right, #5BCEFA, #F5A9B8, #FFFFFF); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: slide 1000s linear infinite; +} + +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +video { + max-width: 100%; + width: 100% !important; +} + +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { + background-color: var(--href); + border: none !important; + color: var(--text-color) !important; +} + +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { + border-radius: 5px !important; +} + +img, +.mt-author-box, +#respond, +.wp-block-code, +code, +.censor, +p.no-comments { + border-radius: 2px; +} + +.page-numbers.current { + background-color: var(--href-dark); + border: none !important; + color: var(--text-color) !important; +} + +.recentcomments, +.widget_recent_comments li { + display: block !important; +} + +.comment-author img { + border-radius: 50% !important; + padding: none; + border: none; +} + +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { + background-color: var(--background) !important; + box-shadow: none !important; + color: var(--href) !important; +} + +@media (max-width: 979px) { + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { + border-bottom: 1px solid var(--href-dark); + } +} +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + +.search article .post-thumbnail { + border-radius: 10px; +} + +.invert img { + filter: invert(1); +} + +.no-comments { + text-align: center; + background: var(--background-darker); + font-size: large; + padding: 20px; + margin-bottom: 20px; + font-weight: bold; +} + +article.sticky::before { + content: "\f08d"; + font-family: ForkAwesome; + position: absolute; + left: 20px; + top: 20px; + display: block; + width: 30px; + height: 30px; + background: var(--href); + color: #fff; + font-size: 15px; + line-height: 30px; + border-radius: 2px !important; + z-index: 99; + text-align: center; +} + +.wp-lightbox-overlay .scrim { + background-color: var(--background) !important; + opacity: 2; +} + +.wp-lightbox-overlay .close-button { + fill: var(--text-color) !important; +} + +.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { + background: var(--background) !important; +} + +:root { + --text-color:#fff; + --background:#2E3035; + --background-darker:#1E1F22; + --href:#F5A9B8; + --href-dark:#5BCEFA; + --selector: #565091; + --main-font:"Oxygen",sans-serif; + --special-font:"Damion",handwriting; + --cursor:url("data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAtFBMVEVHcEzUd6y1MXzLXJvKXpuoJ3C1NX2+QIe/QYjVfK/Tc6mlKGzCRYzGV5bBRozHVZa8PIXOY6DHUJTHUZTGTJHBQ4rLWprJVpe7PYTNY5/LXpy9P4fQbKXJV5jETJDQbKXRcqi7O4TWgLGzNn2zNXzio8fjpsngncTipMjfmcHiosfhoMXkqMrTcqndkr3cjrrRbabQaKPaiLfYgrPtxNvx0uTmrs7otdLqvNby1+b13+vntNEHEWuBAAAAJXRSTlMA/hL3zQwWTkf+9wNynY+lIPuN05dc1ew74b806sO9z9gs7ksvWce/TgAAAWxJREFUOMt9kulygkAQhDmiAoIcAgreSZad5VQEo/L+75U1Wsii2ani13x0b023ILRjOe5c4MwwjJrtggOMxPO1cTiAp6KqMngKKpzOXECE6IcHKCLAyRxzAA0gNTkKcw1QFOqOMhYG/wAIxXZy/tSd0LGEQddsvFAsYbFECKtVXdlpfQqNjWE99/rM9he7JQKyT6JGbOrrMbmkRquxm2V5YX4v4xuAyB6nVQH1ZSO17rJIkuDrDvxBqVqk1XbYxjTN8kidBBQQ7wDKCog2LSBMDiXk6yBBMUaIZHcAf0jPK8vHOJFluqATk/gFGE5FHIkPAAH9cswA1COPCvsBPCAGoB4IZxh1hwFuHqjsA91IJgf6qoQDUA923QforQgweyArJnV6K1YAcrZdCs2DkQDVY+oyWB+OMePgW71K0sy7Eprer5zeMYFYdV+KSXtFCYoAANFc6V3x13ZJMMlLbeW9L7bkmX7gr9xR5/dfaoZCeyWBvo0AAAAASUVORK5CYII="); +} \ No newline at end of file diff --git a/scss/_animations.scss b/scss/_animations.scss new file mode 100644 index 0000000..367c757 --- /dev/null +++ b/scss/_animations.scss @@ -0,0 +1,33 @@ +/* Flickering animation */ +@keyframes flicker { + + 0%, + 18%, + 22%, + 25%, + 53%, + 57%, + 100% { + + text-shadow: + 0 0 4px var(--href-dark), + 0 0 11px var(--href-dark), + 0 0 19px var(--href-dark), + 0 0 40px var(--href), + 0 0 80px var(--href), + 0 0 150px var(--href); + + } + + 20%, + 24%, + 55% { + text-shadow: none; + } +} + +@keyframes slide { + to { + background-position: 4500vh; + } +} diff --git a/scss/_base.scss b/scss/_base.scss new file mode 100644 index 0000000..f273aa5 --- /dev/null +++ b/scss/_base.scss @@ -0,0 +1,639 @@ +@use '_animations'; +@use '_wp_admin_styles'; + +::selection { + background-color: var(--selector); +} + +::-webkit-scrollbar, +.comment-form-url { + display: none; +} + +#site-navigation ul li a, +.byline a, +.entry-footer>span.tags-links, +.entry-footer>span.tags-links a, +.entry-title a, +.menu-toggle a, +.mt-author-bio, +.mt-author-website a, +.mt-related-post-title, +.mt-search-icon a, +.mt-social-menu-wrapper, +.page-title, +.posted-on time, +.site-info, +.tagcloud a:hover, +.tags-links a, +.widget-title, +a.comment-edit-link, +article.hentry .entry-footer>span, +body, +button, +h1.entry-title, +h2.entry-title a, +h3#reply-title.comment-reply-title, +hr, +input, +label, +li, +section ul li a, +select, +span.screen-reader-text, +textarea, +time, +ul#primary-menu.menu.nav-menu:after { + color: var(--text-color) !important; + font-family: var(--main-font); +} + +/*** Background Start ***/ +#site-navigation ul li a::after, +.front-slider-block .post-info-wrap .entry-meta .posted-on a:before, +.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before, +.posted-on a:before { + background-color: var(--text-color); +} + +#site-navigation, +.wp-comment-cookies-consent, +div.custom-header.no-bg-img, +div.logo-ads-wrap, +div.mt-logo-row-wrapper.mt-clearfix, +div.site-branding, +div.sticky-wrapper, +footer#colophon.site-footer, +nav#site-navigation.main-navigation.isActive, +#site-navigation ul li .sub-menu, +#site-navigation ul li .children, +.comment-list .comment-body, +#respond, +.mt-author-box, +textarea#comment { + background-color: var(--background-darker) !important; +} + +#colophon .widget .widget-title:before, +#secondary .widget .widget-title:before, +#site-navigation .menu-item-description, +.edit-link .post-edit-link, +.features-post-title:before, +.front-slider-block .lSAction>a:hover, +.mt-live-link a, +.mt-menu-search .mt-form-wrap .search-form .search-submit, +.mt-related-post-title:before, +.post-cats-list a, +.reply .comment-reply-link, +.top-featured-post-wrap .post-thumbnail .post-number, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_tag_cloud .tagcloud a:hover, +article .post-thumbnail:before, +article.sticky:before, +div.mt-live-link a, +input.search-submit, +.mejs-controls .mejs-time-rail .mejs-time-current { + background-color: var(--href); +} + +.bttn:hover, +.mt-live-link a:focus, +.mt-live-link a:hover, +.navigation .nav-links a:hover, +.post-edit-link:hover, +button, +div.mt-live-link a:hover, +input.search-submit:hover, +input[type=button]:hover, +input[type=reset]:hover, +input[type=submit]:hover { + color: var(--text-color); + background-color: var(--href-dark); +} + +div#bottom-footer, +div#page.site, +div#top-header.top-header-wrap.mt-clearfix, +textarea#comment, +input#author, +input#email, +input#url { + background-color: var(--background) !important; +} + +.category-button a { + background-color: var(--href) !important; + color: var(--text-color); + border-radius: 2px; +} + +.category-button a:hover { + background-color: var(--href-dark) !important; + color: inherit; + border-radius: 2px; +} + +/*** Background End ***/ +#colophon, +.mt-social-menu-wrapper { + border-top: 1px solid var(--href-dark); +} + +.is-sticky .mt-social-menu-wrapper { + background: var(--background-darker); + z-index: 9999; + box-shadow: none !important; +} + +p { + color: var(--text-color); + font-family: var(--main-font); + font-size: 15px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + clear: both; + font-weight: 400; + line-height: 1.5; + margin-bottom: 15px; + font-family: var(--main-font); + color: var(--text-color); +} + +.entry-title, +.page-title, +b, +strong { + color: var(--text-color); + font-weight: 600; +} + +.mt-disclaimer-text, +p em, +p i { + color: var(--text-color); + font-family: var(--main-font); + font-style: italic; +} + +p em a, +p i a { + color: #f5a9b8; + font-family: var(--main-font); + font-style: italic; +} + +p em a:hover, +p i a:hover { + color: #c48793; + font-family: var(--main-font); + font-style: italic; +} + +.mt-author-name a:hover, +.mt-author-website a:hover, +em a, +h3.entry-title a:active, +h3.entry-title a:hover, +i a, +section ul li a:hover { + color: var(--href) !important; +} + +textarea { + overflow: auto; + padding-left: 3px; + vertical-align: top; + color: var(--text-color); + background-color: var(--background-darker); + height: 160px; + max-width: 100%; + width: 100%; +} + +input, +input.search-field, +input[type=email], +input[type=password], +input[type=search], +input[type=text], +input[type=url], +p.comment-form-cookies-consent #wp-comment-cookies-consent { + color: var(--text-color) !important; + background-color: var(--background-darker); + border-bottom: none; + border: none; + border-radius: 2px; +} + +.search-no-results #primary .search-submit { + margin-top: 40px; + border: 0; + font-size: 20px; + color: var(--text-color); +} + +body { + font-weight: 400; + overflow: hidden; + position: relative; + line-height: 1.8; + background: var(--background); +} + +* { + cursor: var(--cursor), default !important; +} + +.site-title { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); +} + +.site-title { + text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href); +} + +.error-num { + animation: flicker 1.5s infinite alternate; +} + +.site-title a:hover { + color: var(--href); + cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAApVBMVEVHcEyiI2u3OIDdlL68O4TFTJG6PoTLWprARYvETJDLXZvGUpS9PIXQaqTCRYzFS5DScajJVpfBQou/P4jGTZK5OoK/PIbMYJ7JVpfZibeyMXq5M3+xL3nGTpLOZaHWfa/PZ6LRb6fio8fipMjZg7TUdavjp8rlrM302+nScKjcjrrhnsTOYp/fmsLnstDpudTux93x0uTiocbqvdfWfLDrwNnvzeD+8n76AAAAInRSTlMABBv+JaRC9HexvNgu/miG295bTJAUOPei8xUQDcnl6cv1lZn17gAAAUZJREFUOMt9k9l6gjAQRtkiKDt1aV2qzSIkEDat7/9oRQtt0IS5zUn+801mNE3bhUtPm6qZb0ahMQVsYMqjYKsEjNhEacVPyV4B6HOMICov5uJNlxMObSGE5+/Lx/taIcFRR8DyVh2XlkzCZQ8Ani9NGTmGROIK+0rrBp2C3YuEnw8Eqprbq+3MNtFAdLJZ/WxruBgKldZZdQxFWx3QXCRQ2WRpJKoEhZDRVXuusoYLKp49yuhzOpUhZ38g+TOBqiwrF8MXLv1xxoOoBSDZPGegluHov/FWTPjoOMefILHEblOGhNv4M/TG3XQK3P6d8y/wMqUzm/D+CcTiRJd8OWX9A3jhSefOv/62AgP5hDsFubcCYbBSDL9N8V1/rtqQrUsJY+RgqbZDBz4hNF6rF6yToHYytYE2KUJ9AjDcYr6a3PIAyAR/AMLKNmkZIijbAAAAAElFTkSuQmCC"), default !important; +} + +.single .mt-author-box .mt-author-info .mt-author-name a { + font-family: var(--special-font); + color: var(--text-color); +} + +.error-num { + margin: 0; + font-family: var(--special-font); + line-height: 1.5; + font-weight: 1; +} + +.site-description { + margin: 0; + font-size: 15px; + font-family: var(--main-font); + line-height: 1.5; + font-weight: 1; + color: var(--text-color); +} + +.features-post-title { + font-size: 18px; + font-weight: 700; + margin-bottom: 25px; + position: relative; + padding-left: 40px; + font-family: var(--main-font); +} + +.btn-wrapper a, +.entry-footer .mt-readmore-btn, +.mt-readmore-btn { + display: inline-block; + padding: 0; + font-size: 14px; + color: var(--text-color); +} + +.wp-block-code, +code, +pre { + color: #c5cae9!important; + background-color: #141414; + word-wrap: break-word; + padding: 3px; +} + +#cancel-comment-reply-link:before, +#site-navigation li.menu-item-has-children>a:before, +#site-navigation li.page_item_has_children>a:before, +.edit-link .post-edit-link:before, +.nav-links .nav-next a:after, +.nav-links .nav-previous a:before, +.widget_archive a:before, +.widget_categories a:before, +.widget_meta a:before, +.widget_nav_menu li a:before, +.widget_pages li a:before, +.widget_recent_comments li:before, +.widget_recent_entries a:before, +.widget_rss li:before, +.wp-block-archives li a:before, +.wp-block-categories li a:before, +.wp-block-latest-comments li:before, +.wp-block-latest-posts li a:before, +.wp-block-page-list li a:before, +blockquote:after, +blockquote:before, +li.recentcomments:before, +q:after, +q:before { + font-family: ForkAwesome !important; + color: var(--text-color); +} + +#mt-scrollup:before { + content: '\f061'; + font-family: 'ForkAwesome'; + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + +a:hover, +em a:active, +em a:focus, +em a:hover { + color: var(--href); +} + +#cancel-comment-reply-link, +#cancel-comment-reply-link:before, +#footer-menu li a:hover, +#mt-scrollup:hover, +#site-navigation ul li.current-menu-ancestor>a, +#site-navigation ul li.current-menu-item>a, +#site-navigation ul li.current-menu-parent>a, +#site-navigation ul li.current_page_ancestor>a, +#site-navigation ul li.current_page_item>a, +#site-navigation ul li.focus>a, +#site-navigation ul li:hover>a, +#top-footer a:hover, +#top-navigation ul li a:hover, +.banner-sub-title, +.breadcrumbs .trail-items li a:hover, +.btn-wrapper a:hover, +.cat-links a:hover, +.color_blog_dark_latest_posts .mt-post-title a:hover, +.comment-author .fn .url:hover, +.commentmetadata .comment-edit-link, +.entry-cat .cat-links a:hover, +.entry-cat a:hover, +.entry-footer .mt-readmore-btn:hover, +.entry-footer a:hover, +.entry-meta a:hover, +.entry-title a:hover, +.front-slider-block .banner-title a:hover, +.front-slider-block .post-info-wrap .entry-title a:hover, +.has-thumbnail .post-info-wrap .entry-title a:hover, +.logged-in-as a, +.menu-toggle:hover, +.mt-readmore-btn:hover, +.mt-search-icon:hover, +.mt-social-icon-wrap li a:focus, +.mt-social-icon-wrap li a:hover, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.post-info-wrap .entry-meta a:hover, +.single .mt-single-related-posts .entry-title a:hover, +.widget a:hover, +.widget a:hover:before, +.widget li:hover:before, +.wrap-label i, +a, +a:focus { + color: var(--href); +} + +#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after { + border-top-color: var(--href); +} + +.color_blog_dark_social_media a:hover, +.custom-header, +.error-404.not-found, +.navigation.pagination .nav-links .page-numbers.current, +.navigation.pagination .nav-links a.page-numbers:hover, +.widget.widget_tag_cloud a:hover, +.widget_search .search-submit, +.widget_search .search-submit:hover, +.widget_tag_cloud .tagcloud a:hover { + border-color: var(--href); +} + +.mt-menu-search .mt-form-wrap .search-form .search-field:focus { + outline-color: var(--href); +} + +.entry-footer>span.tags-links a:hover, +ul.trail-items span { + color: var(--href) !important; +} + +ul.trail-items span:hover { + color: var(--href-dark) !important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-submit:hover, +.tagcloud a:hover, +.wp-block-search__button:hover { + border-radius: 0; + background-color: var(--href-dark) !important; +} + +.mt-menu-search .mt-form-wrap .search-form .search-field, +textarea, +.comment-list .comment-body, +#respond, +.mt-author-box { + border: none !important; + border-bottom: none !important; + border-top: none !important; + border-left: none !important; + border-right: none !important; +} + +span.required { + color: red; +} + +.mt-author-box { + margin-top: 15px; +} + +.mt-author-box .mt-author__avatar img { + border-radius: 50% !important; + border: 1px var(--href) solid; +} + +.mt-live-link a:focus, +.mt-live-link a:hover, +.search article { + box-shadow: none; +} + +.site-info { + float: unset; + text-align: center; +} + +.mt-copyright-text { + background-image: linear-gradient(to right, #5BCEFA, #F5A9B8, #FFFFFF); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + animation: slide 1000s linear infinite; +} + +#mt-scrollup, +.mt-author__avatar, +.mt-copyright-text, +.nav-links, +.post-thumbnail img, +.site-info, +.wp-block-image { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +video { + max-width: 100%; + width: 100% !important; +} + +.bttn, +.navigation .nav-links a, +.search-submit, +.tagcloud a, +.wp-block-search__button, +button, +input.search-submit[type=submit], +input[type=button], +input[type=reset], +input[type=submit] { + background-color: var(--href); + border: none !important; + color: var(--text-color) !important; +} + +.bttn, +.comment-reply-link, +.mt-menu-search .mt-form-wrap .search-form .search-field, +.navigation .nav-links a, +.page-numbers.current, +.tagcloud a:hover, +button, +input.search-submit, +input.search-submit:hover, +input[type=button], +input[type=reset], +input[type=submit], +textarea { + border-radius: 5px !important; +} + +img, +.mt-author-box, +#respond, +.wp-block-code, +code, +.censor, +p.no-comments { + border-radius: 2px; +} + +.page-numbers.current { + background-color: var(--href-dark); + border: none !important; + color: var(--text-color) !important; +} + +.recentcomments, +.widget_recent_comments li { + display: block !important; +} + +.comment-author img { + border-radius: 50% !important; + padding: none; + border: none; +} + +.screen-reader-text:active, +.screen-reader-text:focus, +.screen-reader-text:hover { + background-color: var(--background) !important; + box-shadow: none !important; + color: var(--href) !important; +} + +@media (max-width: 979px) { + + #site-navigation ul li a, + .is-sticky #site-navigation ul li a { + border-bottom: 1px solid var(--href-dark); + } +} + +#site-navigation ul li a.sub-toggle, +#site-navigation ul li a.sub-toggle:hover { + background: var(--background) none repeat scroll 0 0; + color: var(--text-color); + border: none; +} + +.search article .post-thumbnail { + border-radius: 10px; +} + +.invert img { + -webkit-filter: invert(1); + filter: invert(1); +} + +.no-comments { + text-align: center; + background: var(--background-darker); + font-size: large; + padding: 20px; + margin-bottom: 20px; + font-weight: bold; +} + +article.sticky::before { + content: "\f08d"; + font-family: ForkAwesome; + position: absolute; + left: 20px; + top: 20px; + display: block; + width: 30px; + height: 30px; + background: var(--href); + color: #fff; + font-size: 15px; + line-height: 30px; + border-radius: 2px !important; + z-index: 99; + text-align: center; +} + +.wp-lightbox-overlay .scrim { + background-color: var(--background) !important; + opacity: 2; +} + +.wp-lightbox-overlay .close-button { + fill: var(--text-color) !important; +} +.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body { + background: var(--background)!important; +} diff --git a/scss/_fonts.scss b/scss/_fonts.scss new file mode 100644 index 0000000..4157ab4 --- /dev/null +++ b/scss/_fonts.scss @@ -0,0 +1,2 @@ +@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400"); +@import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css"); diff --git a/scss/_wp_admin_styles.scss b/scss/_wp_admin_styles.scss new file mode 100644 index 0000000..b3e00d3 --- /dev/null +++ b/scss/_wp_admin_styles.scss @@ -0,0 +1,78 @@ +#wpadminbar .ab-top-menu>li.hover>.ab-item, +#wpadminbar.nojq .quicklinks .ab-top-menu>li>.ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu>li>.ab-item:focus, +#wpadminbar:not(.mobile) .ab-top-menu>li:hover>.ab-item, +div#wpadminbar.nojq, +#wpadminbar .screen-reader-shortcut { + background: var(--background-darker); + color: var(--href); +} + +#wpadminbar .quicklinks a span#ab-updates { + background: var(--background-darker); + color: #2c3338; + display: inline; + padding: 2px 5px; + font-size: 10px; + font-weight: 600; + border-radius: 10px; +} + +#wpadminbar .menupop .ab-sub-wrapper, +#wpadminbar .shortlink-input { + margin: 0; + padding: 0; + box-shadow: 0 3px 5px #00000033; + background: var(--background-darker); + display: none; + position: absolute; + float: none; +} + +.customize-partial-edit-shortcut button, +.widget .customize-partial-edit-shortcut button { + background-color: var(--href) !important; +} + +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a, +#wpadminbar .quicklinks .menupop ul li a:focus, +#wpadminbar .quicklinks .menupop ul li a:focus strong, +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:focus, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, +#wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, +#wpadminbar li #adminbarsearch.adminbar-focused:before, +#wpadminbar li .ab-item:focus .ab-icon:before, +#wpadminbar li .ab-item:focus:before, +#wpadminbar li a:focus .ab-icon:before, +#wpadminbar li.hover .ab-icon:before, +#wpadminbar li.hover .ab-item:before, +#wpadminbar li:hover #adminbarsearch:before, +#wpadminbar li:hover .ab-icon:before, +#wpadminbar li:hover .ab-item:before, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover, +#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label, +#wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label, +#wpadminbar>#wp-toolbar li.hover span.ab-label, +#wpadminbar .quicklinks .menupop .ab-sub-secondary>li .ab-item:focus a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary>li>a:hover, +#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a .blavatar, +#wpadminbar .quicklinks li a:focus .blavatar, +#wpadminbar .quicklinks li a:hover .blavatar, +#wpadminbar.mobile .quicklinks .hover .ab-icon:before, +#wpadminbar.mobile .quicklinks .hover .ab-item:before { + color: var(--href); +} + +.ab-sub-wrapper { + background-color: var(--background) !important; +} + +#wpadminbar #wp-admin-bar-my-account.with-avatar>.ab-empty-item img, +#wpadminbar #wp-admin-bar-my-account.with-avatar>a img { + border: none !important; + background: var(--background-darker) !important; +} diff --git a/scss/trans-theme.scss b/scss/trans-theme.scss new file mode 100644 index 0000000..71e6edd --- /dev/null +++ b/scss/trans-theme.scss @@ -0,0 +1,13 @@ +@use '_base'; +@use '_fonts'; +:root{ + --text-color:#fff; + --background:#2E3035; + --background-darker:#1E1F22; + --href:#F5A9B8; + --href-dark:#5BCEFA; + --selector: #565091; + --main-font:'Oxygen',sans-serif; + --special-font:'Damion',handwriting; + --cursor:url("data:image/webp;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAtFBMVEVHcEzUd6y1MXzLXJvKXpuoJ3C1NX2+QIe/QYjVfK/Tc6mlKGzCRYzGV5bBRozHVZa8PIXOY6DHUJTHUZTGTJHBQ4rLWprJVpe7PYTNY5/LXpy9P4fQbKXJV5jETJDQbKXRcqi7O4TWgLGzNn2zNXzio8fjpsngncTipMjfmcHiosfhoMXkqMrTcqndkr3cjrrRbabQaKPaiLfYgrPtxNvx0uTmrs7otdLqvNby1+b13+vntNEHEWuBAAAAJXRSTlMA/hL3zQwWTkf+9wNynY+lIPuN05dc1ew74b806sO9z9gs7ksvWce/TgAAAWxJREFUOMt9kulygkAQhDmiAoIcAgreSZad5VQEo/L+75U1Wsii2ani13x0b023ILRjOe5c4MwwjJrtggOMxPO1cTiAp6KqMngKKpzOXECE6IcHKCLAyRxzAA0gNTkKcw1QFOqOMhYG/wAIxXZy/tSd0LGEQddsvFAsYbFECKtVXdlpfQqNjWE99/rM9he7JQKyT6JGbOrrMbmkRquxm2V5YX4v4xuAyB6nVQH1ZSO17rJIkuDrDvxBqVqk1XbYxjTN8kidBBQQ7wDKCog2LSBMDiXk6yBBMUaIZHcAf0jPK8vHOJFluqATk/gFGE5FHIkPAAH9cswA1COPCvsBPCAGoB4IZxh1hwFuHqjsA91IJgf6qoQDUA923QforQgweyArJnV6K1YAcrZdCs2DkQDVY+oyWB+OMePgW71K0sy7Eprer5zeMYFYdV+KSXtFCYoAANFc6V3x13ZJMMlLbeW9L7bkmX7gr9xR5/dfaoZCeyWBvo0AAAAASUVORK5CYII="); +}