2 background-color: #000;
4 justify-content: center;
10 @media screen and (max-width: 800px) {
14 // VideoJS create an inner video player
17 position: relative !important;
38 .video-info-name-actions {
44 font-weight: $font-semibold;
50 @include peertube-button;
54 font-weight: $font-semibold;
55 display: inline-block;
56 padding: 0 10px 0 10px;
65 background-image: url('../../../assets/images/video/like-grey.svg');
69 background-image: url('../../../assets/images/video/dislike-grey.svg');
73 background-image: url('../../../assets/images/video/share.svg');
77 background-image: url('../../../assets/images/video/more.svg');
83 @include orange-button;
86 background-image: url('../../../assets/images/video/like-white.svg');
90 background-image: url('../../../assets/images/video/dislike-white.svg');
96 display: inline-block;
98 .dropdown-menu .icon {
99 display: inline-block;
100 background-repeat: no-repeat;
101 background-size: contain;
104 vertical-align: middle;
110 background-image: url('../../../assets/images/video/download-grey.svg');
114 background-image: url('../../../assets/images/video/alert.svg');
118 background-image: url('../../../assets/images/video/eye-closed.svg');
125 .video-info-date-views-bar {
128 .video-info-date-views {
134 .video-info-likes-dislikes-bar {
137 background-color: #E5E5E5;
142 background-color: #39CC0B;
147 .video-info-channel {
148 font-weight: $font-semibold;
164 .video-info-description {
168 .description-loading {
169 display: inline-block;
172 .video-info-description-more {
174 font-weight: $font-semibold;
191 .video-attribute-label {
193 display: inline-block;
195 font-weight: $font-bold;
206 /deep/ .video-miniature {
211 .video-miniature-information {
219 @media screen and (max-width: 1000px) {
225 @media screen and (max-width: 800px) {
232 .video-info-name-actions {
234 flex-direction: column;
238 .video-info-date-views-bar {
240 flex-direction: column;
243 .video-info-likes-dislikes-bar {