xref: /template/readthedokus/css/basic.css (revision 302bd5abd75637a9dd485907c4f8b31caea0b763) 
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,"Font Awesome 5 Free";
25    font-weight: 400;
26	margin: 0;
27    min-height: 100%;
28	overflow-y: hidden;
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
45{
46	color: gray;
47	text-decoration: underline gray 1px dashed !important;
48}
49
50.dokuwiki a.wikilink2:link,
51.dokuwiki a.wikilink2:visited
52{
53    border-bottom: none !important;
54}
55
56h1, h2, h3, h4, h5, h6
57{
58    font-weight: 700;
59    font-family: "Roboto Slab","ff-tisa-web-pro","Georgia","Arial","sans-serif";
60	margin-bottom: 1.5em;
61}
62
63h1
64{
65	font-size: 175%;
66}
67
68h2
69{
70	font-size: 150%;
71}
72
73h3
74{
75	font-size: 125%;
76}
77
78h4
79{
80	font-size: 115%;
81}
82
83h5
84{
85	font-size: 110%;
86}
87
88h6
89{
90	font-size: 100%
91}
92
93dl,
94ol,
95ul
96{
97	margin: 0;
98	padding: 0;
99}
100
101li
102{
103	margin-left: 24px;
104}
105
106dl
107{
108	margin-bottom: 24px;
109}
110
111dl dt
112{
113	font-weight: 700;
114	margin-bottom: 12px;
115}
116
117dl dd
118{
119	margin: 0 0 12px 24px;
120}
121
122dl.file dd
123{
124	margin-left: 0;
125}
126
127dl.file dt
128{
129	font-size: 80%;
130	margin-left: 0;
131	margin-bottom: 8px;
132}
133
134pre
135{
136	background-color: __background_code__;
137	border: 1px solid __border_code__;
138	display: block;
139	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
140	font-size: 12px;
141	line-height: 1.4;
142    margin: 1px 0 24px;
143	overflow: auto;
144	padding: 12px;
145	white-space: pre;
146}
147
148code
149{
150	background-color: __background_monospace__;
151	border: 1px solid __border_monospace__;
152	color: __text_monospace__;
153	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
154	font-size: 75%;
155	max-width: 100%;
156	padding: 2px 5px;
157	overflow-x: auto;
158	white-space: nowrap;
159}
160
161hr
162{
163    border: 0;
164    border-top: 1px solid #e1e4e5;
165    display: block;
166    height: 1px;
167    margin: 24px 0;
168    padding: 0;
169}
170
171input[type=text],
172input[type=password],
173input[type=email]
174{
175	border: 1px solid #ccc;
176	display: inline-block;
177	font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
178	font-size: 80%;
179	padding: 6px;
180}
181
182input:focus,
183select:focus,
184textarea:focus,
185button:focus
186{
187    outline: none;
188}
189
190blockquote
191{
192    line-height: 24px;
193    margin-bottom: 24px;
194    margin-left: 24px;
195}
196
197.qq-upload-button,
198button,
199.btn
200{
201	background-color: __background_button__;
202    border: 1px solid rgba(0,0,0,0.1);
203    border-radius: 2px;
204    box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset;
205    color: __text_button__;
206    cursor: pointer;
207    display: inline-block;
208    font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
209    font-size: 100%;
210    font-weight: 400;
211	height: 35px;
212    line-height: normal;
213    padding: 5px 12px 8px 12px;
214    text-decoration: none;
215    text-align: center;
216    user-select: none;
217    vertical-align: middle;
218    white-space: nowrap;
219    zoom: 1;
220    -webkit-user-drag: none;
221    -webkit-user-select: none;
222    -moz-user-select: none;
223    -ms-user-select: none;
224}
225
226button:hover,
227.btn:hover
228{
229    background-color: __background_button_hover__ !important;
230    color: __text_button_hover__;
231}
232
233main
234{
235	display: block;
236}
237
238table
239{
240	border: solid 1px __border__;
241    border-collapse: collapse;
242    border-spacing: 0;
243	line-height: 18px;
244	margin-bottom: 24px;
245	width: 100%;
246}
247
248table thead
249{
250    color: #000;
251    text-align: left;
252    vertical-align: bottom;
253    white-space: nowrap;
254}
255
256table th
257{
258    border-bottom: solid 2px __border__;
259	font-weight: 700;
260	padding: 8px 16px 24px;
261}
262
263table td
264{
265	border: solid 1px __border__;
266	line-height: 18px;
267	padding: 8px 16px;
268}
269
270table tr:nth-child(2n)
271{
272	background-color: #f3f6f6;
273}
274
275sup
276{
277	font-size: 80%;
278	vertical-align: super;
279}
280
281blockquote
282{
283    margin-left: 24px;
284    line-height: 24px;
285    margin-bottom: 24px;
286}
287
288abbr[title], dfn[title] {
289    /* border-bottom: none; */
290    cursor: auto;
291	text-decoration: none;
292}
293
294header
295{
296	height: __height_header__;
297}
298
299footer
300{
301	height: __height_footer__
302}
303
304.visible
305{
306	display: block;
307}
308
309.invisible
310{
311	display: none;
312}
313
314#__media_query
315{
316	display: none;
317	--media-query: pc;
318}
319
320/* IE11 workaround */
321body[data-useragent*='Trident'] #__media_query
322{
323	-media-query: pc;
324}
325
326@media (max-width: __media_query_tb__)
327{
328	#__media_query
329	{
330		--media-query: tb;
331	}
332
333	/* IE11 workaround */
334	body[data-useragent*='Trident'] #__media_query
335	{
336		-media-query: tb;
337	}
338}
339
340@media (max-width: __media_query_sp__)
341{
342	#__media_query
343	{
344		--media-query: sp;
345	}
346
347	/* IE11 workaround */
348	body[data-useragent*='Trident'] #__media_query
349	{
350		-media-query: sp;
351	}
352}
353