word-games-theme 1.8.4 → 1.8.6

data/assets/css/content.css

@@ -1,9 +1,3 @@
-.main_h1 {
-  font-size: 27px;
-  margin-bottom: 20px;
-  color: #1e283c;
-}
-
 .content-heading {
   font-weight: 600;
   font-size: 30px;
@@ -11,8 +5,25 @@
   color: #1e283c;
 }
 
-b {
-  color: #000;
+.toc_list {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 10px;
+  background: white;
+}
+
+.toc_list .sameStyle {
+  color: #0645ad !important;
+}
+
+.toc_list .tabledata {
+  margin-left: 20px;
+  box-sizing: border-box;
+  line-height: 30px;
+  letter-spacing: 0.3px;
+  box-sizing: border-box;
+  letter-spacing: 0.3px;
+  font-size: 12px;
+  list-style: decimal;
 }
 
 .content_sub_heading {
@@ -33,43 +44,12 @@ b {
   width: 100%;
 }
 
-.tabledata {
-  margin-left: 20px;
-  box-sizing: border-box;
-  line-height: 30px;
-  letter-spacing: 0.3px;
-  box-sizing: border-box;
-  letter-spacing: 0.3px;
-  font-size: 12px;
-  list-style: decimal;
-}
-
-.wordsDetails {
-  margin-left: 20px;
-  line-height: 30px;
-  letter-spacing: .3px;
-  font-size: 13px;
-  color: #50668f;
-  font-weight: 600;
-}
-
-.sameStyle {
-  color: #0645ad !important;
-}
-
-.toc_list {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  padding: 10px;
-  background: white;
-}
-
-.wordsdata {
+.listofwords .wordsdata {
   margin-bottom: 40px;
 }
 
-.word-title {
-  font-size: 15px;
-  margin: 0px 0;
+.wordsdata .word-heading {
+  margin: 10px 0;
   /* margin-bottom: 40px; */
   color: #0645ad;
   vertical-align: baseline;
@@ -80,8 +60,9 @@ b {
   line-height: 1.5;
 }
 
-.word-heading {
-  margin: 10px 0;
+.wordsdata .word-title {
+  font-size: 15px;
+  margin: 0px 0;
   /* margin-bottom: 40px; */
   color: #0645ad;
   vertical-align: baseline;
@@ -92,18 +73,22 @@ b {
   line-height: 1.5;
 }
 
-.toc_title {
-  font-weight: 700;
-  text-align: center;
+.wordsdata .wordsDetails {
+  margin-left: 20px;
+  line-height: 30px;
+  letter-spacing: .3px;
+  font-size: 13px;
+  color: #50668f;
+  font-weight: 600;
 }
 
 @media (max-width:768px) {
 
-  .wordsDetails {
+  .wordsdata .wordsDetails {
     font-size: 12px;
   }
 
-  .word-title {
+  .wordsdata .word-title {
     font-size: 14px !important;
   }
 

data/assets/css/game.css

@@ -1,18 +1,29 @@
+::placeholder {
+    font-weight: 400;
+    text-transform: capitalize;
+}
+
+/* create wordle box css */
 .create-wordle {
     box-shadow: 0 5px 15px rgb(0 0 0 / 20%);
     margin-bottom: 150px;
     padding: 8rem 0;
 }
 
-.word-generator-link {
-    font-size: 18px;
-    background: #f8f9fa;
-    padding: 5px 15px;
-    color: #404040;
-    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
+.alert-container {
+    font-size: 15px;
+    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
+    position: fixed;
+    top: 160px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 180px;
+    padding: 12px 0px;
+    text-align: center;
+    z-index: 9999999;
+    background: #000;
+    color: #fff;
     border-radius: 4px;
-    margin: 0 15px;
-    border: 1px solid rgba(0, 0, 0, .1)
 }
 
 .create-wordle .custom-word {
@@ -43,33 +54,12 @@
     font-weight: 600;
 }
 
-.game-play-btn {
-    display: block;
-    margin: 5px auto;
-    background-color: #6aaa64;
-    border: #6aaa64;
-    color: #fff;
-    padding: 12px 15px;
-    width: 120px;
-    border-radius: 40px;
-    font-size: 12px;
-    font-weight: 600;
-}
-
-.game-play-btn:hover {
-    color: #fff !important
-}
-
 .create-wordle .generate-word-game-link:hover,
 .copy-btn:hover {
     color: #fff !important
 }
 
-::placeholder {
-    font-weight: 400;
-    text-transform: capitalize;
-}
-
+/* modal css for create wordle */
 .close {
     background-color: transparent;
     border: none;
@@ -90,11 +80,46 @@
     top: 60px !important;
 }
 
+.game-play-btn {
+    display: block;
+    margin: 5px auto;
+    background-color: #6aaa64;
+    border: #6aaa64;
+    color: #fff;
+    padding: 12px 15px;
+    width: 120px;
+    border-radius: 40px;
+    font-size: 12px;
+    font-weight: 600;
+}
+
+.game-play-btn:hover {
+    color: #fff !important
+}
+
+.social-sharing-icons {
+    display: flex;
+    justify-content: center;
+}
+
+
+/* game layout css */
 .game {
     width: 100%;
 
 }
 
+.game .word-generator-link {
+    font-size: 18px;
+    background: #f8f9fa;
+    padding: 5px 15px;
+    color: #404040;
+    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
+    border-radius: 4px;
+    margin: 0 15px;
+    border: 1px solid rgba(0, 0, 0, .1)
+}
+
 .game .game-container .game-board {
     width: 350px;
     height: auto;
@@ -162,22 +187,6 @@
 
 }
 
-.alert-container {
-    font-size: 15px;
-    box-shadow: 0 5px 15px rgb(0 0 0 / 10%);
-    position: fixed;
-    top: 160px;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    width: 180px;
-    padding: 12px 0px;
-    text-align: center;
-    z-index: 9999999;
-    background: #000;
-    color: #fff;
-    border-radius: 4px;
-}
-
 .active-alert {
     visibility: visible;
 }
@@ -376,17 +385,11 @@
     text-decoration: none !important;
 }
 
-.social-sharing-icons {
-    display: flex;
-    justify-content: center;
-}
-
 .share-icon {
     width: 50px;
     height: 50px;
 }
 
-
 #wordle-examples {
     border-top: 1px solid rgba(0, 0, 0, 0.1);
     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
@@ -435,11 +438,6 @@
 }
 
 @media (max-width: 768px) {
-    .tile {
-        caret-color: transparent;
-        cursor: default;
-    }
-
     #create-wordle-form {
         padding: 0 10px;
     }
@@ -448,6 +446,11 @@
         width: 100%;
     }
 
+    .tile {
+        caret-color: transparent;
+        cursor: default;
+    }
+
     #exampleModal,
     .wordletip {
         padding: 15px;

data/assets/css/multiple-word-anagram-solver.css

@@ -1,3 +1,10 @@
+/* default css */
+label {
+    margin-bottom: 0;
+    font-weight: 600;
+    font-size: 14px;
+}
+
 .content {
     margin-bottom: 5rem;
 }
@@ -9,12 +16,6 @@
     border-radius: 5px;
 }
 
-label {
-    margin-bottom: 0;
-    font-weight: 600;
-    font-size: 14px;
-}
-
 input,
 select,
 #dict {
@@ -36,7 +37,6 @@ select,
     border-color: #ced4da !important;
 }
 
-
 .anagram-button {
     width: 150px;
     padding: 8px;
@@ -52,13 +52,6 @@ select,
     color: #000;
 }
 
-@media (max-width:768px) {
-    .content {
-        padding: 30px;
-    }
-
-}
-
 #loadMore {
     width: 200px;
     color: #fff;
@@ -71,4 +64,10 @@ select,
     background-color: blue;
     transition: .3s;
     cursor: pointer;
-  }
+}
+
+@media (max-width:768px) {
+    .content {
+        padding: 30px;
+    }
+}