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     #rates {
  51       display: inline-block;
  52       margin-right: 20px;
  53
  54       // Remove focus style
  55       .btn:focus {
  56         outline: 0;
  57       }
  58
  59       .activated-btn {
  60         color: #333;
  61         background-color: #e6e6e6;
  62         border-color: #8c8c8c;
  63       }
  64
  65       .not-interactive-btn {
  66         cursor: default;
  67
  68         &:hover, &:focus, &:active {
  69           color: #333;
  70           background-color: #fff;
  71           border-color: #ccc;
  72           box-shadow: none;
  73           outline: 0;
  74         }
  75       }
  76     }
  77
  78     #share, #more {
  79       font-weight: bold;
  80       opacity: 0.85;
  81     }
  82
  83     #more-menu .dropdown-item .glyphicon {
  84       margin-right: 5px;
  85     }
  86   }
  87
  88   #video-by-date {
  89     font-size: 13px;
  90     opacity: 0.6;
  91
  92     a {
  93       color: black;
  94     }
  95
  96     #video-date:before {
  97       content: '\002022';
  98       margin: 0 5px;
  99     }
 100   }
 101
 102   #video-tags-views {
 103     margin-top: 10px;
 104
 105     a {
 106       margin-right: 5px;
 107     }
 108
 109     #video-views {
 110       font-weight: bold;
 111     }
 112   }
 113
 114   #video-description {
 115     margin-top: 15px;
 116
 117     #description-label {
 118       font-weight: bold;
 119     }
 120   }
 121 }