www.aleph1.co.uk Git - yaffs-website/blob - node_modules/video.js/src/css/components/_captions-settings.scss

   1 .vjs-caption-settings {
   2   position: relative;
   3   top: 1em;
   4   background-color: $primary-background-color;
   5   background-color: rgba($primary-background-color, 0.75);
   6   color: $primary-foreground-color;
   7   margin: 0 auto;
   8   padding: 0.5em;
   9   height: 16em;
  10   font-size: 12px;
  11   width: 40em;
  12 }
  13
  14 .vjs-caption-settings .vjs-tracksettings {
  15   top: 0;
  16   bottom: 1em;
  17   left: 0;
  18   right: 0;
  19   position: absolute;
  20   overflow: auto;
  21 }
  22
  23 .vjs-caption-settings .vjs-tracksettings-colors,
  24 .vjs-caption-settings .vjs-tracksettings-font {
  25   float: left;
  26 }
  27 .vjs-caption-settings .vjs-tracksettings-colors:after,
  28 .vjs-caption-settings .vjs-tracksettings-font:after,
  29 .vjs-caption-settings .vjs-tracksettings-controls:after {
  30   clear: both;
  31 }
  32
  33 .vjs-caption-settings .vjs-tracksettings-controls {
  34   position: absolute;
  35   bottom: 1em;
  36   right: 1em;
  37 }
  38
  39 .vjs-caption-settings .vjs-tracksetting {
  40   margin: 5px;
  41   padding: 3px;
  42   min-height: 40px;
  43   border: none;
  44 }
  45 .vjs-caption-settings .vjs-tracksetting label,
  46 .vjs-caption-settings .vjs-tracksetting legend {
  47   display: block;
  48   width: 100px;
  49   margin-bottom: 5px;
  50 }
  51
  52 .vjs-caption-settings .vjs-tracksetting span {
  53   display: inline;
  54   margin-left: 5px;
  55   vertical-align: top;
  56   float: right;
  57 }
  58
  59 .vjs-caption-settings .vjs-tracksetting > div {
  60   margin-bottom: 5px;
  61   min-height: 20px;
  62 }
  63
  64 .vjs-caption-settings .vjs-tracksetting > div:last-child {
  65   margin-bottom: 0;
  66   padding-bottom: 0;
  67   min-height: 0;
  68 }
  69
  70 .vjs-caption-settings label > input {
  71   margin-right: 10px;
  72 }
  73
  74 .vjs-caption-settings fieldset {
  75   margin-top: 1em;
  76   margin-left: .5em;
  77 }
  78
  79 // Hide labels within fieldsets, so they are only for screen reader users
  80 .vjs-caption-settings fieldset .vjs-label {
  81   position: absolute;
  82   clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
  83   clip: rect(1px, 1px, 1px, 1px);
  84   padding: 0;
  85   border: 0;
  86   height: 1px;
  87   width: 1px;
  88   overflow: hidden;
  89 }
  90
  91 .vjs-caption-settings input[type="button"] {
  92   width: 40px;
  93   height: 40px;
  94 }