| author | ymh <ymh.work@gmail.com> |
| Wed, 08 Jan 2020 17:49:53 +0100 | |
| changeset 205 | 147583c43f0d |
| parent 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; |
| 178 | 12 |
padding-top: 2px; |
|
106
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 |
|
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
15 |
.slideshow-content .media{ |
| 178 | 16 |
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75); |
|
106
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 |
|
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
19 |
.slideshow-content .caption{ |
| 178 | 20 |
box-shadow: 1px 0px 4px -1px rgba(0, 0, 0, 0.75); |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
21 |
color: #000; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
22 |
position: static; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
23 |
text-shadow: none; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
24 |
text-align: left; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
25 |
overflow: scroll; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
26 |
height: 100% |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
27 |
} |
| 178 | 28 |
|
29 |
.caption .user-details{ |
|
30 |
min-height: 70%; |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
31 |
} |
| 178 | 32 |
|
33 |
.caption .user-details h1{ |
|
34 |
margin-top:0; |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
35 |
} |
| 178 | 36 |
|
37 |
.caption .details{ |
|
38 |
min-height: 30%; |
|
39 |
} |
|
40 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
41 |
.slideshow-title h1 { |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
42 |
display: inline-block; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
43 |
padding:0 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
44 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
45 |
.slideshow-title p{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
46 |
display: inline-block; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
47 |
margin-top: 20px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
48 |
margin-bottom: 10px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
49 |
text-align: right; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
50 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
51 |
.slideshow-title .author{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
52 |
font-size: 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
53 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
54 |
.slideshow-title .count{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
55 |
font-size: 15px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
56 |
} |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
57 |
|
| 0 | 58 |
.carousel-caption { |
59 |
color: #000; |
|
60 |
position: static; |
|
61 |
text-shadow: none; |
|
62 |
text-align: left; |
|
63 |
} |
|
64 |
||
65 |
.carousel-indicators { |
|
66 |
display: none; |
|
67 |
} |
|
68 |
||
69 |
.carousel-control { |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
70 |
width: 0; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
71 |
cursor: pointer; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
72 |
color:#6e6e6e; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
73 |
opacity:1; |
| 0 | 74 |
} |
75 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
76 |
.insight{ |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
77 |
overflow-x: auto; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
78 |
white-space: nowrap; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
79 |
height: 125px; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
80 |
margin: 0 15px; |
| 0 | 81 |
} |
82 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
83 |
.insight .item { |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
84 |
cursor: pointer; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
85 |
display: inline-block; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
86 |
position:relative; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
87 |
height: 115px; |
| 178 | 88 |
width: 14%; |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
89 |
padding: 0; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
90 |
margin: 0 5px; |
| 178 | 91 |
overflow: hidden; |
92 |
} |
|
93 |
.insight .item.no-img { |
|
94 |
background-color: #f4f4f4; |
|
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
95 |
border: 1px solid #cdcdcd; |
| 178 | 96 |
} |
97 |
.insight .item.no-img p{ |
|
98 |
position: relative; |
|
99 |
top: 50%; |
|
100 |
transform: translateY(-50%); |
|
| 0 | 101 |
} |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
102 |
.insight .item img { |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
103 |
position: absolute; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
104 |
left: 50%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
105 |
top: 50%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
106 |
width: 101%; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
107 |
height: auto; |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
108 |
-webkit-transform: translate(-50%,-50%); |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
109 |
-ms-transform: translate(-50%,-50%); |
|
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
110 |
transform: translate(-50%,-50%); |
| 39 | 111 |
} |
112 |
||
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
113 |
.insight .item .img-landscape { |
| 39 | 114 |
height: 100%; |
|
106
cb13a9009bf5
improve slideshow interface and add ngTouch to handle swipe on mobile
rougeronj
parents:
97
diff
changeset
|
115 |
width: auto; |
| 39 | 116 |
} |