2022-11-12 Site Code Injections

<style>
    
    /* Start For Zvikov and day-thirty-main */    
    
body {
    font-family: "ff-basic-gothic-pro", "Roboto", sans-serif;
    background: #1d1e20;
    color: #dadadb;
    font-weight: normal;
}
    
header, .modal-header {
    padding: 0;
    height: 90px;
}
    
header .blog-logo a img {
    max-width: 250px;
    max-height: 90px;
    padding: 20px 0 0;
}
    
.tag-template .tag-title h1 {
    margin: 0 0 20px;
}
    
h1, h2, h3, h4, h5, h6 {
    font-family: "roboto-mono", "Roboto Mono", sans-serif;
    color: #E83030;
    font-weight: 300;
    margin: 0 0 30px;
}
    
.modal h3 {
    font-size: 15px;
    letter-spacing: 5px;
    color: #dadadb;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid rgba(185, 178, 162, 0.15);
    margin: 0 0 30px;
    font-weight: normal;
}
    
    /* END For Zvikov and day-thirty-main */ 
    
.article-container {
    /* background: #fff; */
    border-radius: 10px;
    /* box-shadow: 0 0 41px 0 rgb(200 195 183 / 15%); */
    /* padding-bottom: 50px; */
    border-color: transparent;
}
    
.article-container .author-name,
.bookmark-container h5 {
    display:none
}
    
.article-container .post-title {
    font-size: 2em;
    font-weight: 300;
    line-height: 72px;
    text-align: center;
    margin: 1em auto 0.5em;
    /* color: #333333; */
    font-family: "roboto-mono", "Roboto Mono", sans-serif;
    z-index: 2;
}
    
.post-content {
    padding-top: 0;
}
    
.tags {
    text-align: center;
    margin: 25px 0;
    padding: 0;
    list-style-type: none;
}
    
.author {
    margin: 0;
    display:none;
}
    
div.footer-content div.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
}
    
footer h3 {
    color: #E83030;
    font-size: 20px;
    letter-spacing: 2px;
    line-height: 26px;
    text-transform: uppercase;
    margin-top: 0;
    text-align: center;
}
    
footer.site-footer.container {
    /* margin-top: -50px; */
    }
    
footer .copyright {
    font-family: "roboto-mono", "Roboto Mono", sans-serif;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    font-weight: normal;
}
    
.page-template .article-container .post-title {
    padding-bottom: 0;
    margin: 1em auto 0.5em;
}
    
</style>

<style>
/* For Dropdown Menus */    
li.menu-item-has-children {
    position: relative;
    padding-right: 20px!important;
    display: inline;
}
    
li.menu-item-has-children:hover ul.ghost-submenu {
    visibility: visible!important;
    opacity: 1!important;
    top: 45px!important;
}

.menu-item-has-children svg {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(-0%, -50%) scale(1.1);
}

ul.ghost-submenu li {
    list-style: none;
    white-space: nowrap;
    border-bottom: 1px solid #ddd;
}
    
ul.ghost-submenu li:last-child {
    border: none;
}

ul.ghost-submenu {
    border-radius: 5px;
    position: absolute;
    visibility: hidden;
    z-index: 1;
    opacity: 0;
    top: 30px;
    transition: 0.3s;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 14%);
    max-width: unset !important;
    
    /* Edit below to adjust Dropdown Menu positioning and color */
    left: 0;
    margin-top: -15px;
    padding: 5px 20px 10px 10px;
    background: #fff;
    color: #000;
}
    
/* Start for DocsLab */
.menu-item-has-children svg {
    fill: #fff;
}
ul.ghost-submenu {
    left: 30px;
    margin-top: 0;
    display: grid;
    text-align: left;
}
ul.ghost-submenu li {
    padding: 0;
}
.center-menu ul.ghost-submenu li.subitem a {
    line-height: 30px;
    color: #000 !important;
    border-bottom: 0;
}
/* End for DocsLab */    
    

</style>

<style>
/* Start for Thirtydays Theme */ 

body {
    background-color: hsla(32,100%,85%,.35) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.4'/%3E%3C/filter%3E%3C/defs%3E%3C!-- %3Cpath filter='url(%23a)' opacity='.3' d='M0 0h1200v256H0z'/%3E--%3E%3Crect filter='url(%23a)' opacity='.3' width='100%25' height='100%25'/%3E%3C/svg%3E");
    font-family: "ff-basic-gothic-pro", "Roboto", sans-serif;
    background: #1d1e20;
    color: #6d4343;
    font-weight: normal;
    /* text-shadow: 0 13.36px 8.896px #c4b59d, 0 -2px 1px #fff; */
    }
    
.article-container .post-date {
    text-shadow: none;
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
    line-height: 27px;
    background: #0000007a;
    padding: 2px 15px;
    border-radius: 50px;
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    z-index: 2;
    display: inline-table;
}
    
.article-container {
    background-color: #F5F2EF;
    background-color: hsl(32deg 25% 71% / 19%);
    background: transparent;
    }
.article-container .post-title {
    color: transparent;
    margin: 0;
    margin-bottom: -20px;
    }
.bookmark {
    display:none;
    }
.post-content:before {
    background:transparent;
    display: none;
    }
.article-container .post-meta {
    display: none;
}
.share-on {
    display: none;
}
.row {
    margin-right: -30px;
    margin-left: -30px;
}
.post-content {
	box-shadow: 20px 20px 50px rgb(0 0 0 / 50%);
    padding: 2em;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    /* display: flex;
    justify-content: center;
    align-items: center;
    */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    /* backdrop-filter: blur(5px); */
    backdrop-filter: none;
    border: 10px solid #ffffff26;
    /* height: 100%; */
    }
iframe {
    border: 10px solid #ffffff26;
    }
.loop .next a, .loop .prev a {
    color: #fff;
    border-radius: 50%;
    background-color: #5FCCC4;
    width: 44px;
    height: 44px;
    display: block;
    position: relative;
    opacity: 0;
    padding-top: 2px;
}
.loop .prev a {
    color: #fff;
    border-radius: 50%;
    box-shadow: -2px 2px 5px rgb(0 0 0 / 50%);
    }
.loop .next a {
    color: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
    }
    
.loop .swiper-slide .article-container {
    
    }
    
.loop .swiper-slide.loaded:not(.swiper-slide-active) .article-container:before {
	box-shadow: 20px 20px 50px rgb(0 0 0 / 50%);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    /* backdrop-filter: blur(5px); */
    border: 10px solid #ffffff26;
}
    
div.swiper-slide.loaded.swiper-slide-next section.post-content,
div.swiper-slide.loaded.swiper-slide-prev section.post-content {
    box-shadow: none;
    border-radius: none;
    background: transparent;
    overflow: hidden;
    border-top: 0;
    border-left: 0;
    backdrop-filter: none;
    border: none;
    height: 100%;
	margin: 10px 0 0 10px;
    }
    
blockquote {
    margin: 0 80px;
    font-size: 32px;
    letter-spacing: -1px;
    line-height: 42px;
    color: #DF1825;
    position: relative;
}
    
.modal .modal-content {
    border: none;
    background-color: #453939fa;
}
div.modal-body div.container div.row {
	margin: 0 auto;
	width: fit-content;
    }
    
header nav ul li {
    border-bottom: 1px solid #00000066;
}
    
@media (min-width: 992px) {
.offset-lg-2 {
    margin-left: 0;
    }
}
    
@media (min-width: 992px) {
.col-lg-8 {
    /* -ms-flex: 0 0 66.666667%; */
    /* flex: 0 0 66.666667%; */
    /* max-width: 66.666667%; */
    -ms-flex: none !important;
    flex: none !important;
    max-width: 100% !important;
    }
}

@media (min-width: 576px) {
.offset-sm-1 {
    /* margin-left: 8.333333%; */
    margin-left: 0 !important;
    }
}
    
@media (min-width: 576px) {
.col-sm-10 {
    /* -ms-flex: 0 0 83.333333%; */
    /* flex: 0 0 83.333333%; */
    /* max-width: 83.333333%; */
    -ms-flex: none !important;
    flex: none !important;
    max-width: 100% !important;
    }
}
    
@media (max-width: 575px) {
.loop .next, .loop .next.is_stuck.bottom {
    margin-left: calc(100% - 32px);
    }
}
    
@media (max-width: 575px) {
.loop .next a svg, .loop .prev a svg {
    display: block;
    width: 22px;
    height: 42px;
    margin: 0 auto;
    }
}

FOOTER

<script>
// For Dropdown Menu
(function($) {
    "use strict";
    function ghost_dropdown(options) {
       let defultOptions = {
            targetElement: "ul li",
            hasChildrenClasses: "menu-item-has-children",
            hasChildrenIcon: "<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-caret-down' viewBox='0 0 16 16'><path d='M3.204 5h9.592L8 10.481 3.204 5zm-.753.659 4.796 5.48a1 1 0 0 0 1.506 0l4.796-5.48c.566-.647.106-1.659-.753-1.659H3.204a1 1 0 0 0-.753 1.659z'/></svg>",
            hasChildDetectText: "[has_child]",
            submenuUlClasses: "ghost-submenu",
            subitemDetectText: "[subitem]",
            subitemLiClasses: "subitem"
        }
        options = {
            ...defultOptions,
            ...options
        }
        console.log(options);
        // Target Element
        let targetElement = options.targetElement;
        //Default value 
        let hasChildrenClasses = options.hasChildrenClasses;
        let hasChildrenIcon = options.hasChildrenIcon;
        let hasChildDetectText = options.hasChildDetectText;
        let submenuUlClasses = options.submenuUlClasses;
        let subitemDetectText = options.subitemDetectText;
        let subitemLiClasses = options.subitemLiClasses;
        // Declare neccesary variable
        let parentEl = $(targetElement);
        let childEL = $(targetElement);
        let parentLen = 0;
        let domArrayElement = [];
        let indexPush = [];
        let elIndex = 0;
        let parentIndex = [];
        $(`${targetElement}`).parent().addClass('ghost-dropdown-menu');
        // Find Dropdown parent element
        parentEl.each(function(index, element) {
            if ($(this).text().indexOf(hasChildDetectText) >= 0) {
                parentIndex.push(index); // Make dropdown parent array index
                parentLen++;
                $(this).push(element);
                $(this).addClass(hasChildrenClasses); // Add class in dropdown element
                $(this).append(`<ul class='${submenuUlClasses}'></ul>`); // Append submenu element
                $(targetElement).css("opacity", "1");
            }
        });
        $(`.${hasChildrenClasses}`).append(hasChildrenIcon);
        // Using loop to reach dropdown parent element
        for (let i = 0; i < parentLen; i++) {
            elIndex = 0 // Initial element value
            // Find subitem element
            childEL.each(function(index, element) {
                let subitem = $(this).text().includes(subitemDetectText); // Find subitem element
                if (subitem) {
                    if (elIndex >= parentIndex[i + 1]) { // Each loop will be break
                        return false; //Stoped each loop 
                    }
                    if (elIndex <= parentIndex[i + 1] || elIndex >= parentIndex[parentIndex.length - 1]) {
                        if (!indexPush.includes(index)) { //Check if not index already insert 
                            $(this).addClass(subitemLiClasses); // Add class in subitem element
                            let st = $(this).children().text(); // Find subitem inner text
                            $(this).children().text(st.replaceAll(subitemDetectText, "")); // Replace subitem inner text
                            domArrayElement.push(element); // Incert subitem element in dom array
                            indexPush.push(index); // incert subitem index in indexPush array
                        }
                    }
                }
                elIndex++; // increase element index value
            });
            $(`.${hasChildrenClasses} ul.${submenuUlClasses}:eq(${i})`).append(domArrayElement); // Append related subitem dom element into submenu 
            // console.log(domArrayElement);
            domArrayElement = []; // Make dom array element empty. 
        }
        const hasChildEl = $(`.${hasChildrenClasses}`);
        hasChildEl.each(function() {
            if ($(this).find("> a:first").text().includes(hasChildDetectText)) {
                console.log($(this).find("> a").text());
                let hasChildText = $(this).find("> a:first").text(); // Find has child inner text
                $(this).find("> a:first").text(hasChildText.replaceAll(hasChildDetectText, ""));
            }
        });
    }
    $(document).ready(function() {
        ghost_dropdown();
    });
}(jQuery));
</script>

<script>
  const anchors = document.querySelectorAll('a');

  for (x = 0, l = anchors.length; x < l; x++) {
    const regex = new RegExp('/' + window.location.host + '/');
    
    if (!regex.test(anchors[x].href)) {
      anchors[x].setAttribute('target', '_blank');
    }
  }
</script>