2 background-color: #000;
4 justify-content: center;
10 // VideoJS create an inner video player
33 .video-info-name-actions {
39 font-weight: $font-semibold;
45 @include peertube-button;
49 font-weight: $font-semibold;
50 display: inline-block;
51 padding: 0 10px 0 10px;
60 background-image: url('../../../assets/images/video/like-grey.svg');
64 background-image: url('../../../assets/images/video/dislike-grey.svg');
68 background-image: url('../../../assets/images/video/share.svg');
72 background-image: url('../../../assets/images/video/more.svg');
77 @include orange-button;
80 background-image: url('../../../assets/images/video/like-white.svg');
84 background-image: url('../../../assets/images/video/dislike-white.svg');
90 display: inline-block;
92 .dropdown-menu .icon {
93 display: inline-block;
94 background-repeat: no-repeat;
95 background-size: contain;
98 vertical-align: middle;
104 background-image: url('../../../assets/images/video/download-grey.svg');
108 background-image: url('../../../assets/images/video/alert.svg');
112 background-image: url('../../../assets/images/video/eye-closed.svg');
119 .video-info-date-views-bar {
122 .video-info-date-views {
128 .video-info-likes-dislikes-bar {
131 background-color: #E5E5E5;
136 background-color: #39CC0B;
141 .video-info-channel {
142 font-weight: $font-semibold;
158 .video-info-description {
162 .description-loading {
163 display: inline-block;
166 .video-info-description-more {
168 font-weight: $font-semibold;
185 .video-attribute-label {
187 display: inline-block;
189 font-weight: $font-bold;
200 /deep/ .video-miniature {
205 .video-miniature-information {