client/angular/videos/components/list/video-miniature.component.scss

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