182 lines
3.4 KiB
SCSS
182 lines
3.4 KiB
SCSS
// HTML
|
|
html {
|
|
background-color: #f5f5f5;
|
|
color: #1f1f1f;
|
|
}
|
|
|
|
// 滚动条
|
|
html::-webkit-scrollbar-thumb {
|
|
background-color: #0000000d;
|
|
}
|
|
|
|
html::-webkit-scrollbar-thumb:hover {
|
|
background-color: #00000026;
|
|
}
|
|
|
|
::selection {
|
|
background: #0095ff1a;
|
|
}
|
|
|
|
// Header 头部
|
|
.header {
|
|
// 站点标题
|
|
> .title {
|
|
> a {
|
|
> span {
|
|
color: rgb(0, 0, 0);
|
|
&:hover {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 二级标题
|
|
> .description {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
> .socials {
|
|
> a {
|
|
color: rgba(0, 0, 0, 0.65);
|
|
&:hover {
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// main 主体
|
|
main {
|
|
background: #ffffff;
|
|
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
|
|
// 首页
|
|
.index {
|
|
> h1 {
|
|
> a {
|
|
color: rgba(0, 0, 0, 1);
|
|
|
|
}
|
|
}
|
|
|
|
> p {
|
|
color: rgba(0, 0, 0, 0.85);
|
|
}
|
|
|
|
> .info {
|
|
border-bottom: 1px solid #f3f3f3;
|
|
.date,
|
|
.tag {
|
|
span {
|
|
color: rgb(0, 0, 0, 0.65);
|
|
}
|
|
|
|
a {
|
|
color: rgb(0, 0, 0, 0.65);
|
|
}
|
|
i {
|
|
color: rgb(0, 0, 0, 0.85);
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
// 归档 分类目录 分类 标签目录 标签 友链
|
|
.archives,.categories,.category,.tag,.tags,.links{
|
|
> ul {
|
|
> .year,.name,.friend{
|
|
color: rgb(0, 0, 0.85);
|
|
}
|
|
> li{
|
|
> a{
|
|
color: rgb(0, 0, 0.85);
|
|
&:hover {
|
|
color: rgb(0, 0, 0, 0.65);
|
|
}
|
|
> span{
|
|
color: #c5c5c5;
|
|
}
|
|
}
|
|
> span{
|
|
color: #c5c5c5;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 文章分页
|
|
.pagenav {
|
|
a {
|
|
color: rgb(0, 0, 0);
|
|
|
|
&:hover {
|
|
color: rgb(0, 0, 0, 0.65);
|
|
}
|
|
}
|
|
}
|
|
|
|
// 文章
|
|
.post{
|
|
> .title{
|
|
> h1 {
|
|
color: rgba(0, 0, 0, 1);
|
|
> a {
|
|
color: rgba(0, 0, 0, 1);
|
|
}
|
|
}
|
|
|
|
> .info {
|
|
border-bottom: 1px solid #f3f3f3;
|
|
> span{
|
|
color: rgb(0, 0, 0, 0.65);
|
|
i {
|
|
|
|
color: rgb(0, 0, 0, 0.85);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// 日志
|
|
.journals{
|
|
> ul{
|
|
> li{
|
|
> .option{
|
|
color: rgb(0, 0, 0, 0.65);
|
|
}
|
|
> .info{
|
|
color: #c5c5c5;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
// 脚注
|
|
footer {
|
|
.copyright {
|
|
a {
|
|
color: rgb(0, 0, 0, 0.25);
|
|
&:hover {
|
|
color: rgb(0, 0, 0, 0.85);
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
.comment
|
|
{
|
|
background: #ffffff;
|
|
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
|
|
}
|
|
|
|
.post-bottom-menu{
|
|
border-top: 1px solid #f3f3f3;
|
|
>a{
|
|
color: rgba(0, 0, 0, 1);
|
|
}
|
|
} |