Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1
/* Owl Carousel Bootstrap Custom CSS */
2
 
3
/* Header Navigation */
4
#top-nav{
5
	border-bottom: 1px solid #e1e6dd;
6
	background: #FFF;
7
	-webkit-transform: translateZ(0)
8
 
9
}
10
#top-nav.navbar{
11
	margin-bottom: 0px;
12
 
13
}
14
#top-nav.navbar .nav{
15
	margin: 8px 0px;
16
}
17
 
18
#top-nav.navbar .nav > li > a {
19
	padding: 6px 12px;
20
	margin: 0px;
21
	text-transform: uppercase;
22
	font-weight: 400;
23
 
24
	-webkit-transition: background-color 200ms ease;
25
	-moz-transition: background-color 200ms ease;
26
	-o-transition: background-color 200ms ease;
27
	transition: background-color 200ms ease;
28
}
29
#top-nav.navbar .nav > li > a.download{
30
	-webkit-border-radius: 3px;
31
	-moz-border-radius: 3px;
32
	border-radius: 3px;
33
}
34
 
35
#top-nav.navbar .nav > li > a.download-on{
36
	background-color: #ff8a3c;
37
	color: #ffffff;
38
}
39
#top-nav.navbar .nav > li > a.download-on:hover{
40
	color: #ffffff;
41
	background-color: #ff7920;
42
}
43
.btn-navbar span.icon-bar{
44
	margin-top: 0px;
45
}
46
 
47
/* Header  */
48
 
49
#header{
50
	background: #f1f1f1;
51
	padding: 100px 0 100px;
52
}
53
#header h1{
54
	color: #7fc242;
55
	margin-bottom: 10px;
56
	margin-top: 40px;
57
}
58
#header h3{
59
	margin-bottom: 30px;
60
	width: 400px;
61
}
62
#header .btn-success {
63
	padding: 15px 30px;
64
	margin-bottom: 5px;
65
}
66
#header .logo{
67
	display: block;
68
	margin-top:60px;
69
	float: right
70
}
71
img.arrow-down{
72
	margin: 0 auto;
73
	display: block;
74
}
75
h1{
76
	margin-top: 80px;
77
}
78
 
79
pre.pre-show{
80
	margin: 40px 0px;
81
 
82
}
83
.tab-content pre.pre-show{
84
	margin: 0px 0px 0px 0px;
85
}
86
.nav-tabs{
87
	margin-top: 20px;
88
	margin-bottom: 0px;
89
 
90
}
91
.tab-content{
92
	border-left: 1px solid #ddd;
93
	border-right: 1px solid #ddd;
94
	border-bottom: 1px solid #ddd;
95
	-webkit-border-radius: 0px 0px 4px 4px;
96
	-moz-border-radius: 0px 0px 4px 4px;
97
	border-radius: 0px 0px 4px 4px;
98
 
99
}
100
/* Content */
101
.table th, .table td {
102
padding: 8px 12px;
103
}
104
 
105
/* Footer */
106
 
107
#footer{
108
	padding: 20px 0px;
109
	background: #f3f3f3;
110
	text-align: center
111
}
112
.twitter-share-button{
113
	top: 4px;
114
	position: relative;
115
}
116
 
117
/* Demo Slides */
118
 
119
#owl-example .item{
120
	padding: 30px 0px;
121
	margin: 10px;
122
	color: #FFF;
123
	-webkit-border-radius: 3px;
124
	-moz-border-radius: 3px;
125
	border-radius: 3px;
126
	text-align: center;
127
}
128
#owl-example .item img{
129
	width: auto;
130
	margin: 0 auto;
131
	display: block;
132
}
133
#owl-example .item h3{
134
	font-size: 28px;
135
	font-weight: 300;
136
	margin: 25px 0 0;
137
}
138
#owl-example .item h4{
139
	margin: 5px 0 0;
140
	font-size: 18px;
141
}
142
.item h1{
143
	margin: inherit;
144
}
145
 
146
.orange{
147
	background: #ff8a3c;
148
}
149
.darkCyan{
150
	background: #42bdc2;
151
}
152
.forestGreen{
153
	background: #7fc242;
154
}
155
.yellow {
156
	background: #ffd800;
157
}
158
.dodgerBlue {
159
	background: #388bd1;
160
}
161
.skyBlue {
162
	background: #a1def8;
163
}
164
.zombieGreen {
165
	background: #3fbf79;
166
}
167
.violet {
168
	background: #db6ac5;
169
}
170
.yellowLight {
171
	background: #fee664;
172
}
173
.steelGray {
174
	background: #cad3d0;
175
}
176
 
177
/* More Demo Box */
178
 
179
#example-info h1,
180
#more h1{
181
	margin-top: 40px;
182
}
183
.demos-row{
184
	margin-top: 30px;
185
	margin-bottom: 30px;
186
}
187
.demo-page{
188
	margin-top: 0px;
189
	margin-bottom: 100px;
190
}
191
.demo-box{
192
	display: block;
193
	background: #f3f3f3;
194
	text-align: center;
195
	font-size: 18px;
196
	-webkit-border-radius: 3px;
197
	-moz-border-radius: 3px;
198
	border-radius: 3px;
199
}
200
.demo-box h3{
201
	padding-bottom:20px;
202
	margin: 0px;
203
	color: #869690;
204
}
205
.demo-box:hover{
206
	text-decoration: none;
207
}
208
.demo-wrapper{
209
	padding: 30px 0px 20px 0px;
210
	padding-left: 30px;
211
	padding-right: 30px;
212
}
213
.demo-slide {
214
	float: left;
215
}
216
.demo-slide .bg{
217
	background: #aebab6;
218
	margin-right: 1px;
219
	height: 100%;
220
}
221
.demo-box:hover .demo-slide .bg{
222
	background: #7fc242;
223
}
224
/* Images */
225
.demo-images .demo-slide{
226
	height: 40px;
227
	width: 33.3333333%;
228
}
229
 
230
/* Full */
231
.demo-full {
232
	padding-left: 0px;
233
	padding-right: 0px;
234
}
235
.demo-full .demo-slide{
236
	height: 40px;
237
	width: 25%;
238
}
239
 
240
/* Custom */
241
.demo-custom .demo-slide{
242
	height: 40px;
243
	width: 10%;
244
}
245
/* One */
246
.demo-one .demo-slide{
247
	height: 40px;
248
	width: 100%;
249
}
250
 
251
/* json */
252
 
253
.demo-Json .demo-slide {
254
	height: 40px;
255
	width: 20%;
256
}
257
.demo-Json-custom .demo-slide{
258
	height: 40px;
259
	width: 33.3333333%;
260
}
261
/* loading icon */
262
 
263
.demo-lazy .demo-slide{
264
	height: 40px;
265
	width: 33.3333333%;
266
}
267
.demo-lazy .demo-slide .bg{
268
background: url('../img/AjaxLoader.gif') no-repeat center center #aebab6;
269
}
270
 
271
/* Auto Height */
272
.demo-height .demo-slide{
273
	height: 40px;
274
	width: 100%;
275
}
276
 
277
/* Changelog  */
278
#changelog{
279
	margin-bottom: 40px;
280
}
281
#changelog .label{
282
	margin-bottom:10px;
283
}
284
#changelog .log{
285
	margin-bottom: 30px;
286
	padding-bottom: 30px;
287
	border-bottom: 1px solid #e1e6dd;
288
}
289
/* Faq */
290
#faq dt {
291
	line-height: 26px;
292
}
293
#faq dd{
294
	line-height: 22px;
295
	margin-bottom: 20px;
296
}
297
 
298
 
299
 
300
/* Responsive Stuff */
301
 
302
 
303
@media (max-width: 979px) {
304
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
305
	padding: 0px;
306
	}
307
	.navbar-fixed-top, .navbar-fixed-bottom {
308
	position: fixed;
309
	}
310
}
311
@media (max-width: 768px) {
312
	.navbar.navbar-fixed-top{
313
		position: static;
314
	}
315
	.btn.btn-navbar{
316
		margin: 9px 20px 9px 8px;
317
		padding: 10px 10px;
318
	}
319
	.nav-collapse .nav > li{
320
		border-top: 1px solid #e1e6dd;
321
		text-align: center
322
	}
323
	#header .logo{
324
		margin-top:40px;
325
		margin: 20px auto 0px;
326
		float: none;
327
		height: 150px;
328
	}
329
	#header {
330
		text-align: center;
331
		padding: 60px 0px 30px;
332
	}
333
	#header h1{
334
		margin: 10px 0;
335
	}
336
	#header h3{
337
	margin-bottom: 10px;
338
	width: auto;
339
	padding: 0px 20px;
340
	}
341
	h1 {
342
		font-size: 38px;
343
		margin: 20px 0;
344
	}
345
	h2 {
346
		font-size: 24px;
347
	}
348
	h3 {
349
		font-size: 20px;
350
	}
351
	h4 {
352
		font-size: 16px;
353
	}
354
	h5 {
355
		font-size: 13px;
356
	}
357
	h6 {
358
		font-size: 12px;
359
	}
360
 
361
}
362
 
363
 
364
@media (max-width: 480px) {
365
	.navbar-fixed-top, .navbar-fixed-bottom {
366
	position: static;
367
	}
368
	#header {
369
		text-align: center;
370
		padding: 20px 0px 20px;
371
	}
372
	#header .logo{
373
		margin-top:0px;
374
	}
375
 
376
}
377
 
378
/*
379
NO MORE TABLES!! ;)
380
*/
381
@media (max-width: 767px) {
382
 
383
	.hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr {
384
		display: block;
385
	}
386
	.hp-table thead tr {
387
		display: none;
388
	}
389
	.hp-table tr { border: 0px solid #ccc; margin-bottom: 10px; }
390
 
391
	.hp-table td:before {
392
		top: 6px;
393
		left: 6px;
394
		width: 45%;
395
		padding-right: 10px;
396
		white-space: nowrap;
397
	}
398
 
399
	.hp-table td:nth-of-type(2):before {
400
		content: "Default:";
401
		font-weight: bold;
402
	}
403
	.hp-table td:nth-of-type(3):before {
404
		content: "Type:";
405
		font-weight: bold;
406
	}
407
	.hp-table td:nth-of-type(4):before {
408
		content: "Description:";
409
		font-weight: bold;
410
	}
411
}
412
 
413
 
414
 
415
 
416
 
417
 
418
 
419
 
420
 
421