Add solitude

2026-11-03 19:07:56 +09:00 · 2024-07-05 21:01:19 +08:00
parent 26d71c4fbc
commit 71758b9fce
289 changed files with 23277 additions and 0 deletions
@@ -0,0 +1,214 @@
+#post
+  .post-copyright
+    background var(--efu-secondbg)
+    border-width 1px
+    transition 0.3s
+    position relative
+    margin 80px 0 .5rem
+    border-radius 12px
+    padding 34px 0 20px 0
+    border var(--style-border-always)
+
+    +maxWidth768()
+      box-shadow var(--efu-shadow-border)
+      padding: 1rem 1.3rem;
+
+    .post-copyright__author_group
+      .post-copyright__author_img
+        width 64px
+        height 64px
+        margin auto
+        border-radius 64px
+        overflow hidden
+        position absolute
+        left calc(50% - 33px)
+        top -33px
+        border var(--style-border-always)
+        box-shadow var(--efu-shadow-main)
+
+        img
+          width 100%
+          height 100%
+          object-fit cover
+          object-position center
+          position absolute
+          bottom 0
+          left 0
+
+          &:hover
+            transform scale(1.3)
+
+      .post-copyright__author_name
+        text-align center
+        font-size 20px
+        font-weight 700
+        margin-top 16px
+        color var(--efu-fontcolor)
+        line-height 1
+
+      .post-copyright__author_desc
+        text-align center
+        font-size 14px
+        color var(--efu-secondtext)
+        margin-top 4px
+
+    .post-copyright__notice
+      font-size 12px
+      margin 0.5rem 0
+      display flex
+      justify-content center
+
+      .post-copyright-info
+        padding-left 0
+        color var(--efu-secondtext)
+        overflow hidden
+        display -webkit-box
+        -webkit-line-clamp 3
+        -webkit-box-orient vertical
+        text-align center
+        max-width 500px
+
+        +maxWidth768()
+          -webkit-line-clamp 2
+
+        a
+          text-decoration none
+          word-break break-word
+          padding 0 4px
+          border-radius 4px
+          color var(--efu-fontcolor)
+          font-weight 700
+
+          &:hover
+            text-decoration none
+            background-color var(--efu-main)
+            color var(--efu-white)
+            cursor pointer
+            border-radius 4px
+
+    .social-share
+      display flex
+      justify-content center
+      height 40px
+      margin .5rem auto
+      gap .5rem
+      flex-wrap wrap
+
+      .social-share-ico
+        display flex
+        justify-content center
+        align-items center
+        width 40px
+        height 40px
+        border-radius 12px
+        border var(--style-border)
+        cursor pointer
+        transition .3s
+
+        +maxWidth768()
+          &:nth-child(n+6)
+            display none
+
+        &:hover
+          color white
+
+      .icon-qq
+        color #56b6e7
+        border-color #56b6e7
+        &:hover
+            background-color #56b6e7
+
+      .icon-weibo
+        color #d44040
+        border-color #d44040
+
+        &:hover
+          background-color #d44040
+
+      .icon-facebook
+        color #415dc9
+        border-color #415dc9
+
+        &:hover
+          background-color #415dc9
+
+      .icon-twitter
+        color #56b6e7
+        border-color #56b6e7
+
+        &:hover
+          background-color #56b6e7
+
+      .icon-telegram
+        color #56b6e7
+        border-color #56b6e7
+
+        &:hover
+          background-color #56b6e7
+
+      .icon-linkedin
+        color #0077b5
+        border-color #0077b5
+
+        &:hover
+          background-color #0077b5
+      .icon-whatsapp
+        color #25d366
+        border-color #25d366
+
+        &:hover
+          background-color #25d366
+      .icon-link
+        color #425AEF
+        border-color #425AEF
+
+        &:hover
+          background-color #425AEF
+      .icon-qrcode
+        position relative
+        color #000
+        border-color #000
+
+        +maxWidth900()
+          display none
+
+        &:hover
+          background-color #000
+
+          .share-main
+            display flex
+
+        .share-main
+          display none
+          position absolute
+          bottom 1.7rem
+          z-index 100
+          padding-bottom 15px
+
+          &-all
+            padding 12px
+            border-radius 12px
+            background var(--efu-background)
+            animation donate_effcet 0.3s 0.1s ease both
+            flex-direction column
+            border var(--style-border-always)
+
+            .reward-dec
+              font-size 0.6rem
+              color var(--efu-fontcolor)!important
+              text-align center
+
+      #qrcode
+        width 150px
+        height 150px
+        min-width 150px
+        min-height 150px
+        background var(--efu-white)
+        padding 8px
+        border-radius 8px
+        margin-bottom 8px
+        border var(--style-border-always)
+
+        img
+          width 132px
+          height 132px