]>
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 | 7 | |
d6e32a2e | 8 | .video-miniature-information { |
00a44645 | 9 | width: 200px; |
9bf9d2a5 C |
10 | margin-top: 2px; |
11 | line-height: normal; | |
501bc6c2 | 12 | |
383bfc83 | 13 | .video-miniature-name { |
501bc6c2 | 14 | display: block; |
383bfc83 C |
15 | overflow: hidden; |
16 | text-overflow: ellipsis; | |
17 | white-space: nowrap; | |
18 | font-weight: bold; | |
19 | transition: color 0.2s; | |
9bf9d2a5 C |
20 | font-size: 16px; |
21 | font-weight: $font-semibold; | |
22 | color: #000; | |
501bc6c2 | 23 | |
383bfc83 C |
24 | &:hover { |
25 | text-decoration: none; | |
00a44645 C |
26 | } |
27 | ||
d6e32a2e C |
28 | &.blur-filter { |
29 | filter: blur(3px); | |
30 | padding-left: 4px; | |
31 | } | |
501bc6c2 C |
32 | } |
33 | ||
9bf9d2a5 | 34 | .video-miniature-created-at-views { |
501bc6c2 | 35 | display: block; |
9bf9d2a5 | 36 | font-size: 13px; |
00a44645 C |
37 | } |
38 | ||
1e1265b3 | 39 | .video-miniature-account { |
332542bc | 40 | font-size: 13px; |
9bf9d2a5 | 41 | color: #585858; |
501bc6c2 C |
42 | } |
43 | } | |
44 | } |