client/src/app/videos/video-list/video-miniature.component.scss

   1 .video-miniature {
   2   height: 200px;
   3   display: inline-block;
   4   position: relative;
   5
   6   .video-miniature-thumbnail {
   7     display: inline-block;
   8     position: relative;
   9
  10     .video-miniature-duration {
  11       position: absolute;
  12       right: 5px;
  13       bottom: 2px;
  14       display: inline-block;
  15       background-color: rgba(0, 0, 0, 0.8);
  16       color: rgba(255, 255, 255, 0.8);
  17       padding: 2px;
  18       font-size: 11px;
  19     }
  20   }
  21
  22   .video-miniature-remove {
  23     display: inline-block;
  24     position: absolute;
  25     left: 16px;
  26     background-color: rgba(0, 0, 0, 0.8);
  27     color: rgba(255, 255, 255, 0.8);
  28     padding: 2px;
  29     cursor: pointer;
  30
  31     &:hover {
  32       color: rgba(255, 255, 255, 0.9);
  33     }
  34   }
  35
  36   .video-miniature-informations {
  37     margin-left: 3px;
  38
  39     .video-miniature-name {
  40       display: block;
  41       font-weight: bold;
  42
  43       &:hover {
  44         text-decoration: none;
  45       }
  46     }
  47
  48     .video-miniature-author, .video-miniature-created-date {
  49       display: block;
  50       margin-left: 1px;
  51       font-size: 11px;
  52       color: rgba(0, 0, 0, 0.5);
  53     }
  54   }
  55 }