client/src/sass/application.scss

   1 @import '../../node_modules/video.js/dist/video-js.css';
   2
   3 [hidden] {
   4   display: none !important;
   5 }
   6
   7 input.readonly {
   8   /* Force blank on readonly inputs */
   9   background-color: #fff !important;
  10 }
  11
  12 .form-control, .btn {
  13   border-radius: 0;
  14 }
  15
  16 .dropdown-menu {
  17   border-radius: 0;
  18 }
  19
  20 .glyphicon-black {
  21   color: black;
  22 }
  23
  24 .header {
  25   height: $header-height;
  26
  27   .search-col {
  28     height: 100%;
  29     margin-left: -15px;
  30     padding: 0;
  31   }
  32 }
  33
  34 .main-col {
  35   padding: 0;
  36
  37   .main-row {
  38     padding: 15px 30px;
  39
  40     @media screen and (min-width: 1400px) {
  41       padding: 15px 40px;
  42     }
  43
  44     @media screen and (min-width: 1600px) {
  45       padding: 15px 50px;
  46     }
  47
  48     @media screen and (min-width: 1800px) {
  49       padding: 15px 60px;
  50     }
  51   }
  52 }
  53
  54 .title-menu-left {
  55   height: calc(100vh - #{$header-height});
  56   padding-right: 0;
  57
  58   .title-menu-left-block {
  59     margin-left: -15px;
  60
  61     &.menu {
  62       height: 100%;
  63     }
  64   }
  65
  66   #peertube-title {
  67     background-color: #fff;
  68     border-right: 1px solid $header-border-color;
  69     font-size: 25px;
  70     line-height: $header-height;
  71     text-align: center;
  72     margin-top: 0;
  73     margin-bottom: 0;
  74
  75     a {
  76       color: inherit !important;
  77
  78       &:hover {
  79         color: inherit !important;
  80         text-decoration: none !important;
  81       }
  82     }
  83   }
  84 }
  85
  86 /* some fixes for ng2-smart-table */
  87 ng2-smart-table {
  88   thead tr {
  89     border-top: 1px solid rgb(233, 235, 236)
  90   }
  91
  92   td, th {
  93     padding: 8px !important;
  94     color: #333333 !important;
  95     font-size: 14px !important;
  96   }
  97
  98   .ng2-smart-pagination-nav .page-link {
  99     font-size: 11px !important;
 100   }
 101
 102   .glyphicon {
 103     font-family: 'Glyphicons Halflings' !important;
 104   }
 105 }
 106
 107 footer {
 108   border-top: 1px solid rgba(0, 0, 0, 0.2);
 109   padding-top: 10px;
 110   text-align: center;
 111   font-size: small;
 112   margin-top: 30px;
 113 }