xref: /template/readthedokus/css/basic.css (revision e690c96be4c4860bfdeaa8f9e064ac7215104317) 
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: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: 700;
108	margin-bottom: 12px;
109}
110
111dl dd
112{
113	margin: 0 0 12px 24px;
114}
115
116dl.file dd
117{
118	margin-left: 0;
119}
120
121dl.file dt
122{
123	font-size: 80%;
124	margin-left: 0;
125	margin-bottom: 8px;
126}
127pre
128{
129	background-color: __background_code__;
130	border: 1px solid __border_code__;
131	display: block;
132	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
133	font-size: 12px;
134	line-height: 1.4;
135    margin: 1px 0 24px;
136	overflow: auto;
137	padding: 12px;
138	white-space: pre;
139}
140
141code
142{
143	background-color: __background_monospace__;
144	border: 1px solid __border_monospace__;
145	color: __text_monospace__;
146	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
147	font-size: 75%;
148	max-width: 100%;
149	padding: 2px 5px;
150	overflow-x: auto;
151	white-space: nowrap;
152}
153
154hr
155{
156    border: 0;
157    border-top: 1px solid #e1e4e5;
158    display: block;
159    height: 1px;
160    margin: 24px 0;
161    padding: 0;
162}
163
164input[type=text],
165input[type=password],
166input[type=email]
167{
168	border: 1px solid #ccc;
169	display: inline-block;
170	font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
171	font-size: 80%;
172	padding: 6px;
173}
174
175input:focus,
176select:focus,
177textarea:focus,
178button:focus
179{
180    outline: none;
181}
182
183blockquote
184{
185    line-height: 24px;
186    margin-bottom: 24px;
187    margin-left: 24px;
188}
189
190button,
191.btn
192{
193	background-color: __background_button__;
194    border: 1px solid rgba(0,0,0,0.1);
195    border-radius: 2px;
196    box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset;
197    color: __text_button__;
198    cursor: pointer;
199    display: inline-block;
200    font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
201    font-size: 100%;
202    font-weight: 400;
203	height: 35px;
204    line-height: normal;
205    padding: 6px 12px 8px 12px;
206    text-decoration: none;
207    text-align: center;
208    user-select: none;
209    vertical-align: middle;
210    white-space: nowrap;
211    zoom: 1;
212    -webkit-user-drag: none;
213    -webkit-user-select: none;
214    -moz-user-select: none;
215    -ms-user-select: none;
216}
217
218button:hover,
219.btn:hover
220{
221    background-color: __background_button_hover__ !important;
222    color: __text_button_hover__;
223}
224
225main
226{
227	display: block;
228}
229
230table
231{
232	border: solid 1px __border__;
233    border-collapse: collapse;
234    border-spacing: 0;
235	line-height: 18px;
236	margin-bottom: 24px;
237	width: 100%;
238}
239
240table thead
241{
242    color: #000;
243    text-align: left;
244    vertical-align: bottom;
245    white-space: nowrap;
246}
247
248table th
249{
250    border-bottom: solid 2px __border__;
251	font-weight: 700;
252	padding: 8px 16px 24px;
253}
254
255table td
256{
257	border: solid 1px __border__;
258	line-height: 18px;
259	padding: 8px 16px;
260}
261
262table tr:nth-child(2n)
263{
264	background-color: #f3f6f6;
265}
266
267sup
268{
269	font-size: 80%;
270	vertical-align: super;
271}
272
273blockquote
274{
275    margin-left: 24px;
276    line-height: 24px;
277    margin-bottom: 24px;
278}
279
280abbr[title], dfn[title] {
281    /* border-bottom: none; */
282    cursor: auto;
283	text-decoration: none;
284}
285
286header
287{
288	height: __height_header__;
289}
290
291footer
292{
293	height: __height_footer__
294}
295
296.visible
297{
298	display: block;
299}
300
301.invisible
302{
303	display: none;
304}
305
306#__media_query
307{
308	display: none;
309	--media-query: pc;
310}
311
312/* IE11 workaround */
313body[data-useragent*='Trident'] #__media_query
314{
315	-media-query: pc;
316}
317
318@media (max-width: __media_query_tb__)
319{
320	#__media_query
321	{
322		--media-query: tb;
323	}
324
325	/* IE11 workaround */
326	body[data-useragent*='Trident'] #__media_query
327	{
328		-media-query: tb;
329	}
330}
331
332@media (max-width: __media_query_sp__)
333{
334	#__media_query
335	{
336		--media-query: sp;
337	}
338
339	/* IE11 workaround */
340	body[data-useragent*='Trident'] #__media_query
341	{
342		-media-query: sp;
343	}
344}
345