xref: /template/readthedokus/css/basic.css (revision bac67fde01be3880cd7b729ab3fd7040de8ffc29) 
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: __missing__;
47	text-decoration: underline __missing__ 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	clear: left;
59    font-weight: 700;
60    font-family: "Roboto Slab","ff-tisa-web-pro","Georgia","Arial","sans-serif";
61	margin-bottom: 1.5em;
62}
63
64h1
65{
66	font-size: 175%;
67}
68
69h2
70{
71	font-size: 150%;
72}
73
74h3
75{
76	font-size: 125%;
77}
78
79h4
80{
81	font-size: 115%;
82}
83
84h5
85{
86	font-size: 110%;
87}
88
89h6
90{
91	font-size: 100%
92}
93
94dl,
95ol,
96ul
97{
98	margin: 0;
99	padding: 0;
100}
101
102li
103{
104	margin-left: 24px;
105}
106
107dl
108{
109	margin-bottom: 24px;
110}
111
112dl dt
113{
114	font-weight: 700;
115	margin-bottom: 12px;
116}
117
118dl dd
119{
120	margin: 0 0 12px 24px;
121}
122
123dl.file dd
124{
125	margin-left: 0;
126}
127
128dl.file dt
129{
130	font-size: 80%;
131	margin-left: 0;
132	margin-bottom: 8px;
133}
134
135pre
136{
137	background-color: __background_code__;
138	border: 1px solid __border_code__;
139	display: block;
140	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
141	font-size: 12px;
142	line-height: 1.4;
143    margin: 1px 0 24px;
144	overflow: auto;
145	padding: 12px;
146	white-space: pre;
147}
148
149hr
150{
151    border: 0;
152    border-top: 1px solid #e1e4e5;
153    display: block;
154    height: 1px;
155    margin: 24px 0;
156    padding: 0;
157}
158
159input[type=text],
160input[type=password],
161input[type=email]
162{
163	border: 1px solid #ccc;
164	display: inline-block;
165	font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
166	font-size: 80%;
167	padding: 6px;
168}
169
170input:focus,
171select:focus,
172textarea:focus,
173button:focus
174{
175    outline: none;
176}
177
178.qq-upload-button,
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: 400;
192	height: 35px;
193    line-height: normal;
194    padding: 5px 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	line-height: 18px;
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: 700;
240	padding: 8px 16px 24px;
241}
242
243table td
244{
245	border: solid 1px __border__;
246	line-height: 18px;
247	padding: 8px 16px;
248}
249
250table tr:nth-child(2n)
251{
252	background-color: #f3f6f6;
253}
254
255sub,
256sup {
257    font-size: .8em;
258    line-height: 1;
259}
260
261sub {
262    vertical-align: sub;
263}
264
265sup {
266    vertical-align: super;
267}
268
269blockquote {
270    padding: 0 .5em;
271    border: solid @ini_border;
272    border-width: 0 0 0 .25em;
273    line-height: 24px;
274    margin-bottom: 24px;
275}
276
277[dir=rtl] blockquote {
278    border-width: 0 .25em 0 0;
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