simpread/src/assets/css/theme_github.css at feature/plugins · hhhcommon/simpread · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
sr-rd-theme-github{display:none;}

/**
 * Github style
 */

/**
 * Common style, include: h1 ~ h6; ol ul; code pre; table; sr-blockquote
 */

sr-rd-content h1,sr-rd-content h2,sr-rd-content h3,sr-rd-content h4,sr-rd-content h5,sr-rd-content h6{position:relative;margin-top:1em;margin-bottom:1pc;font-weight:700;line-height:1.4;text-align:left;color:#363636}sr-rd-content h1{padding-bottom:.3em;font-size:3.6rem;line-height:1.2}sr-rd-content h2{padding-bottom:.3em;font-size:2.8rem;line-height:1.225}sr-rd-content h3{font-size:2.4rem;line-height:1.43}sr-rd-content h4{font-size:2rem}sr-rd-content h5{font-size:1.6rem}sr-rd-content h6{font-size:1.6rem;color:#777}
sr-rd-content ul,sr-rd-content ol{list-style-type: disc;padding:0;padding-left:2em;}sr-rd-content ol ol,sr-rd-content ul ol{list-style-type:lower-roman}sr-rd-content ul ul ol,sr-rd-content ul ol ol,sr-rd-content ol ul ol,sr-rd-content ol ol ol{list-style-type:lower-alpha}
sr-rd-content table{width:100%;overflow:auto;word-break:normal;word-break:keep-all}sr-rd-content table th{font-weight:bold}sr-rd-content table th,sr-rd-content table td{padding:6px 13px;border:1px solid #ddd}sr-rd-content table tr{background-color:#fff;border-top:1px solid #ccc}sr-rd-content table tr:nth-child(2n){background-color:#f8f8f8}
sr-rd-content sr-blockquote {
    border-left: 4px solid #ddd;
}

/**
 * Custom style, include: background; title; desc; sr-rd-content; p,div; a; pre
 */

.simpread-theme-root {
    background-color: #fff;
    color:#333;
}

sr-rd-title {
    font-family: "PT Sans","SF UI Display", ".PingFang SC","PingFang SC", "Neue Haas Grotesk Text Pro", "Arial Nova", "Segoe UI", "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "Hiragino Sans GB", sans-serif;

    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.3;
}

sr-rd-desc {
    position: relative;
    margin: 0px;
    margin-bottom: 30px;
    padding: 25px;
    padding-left: 56px;
    font-size: 1.8rem;
    color: #777;
    background-color: rgba(0,0,0,0.05);
}

sr-rd-desc:before {
    content: '“';
    position: absolute;
    top: -9px;
    left: 16px;
    font-size: 80px;
    font-family: "Arial";
    color: rgba(0,0,0,0.15);
}

sr-rd-content {
    color: #363636;
    font-weight: 400;
    line-height: 1.8;
}

sr-rd-content *,
sr-rd-content p,
sr-rd-content div {
    color: #363636;
    font-weight: 400;
    line-height: 1.8;
}

sr-rd-content a,
sr-rd-content a:link {
    color: #4183c4;
    text-decoration: none;
}

sr-rd-content a:hover,
sr-rd-content a:focus,
sr-rd-content a:active {
    color: #4183c4;
    text-decoration: underline;
}

sr-rd-content pre {
    background-color: #f7f7f7;
    border-radius: 3px;
}

sr-rd-content li code,
sr-rd-content p code {
    background-color: rgba(0,0,0,0.04);
    border-radius: 3px;
}