Skip to content

Commit be700ad

Browse files
vvakamevvakame
committed
add style.css
1 parent ebc7787 commit be700ad

File tree

2 files changed

+252
-1
lines changed

2 files changed

+252
-1
lines changed

‎articles/config.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ description:
3838
# 固有IDに使用するドメイン
3939
urnid: http://typescript.ninja/typescript-in-definitelyland/
4040
# CSSファイル (yamlファイルおよびReVIEWファイルを置いたディレクトリにあること
41-
stylesheet: stylesheet.css
41+
stylesheet: style.css
4242
# LaTeX用のスタイルファイル(styディレクトリ以下に置くこと)
4343
texstyle: techbooster-doujin
4444
# LaTeX用のdocumentclassを指定する

‎articles/style.css

Lines changed: 251 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,251 @@
1+
@charset "utf-8";
2+
/* Tatujin-Publishing */
3+
/* Style sheet for epub */
4+
/* Ver.0.8b1 */
5+
6+
/*
7+
Scale & Rhythm
8+
line-height 1.6
9+
16px = 1em
10+
x:p:h1:h2:h3 = 12px:14px:16px:24px:30px
11+
*/
12+
* {
13+
}
14+
body {
15+
margin: 0;
16+
padding: 0;
17+
font-size: 1em;
18+
line-height:1.6;
19+
font-family: "ShinGoPro-Regular","ShinGo-Regular", sans-serif;
20+
/*
21+
word-break: normal;
22+
-webkit-line-break: after-white-space;
23+
*/
24+
}
25+
p, ul, ol, dl, pre, table {
26+
font-family: "ShinGo Regular","ShinGo R","新ゴR","新ゴ R", sans-serif;
27+
font-size: 0.875em;
28+
}
29+
/* Heading */
30+
h1 {
31+
margin: 0 0 3em;
32+
padding: 0.5em 0 0;
33+
border-top: 14px #326450 solid;
34+
text-align: left;
35+
font-size: 1.875em;
36+
font-weight: bold;
37+
}
38+
h2 {
39+
margin: 3em 0 0.5em;
40+
padding: 0.5em 0 0;
41+
border-top: 2px #326450 solid;
42+
text-align: left;
43+
font-size: 1.5em;
44+
font-weight: bold;
45+
}
46+
h3 {
47+
margin: 3em 0 0.5em;
48+
padding: 0;
49+
text-align: left;
50+
font-size: 1em;
51+
font-weight: bold;
52+
}
53+
h4, h5, h6 {
54+
margin:0.7em 0;
55+
padding: 0;
56+
text-align: left;
57+
line-height: 1.6;
58+
font-weight: bold;
59+
}
60+
/* Paragraph */
61+
p {
62+
margin:0.7em 0;
63+
padding: 0;
64+
text-align: left;
65+
text-indent: 1em;
66+
line-height: 1.6;
67+
}
68+
div.lead p {
69+
color: #666;
70+
line-height: 1.6;
71+
font-size: 0.75em;
72+
}
73+
/* List */
74+
ul, ol {
75+
margin: 2em 0 2em 2em;
76+
padding: 0;
77+
list-style-position: outside;
78+
}
79+
ul > li,
80+
ol > li {
81+
margin: 0 0 0.7em 0;
82+
padding: 0;
83+
line-height: 1.6;
84+
}
85+
dl {
86+
margin: 2em 0;
87+
padding: 0;
88+
}
89+
dt {
90+
margin: 0;
91+
padding: 0;
92+
font-weight: bold;
93+
}
94+
dd {
95+
margin: 0 0 1em 2em;
96+
padding: 0;
97+
line-height: 1.6;
98+
}
99+
/* Table
100+
p.tablecaptionではなく
101+
table caption {}を使う方が良いかも？
102+
*/
103+
table {
104+
margin: 0 auto 2em auto;
105+
border-collapse: collapse;
106+
}
107+
table tr th {
108+
background-color: #eee;
109+
border:1px #aaa solid;
110+
font-size: 0.75em;
111+
font-weight: normal;
112+
}
113+
table tr td {
114+
padding: 0.3em;
115+
border:1px #aaa solid;
116+
font-size: 0.75em;
117+
}
118+
p.tablecaption, table caption {
119+
margin: 0;
120+
color: #666;
121+
font-size: 0.75em;
122+
font-weight: bold;
123+
text-indent: 0;
124+
}
125+
/* Quote */
126+
blockquote {
127+
margin: 2em 0 2em 2em;
128+
padding: 0.3em 1em;
129+
border: 1px #aaa solid;
130+
}
131+
/* Column Block */
132+
div.column {
133+
margin: 2em 0 2em 2em;
134+
padding: 0.3em 1em;
135+
background-color: #eee;
136+
-webkit-border-radius: 0.7em;
137+
}
138+
div.column *{
139+
margin:0.7em 0;
140+
}
141+
div.column ul,
142+
div.column ol {
143+
list-style-position: inside;
144+
}
145+
/* Code Block */
146+
/*
147+
※シンプルにできるかも
148+
div.code {}
149+
div.code pre.list,
150+
div.code pre.cmd {}
151+
div.code p.caption {}
152+
*/
153+
div.code, div.caption-code, div.source-code, div.emlist-code, div.emlistnum-code {
154+
margin: 1em 0 2em 2em;
155+
padding: 0;
156+
}
157+
pre.emlist, pre.source, pre.list {
158+
margin: 0;
159+
padding: 5px;
160+
border: 1px #aaa solid;
161+
}
162+
div p.caption {
163+
margin: 0;
164+
color: #666;
165+
font-size: 0.75em;
166+
font-weight: bold;
167+
}
168+
div.cmd-code pre.cmd {
169+
margin: 0;
170+
padding: 5px;
171+
color: #ccc;
172+
font-weight: bold;
173+
background-color: #444;
174+
-webkit-border-radius: 0.5em;
175+
}
176+
pre.cmd, pre.emlist, pre.list, pre.source {
177+
white-space: pre-wrap;
178+
}
179+
180+
/* Image Block */
181+
/* div.image p.caption {}
182+
※captionをそろえた方が良いかも？*/
183+
div.image {
184+
margin: 2em auto;
185+
padding: 0;
186+
}
187+
div.image img {
188+
margin: 0 auto;
189+
padding: 0;
190+
display: block;
191+
}
192+
div.image p.caption {
193+
margin: 0 auto;
194+
text-align: center;
195+
color: #666;
196+
font-size: 0.75em;
197+
font-weight: bold;
198+
text-indent: 0;
199+
}
200+
/* Footnote Block */
201+
/* p.footnoteはいらないかも？ */
202+
div.footnote {
203+
}
204+
div.footnote p.footnote {
205+
color: #666;
206+
line-height: 1.6;
207+
font-size: 0.75em;
208+
text-indent: 0;
209+
}
210+
/* Colophon */
211+
div.colophon {
212+
margin: 3em auto;
213+
}
214+
div.colophon p {
215+
text-indent: 0;
216+
}
217+
div.colophon p.title {
218+
font-size: 1.5em;
219+
}
220+
div.colophon table {
221+
margin: 1em 0 2em;
222+
border: none;
223+
}
224+
div.colophon table tr th {
225+
background-color: #fff;
226+
font-size: 1.2em;
227+
font-weight: normal;
228+
border: none;
229+
}
230+
div.colophon table tr td {
231+
font-size: 1.2em;
232+
font-weight: normal;
233+
border: none;
234+
}
235+
236+
/* Inline */
237+
a[href],
238+
a:link,
239+
a:visited {
240+
border-bottom: 1px dotted #531084;
241+
text-decoration: none;
242+
}
243+
b {
244+
font-weight: bold;
245+
}
246+
strong{
247+
font-weight: bold;
248+
}
249+
em {
250+
font-style: italic;
251+
}

0 commit comments

Comments
 (0)