【博客主题】自用主题备份 (SimpleMemory DIY)

效果图

 

主题

SimpleMemory

 

页面定制CSS代码

/*生成博客目录的CSS*/
#uprightsideBar{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    text-align:left;
    position:fixed;/*将div的位置固定到距离top:50px，right:0px的位置，这样div就会处在最右边的位置，距离顶部50px*/
    top:50px;
    right:0px;
    width: auto;
    height: auto; 
}
#uprightsideBarTab{
    float:left;
    width:30px; 
    border:1px solid #e5e5e5;
    border-right:none;
    text-align:center;
    background:#ffffff;
}
#uprightsideBarTab h2{
font-size: 16px;
    font-weight: bold;
    padding: 4px;
}
#uprightsideBarContents{
    float:left;
    overflow:auto; 
    overflow-x:hidden;!important;
    width:200px;
    min-height:108px;
    max-height:460px;
    border:1px solid #e5e5e5;
    border-right:none; 
    background:#ffffff;
}
#uprightsideBarContents dl{
    margin:0;
    padding:0;
padding: 8px 4px;
}

#uprightsideBarContents dt{
    margin-top:5px;
    margin-left:5px;
}

#uprightsideBarContents dd, dt {
    cursor: pointer;
font-family: 微软雅黑;
    font-size: 14px;
}

#uprightsideBarContents dd:hover, dt:hover {
    color:#A7995A;
color:#21759b;
}

#uprightsideBarContents dd{
margin-left:20px;
font-size:12px;
color:#666;
}
#navCategory{border:1px solid #999;padding:8px;width: 350px;border-radius: 4px;box-shadow: 8px 8px 4px #ccc;position:relative;}
#navCategory a{text-decoration:none}

/*代码框改造样式*/
.likecs_code {
    background-color: #183055 !important; 
    font-family: "Source Code Pro", Consolas, Menlo, Monaco, Courier, monospace;
    overflow: auto;
    /*margin: 26px 0;*/
    color: #E6ECF1;
    padding: 14px 14px 14px 8px;
border:none;
    border-radius: 3px;
}
.likecs_code span {
    font-size: 13px !important;
    line-height: 1.5 !important;
    font: inherit;
color: #E6ECF1 !important;
}
.likecs_code div,.likecs_code_toolbar>.likecs_code_copy>a:link {
    background-color: #183055 !important; 
}

View Code