xref: /template/readthedokus/css/basic.css (revision 3c55d7e570d638c6aab19871d3d46e5e6e24fda6) 
1* {
2	box-sizing: border-box;
3	-webkit-box-sizing: border-box;
4	-moz-box-sizing: border-box;
5}
6
7html {
8	font-size: 16px;
9	height: 100%;
10	-webkit-text-size-adjust: 100%;
11	-ms-text-size-adjust: 100%
12}
13
14body,html {
15	overflow-x: hidden;
16}
17
18body {
19    color: #404040;
20    font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
21    font-weight: 400;
22	margin: 0;
23    min-height: 100%;
24    background: #edf0f2;
25}
26
27a:active,
28a:hover {
29	outline: 0
30}
31
32h1 {
33	font-size: 175%;
34}
35
36h1, h2, h3, h4, h5, h6, legend {
37    margin-top: 0;
38    font-weight: 700;
39    font-family: "Roboto Slab","ff-tisa-web-pro","Georgia","Arial","sans-serif";
40}
41
42h1 {
43	font-size: 175%;
44	margin: 0.83em 0;
45}
46
47h2 {
48	font-size: 150%;
49	margin: 0.83em 0;
50}
51
52h3 {
53	font-size: 125%;
54	margin: 0.83em 0;
55}
56
57h4 {
58	font-size: 115%;
59	margin: 0.83em 0;
60}
61
62h5 {
63	font-size: 110%;
64	margin: 0.83em 0;
65}
66
67h6 {
68	font-size: 100%
69}
70
71p {
72	line-height: 24px;
73	margin: 0 0 24px;
74}
75
76a {
77	color: #2980B9;
78	text-decoration: none;
79	cursor: pointer;
80}
81
82.dokuwiki a.wikilink2:link,
83.dokuwiki a.wikilink2:visited {
84    border-bottom: none !important;
85}
86
87dl,
88ol,
89ul
90{
91	margin: 0;
92	padding: 0;
93	list-style: none;
94	list-style-image: none;
95}
96
97li {
98	list-style: none
99}
100
101pre {
102	font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,Courier,monospace;
103	font-size: 12px;
104	line-height: 1.4;
105}
106
107pre {
108	white-space: pre;
109	margin: 0;
110	padding: 12px;
111	display: block;
112	overflow: auto;
113}
114
115pre {
116	background-color: #f8f8f8;
117}
118
119pre {
120	border: 1px solid #e1e4e5;
121    overflow-x: auto;
122    margin: 1px 0 24px;
123}
124
125code {
126	white-space: nowrap;
127	max-width: 100%;
128	background: #fff;
129	border: 1px solid #e1e4e5;
130	font-size: 75%;
131	padding: 2px 5px;
132	font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
133	color: #e74c3c;
134	overflow-x: auto
135}
136
137input:focus,
138select:focus,
139textarea:focus,
140button:focus {
141	    outline: none;
142	}
143
144hr {
145    display: block;
146    height: 1px;
147    border: 0;
148    border-top: 1px solid #e1e4e5;
149    margin: 24px 0;
150    padding: 0;
151}
152
153input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
154	-webkit-appearance: none;
155	padding: 6px;
156	display: inline-block;
157	border: 1px solid #ccc;
158	font-size: 80%;
159	font-family: Lato,proxima-nova,Helvetica Neue,Arial,sans-serif;
160	box-shadow: inset 0 1px 3px #ddd;
161	border-radius: 0;
162	-webkit-transition: border .3s linear;
163	-moz-transition: border .3s linear;
164	transition: border .3s linear;
165	-webkit-font-smoothing: antialiased;
166}
167
168blockquote {
169    margin-left: 24px;
170    line-height: 24px;
171    margin-bottom: 24px;
172}
173
174button, .btn {
175	background-color: #f3f6f6;
176    color: #404040;
177
178    display: inline-block;
179    border-radius: 2px;
180    line-height: normal;
181    white-space: nowrap;
182    text-align: center;
183    cursor: pointer;
184    font-size: 100%;
185    padding: 6px 12px 8px 12px;
186    border: 1px solid rgba(0,0,0,0.1);
187    text-decoration: none;
188    font-weight: normal;
189    font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
190    box-shadow: 0px 1px 2px -1px rgb(255,255,255,.5) inset, 0px -2px 0px 0px rgb(0,0,0,.1) inset;
191    outline-none: false;
192    vertical-align: middle;
193    zoom: 1;
194    -webkit-user-drag: none;
195    -webkit-user-select: none;
196    -moz-user-select: none;
197    -ms-user-select: none;
198    user-select: none;
199    -webkit-transition: all .1s linear;
200    -moz-transition: all .1s linear;
201    transition: all .1s linear;
202	height: 35px;
203}
204
205.btn:hover {
206    background-color: #e5ebeb !important;
207    color: #404040;
208}
209
210.visible {
211	display: block !important;
212}
213
214.invisible {
215	display: none;
216}
217
218/*
219@font-face {
220font-family: Lato;
221src: url() format("woff2"), url() format("woff");
222font-weight: 400;
223font-style: normal;
224font-display: block
225}
226
227@font-face {
228font-family: Lato;
229src: url(fonts/lato-bold.woff2) format("woff2"), url(fonts/lato-bold.woff) format("woff");
230font-weight: 700;
231font-style: normal;
232font-display: block
233}
234
235@font-face {
236font-family: Lato;
237src: url(fonts/lato-bold-italic.woff2) format("woff2"), url(fonts/lato-bold-italic.woff) format("woff");
238font-weight: 700;
239font-style: italic;
240font-display: block
241}
242
243@font-face {
244font-family: Lato;
245src: url(fonts/lato-normal-italic.woff2) format("woff2"), url(fonts/lato-normal-italic.woff) format("woff");
246font-weight: 400;
247font-style: italic;
248font-display: block
249}
250
251@font-face {
252font-family: Roboto Slab;
253font-style: normal;
254font-weight: 400;
255src: url(fonts/Roboto-Slab-Regular.woff2) format("woff2"), url(fonts/Roboto-Slab-Regular.woff) format("woff");
256font-display: block
257}
258
259@font-face {
260font-family: Roboto Slab;
261font-style: normal;
262font-weight: 700;
263src: url(fonts/Roboto-Slab-Bold.woff2) format("woff2"), url(fonts/Roboto-Slab-Bold.woff) format("woff");
264font-display: block
265}
266*/
267