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

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