word-games-theme 0.1.1

data/assets/css/HomePageblog.css

@@ -0,0 +1,154 @@
+.rowHeight3 {
+  margin: 300px 0 150px 0;
+}
+.blog {
+  margin-top: -80px;
+}
+.blog img {
+  width: 420px;
+  position: absolute;
+  right: -15px;
+  height: 700px;
+  z-index: -1;
+}
+.anchor_link {
+  text-decoration: none !important;
+  color: #343a40 !important;
+}
+.anchor_link:hover {
+  transition: all 0.5s linear;
+  color: #000 !important;
+}
+.anchor_link .card-title {
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 1.3;
+}
+.text_size {
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 15px;
+  line-height: 1.6;
+  font-weight: 400;
+}
+.section-title {
+  margin: 20px 0;
+}
+.section-title h2 {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  margin-bottom: 25px;
+  font-weight: 700;
+  font-size: 2rem;
+  margin-bottom: 27px;
+}
+.section-title span {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.44);
+  display: inline-block;
+  padding-bottom: 20px;
+  margin-bottom: -1px;
+}
+.explore {
+  color: #fff;
+  margin-bottom: 100px;
+  margin-top: 60px;
+  width: 100%;
+  background: repeating-linear-gradient(
+    45deg,
+    rgb(27, 27, 27) 0px,
+    rgb(27, 27, 27) 97px,
+    rgb(24, 24, 24) 97px,
+    rgb(24, 24, 24) 194px,
+    rgb(20, 20, 20) 194px,
+    rgb(20, 20, 20) 291px
+  );
+  height: 250px;
+  align-items: center;
+  display: flex;
+  justify-content: space-around;
+}
+
+.explore ul {
+  display: flex;
+  list-style: none;
+}
+
+.cat {
+  display: inline-block;
+  padding: 5px 10px;
+  text-decoration: none !important;
+  color: #000 !important;
+  font-weight: 600;
+  font-size: 12px;
+  background: #fff;
+  border-radius: 15px;
+  margin: 0 15px;
+}
+.card-footer {
+  border: none;
+}
+.wrapfooter {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.wrapfooter img {
+  width: 35px;
+  height: 35px;
+  border-radius: 50%;
+}
+.wrapfooter .author-meta {
+  flex: 1 1 auto;
+  padding: 0 15px;
+}
+.wrapfooter .author-meta a {
+  font-size: 15px;
+  color: #000;
+  text-transform: capitalize;
+}
+.wrapfooter .span.post-read-more {
+  align-items: center;
+  display: inline-block;
+  margin-top: 8px;
+}
+.genric-btn2 {
+  background-image: -webkit-linear-gradient(110deg, #7b10ff 0, #974fff 100%);
+  color: #fff !important;
+  position: relative;
+  display: inline-block;
+  z-index: 1;
+  max-width: 100%;
+  padding: 0 34px;
+  font-size: 12px;
+  font-weight: 600;
+  text-transform: uppercase;
+  border: none;
+  text-align: center;
+  text-decoration: none !important;
+  overflow: hidden;
+  vertical-align: middle;
+  white-space: nowrap;
+  height: 50px;
+  line-height: 50px;
+  transition: 0.3s;
+  cursor: pointer;
+  -webkit-transition: all 0.3s ease 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s;
+}
+@media (max-width: 1125px) {
+  .rowHeight3 {
+    margin: 120px -15px 0px -15px;
+  }
+  .blog {
+    background: #b641da;
+    padding: 10px 0;
+  }
+  .blog img {
+    display: none;
+  }
+  .blog_section {
+    margin-top: 0 !important;
+    margin-bottom: 0px;
+    padding: 0 25px !important;
+  }
+}

data/assets/css/about.css

@@ -0,0 +1,51 @@
+.rowHeight {
+  margin: 300px 0 620px 0;
+}
+.about_content > .text {
+  width: 80%;
+  margin: 0 auto;
+  font-weight: 900;
+  font-size: 25px;
+  position: relative;
+  top: 100px;
+}
+.about {
+  margin-top: -80px;
+}
+.about img {
+  width: 420px;
+  position: absolute;
+  right: -15px;
+  height: 700px;
+  z-index: -1;
+}
+.content {
+  position: absolute;
+  right: 40px;
+  color: #fff;
+  top: 30px;
+  width: 250px;
+  padding: 0 10px;
+  font-size: 15px;
+  font-family: 'Poppins', sans-serif;
+}
+@media (max-width: 1125px) {
+  .rowHeight {
+    margin: 0px -15px 0px -15px;
+  }
+  .about {
+    background: #b641da;
+    padding: 10px 0;
+  }
+  .about img {
+    display: none;
+  }
+  .content {
+    position: static;
+    text-align: center;
+    width: 100%;
+  }
+  .about_content {
+    margin: 0 !important;
+  }
+}

data/assets/css/advancedFilter.css

@@ -0,0 +1,134 @@
+.Advancedbtn .filterButton {
+  background: #f8f9fa;
+  box-shadow: 0 0 3px #343a4063;
+  width: 190px;
+  border-radius: 10px;
+  outline: none;
+  border: none;
+  font-weight: 900;
+  font-size: 13px;
+  padding: 10px;
+  text-align: left;
+  z-index: 99;
+}
+.hide {
+  visibility: hidden;
+}
+.fillterWrapper {
+  display: block;
+  background: #fff;
+  position: absolute;
+  z-index: 999;
+  top: 155px;
+  right: 123px;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  padding: 30px 15px;
+  border-radius: 15px;
+}
+
+.fa-times {
+  position: absolute;
+  top: 12px;
+  right: 15px;
+  font-size: 15px;
+  cursor: pointer;
+}
+.fillterWrapper .same {
+  margin-bottom: 10px;
+}
+.fillterWrapper input[type='text'] {
+  border-radius: 15px;
+  width: 100%;
+  outline: none;
+  text-indent: 8px;
+}
+.sticky_nav {
+  position: sticky;
+  width: inherit;
+  top: 63px;
+  background-color: #fff;
+  z-index: 99;
+}
+.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%;
+  /* overflow: auto; */
+  justify-content: center;
+  background: #f8f9fa;
+  border-radius: 40px;
+  padding: 8px;
+  /* white-space: wrap; */
+}
+.tab_link {
+  font-size: 15px;
+  font-weight: 900;
+  margin: 0 5px;
+  padding-top: 5px;
+  border: none;
+  outline: none;
+  background-color: inherit;
+}
+a {
+  text-decoration: none !important;
+}
+.active-tab {
+  border-bottom: solid 2px black;
+}
+
+#next {
+  background: url('/assets/images/next.webp');
+  background-size: cover;
+  width: 21px;
+  object-fit: cover;
+  padding: 3px;
+  border: none;
+  position: absolute;
+  top: 12px;
+  right: 43px;
+}
+#prev {
+  background: url('/assets/images/prev.webp');
+  background-size: cover;
+  width: 21px;
+  object-fit: cover;
+  padding: 3px;
+  border: none;
+  position: absolute;
+  top: 12px;
+  left: 43px;
+}
+
+@media (max-width: 768px) {
+  .Advancedbtn {
+    margin: 0;
+    height: 0;
+    width: 0;
+  }
+  .Advancedbtn .filterButton {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    left: 0;
+  }
+  .fillterWrapper {
+    right: auto;
+    position: fixed;
+    left: 0;
+    top: 215px;
+    width: 100%;
+  }
+}
+
+@media (min-width: 576px) {
+  #containerWd {
+    max-width: 100% !important;
+  }
+}
+/* close */

data/assets/css/blog.css

@@ -0,0 +1,481 @@
+/**********************************************/
+/***************BLOG-CSS-STYLING *************/
+/********************************************/
+
+html {
+  scroll-behavior: smooth;
+  font-size: 62.5%;
+}
+body {
+  font-family: 'Open Sans', sans-serif !important;
+}
+a {
+  text-decoration: none !important;
+}
+img {
+  width: 100%;
+}
+
+.section_post {
+  margin-top: 100px;
+}
+
+/* logo styling */
+.logo {
+  width: 50px;
+  border-radius: 50%;
+}
+
+header {
+  width: 100%;
+  position: relative;
+}
+.navbar {
+  width: 100%;
+  padding: 1.2rem 9% !important;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+}
+.navbar-nav {
+  align-items: center;
+}
+.navbar-brand {
+  font-size: 2.2rem;
+  color: var(--txtColor) !important;
+  font-weight: 900;
+}
+.navbar-brand-image {
+  width: 80%;
+  display: inline-block;
+  max-width: 40px;
+}
+.navbar-dark .navbar-toggler {
+  outline: none !important;
+}
+.navbar-nav .nav-item {
+  padding: 0 10px;
+}
+.navbar-nav .nav-link:hover {
+  color: var(--txtColor) !important;
+  transition: all 0.2s linear;
+  -webkit-transition: all 0.2s linear;
+  -moz-transition: all 0.2s linear;
+}
+.nav-link {
+  text-decoration: none !important;
+  font-size: 16px;
+  color: gray !important;
+}
+/* close */
+
+/* blogs-card title, content styling */
+.anchor_link {
+  text-decoration: none !important;
+  color: #343a40 !important;
+}
+.anchor_link:hover {
+  transition: all 0.5s linear;
+  color: #000 !important;
+}
+.anchor_link .card-title {
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 1.3;
+}
+.text_size {
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 15px;
+  line-height: 1.6;
+  font-weight: 400;
+}
+/* close */
+
+/* Blog-card-footer styling */
+.card-footer {
+  border: none;
+}
+.wrapfooter {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.wrapfooter img {
+  width: 35px;
+  height: 35px;
+  border-radius: 50%;
+}
+.wrapfooter .author-meta {
+  flex: 1 1 auto;
+  padding: 0 15px;
+}
+.wrapfooter .author-meta a {
+  font-size: 15px;
+  color: #000;
+  text-transform: capitalize;
+}
+.wrapfooter .span.post-read-more {
+  align-items: center;
+  display: inline-block;
+  margin-top: 8px;
+}
+.post-date {
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 13px;
+}
+/* close */
+
+/* BLOG-Categories stlying */
+.explore {
+  color: #fff;
+  margin-bottom: 100px;
+  margin-top: 60px;
+  width: 100%;
+  background: repeating-linear-gradient(
+    45deg,
+    rgb(27, 27, 27) 0px,
+    rgb(27, 27, 27) 97px,
+    rgb(24, 24, 24) 97px,
+    rgb(24, 24, 24) 194px,
+    rgb(20, 20, 20) 194px,
+    rgb(20, 20, 20) 291px
+  );
+  height: 250px;
+  align-items: center;
+  display: flex;
+  justify-content: space-around;
+}
+.explore ul {
+  display: flex;
+  list-style: none;
+  flex-wrap: wrap;
+}
+.cat {
+  display: inline-block;
+  padding: 5px 10px;
+  text-decoration: none !important;
+  color: #000 !important;
+  font-weight: 600;
+  font-size: 12px;
+  background: #fff;
+  border-radius: 15px;
+  margin: 0 15px;
+}
+/* close */
+
+/* BLOG-alertbar stlying */
+.alertbar {
+  box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+  width: 100%;
+  padding: 14px 0;
+  z-index: 1;
+}
+.alertbar form {
+  display: inline-block;
+}
+.alertbar input[type='email'] {
+  font-size: 0.85rem;
+  padding: 3px 40px 3px 10px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border: 1px solid #ddd;
+  border-right: 0;
+  margin-right: -10px;
+  height: 34px;
+  letter-spacing: 0.5px;
+  margin-left: 5px;
+  outline: 0;
+}
+.alertbar input[type='submit'] {
+  background-color: #1c9963;
+  border: 1px solid #1c9963;
+  color: #fff;
+  fill: #fff;
+  font-size: 12px;
+  border-radius: 0;
+  padding: 4px 10px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  font-weight: 600;
+  height: 34px;
+  letter-spacing: 0.5px;
+  cursor: pointer;
+}
+/* close */
+
+/* Blog-Pages-Pagination stlying*/
+.blog-pagination a,
+.blog-pagination span {
+  padding: 7px 10px;
+  margin-left: -2px;
+  margin-right: -2px;
+  background-color: #ffffff;
+  display: inline-block;
+  text-decoration: none;
+}
+
+.blog-pagination a:hover {
+  background-color: #f1f1f1;
+  color: #333;
+}
+
+.blog-pagination {
+  text-align: center;
+  font-size: 14px;
+}
+
+/* BLOG-Categories-PAGes styling */
+.section-title h2 {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  font-weight: 700;
+  font-size: 1.5rem;
+  margin-bottom: 27px;
+}
+.section-title span {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.44);
+  display: inline-block;
+  padding-bottom: 20px;
+  margin-bottom: -1px;
+}
+
+/***************************************************************/
+/********************** post-layouts-styling *******************/
+/***************************************************************/
+
+/* left-sidebar-social-styling */
+.post-content {
+  font-size: 20px;
+}
+
+.socialIons {
+  position: sticky;
+  top: 100px;
+}
+.socialIons > .item-lists2 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+.socialIons > .item-lists2 > li {
+  list-style: none;
+  padding: 8px 0px;
+  margin: 0 auto;
+}
+.socialIons .item-lists2 li a {
+  color: rgba(95, 21, 21, 0.44);
+  fill: rgba(0, 0, 0, 0.44);
+  font-size: 15px;
+  cursor: pointer;
+  text-decoration: none !important;
+}
+.socialIons > .item-lists2 > li i {
+  font-size: 18px;
+  color: rgba(0, 0, 0, 0.44);
+  fill: rgba(0, 0, 0, 0.44);
+}
+.sep {
+  height: 1px;
+  width: 20px;
+  background: #999;
+  margin: 3px auto;
+}
+.comments-count {
+  margin: 18px 25px;
+  text-align: center;
+}
+.comment_count {
+  font-size: 12px;
+  color: rgba(95, 21, 21, 0.44) !important;
+  fill: rgba(0, 0, 0, 0.44);
+  text-decoration: none !important;
+}
+/* close */
+
+/* right-sidebar-styling-starts */
+/* author bio styling.. */
+.author_image .author-thumb {
+  width: 60px;
+  height: 60px;
+  object-fit: cover;
+}
+.author-meta .postName {
+  font-size: 18px !important;
+  color: rgba(0, 0, 0, 0.8) !important;
+  text-decoration: none !important;
+  font-family: 'Merriweather', serif;
+}
+.btn_follow {
+  margin-left: 5px;
+  margin-bottom: 10px;
+  border-color: #02b875;
+  color: #1c9963 !important;
+  padding: 3px 10px;
+  text-align: center;
+  border-radius: 999em;
+  font-size: 1.5rem;
+  display: inline-block;
+  border: 1px solid;
+}
+.author_bio {
+  font-family: 'Merriweather', serif;
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 13px;
+  line-height: 20px;
+}
+/* close */
+
+/* pagination-styling-postpages */
+.pointerup i.fa {
+  color: #eaeaea;
+}
+.pointerup {
+  margin-bottom: -9px;
+  margin-left: 49%;
+  font-size: 30px;
+}
+.bottompagination span.navigation {
+  display: block;
+  font-size: 0.93rem;
+  padding: 15px 0 0 0;
+  text-align: center;
+  margin-bottom: 0rem;
+  color: #999;
+  border-top: 1px solid #ddd;
+}
+.pagination {
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem;
+  display: block;
+  color: green;
+  font-size: 15px;
+  margin-bottom: 30px;
+}
+.pageUrl {
+  color: green;
+  font-size: 12px;
+  font-weight: 900;
+  text-decoration: none;
+  margin-right: 10px;
+}
+.pageUrl:hover {
+  text-decoration: none;
+  color: green;
+}
+.lunrsearchresult {
+  font-size: 15px;
+}
+.lunrsearchresult .title {
+  color: #d9230f;
+}
+.lunrsearchresult .url {
+  color: silver;
+}
+.lunrsearchresult a {
+  display: block;
+  color: #777;
+}
+
+.lunrsearchresult:hover,
+.lunrsearchresult:focus {
+  text-decoration: none;
+}
+
+.lunrsearchresult:hover .title {
+  text-decoration: underline;
+}
+
+.close {
+  float: right;
+  font-size: 2rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: 0.5;
+  border: none;
+  background: transparent;
+}
+.close:focus {
+  outline: none !important;
+}
+
+/* recent post heading stlye */
+.recent_post_heading {
+  width: 100%;
+  font-size: 46px;
+  text-align: left;
+  font-weight: 800;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.24;
+  letter-spacing: normal;
+  color: rgb(17, 48, 78);
+  margin-bottom: 45px;
+  padding-top: 75px;
+  display: inline-block;
+}
+
+@media (max-width: 768px) {
+  .bd-search {
+    padding: 10px 25px;
+  }
+}
+
+@media (max-width: 768px) {
+  .navbar-nav {
+    align-items: unset;
+  }
+  .nav-item {
+    padding: 0 !important;
+  }
+  .socialIons > .item-lists2 {
+    flex-direction: row;
+    align-items: center;
+  }
+  .socialIons > .item-lists2 > li {
+    padding-right: 30px;
+    margin: 0;
+  }
+  .sep {
+    margin: 0;
+  }
+  .author-meta {
+    padding-left: 15px;
+  }
+  .comments-count {
+    margin: 18px 0;
+    text-align: left;
+  }
+
+  .navbar {
+    padding-left: 7% !important;
+    padding-right: 7% !important;
+  }
+  .title,
+  .description {
+    width: 100% !important;
+    text-align: center;
+  }
+  .angle-arrow {
+    position: fixed;
+    bottom: 4px;
+    right: 32px;
+    top: auto;
+    z-index: 999;
+  }
+  .alertbar form {
+    display: block;
+    margin-top: 10px;
+  }
+  .small_description {
+    font-size: 25px;
+  }
+}