diff options
| author | MaZderMind | 2014-12-12 00:58:36 +0100 |
|---|---|---|
| committer | MaZderMind | 2014-12-12 14:34:22 +0100 |
| commit | 41d1390c10f74ffd856d7daadd60d7a6d0414595 (patch) | |
| tree | f77d86c709b9c68f108f03614b8d3cd7a8297ed9 /assets/css/src/lustige-styles.scss | |
| parent | 99cf0bc71e19a2f05357a891cbc8bc1fd14da483 (diff) | |
subtitles playback
Diffstat (limited to 'assets/css/src/lustige-styles.scss')
| -rw-r--r-- | assets/css/src/lustige-styles.scss | 35 |
1 files changed, 34 insertions, 1 deletions
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss index 627b230..2540a6e 100644 --- a/assets/css/src/lustige-styles.scss +++ b/assets/css/src/lustige-styles.scss @@ -86,7 +86,7 @@ p { border: none; background-image: url($bg); - background-position: 50% 75; + background-position: 50% -9px; body.rooms & { background-image: none; @@ -399,10 +399,43 @@ a.inverted { } } +.mejs-container .mejs-subs-line { + position: absolute; + bottom: 50px; + height: 85px; + width: 100%; + background-color: rgba(white, .85); + color: black; + font-size: 65px; + text-align: center; + opacity: 0; + padding: 5px 0; + .silence { + font-size: 49%; + opacity: 0; + color: #555; + } + &.silence .silence { opacity: 1; } + + .error { + color: red; + opacity: 0; + } + &.error .error { opacity: 1; } +} .mejs-container .mejs-controls { $factor: 1.5; + visibility: visible !important; + + .mejs-subs-button > span { + cursor: pointer; + color: #e3e3e3; + font-size: 28px; + padding-top: 5px; + padding-left: 5px; + } height: 12px + 18px * $factor; div { |