文章详情页下载内容美化记录 - WordPress 美化 B2 主题

1
/*Npcink*/
2
/*标志*/
3
.content-hidden-before i {
4
  left: -12em;
5
  padding: 0 0 0 20px;
6

7
}
8

9
/*说明文本*/
10
.content-hidden-info-title {
11
    margin-top: 0px!important;
12
    top: -1em;
13
    position: absolute;
14
    left: 8em;
15
  color: red;
16
}
17

18
/*介绍文本与价格对齐*/
19
.content-cap-title {
20
    position: absolute;
21
  left:7.2em;
22
}
23

24
.content-cap-title:before {
25
  content:'此内容需';
26
  font-size: 14px;
27
}
28

29
.content-cap-title:after {
30
  content:':';
31
  font-size: 14px;
32
}
33

34
.content-cap-title span {
35
  color: #111;
36
    font-size: 14px;
37
  padding: 0 10px 0 0;
38
}
39

40
/*价格文本*/
41
.content-user-money span {
42
    color: #fff;
43
    background-color: #3A4954;
44
    border: 1px solid #3A4954;
45
    line-height: 16px;
46
  border-radius: 5px;
47
}
48

49
.content-user-money:after {
50
  content:'/';
51
}
52
.content-user-money:after {
53
  content:'VIP会员免费';
54
  background-color: #EF900C;
55
    border-radius: 5px;
56
    border: 1px solid #EF900C;
57
    padding: 0.01em 0.6em;
58
    margin-left: 1em;
59
    color: #fff;
60
    font-size: 14px;
61
}
62

63
/*按钮*/
64
.entry-content a {
65
    padding: 0.2em 1.2em;
66
    border-radius: 5px;
67
    font-size: 14px;
68
}
69

70
/*第一个按钮*/
71
.entry-content a:first-child {
72
    color: #fff;
73
    background-color: #1CA43E;
74
    border: 1px solid #1CA43E;
75
}
76

77
/*第二个按钮*/
78
.entry-content a:nth-of-type(2) {
79
    color: #000;
80
    background-color: #EF900C;
81
    border: 1px solid #EF900C;
82
}
83

84
/*登录后*/
85
.content-user-lv-login .content-cap-login {
86
  color: #fff;
87
    background-color: #1CA43E;
88
    border: 1px solid #1CA43E;
89
}
90
.content-user-lv-login .content-cap-login:after {
91
  content:'购买';
92
}
93

94
.content-user-lv-login:after {
95
  content:'升级成为VIP';
96
  background-color: #EF900C;
97
    border-radius: 5px;
98
    border: 1px solid #EF900C;
99
    padding: 6px 6px;
100
    font-size: 14px;
101
}