.vjs-caption-settings { position: relative; top: 1em; background-color: $primary-background-color; background-color: rgba($primary-background-color, 0.75); color: $primary-foreground-color; margin: 0 auto; padding: 0.5em; height: 16em; font-size: 12px; width: 40em; } .vjs-caption-settings .vjs-tracksettings { top: 0; bottom: 1em; left: 0; right: 0; position: absolute; overflow: auto; } .vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font { float: left; } .vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-font:after, .vjs-caption-settings .vjs-tracksettings-controls:after { clear: both; } .vjs-caption-settings .vjs-tracksettings-controls { position: absolute; bottom: 1em; right: 1em; } .vjs-caption-settings .vjs-tracksetting { margin: 5px; padding: 3px; min-height: 40px; border: none; } .vjs-caption-settings .vjs-tracksetting label, .vjs-caption-settings .vjs-tracksetting legend { display: block; width: 100px; margin-bottom: 5px; } .vjs-caption-settings .vjs-tracksetting span { display: inline; margin-left: 5px; vertical-align: top; float: right; } .vjs-caption-settings .vjs-tracksetting > div { margin-bottom: 5px; min-height: 20px; } .vjs-caption-settings .vjs-tracksetting > div:last-child { margin-bottom: 0; padding-bottom: 0; min-height: 0; } .vjs-caption-settings label > input { margin-right: 10px; } .vjs-caption-settings fieldset { margin-top: 1em; margin-left: .5em; } // Hide labels within fieldsets, so they are only for screen reader users .vjs-caption-settings fieldset .vjs-label { position: absolute; clip: rect(1px 1px 1px 1px); /* for Internet Explorer */ clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .vjs-caption-settings input[type="button"] { width: 40px; height: 40px; }