feature(pages): first draft
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
html {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family: -apple-system, BlinksMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
font-variant-numeric: tabular-nums;
|
||||
@@ -32,22 +32,22 @@ body {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.header .title {
|
||||
.header > .title {
|
||||
width: 6rem;
|
||||
}
|
||||
.header .title a {
|
||||
.header > .title > a {
|
||||
font-size: 2.2rem;
|
||||
letter-spacing: 0.2rem;
|
||||
line-height: 2.4rem;
|
||||
}
|
||||
.header .description {
|
||||
.header > .description {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.header .description .socials {
|
||||
.header > .description > .socials {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.header .description .socials a {
|
||||
.header > .description > .socials > a {
|
||||
font-size: 1rem;
|
||||
margin-left: 0.5rem;
|
||||
cursor: pointer;
|
||||
@@ -58,104 +58,155 @@ main {
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 50rem;
|
||||
width: 52rem;
|
||||
margin-top: 4rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
main .post {
|
||||
main > .index,
|
||||
main > .archives,
|
||||
main > .categories,
|
||||
main > .category,
|
||||
main > .links,
|
||||
main > .post,
|
||||
main > .tag {
|
||||
width: 45rem;
|
||||
padding-top: 1rem;
|
||||
padding: 1rem 0.1rem 1rem 0.1rem;
|
||||
}
|
||||
main .post > h1 a {
|
||||
main .index > h1 > a {
|
||||
letter-spacing: 0.0625rem;
|
||||
font-size: 1.375rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
main .post > p {
|
||||
main .index > p {
|
||||
line-height: 1.5rem;
|
||||
text-indent: 2rem;
|
||||
}
|
||||
main .post > .info {
|
||||
main .index > .info {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
padding: 0.5rem 0 2rem 0;
|
||||
}
|
||||
main .post > .info span {
|
||||
main .index > .info > .date,
|
||||
main .index > .info .tag {
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
main .post > .info a {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
main .post > .info .date,
|
||||
main .post > .info .tag {
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
main .post > .info .date i,
|
||||
main .post > .info .tag i {
|
||||
main .index > .info > .date > i,
|
||||
main .index > .info .tag > i {
|
||||
position: relative;
|
||||
top: 0.05rem;
|
||||
top: 0.1rem;
|
||||
}
|
||||
main .index > .info > .date > a,
|
||||
main .index > .info .tag > a {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
main .archives > ul {
|
||||
padding: 0.625rem 0.1rem;
|
||||
}
|
||||
main .archives > ul > .year {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
main .archives > ul > li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
main .categories, main .tags {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
main .categories > ul, main .tags > ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
main .categories > ul > li, main .tags > ul > li {
|
||||
margin: 0.5rem 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
main .categories > ul .count, main .tags > ul .count {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -0.5rem;
|
||||
right: -0.125rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
main .category > ul, main .tag > ul {
|
||||
padding: 0.625rem 0.1rem;
|
||||
}
|
||||
main .category > ul > .name, main .tag > ul > .name {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
main .category > ul > li, main .tag > ul > li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
main .links > ul {
|
||||
padding: 0.625rem 0.1rem;
|
||||
}
|
||||
main .links > ul > .friend {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
main .links > ul > li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 1rem;
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
main .post > .title {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
main .post > .title > h1 > a {
|
||||
color: black;
|
||||
letter-spacing: 0.0625rem;
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
main .post > .title > .info {
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
}
|
||||
main .post > .title > .info > span {
|
||||
margin: 0 0.25rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .post > .title > .info > span i {
|
||||
position: relative;
|
||||
top: 0.125rem;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
main .pagenav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 2rem 0 5rem 0;
|
||||
padding: 2rem 0;
|
||||
}
|
||||
main .pagenav > a {
|
||||
text-decoration: none;
|
||||
margin: 0 2rem;
|
||||
}
|
||||
main .archives, main .category, main tags {
|
||||
width: 45rem;
|
||||
padding-top: 1rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
main .archives li, main .category li {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
main .archives .title, main .category .title {
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.625rem 0;
|
||||
}
|
||||
main .archives .list, main .category .list {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
main .archives .list .post-title, main .category .list .post-title {
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
main .archives .list .post-title a, main .category .list .post-title a {
|
||||
display: inline-block;
|
||||
width: 85%;
|
||||
}
|
||||
main .archives .list .post-title .time, main .category .list .post-title .time {
|
||||
float: right;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
main .tags {
|
||||
text-align: center;
|
||||
margin: 4rem 0;
|
||||
}
|
||||
main .tags ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
main .tags ul li {
|
||||
margin: 0.5rem 1rem;
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
}
|
||||
main .tags .count {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -8px;
|
||||
right: -2px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 2rem 0;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
// 全局 HTML 配置
|
||||
html {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
||||
font-family: -apple-system, BlinksMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
|
||||
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
||||
'Noto Color Emoji';
|
||||
font-size: 16px;
|
||||
@@ -41,10 +41,10 @@ body {
|
||||
align-items: center;
|
||||
|
||||
// 站点标题
|
||||
.title {
|
||||
>.title {
|
||||
width: 6rem;
|
||||
|
||||
a {
|
||||
>a {
|
||||
font-size: 2.2rem;
|
||||
letter-spacing: 0.2rem;
|
||||
line-height: 2.4rem;
|
||||
@@ -52,14 +52,14 @@ body {
|
||||
}
|
||||
|
||||
// 二级标题
|
||||
.description {
|
||||
>.description {
|
||||
font-size: 0.9rem;
|
||||
|
||||
.socials {
|
||||
>.socials {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
a {
|
||||
>a {
|
||||
font-size: 1rem;
|
||||
margin-left: 0.5rem;
|
||||
cursor: pointer;
|
||||
@@ -75,130 +75,205 @@ main {
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 50rem;
|
||||
width: 52rem;
|
||||
margin-top: 4rem;
|
||||
padding-bottom: 3rem;
|
||||
|
||||
.post{
|
||||
// 主体布局
|
||||
> .index,
|
||||
> .archives,
|
||||
> .categories,
|
||||
> .category,
|
||||
> .links,
|
||||
> .post,
|
||||
> .tag
|
||||
{
|
||||
width: 45rem;
|
||||
padding-top: 1rem;
|
||||
padding: 1rem 0.1rem 1rem 0.1rem;
|
||||
}
|
||||
.post > {
|
||||
h1 {
|
||||
a {
|
||||
|
||||
// 首页
|
||||
.index {
|
||||
|
||||
// 标题
|
||||
>h1 {
|
||||
>a {
|
||||
letter-spacing: 0.0625rem;
|
||||
font-size: 1.375rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
// 摘要
|
||||
>p {
|
||||
line-height: 1.5rem;
|
||||
text-indent: 2rem;
|
||||
}
|
||||
|
||||
.info {
|
||||
// 徽标
|
||||
>.info {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
padding: 0.5rem 0 2rem 0;
|
||||
|
||||
span {
|
||||
>.date,
|
||||
.tag {
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.date,
|
||||
.tag {
|
||||
margin: 0 0.5rem;
|
||||
|
||||
i {
|
||||
>i {
|
||||
position: relative;
|
||||
top: 0.05rem;
|
||||
top: 0.1rem;
|
||||
}
|
||||
|
||||
>a {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 归档
|
||||
.archives{
|
||||
>ul {
|
||||
padding: 0.625rem 0.1rem;
|
||||
|
||||
>.year {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
>li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 分类目录 标签目录
|
||||
.categories,.tags {
|
||||
margin: 5rem 0;
|
||||
> ul {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
> li {
|
||||
margin: 0.5rem 1rem;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.count {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -0.5rem;
|
||||
right: -0.125rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 分类 标签
|
||||
.category,.tag{
|
||||
>ul {
|
||||
padding: 0.625rem 0.1rem;
|
||||
|
||||
>.name {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
>li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 0.875rem;
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 友链
|
||||
.links{
|
||||
> ul {
|
||||
padding: 0.625rem 0.1rem;
|
||||
|
||||
>.friend {
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
|
||||
>li {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 1rem;
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 文章
|
||||
.post{
|
||||
> .title{
|
||||
margin-top: 4rem;
|
||||
> h1 {
|
||||
> a {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
letter-spacing: 0.0625rem;
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
> .info {
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
|
||||
> span{
|
||||
margin: 0 0.25rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
i {
|
||||
position: relative;
|
||||
top:0.125rem;
|
||||
color: rgb(0, 0, 0, 0.85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 分页
|
||||
.pagenav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 2rem 0 5rem 0;
|
||||
}
|
||||
.pagenav > {
|
||||
a {
|
||||
padding: 2rem 0;
|
||||
|
||||
>a {
|
||||
text-decoration: none;
|
||||
margin: 0 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.archives,.category,tags{
|
||||
width: 45rem;
|
||||
padding-top: 1rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.archives,.category{
|
||||
li {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.4rem;
|
||||
font-weight: bold;
|
||||
line-height: 2.2rem;
|
||||
padding: 0.625rem 0;
|
||||
}
|
||||
|
||||
.list {
|
||||
margin-bottom: 3rem;
|
||||
|
||||
.post-title{
|
||||
padding-bottom: 0.3rem;
|
||||
line-height: 1.75rem;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
width: 85%;
|
||||
}
|
||||
.time {
|
||||
float: right;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.tags {
|
||||
text-align: center;
|
||||
margin: 4rem 0;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin: 0.5rem 1rem;
|
||||
display: inline-block;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.count {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
top: -8px;
|
||||
right: -2px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
footer {
|
||||
@@ -217,6 +292,29 @@ footer {
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*animation starts*/
|
||||
|
||||
@-webkit-keyframes fadeInDown {
|
||||
|
||||
@@ -22,19 +22,19 @@ body {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header .title a span {
|
||||
.header > .title > a > span {
|
||||
color: black;
|
||||
}
|
||||
.header .title a span:hover {
|
||||
.header > .title > a > span:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.header .description {
|
||||
.header > .description {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.header .description .socials a {
|
||||
.header > .description > .socials > a {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.header .description .socials a:hover {
|
||||
.header > .description > .socials > a:hover {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
@@ -42,27 +42,38 @@ main {
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
main .post h1 a {
|
||||
main .index > h1 > a {
|
||||
color: black;
|
||||
}
|
||||
main .post p {
|
||||
main .index > p {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
main .post .info {
|
||||
main .index > .info {
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
}
|
||||
main .post .info span {
|
||||
main .index > .info .date span,
|
||||
main .index > .info .tag span {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .post .info a {
|
||||
main .index > .info .date a,
|
||||
main .index > .info .tag a {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .post .info .date i,
|
||||
main .post .info .tag i {
|
||||
main .index > .info .date i,
|
||||
main .index > .info .tag i {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
main .pagenav {
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
main .archives > ul > .year, main .archives > ul .name, main .archives > ul .friend, main .categories > ul > .year, main .categories > ul .name, main .categories > ul .friend, main .category > ul > .year, main .category > ul .name, main .category > ul .friend, main .tag > ul > .year, main .tag > ul .name, main .tag > ul .friend, main .tags > ul > .year, main .tags > ul .name, main .tags > ul .friend, main .links > ul > .year, main .links > ul .name, main .links > ul .friend {
|
||||
color: #000001;
|
||||
}
|
||||
main .archives > ul > li > a, main .categories > ul > li > a, main .category > ul > li > a, main .tag > ul > li > a, main .tags > ul > li > a, main .links > ul > li > a {
|
||||
color: #000001;
|
||||
}
|
||||
main .archives > ul > li > a:hover, main .categories > ul > li > a:hover, main .category > ul > li > a:hover, main .tag > ul > li > a:hover, main .tags > ul > li > a:hover, main .links > ul > li > a:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .archives > ul > li > span, main .categories > ul > li > span, main .category > ul > li > span, main .tag > ul > li > span, main .tags > ul > li > span, main .links > ul > li > span {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
main .pagenav a {
|
||||
color: black;
|
||||
@@ -70,24 +81,6 @@ main .pagenav a {
|
||||
main .pagenav a:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .archives .list .post-title a, main .category .list .post-title a {
|
||||
color: #000001;
|
||||
}
|
||||
main .archives .list .post-title a:hover, main .category .list .post-title a:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .archives .list .post-title .time, main .category .list .post-title .time {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
main .tags ul li a {
|
||||
color: #000001;
|
||||
}
|
||||
main .tags ul li a:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .tags .count {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
footer .copyright a {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
|
||||
@@ -27,14 +27,11 @@ body {
|
||||
|
||||
// Header 头部
|
||||
.header {
|
||||
|
||||
// 站点标题
|
||||
.title {
|
||||
|
||||
a {
|
||||
span {
|
||||
> .title {
|
||||
> a {
|
||||
> span {
|
||||
color: rgb(0, 0, 0);
|
||||
|
||||
&:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
@@ -43,13 +40,11 @@ body {
|
||||
}
|
||||
|
||||
// 二级标题
|
||||
.description {
|
||||
> .description {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
|
||||
.socials {
|
||||
a {
|
||||
> .socials {
|
||||
> a {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
|
||||
&:hover {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
@@ -64,31 +59,29 @@ main {
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
|
||||
// 首页
|
||||
.post {
|
||||
h1 {
|
||||
a {
|
||||
.index {
|
||||
> h1 {
|
||||
> a {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
> p {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.info {
|
||||
> .info {
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
|
||||
span {
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
@@ -96,10 +89,29 @@ main {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 归档 分类目录 分类 标签目录 标签 友链
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 文章分页
|
||||
.pagenav {
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
|
||||
a {
|
||||
color: rgb(0, 0, 0);
|
||||
|
||||
@@ -108,46 +120,9 @@ main {
|
||||
}
|
||||
}
|
||||
}
|
||||
// 归档页面,类别页面
|
||||
.archives,.category{
|
||||
.list {
|
||||
.post-title{
|
||||
a {
|
||||
color: rgb(0, 0, 0.85);
|
||||
|
||||
&:hover {
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
}
|
||||
}
|
||||
.time {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// 标记页面
|
||||
.tags {
|
||||
ul {
|
||||
li{
|
||||
a{
|
||||
color: rgb(0, 0, 0.85);
|
||||
|
||||
&:hover {
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.count {
|
||||
color: #c5c5c5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 脚注
|
||||
|
||||
footer {
|
||||
.copyright {
|
||||
a {
|
||||
|
||||
704
source/css/markdown.css
Normal file
704
source/css/markdown.css
Normal file
@@ -0,0 +1,704 @@
|
||||
@charset "UTF-8";
|
||||
.markdown {
|
||||
width: 45rem;
|
||||
padding: 0rem 0.1rem 2rem 0.1rem;
|
||||
}
|
||||
|
||||
/*
|
||||
MarkDown的样式
|
||||
Status: OK
|
||||
*/
|
||||
@font-face {
|
||||
font-family: octicons-link;
|
||||
src: url(data:font/woff;charset=utf-8;base64,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) format("woff");
|
||||
}
|
||||
.markdown {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
line-height: 1.5;
|
||||
color: #24292e;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "微软雅黑";
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.markdown .pl-c {
|
||||
color: #6a737d;
|
||||
}
|
||||
|
||||
.markdown .pl-c1,
|
||||
.markdown .pl-s .pl-v {
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown .pl-e,
|
||||
.markdown .pl-en {
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.markdown .pl-smi,
|
||||
.markdown .pl-s .pl-s1 {
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown .pl-ent {
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
.markdown .pl-k {
|
||||
color: #d73a49;
|
||||
}
|
||||
|
||||
.markdown .pl-s,
|
||||
.markdown .pl-pds,
|
||||
.markdown .pl-s .pl-pse .pl-s1,
|
||||
.markdown .pl-sr,
|
||||
.markdown .pl-sr .pl-cce,
|
||||
.markdown .pl-sr .pl-sre,
|
||||
.markdown .pl-sr .pl-sra {
|
||||
color: #032f62;
|
||||
}
|
||||
|
||||
.markdown .pl-v,
|
||||
.markdown .pl-smw {
|
||||
color: #e36209;
|
||||
}
|
||||
|
||||
.markdown .pl-bu {
|
||||
color: #b31d28;
|
||||
}
|
||||
|
||||
.markdown .pl-ii {
|
||||
color: #fafbfc;
|
||||
background-color: #b31d28;
|
||||
}
|
||||
|
||||
.markdown .pl-c2 {
|
||||
color: #fafbfc;
|
||||
background-color: #d73a49;
|
||||
}
|
||||
|
||||
.markdown .pl-c2::before {
|
||||
content: "^M";
|
||||
}
|
||||
|
||||
.markdown .pl-sr .pl-cce {
|
||||
font-weight: bold;
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
.markdown .pl-ml {
|
||||
color: #735c0f;
|
||||
}
|
||||
|
||||
.markdown .pl-mh,
|
||||
.markdown .pl-mh .pl-en,
|
||||
.markdown .pl-ms {
|
||||
font-weight: bold;
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown .pl-mi {
|
||||
font-style: italic;
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown .pl-mb {
|
||||
font-weight: bold;
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown .pl-md {
|
||||
color: #b31d28;
|
||||
background-color: #ffeef0;
|
||||
}
|
||||
|
||||
.markdown .pl-mi1 {
|
||||
color: #22863a;
|
||||
background-color: #f0fff4;
|
||||
}
|
||||
|
||||
.markdown .pl-mc {
|
||||
color: #e36209;
|
||||
background-color: #ffebda;
|
||||
}
|
||||
|
||||
.markdown .pl-mi2 {
|
||||
color: #f6f8fa;
|
||||
background-color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown .pl-mdr {
|
||||
font-weight: bold;
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.markdown .pl-ba {
|
||||
color: #586069;
|
||||
}
|
||||
|
||||
.markdown .pl-sg {
|
||||
color: #959da5;
|
||||
}
|
||||
|
||||
.markdown .pl-corl {
|
||||
text-decoration: underline;
|
||||
color: #032f62;
|
||||
}
|
||||
|
||||
.markdown .octicon {
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.markdown a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.markdown a:active,
|
||||
.markdown a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
.markdown strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.markdown strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.markdown code,
|
||||
.markdown kbd,
|
||||
.markdown pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown input {
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown [type=checkbox] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.markdown input {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.markdown a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.markdown strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 0;
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #dfe2e5;
|
||||
}
|
||||
|
||||
.markdown hr::before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown hr::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.markdown td,
|
||||
.markdown th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown h1,
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown ul,
|
||||
.markdown ol {
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown ol ol,
|
||||
.markdown ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
.markdown ul ul ol,
|
||||
.markdown ul ol ol,
|
||||
.markdown ol ul ol,
|
||||
.markdown ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
.markdown dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown .octicon {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.markdown .pl-0 {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.markdown .pl-1 {
|
||||
padding-left: 4px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-2 {
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-3 {
|
||||
padding-left: 16px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-4 {
|
||||
padding-left: 24px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-5 {
|
||||
padding-left: 32px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-6 {
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
|
||||
.markdown::before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown > *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.markdown > *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.markdown a:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown .anchor {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
margin-left: -20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.markdown .anchor:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.markdown p,
|
||||
.markdown blockquote,
|
||||
.markdown ul,
|
||||
.markdown ol,
|
||||
.markdown dl,
|
||||
.markdown table,
|
||||
.markdown pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 0.25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: #e1e4e8;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
padding: 0 1em;
|
||||
color: #6a737d;
|
||||
border-left: 0.25em solid #dfe2e5;
|
||||
}
|
||||
|
||||
.markdown blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font-size: 11px;
|
||||
line-height: 10px;
|
||||
color: #444d56;
|
||||
vertical-align: middle;
|
||||
background-color: #fafbfc;
|
||||
border: solid 1px #c6cbd1;
|
||||
border-bottom-color: #959da5;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #959da5;
|
||||
}
|
||||
|
||||
.markdown h1,
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
margin-top: 24px;
|
||||
margin-bottom: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.markdown h1 .octicon-link,
|
||||
.markdown h2 .octicon-link,
|
||||
.markdown h3 .octicon-link,
|
||||
.markdown h4 .octicon-link,
|
||||
.markdown h5 .octicon-link,
|
||||
.markdown h6 .octicon-link {
|
||||
color: #1b1f23;
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor,
|
||||
.markdown h2:hover .anchor,
|
||||
.markdown h3:hover .anchor,
|
||||
.markdown h4:hover .anchor,
|
||||
.markdown h5:hover .anchor,
|
||||
.markdown h6:hover .anchor {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor .octicon-link,
|
||||
.markdown h2:hover .anchor .octicon-link,
|
||||
.markdown h3:hover .anchor .octicon-link,
|
||||
.markdown h4:hover .anchor .octicon-link,
|
||||
.markdown h5:hover .anchor .octicon-link,
|
||||
.markdown h6:hover .anchor .octicon-link {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.5em;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 0.85em;
|
||||
color: #6a737d;
|
||||
}
|
||||
|
||||
.markdown ul,
|
||||
.markdown ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.markdown ul ul,
|
||||
.markdown ul ol,
|
||||
.markdown ol ol,
|
||||
.markdown ol ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
|
||||
.markdown li > p {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.markdown li + li {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
.markdown dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown dl dd {
|
||||
padding: 0 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.markdown table th {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown table th,
|
||||
.markdown table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid #dfe2e5;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #c6cbd1;
|
||||
}
|
||||
|
||||
.markdown table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
max-width: 100%;
|
||||
box-sizing: content-box;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.markdown img[align=right] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.markdown img[align=left] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: rgba(27, 31, 35, 0.05);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.markdown pre > code {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
word-break: normal;
|
||||
white-space: pre;
|
||||
/*background: transparent;*/
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown .highlight {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown .highlight pre {
|
||||
margin-bottom: 0;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.markdown .highlight pre,
|
||||
.markdown pre {
|
||||
padding: 16px;
|
||||
overflow: auto;
|
||||
font-size: 85%;
|
||||
line-height: 1.45;
|
||||
/*background-color: #f6f8fa;*/
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown pre code {
|
||||
/*display: inline;*/
|
||||
max-width: auto;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
line-height: inherit;
|
||||
word-wrap: normal;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown .full-commit .btn-outline:not(:disabled):hover {
|
||||
color: #005cc5;
|
||||
border-color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
line-height: 10px;
|
||||
color: #444d56;
|
||||
vertical-align: middle;
|
||||
background-color: #fafbfc;
|
||||
border: solid 1px #d1d5da;
|
||||
border-bottom-color: #c6cbd1;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #c6cbd1;
|
||||
}
|
||||
|
||||
.markdown :checked + .radio-label {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-color: #0366d6;
|
||||
}
|
||||
|
||||
.markdown .task-list-item {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.markdown .task-list-item + .task-list-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.markdown .task-list-item input {
|
||||
margin: 0 0.2em 0.25em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
border-bottom-color: #eee;
|
||||
}
|
||||
703
source/css/markdown.scss
Normal file
703
source/css/markdown.scss
Normal file
@@ -0,0 +1,703 @@
|
||||
.markdown{
|
||||
width: 45rem;
|
||||
padding: 0rem 0.1rem 2rem 0.1rem;
|
||||
}
|
||||
/*
|
||||
MarkDown的样式
|
||||
Status: OK
|
||||
*/
|
||||
@font-face {
|
||||
font-family: octicons-link;
|
||||
src: url(data:font/woff;charset=utf-8;base64,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) format('woff');
|
||||
}
|
||||
|
||||
.markdown {
|
||||
-ms-text-size-adjust: 100%;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
line-height: 1.5;
|
||||
color: #24292e;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "微软雅黑";
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.markdown .pl-c {
|
||||
color: #6a737d;
|
||||
}
|
||||
|
||||
.markdown .pl-c1,
|
||||
.markdown .pl-s .pl-v {
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown .pl-e,
|
||||
.markdown .pl-en {
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.markdown .pl-smi,
|
||||
.markdown .pl-s .pl-s1 {
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown .pl-ent {
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
.markdown .pl-k {
|
||||
color: #d73a49;
|
||||
}
|
||||
|
||||
.markdown .pl-s,
|
||||
.markdown .pl-pds,
|
||||
.markdown .pl-s .pl-pse .pl-s1,
|
||||
.markdown .pl-sr,
|
||||
.markdown .pl-sr .pl-cce,
|
||||
.markdown .pl-sr .pl-sre,
|
||||
.markdown .pl-sr .pl-sra {
|
||||
color: #032f62;
|
||||
}
|
||||
|
||||
.markdown .pl-v,
|
||||
.markdown .pl-smw {
|
||||
color: #e36209;
|
||||
}
|
||||
|
||||
.markdown .pl-bu {
|
||||
color: #b31d28;
|
||||
}
|
||||
|
||||
.markdown .pl-ii {
|
||||
color: #fafbfc;
|
||||
background-color: #b31d28;
|
||||
}
|
||||
|
||||
.markdown .pl-c2 {
|
||||
color: #fafbfc;
|
||||
background-color: #d73a49;
|
||||
}
|
||||
|
||||
.markdown .pl-c2::before {
|
||||
content: "^M";
|
||||
}
|
||||
|
||||
.markdown .pl-sr .pl-cce {
|
||||
font-weight: bold;
|
||||
color: #22863a;
|
||||
}
|
||||
|
||||
.markdown .pl-ml {
|
||||
color: #735c0f;
|
||||
}
|
||||
|
||||
.markdown .pl-mh,
|
||||
.markdown .pl-mh .pl-en,
|
||||
.markdown .pl-ms {
|
||||
font-weight: bold;
|
||||
color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown .pl-mi {
|
||||
font-style: italic;
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown .pl-mb {
|
||||
font-weight: bold;
|
||||
color: #24292e;
|
||||
}
|
||||
|
||||
.markdown .pl-md {
|
||||
color: #b31d28;
|
||||
background-color: #ffeef0;
|
||||
}
|
||||
|
||||
.markdown .pl-mi1 {
|
||||
color: #22863a;
|
||||
background-color: #f0fff4;
|
||||
}
|
||||
|
||||
.markdown .pl-mc {
|
||||
color: #e36209;
|
||||
background-color: #ffebda;
|
||||
}
|
||||
|
||||
.markdown .pl-mi2 {
|
||||
color: #f6f8fa;
|
||||
background-color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown .pl-mdr {
|
||||
font-weight: bold;
|
||||
color: #6f42c1;
|
||||
}
|
||||
|
||||
.markdown .pl-ba {
|
||||
color: #586069;
|
||||
}
|
||||
|
||||
.markdown .pl-sg {
|
||||
color: #959da5;
|
||||
}
|
||||
|
||||
.markdown .pl-corl {
|
||||
text-decoration: underline;
|
||||
color: #032f62;
|
||||
}
|
||||
|
||||
.markdown .octicon {
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.markdown a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.markdown a:active,
|
||||
.markdown a:hover {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
.markdown strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
.markdown strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.markdown code,
|
||||
.markdown kbd,
|
||||
.markdown pre {
|
||||
font-family: monospace, monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown input {
|
||||
font: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.markdown [type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.markdown input {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.markdown a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.markdown strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 0;
|
||||
margin: 15px 0;
|
||||
overflow: hidden;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #dfe2e5;
|
||||
}
|
||||
|
||||
.markdown hr::before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown hr::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown table {
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.markdown td,
|
||||
.markdown th {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown h1,
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.markdown ul,
|
||||
.markdown ol {
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown ol ol,
|
||||
.markdown ul ol {
|
||||
list-style-type: lower-roman;
|
||||
}
|
||||
|
||||
.markdown ul ul ol,
|
||||
.markdown ul ol ol,
|
||||
.markdown ol ul ol,
|
||||
.markdown ol ol ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
.markdown dd {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.markdown .octicon {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.markdown .pl-0 {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.markdown .pl-1 {
|
||||
padding-left: 4px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-2 {
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-3 {
|
||||
padding-left: 16px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-4 {
|
||||
padding-left: 24px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-5 {
|
||||
padding-left: 32px !important;
|
||||
}
|
||||
|
||||
.markdown .pl-6 {
|
||||
padding-left: 40px !important;
|
||||
}
|
||||
|
||||
.markdown::before {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown::after {
|
||||
display: table;
|
||||
clear: both;
|
||||
content: "";
|
||||
}
|
||||
|
||||
.markdown > *:first-child {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.markdown > *:last-child {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.markdown a:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown .anchor {
|
||||
float: left;
|
||||
padding-right: 4px;
|
||||
margin-left: -20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.markdown .anchor:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.markdown p,
|
||||
.markdown blockquote,
|
||||
.markdown ul,
|
||||
.markdown ol,
|
||||
.markdown dl,
|
||||
.markdown table,
|
||||
.markdown pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
height: 0.25em;
|
||||
padding: 0;
|
||||
margin: 24px 0;
|
||||
background-color: #e1e4e8;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown blockquote {
|
||||
padding: 0 1em;
|
||||
color: #6a737d;
|
||||
border-left: 0.25em solid #dfe2e5;
|
||||
}
|
||||
|
||||
.markdown blockquote > :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.markdown blockquote > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font-size: 11px;
|
||||
line-height: 10px;
|
||||
color: #444d56;
|
||||
vertical-align: middle;
|
||||
background-color: #fafbfc;
|
||||
border: solid 1px #c6cbd1;
|
||||
border-bottom-color: #959da5;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #959da5;
|
||||
}
|
||||
|
||||
.markdown h1,
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown h4,
|
||||
.markdown h5,
|
||||
.markdown h6 {
|
||||
margin-top: 24px;
|
||||
margin-bottom: 16px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.markdown h1 .octicon-link,
|
||||
.markdown h2 .octicon-link,
|
||||
.markdown h3 .octicon-link,
|
||||
.markdown h4 .octicon-link,
|
||||
.markdown h5 .octicon-link,
|
||||
.markdown h6 .octicon-link {
|
||||
color: #1b1f23;
|
||||
vertical-align: middle;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor,
|
||||
.markdown h2:hover .anchor,
|
||||
.markdown h3:hover .anchor,
|
||||
.markdown h4:hover .anchor,
|
||||
.markdown h5:hover .anchor,
|
||||
.markdown h6:hover .anchor {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown h1:hover .anchor .octicon-link,
|
||||
.markdown h2:hover .anchor .octicon-link,
|
||||
.markdown h3:hover .anchor .octicon-link,
|
||||
.markdown h4:hover .anchor .octicon-link,
|
||||
.markdown h5:hover .anchor .octicon-link,
|
||||
.markdown h6:hover .anchor .octicon-link {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.markdown h1 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 2em;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
.markdown h2 {
|
||||
padding-bottom: 0.3em;
|
||||
font-size: 1.5em;
|
||||
border-bottom: 1px solid #eaecef;
|
||||
}
|
||||
|
||||
.markdown h3 {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
.markdown h4 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.markdown h5 {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
|
||||
.markdown h6 {
|
||||
font-size: 0.85em;
|
||||
color: #6a737d;
|
||||
}
|
||||
|
||||
.markdown ul,
|
||||
.markdown ol {
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
.markdown ul ul,
|
||||
.markdown ul ol,
|
||||
.markdown ol ol,
|
||||
.markdown ol ul {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown li {
|
||||
word-wrap: break-all;
|
||||
}
|
||||
|
||||
.markdown li > p {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.markdown li + li {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
|
||||
.markdown dl {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.markdown dl dt {
|
||||
padding: 0;
|
||||
margin-top: 16px;
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown dl dd {
|
||||
padding: 0 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown table {
|
||||
display: table;
|
||||
width: 100%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.markdown table th {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.markdown table th,
|
||||
.markdown table td {
|
||||
padding: 6px 13px;
|
||||
border: 1px solid #dfe2e5;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.markdown table tr {
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #c6cbd1;
|
||||
}
|
||||
|
||||
.markdown table tr:nth-child(2n) {
|
||||
background-color: #f6f8fa;
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
max-width: 100%;
|
||||
box-sizing: content-box;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.markdown img[align=right] {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.markdown img[align=left] {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
padding: 0.2em 0.4em;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: rgba(27, 31, 35, 0.05);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown pre {
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.markdown pre > code {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 100%;
|
||||
word-break: normal;
|
||||
white-space: pre;
|
||||
/*background: transparent;*/
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown .highlight {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.markdown .highlight pre {
|
||||
margin-bottom: 0;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.markdown .highlight pre,
|
||||
.markdown pre {
|
||||
padding: 16px;
|
||||
overflow: auto;
|
||||
font-size: 85%;
|
||||
line-height: 1.45;
|
||||
/*background-color: #f6f8fa;*/
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.markdown pre code {
|
||||
/*display: inline;*/
|
||||
max-width: auto;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
line-height: inherit;
|
||||
word-wrap: normal;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.markdown .full-commit .btn-outline:not(:disabled):hover {
|
||||
color: #005cc5;
|
||||
border-color: #005cc5;
|
||||
}
|
||||
|
||||
.markdown kbd {
|
||||
display: inline-block;
|
||||
padding: 3px 5px;
|
||||
font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||
line-height: 10px;
|
||||
color: #444d56;
|
||||
vertical-align: middle;
|
||||
background-color: #fafbfc;
|
||||
border: solid 1px #d1d5da;
|
||||
border-bottom-color: #c6cbd1;
|
||||
border-radius: 3px;
|
||||
box-shadow: inset 0 -1px 0 #c6cbd1;
|
||||
}
|
||||
|
||||
.markdown :checked + .radio-label {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
border-color: #0366d6;
|
||||
}
|
||||
|
||||
.markdown .task-list-item {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.markdown .task-list-item + .task-list-item {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.markdown .task-list-item input {
|
||||
margin: 0 0.2em 0.25em -1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.markdown hr {
|
||||
border-bottom-color: #eee;
|
||||
}
|
||||
9
source/plugins/normalize.css
vendored
9
source/plugins/normalize.css
vendored
@@ -354,3 +354,12 @@
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* 去除列表默认样式
|
||||
*/
|
||||
|
||||
ul,li{
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user