知识库

个人知识管理

用户工具

站点工具


web:文件和文件夹css图标

文件和文件夹CSS图标

/* FILE */
.file a:before {
    left:5px;
    width:8px;
    height:12px;
    border:2px solid #c55500;
    background:transparent;
}
 
.file a:after {
    left:4px;
    border-width:3px;
    border-style:solid;
    border-color:#fff #c55500 #c55500 #fff;
    margin-top:-9px;
    background:transparent;
}
 
.file a:hover:before,
.file a:focus:before,
.file a:active:before {
    border-color:#730800;
    background:transparent;
}
 
.file a:hover:after,
.file a:focus:after,
.file a:active:after {
    border-color:#fff #730800 #730800 #fff;
}
 
/* FOLDER */
.folder a:before {
    left:4px;
    width:16px;
    height:12px;
    margin-top:-6px;
    /* css3 */
    -webkit-border-bottom-right-radius:1px;
    -webkit-border-bottom-left-radius:1px;
    -moz-border-radius:0 0 1px 1px;
    border-radius:0 0 1px 1px;
}
 
.folder a:after {
    left:6px;
    width:6px;
    height:2px;
    margin-top:-8px;
    background:#c55500;
    /* css3 */
    -webkit-border-top-right-radius:1px;
    -webkit-border-top-left-radius:1px;
    -moz-border-radius:1px 1px 0 0;
    border-radius:1px 1px 0 0;
}
 
.folder a:hover:after,
.folder a:focus:after,
.folder a:active:after {
    background:#730800;
}
web/文件和文件夹css图标.txt · 最后更改: 2019/09/11 00:49 (外部编辑)