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

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