由于版本更新,本篇的内容部分已经不再适用,请自行斟酌
为什么是贰点伍而不是叁
这篇文章更多的是对 魔改美化贰 的一个补充,完善那些在贰中未提及但影响整体协调性的点。至于叁,将会是一次大改,暂不确定出品日期。
版权卡片美化
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| /*版权卡片美化*/ #post .post-copyright { position: relative; margin: 2rem 0 0.5rem; padding: 1.5rem 0.8rem; border: 8px solid #f6f6f6; /*卡片边框*/ border-radius: 20px; /*边框圆角*/ } #post .post-copyright:before { position: absolute; top: -1.9rem; /*C位置*/ color: #49b1f540; /*C颜色*/ font-size: 6rem; /*C大小*/ }
|
文章分页卡片美化
1 2 3 4 5 6
| /*文章分页卡片美化*/ #pagination .prev-post a, #pagination .next-post a { border-style: ridge; border-width: 8px; border-color: #d2d2d2; }
|
相关推荐卡片美化
1 2 3 4
| /*文章相关推荐卡片美化*/ .relatedPosts > .relatedPosts-list > div { border-radius: 20px; }
|
目录颜色圆角调整
1 2 3 4
| #aside-content #card-toc .toc-content .toc-link.active { background: #669cbe; border-radius: 5px; }
|
关于魔改美化理念
博客的魔改美化应遵循阅读体验优先的原则,保持纯净页面,因而不做繁冗的增添与过于商业性质的修改。