xref: /template/readthedokus/css/basic.css (revision 0248ae857b49ba8ae7102e98a7ccd27ac739866b) 
1* {
2	box-sizing: border-box;
3	-webkit-box-sizing: border-box;
4	-moz-box-sizing: border-box;
5}
6
7html
8{
9	font-size: 16px;
10	height: 100%;
11	-webkit-text-size-adjust: 100%;
12	-ms-text-size-adjust: 100%
13}
14
15body,html
16{
17	overflow-x: hidden;
18}
19
20body
21{
22    background-color: __background_alt__;
23    color: __text__;
24    font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
25    font-weight: 400;
26	margin: 0;
27    min-height: 100%;
28	-webkit-font-smoothing: antialiased;
29}
30
31a
32{
33	color: __link__;
34	text-decoration: none;
35	cursor: pointer;
36}
37
38a:active,
39a:hover
40{
41	outline: 0
42}
43
44.dokuwiki a.wikilink2:link,
45.dokuwiki a.wikilink2:visited
46{
47    border-bottom: none !important;
48}
49
50h1, h2, h3, h4, h5, h6
51{
52    font-weight: 700;
53    font-family: "Roboto Slab","ff-tisa-web-pro","Georgia","Arial","sans-serif";
54	margin-bottom: 1.5em;
55}
56
57h1
58{
59	font-size: 175%;
60}
61
62h2
63{
64	font-size: 150%;
65}
66
67h3
68{
69	font-size: 125%;
70}
71
72h4
73{
74	font-size: 115%;
75}
76
77h5
78{
79	font-size: 110%;
80}
81
82h6
83{
84	font-size: 100%
85}
86
87dl,
88ol,
89ul
90{
91	margin: 0;
92	padding: 0;
93}
94
95li
96{
97	margin-left: 24px;
98}
99
100dl
101{
102	margin-bottom: 24px;
103}
104
105dl dt
106{
107	font-weight: bold;
108	margin-bottom: 12px;
109}
110
111dl dd
112{
113	margin: 0 0 12px 24px;
114}
115
116pre
117{
118	background-color: __background_code__;
119	border: 1px solid __border_code__;
120	display: block;
121	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
122	font-size: 12px;
123	line-height: 1.4;
124    margin: 1px 0 24px;
125	overflow: auto;
126	padding: 12px;
127	white-space: pre;
128}
129
130code
131{
132	background-color: __background_monospace__;
133	border: 1px solid __border_monospace__;
134	color: __text_monospace__;
135	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
136	font-size: 75%;
137	max-width: 100%;
138	padding: 2px 5px;
139	overflow-x: auto;
140	white-space: nowrap;
141}
142
143hr
144{
145    border: 0;
146    border-top: 1px solid #e1e4e5;
147    display: block;
148    height: 1px;
149    margin: 24px 0;
150    padding: 0;
151}
152
153input[type=text],
154input[type=password],
155input[type=email]
156{
157	border: 1px solid #ccc;
158	display: inline-block;
159	font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
160	font-size: 80%;
161	padding: 6px;
162}
163
164input:focus,
165select:focus,
166textarea:focus,
167button:focus
168{
169    outline: none;
170}
171
172blockquote
173{
174    line-height: 24px;
175    margin-bottom: 24px;
176    margin-left: 24px;
177}
178
179button,
180.btn
181{
182	background-color: __background_button__;
183    border: 1px solid rgba(0,0,0,0.1);
184    border-radius: 2px;
185    box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset;
186    color: __text_button__;
187    cursor: pointer;
188    display: inline-block;
189    font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
190    font-size: 100%;
191    font-weight: normal;
192	height: 35px;
193    line-height: normal;
194    padding: 6px 12px 8px 12px;
195    text-decoration: none;
196    text-align: center;
197    user-select: none;
198    vertical-align: middle;
199    white-space: nowrap;
200    zoom: 1;
201    -webkit-user-drag: none;
202    -webkit-user-select: none;
203    -moz-user-select: none;
204    -ms-user-select: none;
205}
206
207button:hover,
208.btn:hover
209{
210    background-color: __background_button_hover__ !important;
211    color: __text_button_hover__;
212}
213
214main
215{
216	display: block;
217}
218
219table
220{
221	border: solid 1px __border__;
222    border-collapse: collapse;
223    border-spacing: 0;
224	margin-bottom: 24px;
225	width: 100%;
226}
227
228table thead
229{
230    color: #000;
231    text-align: left;
232    vertical-align: bottom;
233    white-space: nowrap;
234}
235
236table th
237{
238    border-bottom: solid 2px __border__;
239	font-weight: bold;
240	padding: 8px 16px;
241}
242
243table td
244{
245	border: solid 1px __border__;
246	padding: 8px 16px;
247}
248
249table tr:nth-child(2n)
250{
251	background-color: #f3f6f6;
252}
253
254sup
255{
256	font-size: 80%;
257	vertical-align: super;
258}
259
260blockquote
261{
262    margin-left: 24px;
263    line-height: 24px;
264    margin-bottom: 24px;
265}
266
267abbr[title], dfn[title] {
268    /* border-bottom: none; */
269    cursor: auto;
270	text-decoration: none;
271}
272
273#__media_query
274{
275	display: none;
276	--media-query: pc;
277}
278
279@media (max-width: __media_query_tb__)
280{
281	#__media_query
282	{
283		--media-query: tb;
284	}
285}
286
287@media (max-width: __media_query_sp__)
288{
289	#__media_query
290	{
291		--media-query: sp;
292	}
293}
294
295#dw__toc .btn-expand img
296{
297	display: none;
298}
299
300#btn-mobilemenu .icon-menu
301{
302	display: none;
303}
304