Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
875 lars 1 
 
2 
@import url(http://fonts.googleapis.com/css?family=Raleway:100);
3 
 
4 
body {
5 
	font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Arial, Helvetica, sans-serif;
6 
	margin: 0;
7 
	padding: 0;
8 
	color: #333;
9 
	background-color: #fff;
10 
}
11 
 
12 
body.dt-example-bootstrap {
13 
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
14 
	font-size: 14px;
15 
	line-height: 1.42857143;
16 
}
17 
 
18 
div.container {
19 
	max-width: 980px;
20 
	margin: 0 auto;
21 
}
22 
 
23 
h1 {
24 
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'Raleway', 'Helvetica Neue', Arial, Helvetica, sans-serif;
25 
    font-weight: 100;
26 
    letter-spacing: 1px;
27 
	font-size: 3em;
28 
	line-height: 1em;
29 
}
30 
 
31 
h1 span {
32 
	font-size: 0.5em;
33 
	line-height: 1em;
34 
}
35 
 
36 
a {
37 
	cursor: pointer;
38 
	color: #3174c7;
39 
	text-decoration: none;
40 
}
41 
 
42 
p > a:hover {
43 
	text-decoration: underline;
44 
}
45 
 
46 
div.toc ul {
47 
	color: #4E6CA3;
48 
	list-style-type: none;
49 
	padding-left: 0;
50 
}
51 
 
52 
div.toc li {
53 
	padding: 0.2em 1em;
54 
	border-left: 4px solid transparent;
55 
	border-bottom: 1px solid #e6e6e6;
56 
}
57 
 
58 
div.toc li.active {
59 
	border-left: 4px solid #458ae0;
60 
}
61 
 
62 
 
63 
div.toc li:first-child {
64 
	border-top: 1px solid #efefef;
65 
}
66 
 
67 
div.toc li:last-child {
68 
	border-bottom: 1px solid #efefef;
69 
}
70 
 
71 
 
72 
div.epilogue {
73 
	text-align: center;
74 
}
75 
 
76 
p.copyright {
77 
	font-size: 0.8em;
78 
	padding-bottom: 2em;
79 
	margin-bottom: 0;
80 
}
81 
 
82 
.clear {
83 
	clear: both;
84 
	height: 0;
85 
}
86 
 
87 
 
88 
div.info {
89 
	margin-bottom: 2em;
90 
 
91 
	-webkit-column-count: 2;
92 
	   -moz-column-count: 2;
93 
	    -ms-column-count: 2;
94 
	     -o-column-count: 2;
95 
	column-count: 2;
96 
 
97 
 
98 
	-webkit-column-rule: 1px solid #F3F3F3;
99 
	   -moz-column-rule: 1px solid #F3F3F3;
100 
	    -ms-column-rule: 1px solid #F3F3F3;
101 
	     -o-column-rule: 1px solid #F3F3F3;
102 
	column-rule: 1px solid #F3F3F3;
103 
}
104 
 
105 
div.info > * {
106 
	-webkit-column-break-inside: avoid;
107 
	break-inside: avoid;
108 
}
109 
 
110 
div.info li {
111 
	margin-top: 0.75em;
112 
}
113 
 
114 
div.info p:first-child {
115 
	margin-top: 0;
116 
}
117 
 
118 
div.footer {
119 
	position: relative;
120 
	margin-top: 3em;
121 
	border-top: 1px solid #999;
122 
	background-color: #eee;
123 
}
124 
 
125 
div.footer > div.liner {
126 
	max-width: 960px;
127 
	margin: 0 auto;
128 
}
129 
 
130 
div.footer > div.gradient {
131 
	position: absolute;
132 
	top: 0;
133 
	left: 0;
134 
	width: 100%;
135 
	height: 6px;
136 
 
137 
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
138 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
139 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
140 
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
141 
	background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
142 
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
143 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
144 
}
145 
 
146 
div.toc {
147 
	-webkit-column-count: 2;
148 
	   -moz-column-count: 2;
149 
	    -ms-column-count: 2;
150 
	     -o-column-count: 2;
151 
	column-count: 2;
152 
}
153 
 
154 
div.toc-group {
155 
	display: inline-block;
156 
	width: 100%;
157 
}
158 
 
159 
div.box {
160 
	overflow: auto;
161 
	height: 8em;
162 
	padding: 1em;
163 
	color: #444;
164 
	background-color: #fcfcfc;
165 
	border: 1px solid #e0e0e0;
166 
	margin-bottom: 2em;
167 
}
168 
 
169 
 
170 
code {
171 
	font-family: "Source Code Pro", Consolas, Menlo, Monaco, "Courier New", monospace;
172 
	padding: 1px 4px;
173 
	font-size: 0.8em;
174 
 
175 
	color: #444;
176 
	background-color: #fcfcfc;
177 
 
178 
	border: 1px solid #e0e0e0;
179 
	-webkit-border-radius: 3px;
180 
	   -moz-border-radius: 3px;
181 
	        border-radius: 3px;
182 
}
183 
 
184 
code:after {
185 
	display: inline-block;
186 
	border-left: 1px solid rgba( 0, 0, 0, 0.2 );
187 
	margin-left: 4px;
188 
	padding-left: 4px;
189 
	opacity: 0.5;
190 
}
191 
 
192 
a code {
193 
	text-decoration: underline;
194 
}
195 
 
196 
code.option {
197 
	color: #D14; /* red */
198 
	background-color: #fcf6f8;
199 
	border: 1px solid #f7d6df;
200 
	white-space: nowrap;
201 
}
202 
code.option:after { content: 'Option'; }
203 
 
204 
code.path {
205 
	color: #095c05; /* dark green */
206 
	background-color: #eef7ed;
207 
	border: 1px solid #8ccb89;
208 
	white-space: nowrap;
209 
}
210 
code.path:after { content: 'Path'; }
211 
 
212 
code.tag {
213 
	color: #c29f00; /* yellow */
214 
	background-color: #fff9d7;
215 
	border: 1px solid #ffe700;
216 
	white-space: nowrap;
217 
}
218 
code.tag:after { content: 'Tag'; }
219 
 
220 
code.api {
221 
	color: #0c199c; /* dark blue */
222 
	background-color: #f4f5fc;
223 
	border: 1px solid #c6cbe9;
224 
	white-space: nowrap;
225 
}
226 
code.api:after { content: 'API'; }
227 
 
228 
code.type {
229 
	color: #d119cf; /* pink */
230 
	background-color: #faebfa;
231 
	border: 1px solid #f3aef2;
232 
	white-space: nowrap;
233 
}
234 
code.type:after { content: 'Type'; }
235 
 
236 
code.event {
237 
	color: #2a839e; /* deep aqua */
238 
	background-color: #f5fafb;
239 
	border: 1px solid #a8ddec;
240 
	white-space: nowrap;
241 
}
242 
code.event:after { content: 'Event'; }
243 
 
244 
code.string {
245 
	color: #c05f1d; /* brown */
246 
	background-color: #f5eee9;
247 
	border: 1px solid #dfc4b2;
248 
	white-space: nowrap;
249 
}
250 
code.string:after { content: 'String'; }
251 
 
252 
code.field {
253 
	color: #ad1ee8; /* purple */
254 
	background-color: #f9f1fc;
255 
	border: 1px solid #ebc9f7;
256 
	white-space: nowrap;
257 
}
258 
code.field:after { content: 'Field'; }
259 
 
260 
code.button {
261 
	color: #464e50; /* grey */
262 
	background-color: #f2f7f9;
263 
	border: 1px solid #b8c3c5;
264 
	white-space: nowrap;
265 
}
266 
code.button:after { content: 'Button'; }
267 
 
268 
code.multiline {
269 
	display: inline-block;
270 
	width: 95%;
271 
}
272 
 
273 
div.syntaxhighlighter code:after {
274 
	display: none;
275 
}
276 
 
277 
 
278 
ul.tabs {
279 
	position: relative;
280 
	top: 1px;
281 
	height: 40px;
282 
	margin: 20px 20px 0 0;
283 
}
284 
 
285 
 
286 
ul.tabs li {
287 
	display: block;
288 
	float: left;
289 
	padding: 0 15px;
290 
	height: 40px;
291 
	font-size: 1.2em;
292 
	margin: 0 5px;
293 
	cursor: pointer;
294 
	line-height: 40px;
295 
	color: #121e32;
296 
	border: 1px solid white;
297 
	border-bottom: none;
298 
	margin-top: -1px;
299 
}
300 
 
301 
ul.tabs li.active {
302 
	border: 1px solid #ccc;
303 
	border-bottom: 1px solid white;
304 
	margin-top: 0;
305 
	border-top-left-radius: 5px;
306 
	border-top-right-radius: 5px;
307 
}
308 
 
309 
ul.tabs li:hover {
310 
	background-color: #fafafa;
311 
}
312 
 
313 
ul.tabs li.active:hover {
314 
	background-color: white;
315 
}
316 
 
317 
div.tabs {
318 
	clear: both;
319 
	margin-top: -1px;
320 
}
321 
 
322 
div.tabs>div {
323 
	padding: 15px;
324 
	border: 1px solid #ccc;
325 
	display: none;
326 
	border-radius: 5px;
327 
	box-shadow: 2px 2px 2px #bbb;
328 
}
329 
 
330 
div.tabs>div h1 {
331 
	border-bottom: none;
332 
	margin-top: 1em;
333 
}
334 
 
335 
div.tabs > div > p:first-child {
336 
	margin-top: 0;
337 
}
338 
 
339 
div.column_half {
340 
	float: left;
341 
	width: 49%;
342 
	padding-right: 1%;
343 
}
344 
 
345 
 
346 
@media only screen and (max-width : 979px) {
347 
	div.container,
348 
	div.footer {
349 
		padding: 0 1em;
350 
	}
351 
}
352 
 
353 
@media
354 
	screen and (max-width : 767px),
355 
	screen and (max-width : 768px) and (orientation: portrait) {
356 
	div.info {
357 
		-webkit-column-count: 1;
358 
		   -moz-column-count: 1;
359 
		    -ms-column-count: 1;
360 
		     -o-column-count: 1;
361 
		column-count: 1;
362 
	}
363 
 
364 
	div.toc {
365 
		-webkit-column-count: 1;
366 
		   -moz-column-count: 1;
367 
		    -ms-column-count: 1;
368 
		     -o-column-count: 1;
369 
		column-count: 1;
370 
	}
371 
 
372 
	h1 span {
373 
		display: block;
374 
	}
375 
}
376