client/src/app/videos/video-watch/video-watch.component.scss

   1 my-loader {
   2   display: block;
   3   padding-top: 200px;
   4   width: 100%;
   5   text-align: center;
   6 }
   7
   8 .embed-responsive {
   9   height: 500px;
  10 }
  11
  12 #torrent-info {
  13   font-size: 10px;
  14   margin-top: 10px;
  15   text-align: center;
  16
  17   div {
  18     min-width: 60px;
  19   }
  20 }
  21
  22 .embed-responsive {
  23   @media screen and (max-width: 600px) {
  24     height: 300px;
  25   }
  26 }
  27
  28 #video-info {
  29   border-top: 1px solid rgba(0, 0, 0, 0.1);
  30   margin-top: 10px;
  31   padding-top: 5px;
  32
  33   #video-name-actions {
  34
  35     #video-name {
  36       font-size: 20px;
  37     }
  38
  39     .btn .glyphicon {
  40       position: relative;
  41       top: 2px;
  42     }
  43
  44     #magnet-uri {
  45       font-weight: bold;
  46       opacity: 0.85;
  47     }
  48   }
  49
  50   #video-by-date {
  51     font-size: 13px;
  52     opacity: 0.6;
  53
  54     a {
  55       color: black;
  56     }
  57
  58     #video-date:before {
  59       content: '\002022';
  60       margin: 0 5px;
  61     }
  62   }
  63
  64   #video-tags {
  65     margin-top: 10px;
  66
  67     a {
  68       margin-right: 5px;
  69     }
  70   }
  71
  72   #video-description {
  73     margin-top: 15px;
  74
  75     #description-label {
  76       font-weight: bold;
  77     }
  78   }
  79 }