]>
Commit | Line | Data |
---|---|---|
501bc6c2 | 1 | .video-miniature { |
00a44645 | 2 | margin-top: 30px; |
501bc6c2 | 3 | display: inline-block; |
501bc6c2 C |
4 | position: relative; |
5 | ||
6 | .video-miniature-thumbnail { | |
af14488f | 7 | display: inline-block; |
501bc6c2 C |
8 | position: relative; |
9 | ||
10 | .video-miniature-duration { | |
11 | position: absolute; | |
af14488f | 12 | right: 5px; |
501bc6c2 C |
13 | bottom: 2px; |
14 | display: inline-block; | |
15 | background-color: rgba(0, 0, 0, 0.8); | |
16 | color: rgba(255, 255, 255, 0.8); | |
17 | padding: 2px; | |
18 | font-size: 11px; | |
19 | } | |
20 | } | |
21 | ||
22 | .video-miniature-remove { | |
23 | display: inline-block; | |
24 | position: absolute; | |
32294074 | 25 | left: 16px; |
501bc6c2 C |
26 | background-color: rgba(0, 0, 0, 0.8); |
27 | color: rgba(255, 255, 255, 0.8); | |
28 | padding: 2px; | |
29 | cursor: pointer; | |
30 | ||
31 | &:hover { | |
32 | color: rgba(255, 255, 255, 0.9); | |
33 | } | |
34 | } | |
35 | ||
36 | .video-miniature-informations { | |
37 | margin-left: 3px; | |
00a44645 | 38 | width: 200px; |
501bc6c2 | 39 | |
00a44645 | 40 | .video-miniature-name-tags { |
501bc6c2 | 41 | display: block; |
501bc6c2 | 42 | |
00a44645 C |
43 | .video-miniature-name { |
44 | font-weight: bold; | |
45 | ||
46 | &:hover { | |
47 | text-decoration: none; | |
48 | } | |
49 | ||
50 | &::after { | |
51 | content: '\002022'; | |
52 | margin-left: 3px; | |
53 | } | |
54 | } | |
55 | ||
56 | .video-miniature-tag { | |
57 | font-size: 12px; | |
58 | cursor: pointer; | |
59 | transition: opacity 0.5s; | |
60 | position: relative; | |
61 | top: -2px; | |
62 | ||
63 | &:hover { | |
64 | opacity: 0.9; | |
65 | } | |
501bc6c2 C |
66 | } |
67 | } | |
68 | ||
69 | .video-miniature-author, .video-miniature-created-date { | |
70 | display: block; | |
71 | margin-left: 1px; | |
72 | font-size: 11px; | |
00a44645 C |
73 | color: rgb(54, 118, 173); |
74 | } | |
75 | ||
76 | .video-miniature-author { | |
77 | transition: opacity 0.5s; | |
78 | ||
79 | &:hover { | |
80 | text-decoration: none; | |
81 | opacity: 0.9; | |
82 | } | |
501bc6c2 C |
83 | } |
84 | } | |
85 | } |