word-games-theme 1.8.4 → 1.8.6

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,4 +1,8 @@
 /* words in certain position*/
+small {
+    font-size: 100% !important;
+}
+
 .wordsInCertainPos {
     display: flex;
     flex-direction: column;
@@ -11,10 +15,6 @@
     z-index: 99;
 }
 
-small {
-    font-size: 100% !important;
-}
-
 .errMessage {
     display: none;
 }
@@ -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,14 +129,6 @@ 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 {
     display: flex;
     width: 100%;
@@ -163,6 +140,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;