appscms-tools-theme 2.7.1 → 2.7.3

data/assets/css/calculators.css

@@ -1,47 +1,47 @@
-.calculator-workspace {
-  width: 400px;
-  background: #f6f6f6d2;
-  position: relative;
-  z-index: 1;
-  margin: 0 auto;
-  box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
-  border-radius: 8px;
-  padding: 1.5rem;
-}
-
-.calculator-workspace label {
-  font-weight: 600;
-  text-align: left;
-  margin-top: 10px;
-  margin-right: 8px;
-}
-
-.submit-button {
-  border: none;
-  border-radius: 4px;
-  padding: 10px 22px;
-  color: #fff;
-  margin-left: auto;
-  font-weight: 600;
-}
-
-.calculator-inputs {
-  display: flex;
-  gap: 10px;
-}
-.unit {
-  background: #ffff;
-  padding: 0px 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 4px;
-  font-weight: 600;
-}
-.calculator-tooltip {
-  display: flex;
-  align-items: center;
-}
-.calculator-tooltip .fa-info-circle {
-  margin-bottom: 0px;
-}
+.calculator-workspace {
+  width: 400px;
+  background: #f6f6f6d2;
+  position: relative;
+  z-index: 1;
+  margin: 0 auto;
+  box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
+  border-radius: 8px;
+  padding: 1.5rem;
+}
+
+.calculator-workspace label {
+  font-weight: 600;
+  text-align: left;
+  margin-top: 10px;
+  margin-right: 8px;
+}
+
+.submit-button {
+  border: none;
+  border-radius: 4px;
+  padding: 10px 22px;
+  color: #fff;
+  margin-left: auto;
+  font-weight: 600;
+}
+
+.calculator-inputs {
+  display: flex;
+  gap: 10px;
+}
+.unit {
+  background: #ffff;
+  padding: 0px 10px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  font-weight: 600;
+}
+.calculator-tooltip {
+  display: flex;
+  align-items: center;
+}
+.calculator-tooltip .fa-info-circle {
+  margin-bottom: 0px;
+}

data/assets/css/frame.css

@@ -1,6 +1,7 @@
 body {
-  font-family: "Dancing Script", cursive;
+  font-family: "PT Sans", sans-serif !important;
 }
+
 :root {
   --dark: #374151;
   --darker: #1f2937;
@@ -10,6 +11,7 @@ body {
   --pink: #ec4899;
   --purple: #8b5cf6;
 }
+
 #img-svg {
   margin: auto;
   margin-top: 16px;
@@ -120,17 +122,20 @@ body {
   align-items: center;
   justify-content: center;
 }
+
 #dropfile {
   font-size: 16px;
   margin-top: 15px;
   text-align: center;
   color: #fff;
 }
+
 .saving-file-download-wrap {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
+
 #download {
   padding: 10px 16px;
   background: #fff;
@@ -140,6 +145,7 @@ body {
   height: 80px;
   width: 80px;
 }
+
 .options-panel select,
 textarea,
 input {
@@ -155,9 +161,11 @@ input {
   color: #0f0c0c;
   border: 1px solid #ccc;
 }
+
 .options-panel div {
   width: 100%;
 }
+
 #action-button {
   background-color: #ff6537;
   margin: 0;
@@ -173,16 +181,19 @@ input {
   margin: auto;
   margin-top: 20px;
 }
+
 #workspace-area input[type="text"] {
   height: 40px;
   border: 1px solid gray;
   border-radius: 2px;
 }
+
 #canvas-area {
   width: 100%;
   margin-top: 30px;
   max-width: 100%;
 }
+
 #img-svg {
   margin: auto;
   margin-top: 16px;
@@ -301,18 +312,21 @@ input {
   min-height: 300px;
   width: 100%;
 }
+
 #dropfile {
   font-size: 16px;
   margin-top: 15px;
   text-align: center;
   color: #fff;
 }
+
 .options-panel {
   box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
   border-radius: 4px;
   padding: 30px;
   width: 100%;
 }
+
 .options-panel .title {
   width: 100%;
   font-size: 28px;
@@ -322,6 +336,7 @@ input {
   text-align: left;
   text-transform: capitalize;
 }
+
 .options-panel .description {
   width: 100%;
   font-size: 17px;
@@ -329,6 +344,7 @@ input {
   font-weight: 400;
   text-align: left;
 }
+
 .options-title {
   width: 100%;
   font-size: 17px;
@@ -336,6 +352,7 @@ input {
   font-weight: 400;
   text-align: left;
 }
+
 #download-button {
   text-decoration: none;
   border-radius: 2px;
@@ -345,12 +362,14 @@ input {
   margin: 3px;
   padding: 4px 15px;
 }
+
 #download-button svg {
   fill: #fff;
   margin-right: 4px;
   margin-bottom: 4px;
   height: 15px;
 }
+
 .download-wrapper {
   display: flex;
   align-items: center;
@@ -358,9 +377,11 @@ input {
   margin: 12px 0px;
   padding: 12px 0px;
 }
+
 #canvas-panel canvas {
   max-width: 100%;
 }
+
 .example-images-modal-container,
 .crop-image-modal-container {
   position: fixed;
@@ -374,6 +395,7 @@ input {
   z-index: 999999;
   padding: 0px 20px;
 }
+
 .example-images-modal,
 .crop-image-modal {
   height: fit-content;
@@ -384,6 +406,7 @@ input {
   padding: 0;
   overflow-y: auto;
 }
+
 .example-images-modal-header,
 .crop-image-modal-header {
   border-top-right-radius: 5px;
@@ -395,6 +418,7 @@ input {
   align-items: center;
   padding: 10px 20px;
 }
+
 .example-images-modal-header div,
 .crop-image-modal-header div {
   height: 100%;
@@ -403,31 +427,37 @@ input {
   font-size: 20px;
   color: #fff;
 }
+
 .example-images-modal-body,
 .crop-image-modal-body {
   width: 450px;
   margin: 10px auto;
 }
+
 .example-images-modal-header button,
 .crop-image-modal-header button {
   border: none;
   background-color: transparent;
 }
+
 .example-images-modal-header button i,
 .crop-image-modal-header button i {
   color: #fff;
   font-size: 20px;
 }
+
 .example-images-modal-body,
 .crop-image-modal-body {
   border-top-right-radius: 5px;
   border-top-left-radius: 5px;
 }
+
 #crop {
   border: none;
   padding: 7px 14px;
   color: #fff;
 }
+
 .carousel-control-next,
 .carousel-control-prev {
   border: none;
@@ -436,14 +466,15 @@ input {
   background: #ff5554;
   top: 50%;
 }
-.accordion > .card > .card-header {
+
+.accordion>.card>.card-header {
   background: none;
   border: none;
   height: 34px;
   padding: 0;
 }
 
-.accordion > .card {
+.accordion>.card {
   border: none;
   border-bottom: 1px solid #f2f2f2 !important;
   display: block;
@@ -453,12 +484,15 @@ input {
   font-size: 0.95em;
   border-radius: 1px;
 }
+
 .card-header:hover {
   background: #f8f8f8 !important;
 }
+
 .categories-list .card-body {
   padding: 0px;
 }
+
 .categories-list .card-body a {
   width: 100%;
   text-align: left;
@@ -466,34 +500,40 @@ input {
   border-top: 1px solid #dadada;
   padding: 9px 9px;
 }
-.categories-list .accordion > .card > .card-header {
+
+.categories-list .accordion>.card>.card-header {
   display: flex;
   justify-content: space-between;
   background-color: transparent;
   padding: 7px 9px;
 }
-.categories-list .accordion > .card > .card-header i {
+
+.categories-list .accordion>.card>.card-header i {
   color: #888888;
   margin-bottom: 0;
   font-size: 19px;
 }
-.categories-list .accordion > .card > .card-header {
+
+.categories-list .accordion>.card>.card-header {
   height: auto;
 }
-.categories-list .accordion > .card > .card-header > button {
+
+.categories-list .accordion>.card>.card-header>button {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
+
 .frame-h1 {
   margin: 0;
   font-size: 17pt;
   line-height: 24pt;
   font-weight: 600;
-  text-align: center;
+  text-align: left;
   color: #555;
 }
+
 .frame-h2 {
   font-size: 15px;
   line-height: 16px;
@@ -501,8 +541,9 @@ input {
   max-width: 100%;
   color: #555;
   padding: 4px 0;
-  text-align: center;
+  text-align: left;
 }
+
 .image-samples {
   display: flex;
   flex-wrap: wrap;
@@ -511,6 +552,7 @@ input {
   gap: 5px;
   cursor: pointer;
 }
+
 .image-samples img {
   cursor: pointer;
   width: 52px;
@@ -528,15 +570,18 @@ input {
   font-weight: 600;
   border-bottom: 1px solid #dadada;
 }
+
 .preview-section {
   display: flex;
   justify-content: left;
   margin-top: 15px;
 }
+
 .preview-section img {
   width: auto;
   height: auto;
 }
+
 #effect-form label {
   display: block;
   font-weight: 600;
@@ -561,18 +606,17 @@ input {
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: linear-gradient(to right, var(--pink), var(--purple));
-  background: -webkit-gradient(
-    linear,
-    left bottom,
-    left top,
-    color-stop(0, #ff6537),
-    color-stop(1, #ff754b)
-  );
+  background: -webkit-gradient(linear,
+      left bottom,
+      left top,
+      color-stop(0, #ff6537),
+      color-stop(1, #ff754b));
   background: linear-gradient(to right, var(--pink), var(--purple));
   background: linear-gradient(to right, var(--pink), var(--purple));
   background: linear-gradient(to right, var(--pink), var(--purple));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff754b', endColorstr='#ff6537', GradientType=0);
 }
+
 .cam-image {
   color: #666;
   height: 40px;
@@ -582,35 +626,34 @@ input {
   justify-content: center;
   border: 1px solid #ccc;
   background: #eee;
-  background: -webkit-gradient(
-    linear,
-    left bottom,
-    left top,
-    color-stop(0, #ececec),
-    color-stop(1, #f6f6f6)
-  );
+  background: -webkit-gradient(linear,
+      left bottom,
+      left top,
+      color-stop(0, #ececec),
+      color-stop(1, #f6f6f6));
 }
+
 .cam-image i {
   margin-bottom: 0px;
   color: #666;
 }
+
 .small-image-preview {
   height: 40px;
   width: 50px !important;
   width: 100%;
 }
+
 .choose-image {
   color: #666;
   margin-right: 6px;
   border: 1px solid #ccc;
   background: #eee;
-  background: -webkit-gradient(
-    linear,
-    left bottom,
-    left top,
-    color-stop(0, #ececec),
-    color-stop(1, #f6f6f6)
-  );
+  background: -webkit-gradient(linear,
+      left bottom,
+      left top,
+      color-stop(0, #ececec),
+      color-stop(1, #f6f6f6));
   padding: 0;
   width: 186px;
   height: 40px;
@@ -637,15 +680,19 @@ input {
   margin: 0;
   width: 216px;
 }
+
 .mb-15 {
   margin-bottom: 15px !important;
 }
+
 .btn:focus {
   box-shadow: none !important;
 }
+
 .result-info {
   display: flex;
 }
+
 .result-info a {
   color: rgb(155, 22, 155) !important;
   cursor: pointer;
@@ -658,6 +705,7 @@ input {
   color: #444;
   text-transform: capitalize;
 }
+
 .result-info i {
   margin-left: 6px;
   margin-right: 6px;
@@ -666,6 +714,7 @@ input {
   margin-bottom: 0px;
   margin-top: 11px;
 }
+
 .result-info div {
   float: left;
   font-size: 17pt;
@@ -675,14 +724,17 @@ input {
   margin: 0 0 5px;
   color: #444;
 }
+
 #saving-data {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
+
 #saving-data img {
   height: 200px;
 }
+
 .photo-card {
   display: inline-block;
   zoom: 1;
@@ -698,14 +750,17 @@ input {
   -moz-border-radius: 2px;
   border-radius: px;
 }
+
 .photo-effect-feature-name {
   text-align: center;
   color: #777;
 }
+
 .categories-list li {
   font-size: 1em;
   border-bottom: 1px solid #f2f2f2;
 }
+
 .categories-list .category-link {
   display: block;
   padding: 7px 9px;
@@ -717,10 +772,11 @@ input {
   -moz-border-radius: 1px;
   border-radius: 1px;
 }
+
 .categories-list .category-link:hover {
   background-color: #f4f4f4;
 }
 
 .categories-list .active-cat {
   background-color: #f4f4f4;
-}
+}

data/assets/css/tools.css

@@ -976,9 +976,8 @@ ul li {
   text-align: right;
 }
 .post-date {
+  color: rgba(0, 0, 0, 0.44);
   font-size: 13px;
-  display: block;
-  text-align: left;
 }
 .social-count {
   background: #d60000;
@@ -1280,3 +1279,4 @@ ol li::marker {
 .catPad li {
   margin: 0 0 20px !important;
 }
+

data/assets/images/addimg.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
-    <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
+<svg xmlns="http://www.w3.org/2000/svg" style="" viewBox="0 0 512 512">
+    <path d="M0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256zM256 368C269.3 368 280 357.3 280 344V280H344C357.3 280 368 269.3 368 256C368 242.7 357.3 232 344 232H280V168C280 154.7 269.3 144 256 144C242.7 144 232 154.7 232 168V232H168C154.7 232 144 242.7 144 256C144 269.3 154.7 280 168 280H232V344C232 357.3 242.7 368 256 368z"/>
 </svg>

data/assets/js/ads.js

@@ -1,8 +1,8 @@
-;(function (s, u, z, p) {
-  ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
-})(
-  document.createElement('script'),
-  'https://inklinkor.com/tag.min.js',
-  5225477,
-  document.body || document.documentElement
-)
+;(function (s, u, z, p) {
+  ;(s.src = u), s.setAttribute('data-zone', z), p.appendChild(s)
+})(
+  document.createElement('script'),
+  'https://inklinkor.com/tag.min.js',
+  5225477,
+  document.body || document.documentElement
+)

data/assets/js/append-div.js

@@ -1,10 +1,10 @@
----
----
-function insertAfter(referenceNode, newNode) {
-  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
-}
-let themeContentBox = document.getElementById('theme-content-box')
-const div = document.createElement('div')
-const profitablecpmgateId = '{{site.profitablecpmgateId}}'
-div.setAttribute('id', `container-${profitablecpmgateId}`)
-insertAfter(themeContentBox, div)
+---
+---
+function insertAfter(referenceNode, newNode) {
+  referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)
+}
+let themeContentBox = document.getElementById('theme-content-box')
+const div = document.createElement('div')
+const profitablecpmgateId = '{{site.profitablecpmgateId}}'
+div.setAttribute('id', `container-${profitablecpmgateId}`)
+insertAfter(themeContentBox, div)

data/assets/js/calculator-tooltip.js

@@ -1,3 +1,3 @@
-$(function () {
-  $('[data-toggle="tooltip"]').tooltip()
-})
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})