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