| author | rougeronj |
| Wed, 10 Jun 2015 15:45:21 +0200 | |
| changeset 158 | 8b4c073a7c2c |
| parent 106 | cb13a9009bf5 |
| child 178 | a3e1106b6f96 |
| permissions | -rw-r--r-- |
| 39 | 1 |
.slideshow{ |
| 97 | 2 |
margin-top:-20px; |
| 39 | 3 |
} |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
4 |
|
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
5 |
/* .slide-title{ */ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
6 |
/* display: block; */ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
7 |
|
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
8 |
/* } */ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
9 |
.slideshow-content{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
10 |
margin-bottom : 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
11 |
height: 465px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
12 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
13 |
|
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
14 |
.slideshow-content .media{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
15 |
border: 1px solid #a8a8a8; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
16 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
17 |
|
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
18 |
.slideshow-content .caption{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
19 |
border-top: 1px solid #a8a8a8; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
20 |
color: #000; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
21 |
position: static; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
22 |
text-shadow: none; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
23 |
text-align: left; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
24 |
overflow: scroll; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
25 |
height: 100% |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
26 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
27 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
28 |
.slideshow-title .book{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
29 |
font-size: 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
30 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
31 |
.slideshow-title h1 { |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
32 |
display: inline-block; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
33 |
padding:0 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
34 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
35 |
.slideshow-title p{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
36 |
display: inline-block; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
37 |
margin-top: 20px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
38 |
margin-bottom: 10px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
39 |
text-align: right; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
40 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
41 |
.slideshow-title .author{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
42 |
font-size: 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
43 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
44 |
.slideshow-title .count{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
45 |
font-size: 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
46 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
47 |
|
| 0 | 48 |
.carousel-caption { |
49 |
color: #000; |
|
50 |
position: static; |
|
51 |
text-shadow: none; |
|
52 |
text-align: left; |
|
53 |
} |
|
54 |
||
55 |
.carousel-indicators { |
|
56 |
display: none; |
|
57 |
} |
|
58 |
||
59 |
.carousel-control { |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
60 |
width: 0; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
61 |
cursor: pointer; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
62 |
color:#6e6e6e; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
63 |
opacity:1; |
| 0 | 64 |
} |
65 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
66 |
.insight{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
67 |
overflow-x: auto; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
68 |
white-space: nowrap; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
69 |
height: 125px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
70 |
margin: 0 15px; |
| 0 | 71 |
} |
72 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
73 |
.insight .item { |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
74 |
cursor: pointer; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
75 |
display: inline-block; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
76 |
position:relative; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
77 |
height: 115px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
78 |
width: 13%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
79 |
padding: 0; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
80 |
margin: 0 5px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
81 |
border: 1px solid #cdcdcd; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
82 |
overflow: hidden; |
| 0 | 83 |
} |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
84 |
.insight .item img { |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
85 |
position: absolute; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
86 |
left: 50%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
87 |
top: 50%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
88 |
width: 101%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
89 |
height: auto; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
90 |
-webkit-transform: translate(-50%,-50%); |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
91 |
-ms-transform: translate(-50%,-50%); |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
92 |
transform: translate(-50%,-50%); |
| 39 | 93 |
} |
94 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
95 |
.insight .item .img-landscape { |
| 39 | 96 |
height: 100%; |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
97 |
width: auto; |
| 39 | 98 |
} |