-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcommon.css
133 lines (107 loc) · 3.56 KB
/
common.css
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
/*doc
---
title: heading1
name: heading1
category: heading
---
headingカテゴリのものは`heading.html`に出力されます。
## output
<div class="heading1">
<div class="subText">見出しの補足見出しの補足</div>
<h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>
## html
```html
<div class="heading1">
<div class="subText">見出しの補足見出しの補足</div>
<h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>
```
*/
.heading1 {
border: 1px solid #7f8c58;
padding: 10px;
color: #fff;
background: #97a66c;
}
.heading1 .subText {
font-size: 12px;
padding: 0 0 8px;
margin: 0;
}
.heading1 .mainText {
font-size: 16px;
font-weight: bold;
margin: 0;
}
/*doc
---
title: heading2
name: heading2
category: heading
---
headingカテゴリのものは`heading.html`に出力されます。
## output
<div class="heading2">
<div class="subText">見出しの補足見出しの補足</div>
<h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>
## html
```html
<div class="heading2">
<div class="subText">見出しの補足見出しの補足</div>
<h2 class="mainText">彼は背後にひそかな足音を聞いた。それはあまり良い意味を</h2>
</div>
```
*/
.heading2 {
border: 1px solid #8c6960;
padding: 10px;
color: #fff;
background: #cd9a8d;
}
.heading2 .subText {
font-size: 12px;
padding: 0 0 8px;
margin: 0;
}
.heading2 .mainText {
font-size: 16px;
font-weight: bold;
margin: 0;
}
/*doc
---
title: textSet1
name: textSet1
category: textSet
---
textSetカテゴリのものは`textSet.html`に出力されます。
## output
<div class="textSet1">
<p>彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。</p>
<p>彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。</p>
<p>彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。</p>
</div>
## html
```html
<div class="textSet1">
<p>彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。</p>
<p>彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。</p>
<p>彼は背後にひそかな足音を聞いた。それはあまり良い意味を示すものではない。誰がこんな夜更けに、しかもこんな街灯のお粗末な港街の狭い小道で彼をつけて来るというのだ。</p>
</div>
```
*/
.textSet1 {
border-top: 2px solid #986b39;
border-bottom: 2px solid #986b39;
padding: 20px 20px 10px;
overflow: hidden;
background: #fff;
}
.textSet1 p {
padding: 0 0 10px;
margin: 0;
line-height: 1.5;
font-size: 14px;
}