xref: /template/readthedokus/css/basic.css (revision 5664ad84743506d578ee140b8500d0fa3d5e8445) 
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	margin-top: calc(-1 * __height_header__);
56	padding-top: __height_header__;
57}
58
59h1
60{
61	font-size: 175%;
62}
63
64h2
65{
66	font-size: 150%;
67}
68
69h3
70{
71	font-size: 125%;
72}
73
74h4
75{
76	font-size: 115%;
77}
78
79h5
80{
81	font-size: 110%;
82}
83
84h6
85{
86	font-size: 100%
87}
88
89dl,
90ol,
91ul
92{
93	margin: 0;
94	padding: 0;
95}
96
97li
98{
99	margin-left: 24px;
100}
101
102dl
103{
104	margin-bottom: 24px;
105}
106
107dl dt
108{
109	font-weight: bold;
110	margin-bottom: 12px;
111}
112
113dl dd
114{
115	margin: 0 0 12px 24px;
116}
117
118pre
119{
120	background-color: __background_code__;
121	border: 1px solid __border_code__;
122	display: block;
123	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
124	font-size: 12px;
125	line-height: 1.4;
126    margin: 1px 0 24px;
127	overflow: auto;
128	padding: 12px;
129	white-space: pre;
130}
131
132code
133{
134	background-color: __background_monospace__;
135	border: 1px solid __border_monospace__;
136	color: __text_monospace__;
137	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
138	font-size: 75%;
139	max-width: 100%;
140	padding: 2px 5px;
141	overflow-x: auto;
142	white-space: nowrap;
143}
144
145hr
146{
147    border: 0;
148    border-top: 1px solid #e1e4e5;
149    display: block;
150    height: 1px;
151    margin: 24px 0;
152    padding: 0;
153}
154
155input[type=text],
156input[type=password],
157input[type=email]
158{
159	border: 1px solid #ccc;
160	display: inline-block;
161	font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
162	font-size: 80%;
163	padding: 6px;
164}
165
166input:focus,
167select:focus,
168textarea:focus,
169button:focus
170{
171    outline: none;
172}
173
174blockquote
175{
176    line-height: 24px;
177    margin-bottom: 24px;
178    margin-left: 24px;
179}
180
181button,
182.btn
183{
184	background-color: __background_button__;
185    border: 1px solid rgba(0,0,0,0.1);
186    border-radius: 2px;
187    box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset;
188    color: __text_button__;
189    cursor: pointer;
190    display: inline-block;
191    font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
192    font-size: 100%;
193    font-weight: normal;
194	height: 35px;
195    line-height: normal;
196    padding: 6px 12px 8px 12px;
197    text-decoration: none;
198    text-align: center;
199    user-select: none;
200    vertical-align: middle;
201    white-space: nowrap;
202    zoom: 1;
203    -webkit-user-drag: none;
204    -webkit-user-select: none;
205    -moz-user-select: none;
206    -ms-user-select: none;
207}
208
209button:hover,
210.btn:hover
211{
212    background-color: __background_button_hover__ !important;
213    color: __text_button_hover__;
214}
215
216main
217{
218	display: block;
219}
220
221table
222{
223	margin-bottom: 24px;
224	width: 100%;
225}
226
227table th,
228table td
229{
230	border: solid 1px __border__;
231	padding: 10px;
232}
233
234sup
235{
236	font-size: 80%;
237	vertical-align: super;
238}
239
240#__media_query
241{
242	display: none;
243	--media-query: pc;
244}
245
246@media (max-width: __media_query_tb__)
247{
248	#__media_query
249	{
250		--media-query: tb;
251	}
252}
253
254@media (max-width: __media_query_sp__)
255{
256	#__media_query
257	{
258		--media-query: sp;
259	}
260}
261
262#dw__toc .btn-expand img
263{
264	display: none;
265}
266
267#btn-mobilemenu .icon-menu
268{
269	display: none;
270}
271