直播app
美女大全
广告位1
广告位2
4.13
广告位1

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

2025-03-31 / 网站源码 / 35 阅读


代码投放:网站后台 -> Zibll主题设置 -> 全局&功能 -> 自定义代码 -> 自定义CSS样式
(目前经过测试子比主题正常运行 其他程序或者主题自测)
  1. /*列表左上角MAC边框美化 xkwo.com*/

  2. .posts-item.card:last-child {

  3.     margin-bottom: 8px !important;

  4. }


  5. .training-camp__wrapper .header__title-wrapper {

  6.     font-size: 16px;

  7. }


  8. .sec-wrapper {

  9.     margin-bottom: 10px;

  10. }


  11. .training-camp__wrapper .header__title-wrapper {

  12.     color: #22ab80;

  13. }


  14. .training-camp__wrapper {

  15.     background-image: linear-gradient(150deg, #cff0fb 20%, #cbf4e4 40%);

  16.     padding: 0 12px 12px;

  17.     border-radius: 16px;

  18. }


  19. button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn {

  20.     background: #ffffff00;

  21.     border: 1px solid #fc3c2d00;

  22.     border-radius: 0px;

  23. }


  24. .training-camp__wrapper .training-camp__header {

  25.     padding: 24px 0 24px 12px;

  26.     display: -webkit-flex;

  27.     display: flex;

  28.     background: url(/pic/kuangwenlu.png) 100% 0/433px 126px no-repeat;

  29. }


  30. .training-camp__wrapper .header__title-wrapper {

  31.     display: -webkit-flex;

  32.     display: flex;

  33.     -webkit-align-items: center;

  34.     align-items: center;

  35. }


  36. .training-camp__wrapper .title__img-wrapper {

  37.     height: 20px;

  38. }


  39. .training-camp__wrapper .header__btn-wrapper {

  40.     margin-left: auto;

  41.     display: -webkit-flex;

  42.     display: flex;

  43. }


  44. .training-camp__wrapper .header__btn-wrapper button[class*=button---] {

  45.     height: 20px;

  46.     line-height: 20px;

  47.     padding: 0 12px;

  48. }


  49. .training-camp__wrapper .header__btn {

  50.     display: -webkit-flex;

  51.     display: flex;

  52.     -webkit-align-items: center;

  53.     align-items: center;

  54.     font-size: 14px;

  55.     color: #22ab80;

  56. }


  57. .medium---OGt5iw {

  58.     height: 36px;

  59.     padding: 8px 24px;

  60.     font-size: 14px;

  61. }


  62. .outlined---BKvHAe,

  63. .text---pn4pHz {

  64.     background-color: initial;

  65.     color: #3e454d;

  66. }


  67. .button---AUM5ZP {

  68.     position: relative;

  69.     display: inline-block;

  70.     height: 36px;

  71.     padding: 8px 24px;

  72.     border-radius: 22px;

  73.     cursor: pointer;

  74.     border: unset;

  75.     font-size: 14px;

  76.     -webkit-user-select: none;

  77.     -moz-user-select: none;

  78.     user-select: none;

  79. }


  80. .ke-icon---zeGrGg+i {

  81.     display: inline-block;

  82.     vertical-align: middle;

  83. }


  84. .training-camp__wrapper>div.sec-bd {

  85.     background-color: var(--body-bg-color);


  86. }


  87. .sec-wrapper .sec-bd {

  88.     position: relative;

  89.     display: -webkit-flex;

  90.     display: flex;

  91.     -webkit-flex-wrap: wrap;

  92.     flex-wrap: wrap;


  93. }


  94. .training-camp__wrapper .sec-bd {

  95.     padding: 12px;

  96.     border-radius: 16px;

  97. }


  98. img.title-macyingyong {

  99.     /* width: 120px; */

  100.     height: 50px;

  101. }


  102. .posts-item.card {

  103.     padding: 35px 10px 10px 10px !important;

  104. }


  105. .posts-item {

  106.     position: relative !important;

  107. }


  108. .posts-item.card::before {

  109.     content: "";

  110.     display: block;

  111.     background: #fc625d;

  112.     top: 13px;

  113.     left: 15px;

  114.     border-radius: 50%;

  115.     width: 9px;

  116.     height: 9px;

  117.     box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;

  118.     margin: 0px 2px -7px;

  119.     z-index: 1;

  120.     position: absolute;

  121. }

  122. .enlighter::before {

  123.     content: "";

  124.     display: block;

  125.     background: #fc625d;

  126.     top: 9px;

  127.     left: 15px;

  128.     border-radius: 50%;

  129.     width: 15px;

  130.     height: 15px;

  131.     box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;

  132.     margin: 0px 2px -7px;

  133.     z-index: 1;

  134.     position: absolute;

  135. }

  136. .enlighter-overflow-scroll.enlighter-v-standard .enlighter {

  137.     padding: 35px 0 12px 0;

  138. }

  139. /*列表左上角MAC边框美化 xkwo.com*/

复制代码



美女资源: 点击免费领取
性感美女-写真视频: 点击进入!
请收藏我们网站: 感谢有你:www.98hxm.com

#免责声明#

本站提供的一切软件、教程和资源内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!