add clone

reference/klz-cables-clone/wp-content/plugins/url-shortify/lite/dist/styles/url-shortify.css

@@ -0,0 +1,110 @@
+/**
+ * All of the CSS for your public-facing functionality should be
+ * included in this file.
+ */
+
+/*
+#us_short_link, #us_link_clicks {
+    width: 10%;
+}
+*/
+
+.kc-us-link {
+    color: #5850ec;
+}
+
+.kc-flex {
+    display: flex;
+}
+
+.kc-us-link-icon {
+    width: 2.5rem;
+    color: #5850ec;
+    height: 1.5rem;
+    cursor: pointer;
+}
+
+.kc-us-link-create-icon {
+    width: 2.5rem;
+    color: #000000;
+    height: 1.5rem;
+    cursor: pointer;
+}
+
+.kc-us-qr-code .qr {
+    margin-left: auto;
+    margin-right: auto;
+    font-size: 1px;
+    width: 50%;
+}
+
+
+/** Frontend CSS **/
+
+#generate-short-link, #generated-short-link {
+    text-align: center;
+}
+
+#generate-short-link #kc-us-target-url, #generate-short-link #kc-us-short-url {
+    width: 60%;
+    display: inline;
+    border: 1px solid grey;
+    border-radius: 50px 0px 0px 50px;
+    background-color: #FFFFFF;
+    margin: 0px;
+    font-size: 16px;
+}
+
+#generate-short-link #kc-us-submit-btn, #generate-short-link #kc-us-copy-btn {
+    border: 1px solid grey;
+    display: inline;
+    padding: 15px;
+    background-color: #4662FA;
+    color: #FFFFFF;
+    border-radius: 0px 50px 50px 0px;
+    margin: -5px;
+    width: 150px;
+    font-size: 16px;
+}
+
+
+
+.kc-us-tooltip {
+    position: relative;
+    display: inline-block;
+}
+
+.kc-us-tooltip .kc-us-tooltiptext {
+    visibility: hidden;
+    width: 140px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    bottom: 150%;
+    left: 50%;
+    margin-left: -75px;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.kc-us-tooltip .kc-us-tooltiptext::after {
+    content: "";
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #555 transparent transparent transparent;
+}
+
+.kc-us-tooltip:hover .kc-us-tooltiptext {
+    visibility: visible;
+    opacity: 1;
+}
+
+