word-games-theme 1.5.6 → 1.5.8

data/assets/css/testhome.css

@@ -0,0 +1,417 @@
+.pageHeaderBg {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    background: url(../images/bg_elements.png);
+    background-position: center;
+    background-size: cover;
+    margin-bottom: 20vh;
+    padding: 15px 0;
+}
+
+.result_navbar_section {
+    width: 100%;
+    padding: .8rem 9% !important;
+    position: sticky;
+    top: 0px;
+    z-index: 99999;
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    -ms-flex-align: center;
+    align-items: center;
+}
+
+.pageHeading {
+    margin-bottom: 0.8rem;
+    /* padding-top: 1.5rem; */
+}
+
+.pageHeading>h1 {
+    font-size: 27px;
+}
+
+.pageHeading>.result_heading {
+    font-size: 22px;
+    font-weight: 600;
+    color: #000;
+}
+
+.table {
+    height: 5em;
+    overflow: auto;
+}
+
+.serachSection {
+    height: 50px;
+    position: relative;
+}
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+    transition: background-color 5000s ease-in-out 0s;
+}
+
+.resultPageTxtBox,
+.resultPageSearchBtn {
+    height: 50px !important;
+}
+
+.resultPageDropdown2 {
+    height: 49px !important;
+    padding: 0 !important;
+}
+
+::placeholder {
+    font-weight: 500;
+}
+
+.txtBox {
+    height: 70px;
+    border-radius: 8px;
+    border: solid 1px rgba(0, 0, 0, 0.1);
+    background: #fff;
+    padding: 0;
+    width: 100%;
+    font-size: 15px;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    color: var(--txtColor);
+    text-indent: 15px;
+    outline: none;
+    position: relative;
+}
+
+.serachBtn {
+    border-radius: 0px;
+    background: url(../images/search.svg) no-repeat center center;
+    background-size: 35px 35px;
+    height: 70px;
+    width: 59px;
+    border: none;
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    outline: none;
+    background-color: #000;
+}
+
+.advancedFilter .filterButton {
+    background: #f8f9fa;
+    box-shadow: 0 0 2px #343a4063;
+    width: 190px;
+    border-radius: 10px;
+    cursor: pointer;
+    border: none;
+    padding: 10px;
+    text-align: left;
+    color: #1c1107;
+    font-size: 13px;
+    font-weight: 600;
+    font-stretch: normal;
+    font-style: normal;
+    outline: none;
+}
+
+.angle-arrow2 {
+    background: url(../images/angle-arrow-down.svg) no-repeat;
+    background-size: contain;
+    object-fit: cover;
+    width: 10px;
+    height: 10px;
+    font-weight: 900;
+    position: absolute;
+    top: 19px;
+    right: 9px;
+    margin: -3px 0;
+    cursor: pointer;
+    /* z-index: 9999; */
+}
+
+#select_dropDown {
+    background: #f8f9fa;
+    box-shadow: 0 0 2px #343a4063;
+    word-wrap: normal;
+    width: 190px;
+    border-radius: 10px;
+    cursor: pointer;
+    border: none;
+    padding: 10px;
+    text-align: left;
+    color: #1c1107;
+    font-size: 13px;
+    font-weight: 600;
+    font-stretch: normal;
+    font-style: normal;
+    outline: none;
+}
+
+.select_dropDown2 {
+    height: 69px;
+    position: absolute;
+    top: 0px;
+    font-size: 15px;
+    width: 142px;
+    overflow: hidden;
+    object-fit: cover;
+    right: 69px;
+    /* padding: 19px 0; */
+    border-bottom: 0 !important;
+    border-radius: 0;
+    border: none;
+    box-shadow: none;
+    background: white;
+    border-left: 1px solid rgba(0, 0, 0, 0.11);
+    border-top: 1px solid rgba(0, 0, 0, 0.11);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
+}
+
+.select_dropDown2:focus {
+    outline: none;
+}
+
+.fillterWrapper {
+    display: none;
+}
+
+.fillterWrapper label {
+    margin: 0;
+    text-indent: 12px;
+}
+
+.fillterWrapper input {
+    border-radius: 10px;
+    border: solid 1px rgba(0, 0, 0, 0.11);
+    background-color: #fff;
+    font-size: 12px;
+    padding: 5px 12px;
+    /* text-indent: 15px; */
+    width: 190px;
+    outline: none;
+    box-shadow: none;
+}
+
+.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);
+}
+
+.fillterWrapper input:hover {
+    border-color: rgba(0, 0, 0, 0.1);
+}
+
+.fillterWrapper input:focus {
+    box-shadow: unset;
+}
+
+.fillterWrapper input:active {
+    box-shadow: unset;
+}
+
+.actives {
+    z-index: 999;
+    top: 90px;
+    background: #fff;
+    box-shadow: 0 0 5px rgb(0 0 0 / 40%);
+    padding: 15px 15px;
+    border-radius: 15px;
+    height: auto;
+    position: absolute;
+    right: -16px;
+    margin: 1rem 0;
+    flex-direction: column;
+    width: 240px;
+    display: inline-flex !important;
+    gap: 5px;
+}
+
+.errorMsg {
+    text-align: center;
+    font-size: 20px;
+    color: red;
+    font-weight: 800;
+}
+
+#containerWd {
+    width: 700px !important;
+    padding: 0px;
+}
+
+.mobile_bars {
+    cursor: pointer;
+    position: absolute;
+    top: 0px;
+    margin: 0 40px
+}
+
+#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;
+}
+
+.cat_title {
+    color: #000;
+    font-weight: 900;
+    font-size: 14px;
+    position: relative;
+    left: 10px;
+    top: 3px;
+}
+
+.close_bar_btn {
+    position: absolute;
+    right: 8px;
+    font-size: 28px;
+    top: 15px;
+    cursor: pointer;
+}
+
+.cat_bar_logo_link {
+    padding: 0 15px;
+}
+
+.cat_bar_logo_link .cat_bar_img {
+    width: 30px;
+}
+
+.list_cat_heading {
+    /* margin: 0 0 15px; */
+    padding: 8px 15px;
+    background-color: gray;
+    color: #fff;
+    font-size: 13px;
+}
+
+.list_cat_name {
+    /* margin:0 0 15px; */
+    padding: 8px 15px;
+    font-size: 12px;
+    border-bottom: 1px solid rgb(209, 213, 219)
+}
+
+.list_cat_name:active {
+    color: #000 !important
+}
+
+.list_cat_name:hover {
+    background-color: #e9ecef;
+}
+
+@media (max-width: 500px) {
+    #select_dropDown {
+        top: 150px !important;
+        right: -15px !important
+    }
+}
+
+@media (max-width: 768px) {
+    .nav_menu_bar {
+        display: none;
+    }
+
+    .mobile_bars {
+        display: block;
+        position: absolute;
+        top: 5px;
+        margin: 0;
+    }
+
+    .result_navbar_section {
+        padding: 1.2rem 15px !important;
+    }
+
+    .pageHeading {
+        margin-bottom: 1rem;
+    }
+
+    .pageHeading>h2 {
+        font-size: 1.4rem;
+    }
+
+    .pageHeading>.result_heading {
+        font-size: 1.8rem;
+        padding-left: 25px;
+    }
+
+    .wrapper_dropDown {
+        align-items: flex-end;
+        flex-direction: column;
+        gap: 0 !important;
+        /* margin:0 !important */
+    }
+
+    .txtBox {
+        height: 50px !important;
+    }
+
+    .serachBtn {
+        height: 50px !important;
+        width: 40px !important;
+    }
+
+    .advancedFilter .filterButton {
+        top: 60px;
+    }
+
+    .select_dropDown2 {
+        height: 50px;
+        width: 30%;
+        right: 40px;
+        padding: 9.5px 0;
+        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
+    }
+
+    #select_dropDown {
+        display: none;
+        background: white;
+        position: absolute;
+        top: 149px;
+        right: 0px;
+        border-radius: 0;
+        padding: 7.5px;
+        z-index: 9999999999;
+        width: 50%;
+    }
+
+    .pageHeading h1 {
+        font-size: 2rem;
+    }
+
+    #containerWd {
+        width: 100% !important;
+        padding: 0px 15px;
+    }
+
+    .actives {
+        top: 102px;
+        display: flex;
+        right: -5px;
+    }
+
+    .fillterWrapper input {
+        width: 100%;
+        margin-bottom: 10px;
+    }
+}
+
+@media (max-width: 992px) {
+    .navbar-nav .nav-item {
+        padding: 0px !important;
+    }
+}

data/assets/css/wordleSolver.css

@@ -1,16 +1,14 @@
-
-/* wordle solver tool css */
 .ws {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  /* background: rgba(0, 0, 0, 0.1); */
-  /* padding: 15px 0px !important; */
 }
+
 .errMessage {
   display: none;
 }
+
 .forms_data {
   border: 1px solid rgba(0, 0, 0, 0.1);
   padding: 0px 25px;
@@ -38,6 +36,7 @@
   box-shadow: unset !important;
   border-color: #ced4da !important;
 }
+
 #addMore {
   font-size: 25px;
   background-color: transparent;
@@ -57,10 +56,12 @@
   width: 100px;
   font-weight: 900;
 }
+
 .wordlesolver-btn:focus {
   outline: none;
   box-shadow: unset !important;
 }
+
 .wordlesolver-btn:hover {
   color: #fff;
 }
@@ -69,6 +70,7 @@
   font-size: 14px;
   font-weight: 600;
 }
+
 .allfiveletterswords {
   background-color: white !important;
   width: 75%;
@@ -78,30 +80,36 @@
   /* margin: 10px 0; */
   border-radius: 15px;
 }
-.allfiveletterswords > .wordListHeading {
+
+.allfiveletterswords>.wordListHeading {
   background: gray;
   padding: 10px 0px 5px 25px;
   color: #fff;
   border-top-right-radius: 15px;
   border-top-left-radius: 15px;
 }
+
 #wordleWordCount {
   font-size: 18px;
   width: 75%;
   margin: 10px auto;
 }
+
 .ws-fcs {
   color: #fff !important;
   background-color: #20a815 !important;
 }
+
 .ws-fcs2 {
   color: #fff !important;
   background-color: #C59E28 !important;
 }
+
 .ws-fcs3 {
   color: #fff !important;
   background-color: #3D3D3E !important;
 }
+
 .related_post_heading {
   width: 100%;
   font-size: 46px;
@@ -116,44 +124,50 @@
   padding-top: 75px;
   display: inline-block;
 }
+
 #wordleSolvererrorMsg {
   margin: 10px auto;
   width: 75%;
 }
-.refineSerach{
+
+.refineSerach {
   text-align: center;
   display: none;
   box-shadow: 0 0 1px rgb(0 0 0 / 10%);
-    border: none;
-    padding: 10px 15px;
-    width: 320px;
-    background: #20a815;
-    border-radius: 20px;
-    font-size: 15px;
-    margin-bottom: 2rem;
-    margin:5px auto;
-    color:#fff;
-}
-.refineSerach:hover{
-  color:#fff !important
-}
-.createWordleLink{
+  border: none;
+  padding: 10px 15px;
+  width: 320px;
+  background: #20a815;
+  border-radius: 20px;
+  font-size: 15px;
+  margin-bottom: 2rem;
+  margin: 5px auto;
+  color: #fff;
+}
+
+.refineSerach:hover {
+  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;
+  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,
   #wordleWordCount {
     width: 80%;
   }
-}
+}

data/assets/css/wordsInCertainPosition.css

@@ -144,13 +144,6 @@ small {
     font-weight: 600;
 }
 
-/* #searchData:before{
-    content: "\1F50D";
-   position: absolute;
-   top:8px;
-   left: 5px;
-} */
-
 .flex-row {
     -ms-flex-direction: row !important;
     flex-direction: row !important;

data/assets/js/X-letter-test.js

@@ -213,6 +213,7 @@ function x_with_letters(data) {
   } else {
     let newWordsLength = 0
     let filterData = ''
+    let dataArr = []
 
 
     if (letterLen) {
@@ -298,21 +299,6 @@ function x_with_letters(data) {
       main.innerHTML += ''
       errorMsg.innerHTML = 'No words Found with this length'
     } else {
-      // sort eventlistener
-      theSelect.addEventListener('change', () => {
-        sortValue = theSelect[theSelect.selectedIndex].text
-        if (sortValue == 'Z-A') {
-          sortBool = true
-          sortby(sortBool, filterData, itemLength)
-        } else {
-          sortBool = false
-          sortby(sortBool, filterData, itemLength)
-        }
-        if (sortValue == 'Points') {
-          sortBool = true
-          sortPointsby(sortBool, filterData, itemLength)
-        }
-      })
 
       newWordsLength += filterData.length
       let itemLength = ''
@@ -361,7 +347,7 @@ function x_with_letters(data) {
           }
         })
 
-
+        dataArr.push(item)
         return `<a class="anchor__style" title="Lookup ${item} in Dictionary" target="_blank" href="/word-meaning?search=${item}">
         <li>${itemHtml}
           <span class="points" value="${sum}" style="position:relative; top:4px; font-size:12px"> ${sum}</span>
@@ -394,7 +380,34 @@ function x_with_letters(data) {
       </div>
   </div>
   `
+
+      // sort eventlistener
+      theSelect.addEventListener('change', () => {
+        sortValue = theSelect[theSelect.selectedIndex].text
+        if (sortValue == 'Z-A') {
+          sortBool = true
+          sortby(sortBool, dataArr, itemLength)
+        } else {
+          sortBool = false
+          sortby(sortBool, dataArr, itemLength)
+        }
+        if (sortValue == 'Points') {
+          sortBool = true
+          sortPointsby(sortBool, dataArr, itemLength)
+        }
+      })
+
+      sortValue = theSelect[theSelect.selectedIndex].text
+      if (sortValue == 'Z-A') {
+        sortby(sortBool, dataArr, itemLength)
+      }
+      if (sortValue == 'Points') {
+        sortPointsby(sortBool, dataArr, itemLength)
+      }
+
+
     }
+
     wordCount.innerHTML = `<strong>Found ${newWordsLength} words with letters with ${serachValue.split(
       ''
     )}</strong>`