前言
总是什么都不写就知道摸鱼也不是个好事情啊
用法
将 对应的 CSS 代码复制到后台-主题设置-开发者设置-自定义 CSS 中
声明
使用随意,是否添加友情链接什么的随意就行了,Handsome主题由友人C所有。rua
首页左上角头像聚焦旋转
.thumb-lg{
width:130px;
}
.avatar{
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;
-moz-transition: -moz-transform 0.4s ease-out;
}
.avatar:hover{
transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
}
#aside-user span.avatar{
animation-timing-function:cubic-bezier(0,0,.07,1)!important;
border:0 solid
}
#aside-user span.avatar:hover{
transform:rotate(360deg) scale(1.2);
border-width:5px;
animation:avatar .5s
}
文章标题居中
.panel h2{
text-align: center;
}
.post-item-foot-icon{
text-align: center;
}
无盒子模型依然带背景
html{
background-image: url("https://miya.moe/usr/uploads/sina/5cc4181ae27be.jpg");
background-attachment: fixed;
}
标题、一言居中
.center-part header{
text-align:center;
}
限制文章区空间
#post-panel{
max-width: 1000px;
margin: 0 auto;
}
设置文章区标题大小
header.wrapper-md h1{
font-size: 32px;
font-weight: 500 !important;
text-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
限制时光机中的 iframe
不使用该模板可以无视
iframe{height:86em;border:none;}
@media screen and (max-width: 1320px) {
iframe{height:82em;}
}
@media screen and (max-width: 770px) {
iframe{height:156em;}
}
Live2D 改变位置
不使用 pio 插件可以不设置
#l2d-tools-panel{
display:none !important;
}
.badge{
background-color:#8dcdf6;
}
代码框带背景颜色
#post-content blockquote{
background-color: rgba(255,255,255,.3);
}
友情链接页改变颜色
.tab-content{
background-color: transparent !important;
border: none !important;
}
handsome6.0的无盒子模型依然带背景失效了
因为我这里安装 6.0 会导致整站崩溃,所以目前我还是 5.3 的,6.0 的暂时不会去测试了,等群主发布了修复的新版本才会去测
全屏透明怎么弄的
后台设置里的外观设置开关处,开启炫酷透明模式并关闭盒子模型即可