我的磨css黑色主题

css

body {
background-attachment:fixed;
background-repeat:no-repeat;
background-size:cover;
-moz-background-size:cover;
-webkit-background-size:cover;
background-color:#333;
color: #F5F5F5;
font: 15px "Comic Sans MS", , Arial, sans-serif; overflow-wrap: break-word;
margin: 10px;
}

#whole_body {
max-width: 640px;
text-align: center;
margin: auto;
padding: 10px 5px;
background: #000000;
border-radius: 12px;
box-shadow: 5px 3px 16px #111;
}

.file_list { margin: 2px 5px; }

.file_list li { border-bottom: 1px solid #cccccc; padding: 2px 5px 2px; }

.file_list span { color: #CCC; padding: 0 3px; }

a { text-decoration: none; border: 1px solid transparent; border-bottom: 1px solid #155; }

a:link { color:#cccccc; }

a:visited { color: orange; }

a:hover { color: #0F0; }

a:active { color: #F00; }
/*列表代码*/
.file_list {
margin:1px;
padding:1px;
}
.file_list li {
background-color: #999999;
padding: 10px; /*设置内边距（行高）*/
border:1px solid #ffffff; /*设置 4 个边框*/
margin-top:5px; /*上外边距*/
margin-bottom:5px; /*下外边距*/
text-align: left;
display: block;
}

/*文件列表添加数字序号*/
.file_list{
counter-reset:section;
}
.file_list li{
counter-increment:section;
}
.file_list li:before{
content:"" counter(section) ".";
background: grey;
color: yellow;
padding: 2px 4px;
font:1.1em bold italic;
border-radius:.8em;
} /*数字序号添加背景*/
.file_list li:nth-child(-1n+9):before{
content:"0" counter(section) ".";
}

截图