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/video/alert.svg');
134 background-image: url('../../../assets/images/video/blacklist.svg');
142 .video-info-date-views-bar {
145 .video-info-date-views {
151 .video-info-likes-dislikes-bar {
154 background-color: #E5E5E5;
159 background-color: #39CC0B;
164 .video-info-channel {
165 font-weight: $font-semibold;
181 .video-info-description {
185 .description-loading {
186 display: inline-block;
189 .video-info-description-more {
191 font-weight: $font-semibold;
208 .video-attribute-label {
210 display: inline-block;
212 font-weight: $font-bold;
223 /deep/ .video-miniature {
228 .video-miniature-information {
236 @media screen and (max-width: 1300px) {
245 .video-info-name-actions {
247 flex-direction: column;
251 .video-info-date-views-bar {
253 flex-direction: column;
256 .video-info-likes-dislikes-bar {
264 @media screen and (max-width: 800px) {