word-games-theme 1.8.5 → 1.8.7

data/assets/css/wordGroup.css

@@ -1,3 +1,293 @@
+/***************
+ Result page css 
+ ***************/
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+  transition: background-color 5000s ease-in-out 0s;
+}
+
+.btn-info:not(:disabled):not(.disabled).active:focus,
+.btn-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-info.dropdown-toggle:focus {
+  box-shadow: unset;
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+/* navbar css for result page */
+.result_navbar_section {
+  width: 100%;
+  padding: .8rem 9% !important;
+  position: sticky;
+  top: 0;
+  z-index: 99999;
+}
+
+.result_navbar_section .mobile_bars {
+  cursor: pointer;
+  position: absolute;
+  top: 0px;
+  margin: 0 40px
+}
+
+.mobile_bars .bars {
+  position: relative;
+  color: #000;
+  font-size: 35px;
+}
+
+.result_navbar_section #open_list_bar {
+  position: fixed;
+  top: 0px;
+  left: -100%;
+  z-index: 999;
+  height: 100vh;
+  transition: all .5s ease-in-out;
+  list-style: none;
+  box-shadow: 0 0 5px grey;
+  background: #f8f9fa;
+  overflow-y: scroll;
+}
+
+#open_list_bar .cat_bar_logo_link {
+  padding: 0 15px;
+}
+
+#open_list_bar .cat_bar_logo_link .cat_bar_img {
+  width: 30px;
+}
+
+#open_list_bar .cat_title {
+  color: #000;
+  font-weight: 900;
+  font-size: 14px;
+  position: relative;
+  left: 10px;
+  top: 3px;
+}
+
+#open_list_bar .close_bar_btn {
+  position: absolute;
+  right: 8px;
+  font-size: 28px;
+  top: 15px;
+  cursor: pointer;
+}
+
+.list-items-container .list_cat_heading {
+  padding: 8px 15px;
+  background-color: gray;
+  color: #fff;
+  font-size: 13px;
+}
+
+.list-items-container .list_cat_name {
+  padding: 8px 15px;
+  font-size: 12px;
+  border-bottom: 1px solid rgb(209, 213, 219)
+}
+
+.list-items-container .list_cat_name:active {
+  color: #000 !important
+}
+
+.list-items-container .list_cat_name:hover {
+  background-color: #e9ecef;
+}
+
+/* h1,h2 for result page , searchbox and length selector css*/
+.pageHeading>.result_heading {
+  font-size: 22px;
+  font-weight: 600;
+  color: #000;
+}
+
+.serachSection {
+  height: auto;
+}
+
+.resultPageTxtBox,
+.resultPageSearchBtn {
+  height: 50px !important;
+}
+
+.resultPageDropdown2 {
+  height: 49px !important;
+  padding: 0 !important;
+}
+
+.letter-close-button-commonPage {
+  position: absolute;
+  right: 220px;
+  top: 18px;
+  font-size: 15px;
+  cursor: pointer;
+  display: none;
+}
+
+.ltr-cls-btn-commonPage {
+  display: block;
+}
+
+.tab_link_wrapper {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  background: #f8f9fa;
+  border-radius: 40px;
+  margin: 10px 0px;
+}
+
+.tab_link_wrapper .flex-row {
+  -ms-flex-direction: row !important;
+  flex-direction: row !important;
+  display: flex;
+  overflow: hidden;
+  margin: 0 25px;
+}
+
+.tab_link_wrapper #next {
+  background: url('/assets/images/next.webp');
+  background-size: cover;
+  width: 21px;
+  height: 21px;
+  object-fit: cover;
+  padding: 3px;
+  border: none;
+  position: absolute;
+  top: 6px;
+  right: 10px;
+}
+
+.tab_link_wrapper #prev {
+  background: url('/assets/images/prev.webp');
+  background-size: cover;
+  width: 21px;
+  height: 21px;
+  object-fit: cover;
+  padding: 3px;
+  border: none;
+  position: absolute;
+  top: 6px;
+  left: 10px;
+}
+
+.active-tab {
+  border-bottom: solid 2px black !important;
+}
+
+.tab_link_wrapper .tab_link {
+  font-size: 15px;
+  font-weight: 900;
+  margin: 0 5px;
+  padding-top: 5px;
+  border: none;
+  outline: none;
+  background-color: inherit;
+}
+
+/* advanced filter and sorting css */
+.Advancedbtn .filter_count {
+  width: 20px;
+  color: white;
+  height: 20px;
+  text-align: center;
+  background-color: #808080;
+  padding-top: 2px;
+  border-radius: 50%;
+  margin-right: 1px;
+  position: relative;
+  left: 150px;
+}
+
+.Advancedbtn .filterButton {
+  background: #f8f9fa;
+  box-shadow: 0 0 3px #343a4063;
+  width: 190px;
+  border-radius: 10px;
+  border: none;
+  outline: none;
+  font-weight: 900;
+  font-size: 13px;
+  padding: 8.5px;
+  text-align: left;
+}
+
+.Advancedbtn .angle-arrow {
+  background: url(../images/angle-arrow-down.svg) no-repeat;
+  background-size: contain;
+  width: 10px;
+  height: 20px;
+  font-weight: 900;
+  position: absolute;
+  top: 20px;
+  right: 5px;
+  margin: -3px 0;
+}
+
+.hide {
+  visibility: hidden;
+}
+
+.fillterWrapper {
+  display: block;
+  background: #fff;
+  position: absolute;
+  z-index: 999;
+  top: 100px;
+  right: 150px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  padding: 30px 15px;
+  border-radius: 15px;
+  width: 240px;
+}
+
+.fillterWrapper .same {
+  margin-bottom: 10px;
+}
+
+.tick {
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAL7SURBVEhL7ZZdSBRRFMf/s+PWSrsUFGoUfi1ooWISFUQPvfRhH1hUL5agvogvaQ/hamBRbz0W2VNBQb2IgqJsGL2VVBK11UNpPkhGKmWK6wfu7kznzFxGx5lxZ+tN/MGdOefOzP3PnTn3noN11jySOLvnWamfniqGJGVovqpOQMVnHI9ENd8l7oTDe/zwSGfp7nPkHaPm0/qXWKD2kl7gERS1A+Uf5vVuZ1YXbg9KCAT2kWgjeaeoBbR+Z/gFupFQWhGNDuLCsKp3W3EW1kQ3HYRHfkhegd7pmkEoiVrMzPY7iXvE2YrfXyJEg3pHShTQsw9oDMcXthfuLfNDlq+RxQ/KWl/qFNIYN7WxbLAX9uIMhWu58P4D9TSNVSEcE06fmqM3WSAZ+DwbcCXnEk5sO7QyaNKpVeumGWtw9ZYE4E2bIGvlkrGFRZtyqxHKq8HQ3HfsfVOJmBIXVzUWEItn4OSnGeFrWGcspxXR0ZXolrQAmkgwlFeL4blRtAzdRVxJiKsGPhqzUNgGVmFJzRSWCVmSqZlvb8ipRCi3BtPxGYSG7qD3F+8hNqtHUncIy8DpH5tg0VvBeoTL7iHbl6XN9HqwDjfy6zCy8BPnI1edRXUsv9QqrEo/hGXAA+7fXIwjWw+gbXczmunTNmZX4uvcCFq/teHVVGQ1UR5zTFgGroMrJz0LbbtatMhlxhd/azNNKuoQXNbN4enEIqq2HyYrX+/QmY5H8XzyNYr8QSwqMVz+chsvJgeSiTI9KI88FraB/V7dV3aRjvepWdYyz3znxkz0T310I8qzrMfR9090dwn74Iqhk94pLDwTI/Njbj6vQOqhsbqEY8J+xky4lPZaTzdZqWYmhhfzMBSligqEt3qXGeflxPmUUxunuNQhUU6L0QHhW3DOPO1/gAr/KLzePioEuMzhYPNq15zhf9pJhUADorPv/q0QWA6XPrLEWYaTB2ctu9KHY6IDCbWLSp+k9Zc74eVwseehXAuJt0GJir1xirOUi7111jrAXwKK6K/PgrsYAAAAAElFTkSuQmCC) no-repeat;
+  background-position: 95% 50%;
+}
+
+.fillterWrapper input[type='text'] {
+  border-radius: 15px;
+  width: 100%;
+  outline: none;
+}
+
+.sort-select,
+#select_dropDown {
+  background: #f8f9fa;
+  box-shadow: 0 0 2px #343a4063;
+  word-wrap: normal;
+  width: 190px;
+  border-radius: 10px;
+  border: none;
+  cursor: pointer;
+  padding: 10px;
+  text-align: left;
+  color: #1c1107;
+  font-size: 13px;
+  font-weight: 600;
+  font-stretch: normal;
+  font-style: normal;
+  outline: none;
+}
+
+/* result data css */
+#home_page_search_result {
+  padding: 10px;
+  font-size: 12px;
+}
+
+#home_page_search_result:hover {
+  text-decoration: underline !important;
+}
+
 .wordCount {
   text-indent: 10px;
   font-size: 18px;
@@ -45,7 +335,7 @@
 }
 
 .wordList>ul li {
-  border: solid 2px rgba(226, 248, 198, 0.47);
+  border: solid 2px rgba(226, 248, 198, .47);
   padding: 8px 0;
   background: #f8f9fa;
   border-radius: 5px;
@@ -62,28 +352,41 @@
   font-weight: 600;
 }
 
+.wordList .anchor__style .highlight {
+  color: #ff0000 !important;
+}
+
 .points {
   color: #73716e;
   font-weight: 600;
 }
 
-.letter-close-button-commonPage {
-  position: absolute;
-  right: 220px;
-  top: 18px;
-  font-size: 15px;
-  cursor: pointer;
-  display: none;
+.errorMsg {
+  text-align: center;
+  font-size: 20px;
+  color: red;
+  font-weight: 800;
 }
 
-.ltr-cls-btn-commonPage {
-  display: block;
-}
+/* close */
+
 
 @media (max-width: 768px) {
-  .filterSortedIcons {
-    display: flex;
-    gap: 8px;
+
+  /* result page navbar, closebtn, heading css for mobile */
+  .result_navbar_section {
+    padding: 1.2rem 15px !important;
+  }
+
+  .nav_menu_bar {
+    display: none;
+  }
+
+  .result_navbar_section .mobile_bars {
+    display: block;
+    position: absolute;
+    top: 5px;
+    margin: 0;
   }
 
   .letter-close-button-commonPage {
@@ -91,13 +394,73 @@
     font-size: 15px;
   }
 
-  .wordCount {
-    font-size: 1.2rem;
-    /* margin-top: 15px; */
+  .pageHeading>.result_heading {
+    font-size: 1.8rem;
+    padding-left: 25px;
+  }
+
+  /* length selector css for mobile */
+
+  .tab_link_wrapper .flex-row {
+    margin: 0 15px;
+  }
+
+  .tab_link_wrapper .tab_link {
+    font-size: 12px;
+  }
+
+  .tab_link_wrapper #prev {
+    top: 6px;
+    left: 5px;
+    width: 16px;
+    height: 16px;
   }
 
+  .tab_link_wrapper #next {
+    top: 6px;
+    right: 5px;
+    width: 16px;
+    height: 16px;
+  }
+
+  /* advanced filter and sorting css for mobile */
+  .angle-arrow {
+    display: none;
+  }
+
+  .Advancedbtn .filterButton {
+    display: none;
+  }
+
+  .fillterWrapper {
+    right: auto;
+    position: fixed;
+    left: 0px;
+    top: 135px;
+    width: 100%;
+  }
+
+  .Advancedbtn .filter_count {
+    display: none !important;
+  }
+
+  .filterSortedIcons {
+    display: flex;
+    gap: 8px;
+  }
+
+  .sort-select,
+  #select_dropDown {
+    display: none;
+  }
+
+  /* result data css for mobile */
   .pad {
     padding-bottom: 50px;
   }
 
+  .wordCount {
+    font-size: 1.3rem;
+  }
+
 }

data/assets/css/wordleSolver.css

@@ -5,18 +5,23 @@
   align-items: center;
 }
 
-.errMessage {
+.ws .errMessage {
   display: none;
 }
 
-.forms_data {
+.ws .forms_data {
   border: 1px solid rgba(0, 0, 0, 0.1);
   padding: 0px 25px;
   padding-top: 15px;
   text-align: center;
 }
 
-.wordleSolver-field {
+.forms_data .wordleSolver-label {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.forms_data .wordleSolver-field {
   border-radius: 5px;
   margin: 0 5px 0 0 !important;
   font-size: 30px;
@@ -32,7 +37,7 @@
   outline: none !important;
 }
 
-.wordleSolver-field:focus {
+.forms_data .wordleSolver-field:focus {
   box-shadow: unset !important;
   border-color: #ced4da !important;
 }
@@ -66,9 +71,19 @@
   color: #fff;
 }
 
-.wordleSolver-label {
-  font-size: 14px;
-  font-weight: 600;
+.createWordleLink {
+  text-decoration: underline;
+  text-align: center;
+  display: block;
+  box-shadow: 0 0 1px rgb(0 0 0 / 10%);
+  border: none;
+  padding: 10px 15px;
+  width: 320px;
+  background: #345234;
+  border-radius: 20px;
+  font-size: 15px;
+  margin-bottom: 2rem;
+  margin: 5px auto;
 }
 
 .allfiveletterswords {
@@ -149,21 +164,6 @@
   color: #fff !important
 }
 
-.createWordleLink {
-  text-decoration: underline;
-  text-align: center;
-  display: block;
-  box-shadow: 0 0 1px rgb(0 0 0 / 10%);
-  border: none;
-  padding: 10px 15px;
-  width: 320px;
-  background: #345234;
-  border-radius: 20px;
-  font-size: 15px;
-  margin-bottom: 2rem;
-  margin: 5px auto;
-}
-
 @media (max-width: 768px) {
 
   .allfiveletterswords,

data/assets/css/wordsInCertainPosition.css

@@ -1,18 +1,18 @@
 /* words in certain position*/
+small {
+    font-size: 100% !important;
+}
+
 .wordsInCertainPos {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    position: sticky;
+    /* position: sticky; */
     width: -webkit-fill-available;
-    top: 58px;
+    /* top: 58px; */
     background-color: #fff;
-    z-index: 99;
-}
-
-small {
-    font-size: 100% !important;
+    /* z-index: 99; */
 }
 
 .errMessage {
@@ -26,7 +26,7 @@ small {
     text-align: center;
 }
 
-.letter_field {
+.forms_data .letter_field {
     border-radius: 5px;
     margin: 0 5px 0 0 !important;
     font-size: 30px;
@@ -42,7 +42,7 @@ small {
     outline: none !important;
 }
 
-.letter_field:focus {
+.forms_data .letter_field:focus {
     box-shadow: unset !important;
     border-color: #ced4da !important;
 }
@@ -96,21 +96,6 @@ small {
     margin: 10px auto;
 }
 
-.related_post_heading {
-    width: 100%;
-    font-size: 46px;
-    text-align: center;
-    font-weight: 800;
-    font-stretch: normal;
-    font-style: normal;
-    line-height: 1.24;
-    letter-spacing: normal;
-    color: #11304e;
-    margin-bottom: 45px;
-    padding-top: 75px;
-    display: inline-block;
-}
-
 #certain_pos_error_msg {
     margin: 10px auto;
     width: 75%;
@@ -144,15 +129,10 @@ small {
     font-weight: 600;
 }
 
-.flex-row {
-    -ms-flex-direction: row !important;
-    flex-direction: row !important;
-    display: flex;
-    overflow: hidden;
-    margin: 0 35px;
-}
-
 .tab_link_wrapper {
+    position: sticky !important;
+    top: 66px;
+    z-index: 9;
     display: flex;
     width: 100%;
     /* overflow: auto; */
@@ -163,6 +143,14 @@ small {
     /* white-space: wrap; */
 }
 
+.flex-row {
+    -ms-flex-direction: row !important;
+    flex-direction: row !important;
+    display: flex;
+    overflow: hidden;
+    margin: 0 35px;
+}
+
 .tab_link {
     font-size: 15px;
     font-weight: 900;

data/assets/js/adBlocker.js

@@ -11,7 +11,6 @@ const refresh = () => {
     location.reload()
 }
 
-
 let adsBtn = document.querySelector(".allow-ads-btn")
 adsBtn.addEventListener("click", () => {
     extensions.classList.add("show")

data/assets/js/default.js

@@ -2,11 +2,6 @@ let letterCloseButton = document.querySelector('.letter-close-button')
 let txtBox = document.querySelector('.txtBox')
 let focusBorder = document.querySelector('.focus-border')
 txtBox.focus()
-
-$(function () {
-    $('[data-toggle="tooltip"]').tooltip()
-})
-
 document.querySelector(".serachBtn").value = ""
 
 function myFunction(x) {
@@ -50,4 +45,6 @@ txtBox.addEventListener('input', (e) => {
 letterCloseButton.addEventListener("click", () => {
     txtBox.value = ""
     letterCloseButton.classList.remove("close_ltr_icon")
-})
+})
+
+

data/assets/js/theme.js

@@ -0,0 +1,45 @@
+---
+---
+
+  console.log('');
+
+if ("{{ site.removeBootstrapJs }}" === "true") {
+  const languagesModal = document.querySelector("#staticBackdrop");
+  const intModalBtn = document.querySelector("#int-modal-btn");
+  const closeBtn = document.querySelector("#close-modal");
+
+  if(intModalBtn){
+  intModalBtn.addEventListener("click", () => {
+    languagesModal.style.display = "block";
+    languagesModal.classList.add("show");
+    let modal = document.createElement("div");
+    modal.classList.add("modal-backdrop", "show");
+    document.body.appendChild(modal);
+  });
+  closeBtn.addEventListener("click", () => {
+    languagesModal.style.display = "none";
+    languagesModal.classList.remove("show");
+    let modal = document.querySelector(".modal-backdrop");
+    document.body.removeChild(modal);
+  });
+}
+
+  let navbarDropdown = document.querySelector("#navbarDropdown");
+  let dropmenu = document.querySelector(".dropmenu");
+  navbarDropdown.addEventListener("click", () => {
+    if (dropmenu.classList.contains("show")) {
+      dropmenu.classList.remove("show");
+    } else {
+      dropmenu.classList.add("show");
+    }
+  });
+  const navbarToggler = document.querySelector('.navbar-toggler')
+  const navBar = document.querySelector('#navbarSupportedContent')
+  navbarToggler.addEventListener('click', () => {
+    if (navBar.classList.contains("show")) {
+      navBar.classList.remove("show");
+    } else {
+      navBar.classList.add("show");
+    }
+  })
+}

data/assets/js/wordScrabble-test.js

@@ -29,9 +29,6 @@ let exculdeWith = document.getElementById("exculdeWith");
 let inculdeWith = document.getElementById("inculdeWith");
 let wordLength = document.getElementById("wordLength");
 
-$(function () {
-  $('[data-toggle="tooltip"]').tooltip()
-})
 
 let ok = true;
 

data/assets/js/words-starting-with.js

@@ -30,10 +30,6 @@ let tab_container = document.querySelector('.tab_container')
 var sortValue
 var sortBool = false
 
-$(function () {
-  $('[data-toggle="tooltip"]').tooltip()
-})
-
 let txtBox = document.querySelector('.txtBox')
 txtBox.focus()
 txtBox.value = serachValue