src/content.css (2453 bytes)
1 /* Over the YouTube player. Each name starts with subread- so that nothing of the page is touched. */ 2 #movie_player .subread-box { 3 position: absolute; left: 5%; right: 5%; bottom: 12%; z-index: 60; 4 text-align: center; pointer-events: none; line-height: 1.35; 5 font-family: "Noto Sans", "Hiragino Sans", "Yu Gothic", Roboto, Arial, sans-serif; 6 } 7 #movie_player .subread-box[hidden] { display: none; } 8 #movie_player .subread-line { 9 display: inline; white-space: pre-line; padding: 2px 8px; 10 color: #fff; background: rgba(8, 8, 8, .78); border-radius: 3px; 11 -webkit-box-decoration-break: clone; box-decoration-break: clone; 12 } 13 #movie_player .subread-button { 14 position: absolute; top: 12px; right: 12px; z-index: 61; 15 width: 34px; height: 26px; padding: 0; border: 1px solid rgba(255, 255, 255, .7); border-radius: 4px; 16 background: rgba(8, 8, 8, .6); color: #fff; font: 600 12px/1 Arial, sans-serif; cursor: pointer; opacity: .55; 17 } 18 #movie_player .subread-button:hover, #movie_player .subread-button.subread-on { opacity: 1; } 19 #movie_player .subread-button.subread-on { background: #fff; color: #000; } 20 #movie_player.ytp-autohide .subread-button:not(.subread-on) { opacity: 0; } 21 #movie_player .subread-panel { 22 position: absolute; top: 46px; right: 12px; z-index: 62; width: 300px; padding: 12px 14px; 23 background: rgba(16, 16, 16, .94); color: #eee; border-radius: 8px; font: 13px/1.4 Arial, sans-serif; text-align: left; 24 } 25 #movie_player .subread-panel[hidden] { display: none; } 26 #movie_player .subread-title { font-weight: 700; margin-bottom: 4px; } 27 #movie_player .subread-status { color: #bbb; margin-bottom: 8px; overflow-wrap: anywhere; } 28 #movie_player .subread-row { display: flex; align-items: center; gap: 6px; margin: 7px 0; flex-wrap: wrap; } 29 #movie_player .subread-panel button { 30 background: #2c2c2c; color: #eee; border: 1px solid #555; border-radius: 4px; padding: 3px 8px; cursor: pointer; font: inherit; 31 } 32 #movie_player .subread-panel button:hover { background: #3a3a3a; } 33 #movie_player .subread-offset { min-width: 58px; text-align: center; font-variant-numeric: tabular-nums; } 34 #movie_player .subread-rate { width: 84px; background: #222; color: #eee; border: 1px solid #555; border-radius: 4px; padding: 2px 4px; } 35 #movie_player .subread-file { max-width: 190px; color: #ccc; font-size: 12px; } 36 #movie_player .subread-help { color: #bbb; display: block; font-size: 12px; } 37 #movie_player .subread-help a { color: #9cc3ff; }