xref: /template/readthedokus/css/basic.css (revision 544ef28a5d3c2d669b7508dd75ec60f068a76e6a) 
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	line-height: 18px;
225	margin-bottom: 24px;
226	width: 100%;
227}
228
229table thead
230{
231    color: #000;
232    text-align: left;
233    vertical-align: bottom;
234    white-space: nowrap;
235}
236
237table th
238{
239    border-bottom: solid 2px __border__;
240	font-weight: bold;
241	padding: 8px 16px 24px;
242}
243
244table td
245{
246	border: solid 1px __border__;
247	line-height: 18px;
248	padding: 8px 16px;
249}
250
251table tr:nth-child(2n)
252{
253	background-color: #f3f6f6;
254}
255
256sup
257{
258	font-size: 80%;
259	vertical-align: super;
260}
261
262blockquote
263{
264    margin-left: 24px;
265    line-height: 24px;
266    margin-bottom: 24px;
267}
268
269abbr[title], dfn[title] {
270    /* border-bottom: none; */
271    cursor: auto;
272	text-decoration: none;
273}
274
275header
276{
277	height: __height_header__;
278}
279
280footer
281{
282	height: __height_footer__
283}
284
285.visible
286{
287	display: block;
288}
289
290.invisible
291{
292	display: none;
293}
294
295#__media_query
296{
297	display: none;
298	--media-query: pc;
299}
300
301/* IE11 workaround */
302body[data-useragent*='Trident'] #__media_query
303{
304	-media-query: pc;
305}
306
307@media (max-width: __media_query_tb__)
308{
309	#__media_query
310	{
311		--media-query: tb;
312	}
313
314	/* IE11 workaround */
315	body[data-useragent*='Trident'] #__media_query
316	{
317		-media-query: tb;
318	}
319}
320
321@media (max-width: __media_query_sp__)
322{
323	#__media_query
324	{
325		--media-query: sp;
326	}
327
328	/* IE11 workaround */
329	body[data-useragent*='Trident'] #__media_query
330	{
331		-media-query: sp;
332	}
333}
334