5 background-color: #000;
7 justify-content: center;
13 @media screen and (max-width: 800px) {
17 // VideoJS create an inner video player
20 position: relative !important;
41 .video-info-name-actions {
48 font-weight: $font-semibold;
57 .action-button:not(:first-child), .action-more {
62 @include peertube-button;
66 font-weight: $font-semibold;
67 display: inline-block;
68 padding: 0 10px 0 10px;
77 background-image: url('../../../assets/images/video/like-grey.svg');
81 background-image: url('../../../assets/images/video/dislike-grey.svg');
85 background-image: url('../../../assets/images/video/share.svg');
89 background-image: url('../../../assets/images/video/more.svg');
94 &.action-button-like.activated {
95 background-color: #39CC0B;
98 background-image: url('../../../assets/images/video/like-white.svg');
102 &.action-button-dislike.activated {
103 background-color: #FF0000;
106 background-image: url('../../../assets/images/video/dislike-white.svg');
112 display: inline-block;
114 .dropdown-menu .dropdown-item {
125 background-image: url('../../../assets/images/video/download-black.svg');
129 background-image: url('../../../assets/images/video/alert.svg');
133 background-image: url('../../../assets/images/video/blacklist.svg');
141 .video-info-date-views-bar {
144 .video-info-date-views {
150 .video-info-likes-dislikes-bar {
153 background-color: #E5E5E5;
158 background-color: #39CC0B;
163 .video-info-channel {
164 font-weight: $font-semibold;
180 .video-info-description {
184 .description-loading {
185 display: inline-block;
188 .video-info-description-more {
190 font-weight: $font-semibold;
207 .video-attribute-label {
209 display: inline-block;
211 font-weight: $font-bold;
222 /deep/ .video-miniature {
227 .video-miniature-information {
235 @media screen and (max-width: 1300px) {
244 .video-info-name-actions {
246 flex-direction: column;
250 .video-info-date-views-bar {
252 flex-direction: column;
255 .video-info-likes-dislikes-bar {
263 @media screen and (max-width: 800px) {