tools.css in appscms-tools-theme-0.7.7

- old
+ new

@@ -1530,11 +1530,11 @@
   font-size: 12px;
   font-weight: 700;
   right: 1px;
   border-radius: 50%;
   margin-top: 1px;
-  padding:9px;
+  padding: 9px;
 }
 .file-detail-table th,
 .file-detail-table td {
   border: none !important;
 }
@@ -1558,7 +1558,177 @@
   height: 1px;
   width: 1px;
   filter: brightness();
   filter: brightness(100);
 }
-
+.no-file-transfer {
+  position: absolute;
+  top: 93px;
+  height: 127px;
+  width: 200px;
+  background: #80008030;
+  right: 24px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+.no-file-transfer svg {
+  width: 50px;
+}
+.no-file-transfer button {
+  background: transparent;
+  border: 1px solid #800080ab;
+  color: #800080ab;
+  margin-bottom: 10px;
+}
+.no-file-transfer button:hover {
+  background: #800080ab;
+  border: 1px solid #800080ab;
+}
+.no-file-transfer .circle {
+  height: 64px;
+  border-radius: 50%;
+  position: absolute;
+  width: 64px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: 3px solid red;
+  color: red;
+  font-size: 20px;
+  font-weight: 700;
+  transform: rotate(-41deg);
+}
+.download-section {
+  box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
+  margin-top: 40px;
+}
+.download-btn-container {
+  border-bottom: 1px solid rgb(238, 238, 238);
+  border-left: 1px solid rgb(238, 238, 238);
+  padding: 24px 24px 40px;
+}
+.success-msg {
+  font-size: 20px;
+  font-weight: 600;
+  padding: 24px 0px;
+  color: rgb(26, 26, 26);
+}
+.sites-config {
+  padding: 0px 24px;
+  border-top: 1px solid rgb(238, 238, 238);
+}
+.social-share-section {
+  padding: 0px 24px;
+  border-top: 1px solid rgb(238, 238, 238);
+}
+.try-more-features {
+  padding: 0px 24px;
+  border-bottom: 1px solid rgb(238, 238, 238);
+}
+.sites-config {
+  padding: 24px 0px;
+}
+.social-share-section {
+  padding: 24px 0px;
+}
+#filename {
+  font-size: 22px;
+  font-weight: 700;
+}
+#file-download-button {
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+  width: 150px;
+  color: #fff;
+  padding: 9px 18px;
+  background: #0050f2;
+  height: 42px;
+  position: relative;
+  border-radius: 4px 0px 0px 4px;
+  text-transform: uppercase;
+  border-radius: 3px;
+  display: flex;
+  -webkit-box-pack: center;
+  justify-content: center;
+}
+.download-social-share a i {
+  font-size: 1.5rem;
+  padding: 0px 10px;
+  margin: 0px 30px;
+}
+.share-heading {
+  font-size: 17px;
+  font-weight: 700;
+  color: rgb(33, 33, 33);
+  padding: 6px;
+}
+.sites-config img {
+  height: 27px;
+}
+.social-share-section,
+.try-more-features {
+  padding: 0px 24px;
+  border-top: 1px solid rgb(238, 238, 238);
+}
+.download-social-share {
+  padding: 24px 0px;
+  border-top: 1px solid rgb(238, 238, 238);
+}
+.sites-config {
+  padding: 24px 0px;
+}
+.social-share-section {
+  padding: 24px 0px;
+}
+#filename {
+  font-size: 22px;
+  font-weight: 700;
+}
+.sites-config a {
+  text-decoration: none;
+}
+.feature-showcase-div {
+  margin: 0px;
+  padding: 0px;
+  overflow: visible;
+  text-decoration: inherit;
+  display: flex;
+  position: relative;
+  border: 1px solid rgb(232, 232, 232);
+  border-radius: 4px;
+  width: 100%;
+  cursor: pointer;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 24px;
+  color: rgb(26, 26, 26);
+  user-select: none;
+  outline: none;
+  -webkit-box-align: center;
+  align-items: center;
+  height: 80px;
+  background: rgb(250, 250, 250);
+}
+.feature-showcase-div img {
+  width: 32px;
+  height: 32px;
+  /* margin: ; */
+}
+.feature-showcase-div a {
+  text-decoration: none;
+}
+.feature-showcase-div i {
+  font-size: 11px;
+}
+/* .no-file-transfer .circle::before {
+  content: 'No';
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  border-radius: 50%;
+  background: red;
+} */
 /* close */