appscms-tools-theme 4.1.2 → 4.1.5

data/assets/css/appscms-theme.css

@@ -1,4 +1,3 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap");
 
 * {
   box-sizing: border-box;
@@ -18,6 +17,9 @@ body {
     rgba(166, 143, 248, 0.14) 50%
   );
 }
+.text-dark{
+  color: #000 !important;
+}
 /* appscms navbar */
 .appscms-navbar {
   background-color: var(--white-color);
@@ -48,7 +50,7 @@ body {
 
 .appscms-nav-link {
   font-size: 15px;
-  color: var(--black-light);
+  color: var(--black-color);
   font-weight: 450;
 }
 .appscms-nav-link:hover {
@@ -129,10 +131,13 @@ body {
 }
 
 .appscms-toolbar .list-item-dropdown {
+  border: 5px solid #fff;
   left: 0px;
   position: fixed;
   top: 85px;
   min-width: 500px;
+  max-height: 500px;
+  overflow-y: auto;
   width: 90vw;
   box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05);
   z-index: 200;
@@ -143,6 +148,7 @@ body {
   background-color: var(--white-color);
 }
 
+
 .list-item-dropdown-heading {
   font-weight: 600;
   font-size: 13px;
@@ -263,6 +269,7 @@ body {
   .appscms-toolbar .list-item-dropdown {
     padding: 0px;
     width: 100%;
+    border: none;
     position: static;
     display: block;
     overflow: hidden;
@@ -290,10 +297,10 @@ body {
 /* headings section */
 .appscms-h1,
 .success-msg {
-  font-size: 50px;
+  font-size: 37px;
   font-weight: 799;
   font-family: "inter", sans-serif;
-  margin: 20px 0px;
+  margin: 10px 0px;
   color: var(--mid-gray);
 }
 .appscms-h3 {
@@ -301,7 +308,7 @@ body {
   color: var(--mid-gray);
 }
 .appscms-h2 {
-  font-size: 20px;
+  font-size: 17px;
   padding-top: 8px;
   font-weight: 500;
   color: var(--light-gray);
@@ -506,11 +513,7 @@ body {
   flex-direction: column;
 }
 
-@media (min-width: 768px) {
-  .appscms-h1 {
-    margin-top: 50px;
-  }
-}
+
 
 /* recent post blog heading */
 
@@ -536,8 +539,8 @@ body {
   text-decoration: none;
 }
 .post-date {
-  color: #878787;
-  font-size: 12px;
+  color: #000;
+  font-size: 14px;
   font-weight: 500;
   display: block;
   text-align: left;
@@ -607,8 +610,16 @@ body {
   text-align: center;
   font-size: 15px;
   margin-bottom: 0;
+  text-decoration: none;
+  display: flex;
+  
+  align-items: center;
+  padding: 9px 9px;
+  color: #1e1e1e;
+  font-size: 13px;
+  border-bottom: 1px solid rgb(224, 224, 224);
 }
-.language-drop-down-item a:hover {
+.language-drop-down-item:hover {
   background: var(--secondary-color-3);
   border-radius: 3px;
 }
@@ -691,7 +702,6 @@ body {
 
   .appscms-blog-cards img {
     border-radius: 10px 10px 0px 0px;
-    height: 180px;
   }
   .card-body {
     display: flex;
@@ -722,9 +732,10 @@ body {
     text-transform: capitalize;
     text-decoration: none;
   }
+  
   .post-date {
-    color: #878787;
-    font-size: 12px;
+    color: #000;
+    font-size: 14px;
     font-weight: 500;
     display: block;
     text-align: left;
@@ -932,40 +943,59 @@ body {
   border-radius: 50%;
   font-size: 12px;
 }
-#rating-img {
-  height: 1px;
-  width: 1px;
-  filter: brightness();
-  filter: brightness(100);
-  position: absolute;
-}
+/* Rating tool css */
 .rating-tool {
+  width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: rgb(252, 252, 252);
-  border-radius: 50px;
-  height: 70px;
-  margin: 40px 0px;
+  padding: 20px 0px 20px 0px;
+  border-top: 1px solid rgb(221, 221, 221);
+  border-bottom: 1px solid rgb(221, 221, 221);
+  margin-bottom: 60px;
+  position: relative;
+  top: 30px;
 }
-#rating {
-  font-size: 25px;
-  font-weight: 600;
+
+.rating-tool #rating-img {
+  height: 1px;
+  width: 1px;
+  filter: brightness(100);
 }
-.rating-text {
-  font-size: 16px;
+
+.rating {
+  font-size: 30px;
 }
 
-.rating-stars {
-  padding: 0px 10px;
+.rating-tool .rating-text {
+  font-size: 35px;
+  font-weight: 700;
+  color: rgb(33, 33, 33);
+  padding: 6px;
+}
+
+.rating-tool .rating-stars {
+  color: #9d9d9d !important;
   display: flex;
-  justify-content: space-between;
-  gap: 4px;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  margin: 1rem 0px;
 }
 
-.rating-stars i {
-  font-size: 20px;
+.rating-tool .rating-stars i {
+  padding: 5px;
+  font-size: 40px;
+}
+
+.rating-tool .rating-value {
+  line-height: 24px;
+  font-size: 16px;
+  font-weight: 400;
+  color: rgb(33, 33, 33);
+  padding: 6px;
 }
+
 .download-social-share {
   background: #d0d3ed;
   padding: 40px 0px;
@@ -1257,3 +1287,32 @@ body {
   background: #f4f5ff;
   border-radius: 3px;
 }
+.post-read-more{
+  font-size: 13px;
+}
+
+
+.how-to-video .youtube-play-btn-wrapper {
+  position: absolute;
+  top: -4%;
+  left: -17px;
+  display: flex;
+  text-align: center;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.youtube-play-btn-wrapper .play-btn {
+  font-size: 28px;
+  width: 68px;
+  background-color: red;
+  border: none;
+  border-radius: 15px;
+}
+
+.related_post_heading {
+  font-size: 23px;
+  font-weight: bold;
+}

data/assets/css/appscms-variables.css

@@ -15,4 +15,5 @@
   --dark-gray: #4d4d4d;
   --mid-gray: #1d1d1d;
   --light-gray: rgb(137, 137, 137);
+  --text-dark: #000000 !important;
 }

data/assets/easy-to-use.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#1A2CCE" transform="matrix(1, 0, 0, 1, 0, 0)">
+
+
+
+

data/assets/flag.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+
+
+

data/assets/free.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24.00 24.00" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#2f1b82">
+
+
+
+

data/assets/images/drive.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -3 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    
+    <title>drive-color</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+
+</defs>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Color-" transform="translate(-601.000000, -955.000000)">
+            <g id="drive" transform="translate(601.000000, 955.000000)">
+                <polygon id="Shape" fill="#3777E3" points="8.00048064 42 15.9998798 28 48 28 39.9998798 42">
+
+</polygon>
+                <polygon id="Shape" fill="#FFCF63" points="32.0004806 28 48 28 32.0004806 0 15.9998798 0">
+
+</polygon>
+                <polygon id="Shape" fill="#11A861" points="0 28 8.00048064 42 24 14 15.9998798 0">
+
+</polygon>
+            </g>
+        </g>
+    </g>
+</svg>

data/assets/images/dropbox.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 -1.5 48 48" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    
+    <title>Dropbox-color</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+
+</defs>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Color-" transform="translate(-800.000000, -363.000000)" fill="#0F82E2">
+            <path d="M824,389.033255 L814.1195,397.34573 L800,388.053538 L809.7635,380.17347 L823.999971,389.033238 L838.2362,380.172109 L847.9997,388.05369 L833.8802,397.345881 L823.9997,389.033406 Z M814.1198,363 L800.0003,372.292191 L809.7638,380.17226 L824.0003,371.312475 L814.1198,363 Z M824.02895,390.821692 L814.11995,399.109976 L809.87945,396.318993 L809.87945,399.447132 L824.02895,408 L838.17845,399.447132 L838.17845,396.318993 L833.93795,399.109976 L824.02895,390.821692 Z M848,372.292343 L833.8805,363.000151 L824,371.312626 L838.2365,380.172411 L848,372.292343 Z" id="Dropbox">
+
+</path>
+        </g>
+    </g>
+</svg>

data/assets/images/easy-to-use.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#1A2CCE" transform="matrix(1, 0, 0, 1, 0, 0)">
+
+
+
+

data/assets/images/flag.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+
+
+

data/assets/images/free.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24.00 24.00" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#2f1b82">
+
+
+
+

data/assets/images/like.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#1A2CCE">
+
+
+
+

data/assets/images/privacy.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#2f1b82">
+
+
+
+

data/assets/images/safety.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+
+
+

data/assets/images/speed.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24.00 24.00" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#2f1b82">
+
+
+
+

data/assets/images/time.svg

@@ -0,0 +1,16 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 48.00 48.00" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="2.16">
+
+
+
+
+
+
+
+
+
+
+
+
+

data/assets/images/user-friendly.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#1A2CCE">
+
+
+
+

data/assets/js/theme.js

@@ -2,7 +2,6 @@
 ---
 
 
-console.log('');
 if ("{{ site.safeui }}"==="true") {
   document.addEventListener("DOMContentLoaded", function () {
     var safuiAlert = document.querySelector("#safeui-alert");

data/assets/like.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#1A2CCE">
+
+
+
+

data/assets/privacy.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#2f1b82">
+
+
+
+

data/assets/shield.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+
+
+

data/assets/speed.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 24.00 24.00" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#2f1b82">
+
+
+
+

data/assets/time.svg

@@ -0,0 +1,16 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="64px" height="64px" viewBox="0 0 48.00 48.00" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="2.16">
+
+
+
+
+
+
+
+
+
+
+
+
+

data/assets/user-friendly.svg

@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#1A2CCE">
+
+
+
+