文章
文章用户快讯圈子网址导航问答

网站美化代码-文章列表仿MAC三色小圆点

网站美化代码-文章列表仿MAC三色小圆点

代码投放：网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式
（目前经过测试子比主题正常运行 其他程序或者主题自测）

  1. /*列表左上角MAC边框美化 xkwo.com*/
  2. .posts-item.card:last-child {
  3.     margin-bottom: 8px !important;
  4. }
  6. .training-camp__wrapper .header__title-wrapper {
  7.     font-size: 16px;
  8. }
  10. .sec-wrapper {
  11.     margin-bottom: 10px;
  12. }
  14. .training-camp__wrapper .header__title-wrapper {
  15.     color: #22ab80;
  16. }
  18. .training-camp__wrapper {
  19.     background-image: linear-gradient(150deg, #cff0fb 20%, #cbf4e4 40%);
  20.     padding: 0 12px 12px;
  21.     border-radius: 16px;
  22. }
  24. button.button—AUM5ZP.text—pn4pHz.medium—OGt5iw.header__btn {
  25.     background: #ffffff00;
  26.     border: 1px solid #fc3c2d00;
  27.     border-radius: 0px;
  28. }
  30. .training-camp__wrapper .training-camp__header {
  31.     padding: 24px 0 24px 12px;
  32.     display: -webkit-flex;
  33.     display: flex;
  34.     background: url(/pic/kuangwenlu.png) 100% 0/433px 126px no-repeat;
  35. }
  37. .training-camp__wrapper .header__title-wrapper {
  38.     display: -webkit-flex;
  39.     display: flex;
  40.     -webkit-align-items: center;
  41.     align-items: center;
  42. }
  44. .training-camp__wrapper .title__img-wrapper {
  45.     height: 20px;
  46. }
  48. .training-camp__wrapper .header__btn-wrapper {
  49.     margin-left: auto;
  50.     display: -webkit-flex;
  51.     display: flex;
  52. }
  54. .training-camp__wrapper .header__btn-wrapper button[class*=button—] {
  55.     height: 20px;
  56.     line-height: 20px;
  57.     padding: 0 12px;
  58. }
  60. .training-camp__wrapper .header__btn {
  61.     display: -webkit-flex;
  62.     display: flex;
  63.     -webkit-align-items: center;
  64.     align-items: center;
  65.     font-size: 14px;
  66.     color: #22ab80;
  67. }
  69. .medium—OGt5iw {
  70.     height: 36px;
  71.     padding: 8px 24px;
  72.     font-size: 14px;
  73. }
  75. .outlined—BKvHAe,
  76. .text—pn4pHz {
  77.     background-color: initial;
  78.     color: #3e454d;
  79. }
  81. .button—AUM5ZP {
  82.     position: relative;
  83.     display: inline-block;
  84.     height: 36px;
  85.     padding: 8px 24px;
  86.     border-radius: 22px;
  87.     cursor: pointer;
  88.     border: unset;
  89.     font-size: 14px;
  90.     -webkit-user-select: none;
  91.     -moz-user-select: none;
  92.     user-select: none;
  93. }
  95. .ke-icon—zeGrGg+i {
  96.     display: inline-block;
  97.     vertical-align: middle;
  98. }
  100. .training-camp__wrapper>div.sec-bd {
  101.     background-color: var(–body-bg-color);
  103. }
  105. .sec-wrapper .sec-bd {
  106.     position: relative;
  107.     display: -webkit-flex;
  108.     display: flex;
  109.     -webkit-flex-wrap: wrap;
  110.     flex-wrap: wrap;
  112. }
  114. .training-camp__wrapper .sec-bd {
  115.     padding: 12px;
  116.     border-radius: 16px;
  117. }
  119. img.title-macyingyong {
  120.     /* width: 120px; */
  121.     height: 50px;
  122. }
  124. .posts-item.card {
  125.     padding: 35px 10px 10px 10px !important;
  126. }
  128. .posts-item {
  129.     position: relative !important;
  130. }
  132. .posts-item.card::before {
  133.     content: “”;
  134.     display: block;
  135.     background: #fc625d;
  136.     top: 13px;
  137.     left: 15px;
  138.     border-radius: 50%;
  139.     width: 9px;
  140.     height: 9px;
  141.     box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
  142.     margin: 0px 2px -7px;
  143.     z-index: 1;
  144.     position: absolute;
  145. }
  146. .enlighter::before {
  147.     content: “”;
  148.     display: block;
  149.     background: #fc625d;
  150.     top: 9px;
  151.     left: 15px;
  152.     border-radius: 50%;
  153.     width: 15px;
  154.     height: 15px;
  155.     box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
  156.     margin: 0px 2px -7px;
  157.     z-index: 1;
  158.     position: absolute;
  159. }
  160. .enlighter-overflow-scroll.enlighter-v-standard .enlighter {
  161.     padding: 35px 0 12px 0;
  162. }
  163. /*列表左上角MAC边框美化 xkwo.com*/

复制代码

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论，说说你的看法吧
❯
个人中心
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

  • 关注公众号： 越狱大魔王获取资源更新提醒

返回顶部