xref: /template/readthedokus/css/basic.css (revision 6e65f60f7227f439b7adc49a502989ba1eba8009) 
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	padding: 8px 16px;
248}
249
250table tr:nth-child(2n)
251{
252	background-color: #f3f6f6;
253}
254
255sup
256{
257	font-size: 80%;
258	vertical-align: super;
259}
260
261blockquote
262{
263    margin-left: 24px;
264    line-height: 24px;
265    margin-bottom: 24px;
266}
267
268abbr[title], dfn[title] {
269    /* border-bottom: none; */
270    cursor: auto;
271	text-decoration: none;
272}
273
274.visible
275{
276	display: block;
277}
278
279.invisible
280{
281	display: none;
282}
283
284#__media_query
285{
286	display: none;
287	--media-query: pc;
288}
289
290@media (max-width: __media_query_tb__)
291{
292	#__media_query
293	{
294		--media-query: tb;
295	}
296}
297
298@media (max-width: __media_query_sp__)
299{
300	#__media_query
301	{
302		--media-query: sp;
303	}
304}
305
306#dw__toc .btn-expand img
307{
308	display: none;
309}
310
311#btn-mobilemenu .icon-menu
312{
313	display: none;
314}
315