]>
Commit | Line | Data |
---|---|---|
501bc6c2 | 1 | .video-miniature { |
501bc6c2 | 2 | display: inline-block; |
9bf9d2a5 C |
3 | padding-right: 15px; |
4 | margin-bottom: 30px; | |
5 | height: 175px; | |
0d7d2ad9 | 6 | vertical-align: top; |
501bc6c2 C |
7 | |
8 | .video-miniature-thumbnail { | |
af14488f | 9 | display: inline-block; |
501bc6c2 | 10 | position: relative; |
9bf9d2a5 | 11 | border-radius: 4px; |
d6e32a2e | 12 | overflow: hidden; |
501bc6c2 | 13 | |
92fb909c C |
14 | &:hover { |
15 | text-decoration: none !important; | |
16 | } | |
17 | ||
d6e32a2e C |
18 | img.blur-filter { |
19 | filter: blur(5px); | |
20 | transform : scale(1.03); | |
383bfc83 C |
21 | } |
22 | ||
23 | .video-miniature-thumbnail-overlay { | |
501bc6c2 | 24 | position: absolute; |
9bf9d2a5 C |
25 | right: 5px; |
26 | bottom: 5px; | |
501bc6c2 | 27 | display: inline-block; |
383bfc83 C |
28 | background-color: rgba(0, 0, 0, 0.7); |
29 | color: #fff; | |
9bf9d2a5 C |
30 | font-size: 12px; |
31 | font-weight: $font-bold; | |
32 | border-radius: 3px; | |
33 | padding: 0 5px; | |
501bc6c2 C |
34 | } |
35 | } | |
36 | ||
d6e32a2e | 37 | .video-miniature-information { |
00a44645 | 38 | width: 200px; |
9bf9d2a5 C |
39 | margin-top: 2px; |
40 | line-height: normal; | |
501bc6c2 | 41 | |
383bfc83 | 42 | .video-miniature-name { |
501bc6c2 | 43 | display: block; |
383bfc83 C |
44 | overflow: hidden; |
45 | text-overflow: ellipsis; | |
46 | white-space: nowrap; | |
47 | font-weight: bold; | |
48 | transition: color 0.2s; | |
9bf9d2a5 C |
49 | font-size: 16px; |
50 | font-weight: $font-semibold; | |
51 | color: #000; | |
501bc6c2 | 52 | |
383bfc83 C |
53 | &:hover { |
54 | text-decoration: none; | |
00a44645 C |
55 | } |
56 | ||
d6e32a2e C |
57 | &.blur-filter { |
58 | filter: blur(3px); | |
59 | padding-left: 4px; | |
60 | } | |
501bc6c2 C |
61 | } |
62 | ||
9bf9d2a5 | 63 | .video-miniature-created-at-views { |
501bc6c2 | 64 | display: block; |
9bf9d2a5 | 65 | font-size: 13px; |
00a44645 C |
66 | } |
67 | ||
1e1265b3 | 68 | .video-miniature-account { |
9bf9d2a5 C |
69 | font-size: 12px; |
70 | color: #585858; | |
501bc6c2 C |
71 | } |
72 | } | |
73 | } |