replace jquery script

Removing bookmark and broser plugin wich was depreseated in jquery 1.4 and replacing with JSsocial plugin
XoopsModules25x · Dec 20, 2020 · 5bb4b9a · 5bb4b9a
1 parent 6f5e999
commit 5bb4b9a
Show file tree

Hide file tree

Showing 8 changed files with 977 additions and 118 deletions.
diff --git a/assets/css/jssocials-theme-minima.css b/assets/css/jssocials-theme-minima.css
@@ -0,0 +1,146 @@
+.jssocials-share-twitter .jssocials-share-link {
+  color: #00aced; }
+  .jssocials-share-twitter .jssocials-share-link .jssocials-share-label {
+    color: #00aced; }
+  .jssocials-share-twitter .jssocials-share-link:hover, .jssocials-share-twitter .jssocials-share-link:focus, .jssocials-share-twitter .jssocials-share-link:active {
+    color: #0087ba; }
+    .jssocials-share-twitter .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-twitter .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-twitter .jssocials-share-link:active .jssocials-share-label {
+      color: #0087ba; }
+
+.jssocials-share-facebook .jssocials-share-link {
+  color: #3b5998; }
+  .jssocials-share-facebook .jssocials-share-link .jssocials-share-label {
+    color: #3b5998; }
+  .jssocials-share-facebook .jssocials-share-link:hover, .jssocials-share-facebook .jssocials-share-link:focus, .jssocials-share-facebook .jssocials-share-link:active {
+    color: #2d4373; }
+    .jssocials-share-facebook .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-facebook .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-facebook .jssocials-share-link:active .jssocials-share-label {
+      color: #2d4373; }
+
+.jssocials-share-googleplus .jssocials-share-link {
+  color: #dd4b39; }
+  .jssocials-share-googleplus .jssocials-share-link .jssocials-share-label {
+    color: #dd4b39; }
+  .jssocials-share-googleplus .jssocials-share-link:hover, .jssocials-share-googleplus .jssocials-share-link:focus, .jssocials-share-googleplus .jssocials-share-link:active {
+    color: #c23321; }
+    .jssocials-share-googleplus .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-googleplus .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-googleplus .jssocials-share-link:active .jssocials-share-label {
+      color: #c23321; }
+
+.jssocials-share-linkedin .jssocials-share-link {
+  color: #007bb6; }
+  .jssocials-share-linkedin .jssocials-share-link .jssocials-share-label {
+    color: #007bb6; }
+  .jssocials-share-linkedin .jssocials-share-link:hover, .jssocials-share-linkedin .jssocials-share-link:focus, .jssocials-share-linkedin .jssocials-share-link:active {
+    color: #005983; }
+    .jssocials-share-linkedin .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-linkedin .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-linkedin .jssocials-share-link:active .jssocials-share-label {
+      color: #005983; }
+
+.jssocials-share-pinterest .jssocials-share-link {
+  color: #cb2027; }
+  .jssocials-share-pinterest .jssocials-share-link .jssocials-share-label {
+    color: #cb2027; }
+  .jssocials-share-pinterest .jssocials-share-link:hover, .jssocials-share-pinterest .jssocials-share-link:focus, .jssocials-share-pinterest .jssocials-share-link:active {
+    color: #9f191f; }
+    .jssocials-share-pinterest .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-pinterest .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-pinterest .jssocials-share-link:active .jssocials-share-label {
+      color: #9f191f; }
+
+.jssocials-share-email .jssocials-share-link {
+  color: #3490F3; }
+  .jssocials-share-email .jssocials-share-link .jssocials-share-label {
+    color: #3490F3; }
+  .jssocials-share-email .jssocials-share-link:hover, .jssocials-share-email .jssocials-share-link:focus, .jssocials-share-email .jssocials-share-link:active {
+    color: #0e76e6; }
+    .jssocials-share-email .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-email .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-email .jssocials-share-link:active .jssocials-share-label {
+      color: #0e76e6; }
+
+.jssocials-share-stumbleupon .jssocials-share-link {
+  color: #eb4823; }
+  .jssocials-share-stumbleupon .jssocials-share-link .jssocials-share-label {
+    color: #eb4823; }
+  .jssocials-share-stumbleupon .jssocials-share-link:hover, .jssocials-share-stumbleupon .jssocials-share-link:focus, .jssocials-share-stumbleupon .jssocials-share-link:active {
+    color: #c93412; }
+    .jssocials-share-stumbleupon .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-stumbleupon .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-stumbleupon .jssocials-share-link:active .jssocials-share-label {
+      color: #c93412; }
+
+.jssocials-share-whatsapp .jssocials-share-link {
+  color: #29a628; }
+  .jssocials-share-whatsapp .jssocials-share-link .jssocials-share-label {
+    color: #29a628; }
+  .jssocials-share-whatsapp .jssocials-share-link:hover, .jssocials-share-whatsapp .jssocials-share-link:focus, .jssocials-share-whatsapp .jssocials-share-link:active {
+    color: #1f7d1e; }
+    .jssocials-share-whatsapp .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-whatsapp .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-whatsapp .jssocials-share-link:active .jssocials-share-label {
+      color: #1f7d1e; }
+
+.jssocials-share-telegram .jssocials-share-link {
+  color: #2ca5e0; }
+  .jssocials-share-telegram .jssocials-share-link .jssocials-share-label {
+    color: #2ca5e0; }
+  .jssocials-share-telegram .jssocials-share-link:hover, .jssocials-share-telegram .jssocials-share-link:focus, .jssocials-share-telegram .jssocials-share-link:active {
+    color: #1c88bd; }
+    .jssocials-share-telegram .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-telegram .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-telegram .jssocials-share-link:active .jssocials-share-label {
+      color: #1c88bd; }
+
+.jssocials-share-line .jssocials-share-link {
+  color: #25af00; }
+  .jssocials-share-line .jssocials-share-link .jssocials-share-label {
+    color: #25af00; }
+  .jssocials-share-line .jssocials-share-link:hover, .jssocials-share-line .jssocials-share-link:focus, .jssocials-share-line .jssocials-share-link:active {
+    color: #1a7c00; }
+    .jssocials-share-line .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-line .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-line .jssocials-share-link:active .jssocials-share-label {
+      color: #1a7c00; }
+
+.jssocials-share-viber .jssocials-share-link {
+  color: #7b519d; }
+  .jssocials-share-viber .jssocials-share-link .jssocials-share-label {
+    color: #7b519d; }
+  .jssocials-share-viber .jssocials-share-link:hover, .jssocials-share-viber .jssocials-share-link:focus, .jssocials-share-viber .jssocials-share-link:active {
+    color: #61407b; }
+    .jssocials-share-viber .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-viber .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-viber .jssocials-share-link:active .jssocials-share-label {
+      color: #61407b; }
+
+.jssocials-share-pocket .jssocials-share-link {
+  color: #ef4056; }
+  .jssocials-share-pocket .jssocials-share-link .jssocials-share-label {
+    color: #ef4056; }
+  .jssocials-share-pocket .jssocials-share-link:hover, .jssocials-share-pocket .jssocials-share-link:focus, .jssocials-share-pocket .jssocials-share-link:active {
+    color: #e9132e; }
+    .jssocials-share-pocket .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-pocket .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-pocket .jssocials-share-link:active .jssocials-share-label {
+      color: #e9132e; }
+
+.jssocials-share-messenger .jssocials-share-link {
+  color: #0084ff; }
+  .jssocials-share-messenger .jssocials-share-link .jssocials-share-label {
+    color: #0084ff; }
+  .jssocials-share-messenger .jssocials-share-link:hover, .jssocials-share-messenger .jssocials-share-link:focus, .jssocials-share-messenger .jssocials-share-link:active {
+    color: #006acc; }
+    .jssocials-share-messenger .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-messenger .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-messenger .jssocials-share-link:active .jssocials-share-label {
+      color: #006acc; }
+
+.jssocials-share-vkontakte .jssocials-share-link {
+  color: #45668e; }
+  .jssocials-share-vkontakte .jssocials-share-link .jssocials-share-label {
+    color: #45668e; }
+  .jssocials-share-vkontakte .jssocials-share-link:hover, .jssocials-share-vkontakte .jssocials-share-link:focus, .jssocials-share-vkontakte .jssocials-share-link:active {
+    color: #344d6c; }
+    .jssocials-share-vkontakte .jssocials-share-link:hover .jssocials-share-label, .jssocials-share-vkontakte .jssocials-share-link:focus .jssocials-share-label, .jssocials-share-vkontakte .jssocials-share-link:active .jssocials-share-label {
+      color: #344d6c; }
+
+.jssocials-share-link {
+  -webkit-transition: color 200ms ease-in-out;
+          transition: color 200ms ease-in-out; }
+  .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
+    font-size: .5em; }
+
+.jssocials-share-label {
+  font-size: 0.8em;
+  color: #444;
+  -webkit-transition: color 200ms ease-in-out;
+          transition: color 200ms ease-in-out; }
+
+.jssocials-share-count-box {
+  margin-left: 0.3em;
+  border: 1px solid #efefef;
+  border-radius: 0.3em; }
+  .jssocials-share-count-box .jssocials-share-count {
+    line-height: 1.8em;
+    font-size: 0.8em;
+    color: #444; }
diff --git a/assets/css/smallworld.css b/assets/css/smallworld.css
@@ -1272,116 +1272,63 @@ hr {
 }
 
 /* ---------------- Share social networks ----------- */
-/* jQuery Bookmark styles v1.4.0 */
-.bookmark_popup_text img {
-    border: none;
-    vertical-align: bottom;
-}
-
-.bookmark_popup {
-    display: none;
-    position: absolute;
-    z-index: 100;
-}
-
-.bookmark_popup ul {
-    float: left;
-    width: 320px;
-    border: 1px solid #aaa;
-}
-
-.bookmark_list {
-    display: inline-block;
-    float: left;
-    list-style-type: none;
-    font-size: 80%;
-    margin: 0px;
-    padding: 0px;
-}
+.jssocials-shares {
+  margin: 0.2em 0; }
+
+.jssocials-shares * {
+  box-sizing: border-box; }
+
+.jssocials-share {
+  display: inline-block;
+  vertical-align: top;
+  margin: 0.3em 0.6em 0.3em 0; }
+
+.jssocials-share:last-child {
+  margin-right: 0; }
+
+.jssocials-share-logo {
+  width: 1em;
+  vertical-align: middle;
+  font-size: 1.5em; }
+
+img.jssocials-share-logo {
+  width: auto;
+  height: 1em; }
+
+.jssocials-share-link {
+  display: inline-block;
+  text-align: center;
+  text-decoration: none;
+  line-height: 1; }
+  .jssocials-share-link.jssocials-share-link-count {
+    padding-top: .2em; }
+    .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
+      display: block;
+      font-size: .6em;
+      margin: 0 -.5em -.8em -.5em; }
+  .jssocials-share-link.jssocials-share-no-count {
+    padding-top: .5em; }
+    .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
+      height: 1em; }
+
+.jssocials-share-label {
+  padding-left: 0.3em;
+  vertical-align: middle; }
+
+.jssocials-share-count-box {
+  display: inline-block;
+  height: 1.5em;
+  padding: 0 0.3em;
+  line-height: 1;
+  vertical-align: middle;
+  cursor: default; }
+  .jssocials-share-count-box.jssocials-share-no-count {
+    display: none; }
+
+.jssocials-share-count {
+  line-height: 1.5em;
+  vertical-align: middle; }
 
-@media screen and (-webkit-min-device-pixel-ratio: 0) {
-    /* Safari3/Opera9 */
-    .bookmark_list {
-        font-size: 100%;
-    }
-}
-
-html:first-child .bookmark_list { /* Opera */
-    font-size: 80%;
-}
-
-.bookmark_list li {
-    float: left;
-    width: 23%;
-    margin: 0px 1px;
-    padding: 1px;
-    background-color: #eee;
-    border: 1px outset;
-}
-
-.bookmark_compact {
-    background-color: #eee;
-    border: 1px outset;
-}
-
-.bookmark_compact li {
-    width: 16px;
-    height: 16px;
-    margin: 0px;
-    padding: 2px;
-    background-color: transparent;
-    border: none;
-}
-
-.bookmark_list a {
-    display: block;
-    text-decoration: none;
-    cursor: pointer;
-}
-
-.bookmark_list span {
-    display: inline-block;
-    width: 16px;
-    height: 16px;
-}
-
-.bookmark_list span.bookmark_icons {
-    background: url(../images/bookmarks.png) no-repeat center;
-}
-
-.bookmark_list img {
-    border: none;
-    vertical-align: text-top;
-    *vertical-align: middle; /* IE7 and below */
-}
-
-#bookmark_all {
-    display: none;
-    position: fixed;
-    z-index: 100;
-    background: #fff;
-    border: 2px solid #888;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    border-radius: 4px;
-}
-
-#bookmark_all p {
-    margin: 0em;
-    padding: 0.5em;
-}
-
-#bookmark_all ul {
-    width: 24em;
-    height: 20em;
-    overflow: auto;
-}
-
-#bookmark_all li {
-    width: 48%;
-    background-color: transparent;
-    border: none;
-}
 
 /* -------------- countdown -------------- */
 .hasCountdown {