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;
30 font-weight: $font-semibold;
42 .video-info-name-actions {
49 font-weight: $font-semibold;
58 .action-button:not(:first-child), .action-more {
63 @include peertube-button;
67 font-weight: $font-semibold;
68 display: inline-block;
69 padding: 0 10px 0 10px;
78 background-image: url('../../../assets/images/video/like-grey.svg');
82 background-image: url('../../../assets/images/video/dislike-grey.svg');
86 background-image: url('../../../assets/images/video/share.svg');
90 background-image: url('../../../assets/images/video/more.svg');
95 &.action-button-like.activated {
96 background-color: #39CC0B;
99 background-image: url('../../../assets/images/video/like-white.svg');
103 &.action-button-dislike.activated {
104 background-color: #FF0000;
107 background-image: url('../../../assets/images/video/dislike-white.svg');
113 display: inline-block;
115 .dropdown-menu .dropdown-item {
126 background-image: url('../../../assets/images/video/download-black.svg');
130 background-image: url('../../../assets/images/global/edit-black.svg');
134 background-image: url('../../../assets/images/video/alert.svg');
138 background-image: url('../../../assets/images/video/blacklist.svg');
146 .video-info-date-views-bar {
149 .video-info-date-views {
155 .video-info-likes-dislikes-bar {
158 background-color: #E5E5E5;
163 background-color: #39CC0B;
168 .video-info-channel {
169 font-weight: $font-semibold;
179 @include avatar(18px);
185 .video-info-description {
189 .description-loading {
190 display: inline-block;
193 .video-info-description-more {
195 font-weight: $font-semibold;
212 .video-attribute-label {
214 display: inline-block;
216 font-weight: $font-bold;
227 /deep/ .video-miniature {
232 .video-miniature-information {
240 @media screen and (max-width: 1300px) {
249 .video-info-name-actions {
251 flex-direction: column;
255 .video-info-date-views-bar {
257 flex-direction: column;
260 .video-info-likes-dislikes-bar {
268 @media screen and (max-width: 800px) {