-@import "../../../sass/pre-customizations.scss";
-
.video-miniature {
margin-top: 30px;
display: inline-block;
position: relative;
height: 190px;
width: 220px;
+ vertical-align: top;
.video-miniature-thumbnail {
display: inline-block;
position: relative;
+ border-radius: 3px;
+ overflow: hidden;
&:hover {
text-decoration: none !important;
}
- .thumbnail-nsfw {
- background-color: #000;
- color: #fff;
- text-align: center;
- font-size: 30px;
- line-height: 110px;
-
- width: 200px;
- height: 110px;
- }
-
- img, .thumbnail-nsfw {
- border-radius: 3px;
+ img.blur-filter {
+ filter: blur(5px);
+ transform : scale(1.03);
}
.video-miniature-thumbnail-overlay {
}
}
- .video-miniature-informations {
+ .video-miniature-information {
width: 200px;
.video-miniature-name {
text-decoration: none;
}
+ &.blur-filter {
+ filter: blur(3px);
+ padding-left: 4px;
+ }
+
.video-miniature-tags {
- // Fix for chrome when tags a long
+ // Fix for chrome when tags are long
width: 201px;
.video-miniature-tag {
top: -2px;
.label {
- line-height: $line-height-base;
transition: background-color 0.2s;
}
}