自用Handsome主题魔改功能

前言

总是什么都不写就知道摸鱼也不是个好事情啊

用法

将 对应的 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;
}
Last modification:September 30th, 2018 at 12:25 am

2 comments

  1. 南风a

    全屏透明怎么弄的

    1. Miya
      @南风a

      后台设置里的外观设置开关处,开启炫酷透明模式并关闭盒子模型即可

Leave a Comment