appscms-tools-theme 4.6.0 → 4.6.1

data/assets/css/appscms-theme.css

@@ -1,4 +1,3 @@
-
 * {
   box-sizing: border-box;
   font-family: "Inter", sans-serif;
@@ -10,9 +9,13 @@ body {
   -webkit-font-smoothing: antialiased;
   font-family: var(--font-family);
   overflow-x: hidden;
-  background: radial-gradient(circle,rgba(168,237,223,.13) 0,rgba(166,143,248,.14) 50%);
+  background: radial-gradient(
+    circle,
+    rgba(168, 237, 223, 0.13) 0,
+    rgba(166, 143, 248, 0.14) 50%
+  );
 }
-.text-dark{
+.text-dark {
   color: #000 !important;
 }
 /* appscms navbar */
@@ -145,7 +148,6 @@ body {
   background-color: var(--white-color);
 }
 
-
 .list-item-dropdown-heading {
   font-weight: 600;
   font-size: 13px;
@@ -198,7 +200,7 @@ body {
 }
 
 @media (max-width: 768px) {
-  .list-item-dropdown .toolbar-link{
+  .list-item-dropdown .toolbar-link {
     color: #fff;
   }
   .close-nav-ham {
@@ -288,7 +290,6 @@ body {
     max-height: 200px;
   }
 
-
   .arrow-svg {
     display: block;
   }
@@ -494,7 +495,7 @@ body {
   background-color: rgba(255, 255, 255, 0.494);
 }
 
-.contenttool-img-wrap-blog{
+.contenttool-img-wrap-blog {
   padding: 14px;
 }
 .appscms-blog-cards {
@@ -503,22 +504,21 @@ body {
   border-radius: 10px !important;
   /* max-width: 340px; */
   /* min-width: 300px; */
-
 }
-.card-title{
+.card-title {
   font-size: 16px;
 }
 
-.card-img-top{
+.card-img-top {
   height: auto;
 }
-.card-footer{
+.card-footer {
   border: none !important;
   border-radius: 10px !important;
   background: white;
 }
 
-.post-read-more{
+.post-read-more {
   font-size: 13px;
   display: flex;
   align-items: center;
@@ -528,8 +528,6 @@ body {
   flex-direction: column;
 }
 
-
-
 /* recent post blog heading */
 
 /* author in blog */
@@ -629,7 +627,7 @@ body {
   margin-bottom: 0;
   text-decoration: none;
   display: flex;
-  
+
   align-items: center;
   padding: 9px 9px;
   color: #1e1e1e;
@@ -717,7 +715,7 @@ body {
     /* min-width: 300px; */
   }
 
-  .appscms-blog-cards  .extrapaddingforimg img {
+  .appscms-blog-cards .extrapaddingforimg img {
     height: auto;
     border-radius: 10px 10px 0px 0px;
   }
@@ -750,7 +748,7 @@ body {
     text-transform: capitalize;
     text-decoration: none;
   }
-  
+
   .post-date {
     color: #000;
     font-size: 14px;
@@ -973,7 +971,8 @@ body {
   margin: 40px 0;
 }
 
-.rating-tool #rating-img,#rating-img {
+.rating-tool #rating-img,
+#rating-img {
   height: 1px;
   width: 1px;
   filter: brightness(100);
@@ -990,7 +989,6 @@ body {
   padding: 6px;
 }
 
-
 .rating-tool .rating-stars {
   color: #9d9d9d !important;
   display: flex;
@@ -1305,11 +1303,10 @@ body {
   background: #f4f5ff;
   border-radius: 3px;
 }
-.post-read-more{
+.post-read-more {
   font-size: 13px;
 }
 
-
 .how-to-video .youtube-play-btn-wrapper {
   position: absolute;
   top: -4%;
@@ -1334,7 +1331,7 @@ body {
   font-size: 23px;
   font-weight: bold;
 }
-.appscms-loader{
+.appscms-loader {
   display: flex;
   width: 100%;
   align-items: center;
@@ -1450,12 +1447,10 @@ body {
   box-shadow: 0 3px 6px 0 rgb(0 0 0 / 14%);
 }
 
-
-
 #Inputbox:hover,
 #dropbox:hover,
 #filepicker:hover {
-  transition: all .5s linear;
+  transition: all 0.5s linear;
   background-color: #000;
 }
 
@@ -1497,7 +1492,7 @@ body {
 
 .feature-content-box {
   max-width: 900px;
-  margin: auto
+  margin: auto;
 }
 
 .boxes {
@@ -1533,7 +1528,6 @@ body {
   border-radius: 2px;
 }
 
-
 .ready {
   text-transform: uppercase;
   color: #fff;
@@ -1570,8 +1564,8 @@ body {
   border: 2px solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
-  -webkit-animation: .75s linear infinite spinner-border;
-  animation: .75s linear infinite spinner-border;
+  -webkit-animation: 0.75s linear infinite spinner-border;
+  animation: 0.75s linear infinite spinner-border;
   /* padding-right: 1rem; */
   position: relative;
   left: 20px;
@@ -1615,7 +1609,7 @@ body {
 }
 
 .add-more-files-button:hover {
-  color: #fff !important
+  color: #fff !important;
 }
 
 .add-more-files-button {
@@ -1632,7 +1626,6 @@ body {
   position: absolute;
   top: -28px;
   padding: 9px 20px;
-
 }
 
 .add-more-files-button img {
@@ -1730,7 +1723,6 @@ body {
   height: 54px;
 }
 
-
 .options-panel {
   box-shadow: 0 2px 4px rgb(0 0 0 / 20%);
   border-radius: 4px;
@@ -1793,7 +1785,7 @@ body {
   /* margin-bottom: 20px; */
   text-align: center;
   /* border-radsius: 50px; */
-  background: var(--primary-color) ;
+  background: var(--primary-color);
   font-size: 15px;
   color: #fff;
   font-weight: 700;
@@ -1844,14 +1836,12 @@ body {
   .download-icon {
     display: none;
   }
-
 }
 @media (max-width: 992px) {
   .appscms-sidebar-right,
   .appscms-sidebar-left {
     display: none;
   }
-  
 }
 .appscms-sidebar-right,
 .appscms-sidebar-left {
@@ -1878,7 +1868,6 @@ body {
   }
 }
 @media screen and (min-width: 1920px) {
-  
   .appscms-sidebar-left {
     left: 300px !important;
   }
@@ -1887,7 +1876,7 @@ body {
   }
 }
 
-.appscms-loader{
+.appscms-loader {
   display: none;
 }
 /* CSS for the table design */
@@ -1958,51 +1947,62 @@ body {
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
-
- 
 }
 
-.scroll-left svg,.scroll-right svg{
+.scroll-left svg,
+.scroll-right svg {
   cursor: pointer;
   position: absolute;
   top: 8px;
 }
-.scroll-left svg{
+.scroll-left svg {
   left: -10px;
 }
-.scroll-right svg{
+.scroll-right svg {
   right: -10px;
 }
-<style>
 #download-button {
-position: relative;
+  position: relative;
 }
 
 .button-loader {
-position: absolute;
-top: 50%;
-left: 19%;
-transform: translate(-50%, -50%);
-border: 4px solid #ffffff;
-border-top: 4px solid var(--primary-color);
-border-radius: 50%;
-width: 24px;
-height: 24px;
-animation: spin 1s linear infinite;
-display: none;
+  position: absolute;
+  top: 50%;
+  left: 19%;
+  transform: translate(-50%, -50%);
+  border: 4px solid #ffffff;
+  border-top: 4px solid var(--primary-color);
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  animation: spin 1s linear infinite;
+  display: none;
 }
 
 @keyframes spin {
-0% { transform: translate(-50%, -50%) rotate(0deg); }
-100% { transform: translate(-50%, -50%) rotate(360deg); }
+  0% {
+    transform: translate(-50%, -50%) rotate(0deg);
+  }
+  100% {
+    transform: translate(-50%, -50%) rotate(360deg);
+  }
 }
 
 #download-button.loading .button-loader {
-display: block; /* Show the loader when button has loading class */
+  display: block; /* Show the loader when button has loading class */
 }
 #processing-btn {
   position: relative;
 }
 #processing-btn .button-loader {
   left: 9%;
-}
+}
+
+input[type="text"]:focus,
+input[type="number"]:focus,
+select:focus {
+  border-color: #1d16e884 !important;
+  outline: 0 !important;
+  box-shadow: 0 0 0 0.2rem #1d16e840 !important;
+  outline: none !important;
+}

data/assets/css/appscms-variables.css

@@ -1,20 +1,20 @@
-:root {
-  --primary-color: #1b2fe7;
-  --font-size: 16px;
-  --secondary-color: #f8f8f8;
-  --secondary-color-1: #fafafa;
-  --secondary-color-3: #f4f5ff;
-  --black-color: #202020;
-  --white-color: #ffffff;
-  --black-light: #777777;
-  --font-family: "Inter", sans-serif;
-  --text-color: #303030;
-  --success-color: #3de968;
-  --error-color: #e33e3e;
-  --warning-color: #efcf2a;
-  --dark-gray: #4d4d4d;
-  --mid-gray: #1d1d1d;
-  --light-gray: rgb(137, 137, 137);
-  --text-dark: #000000 !important;
-  --main-bg-color: radial-gradient(circle,rgba(168,237,223,.13) 0,rgba(166,143,248,.14) 50%) !important;
+:root {
+  --primary-color: #1b2fe7;
+  --font-size: 16px;
+  --secondary-color: #f8f8f8;
+  --secondary-color-1: #fafafa;
+  --secondary-color-3: #f4f5ff;
+  --black-color: #202020;
+  --white-color: #ffffff;
+  --black-light: #777777;
+  --font-family: "Inter", sans-serif;
+  --text-color: #303030;
+  --success-color: #3de968;
+  --error-color: #e33e3e;
+  --warning-color: #efcf2a;
+  --dark-gray: #4d4d4d;
+  --mid-gray: #1d1d1d;
+  --light-gray: rgb(137, 137, 137);
+  --text-dark: #000000 !important;
+  --main-bg-color: radial-gradient(circle,rgba(168,237,223,.13) 0,rgba(166,143,248,.14) 50%) !important;
 }