UNPKG

magcore-osd-base

Version:

Base osd application, volume widget, mute widget, notifications

3 lines (2 loc) 1.95 kB
#muteWidget{position:absolute;top:8px;right:340px;width:56px;height:56px;line-height:56px;font-family:"icons";font-size:36px;text-align:center}#muteWidget.hidden{display:none}#volumeWidget{width:356px;height:56px;line-height:56px;position:absolute;top:8px;right:40px}#volumeWidget>.icon{display:inline-block;vertical-align:middle;width:56px;text-align:center;font-size:28px}#volumeWidget>.icon.volume:after{content:""}#volumeWidget>.progressBar{vertical-align:middle;width:221.6px;height:2px;background-color:grey;display:inline-block}#volumeWidget>.progressBar>.value{float:left;height:100%;z-index:9}#volumeWidget>.progressBar>.pointer{float:left;margin-top:-3px;margin-left:-8px;width:8px;height:8px;border-radius:10px;z-index:10}#volumeWidget>.textValue{display:inline-block;vertical-align:middle;text-align:center;width:56px;padding-left:10px}#volumeWidget.hidden{display:none}#notifyWidget{width:100%;height:96px;line-height:96px;position:absolute;left:0;top:0;color:#fff;font-size:28px;background-color:#020202;padding:0 40px}#notifyWidget>.icon{display:inline-block;vertical-align:middle;width:48px;text-align:center;font-size:28px;font-family:"icons"}#notifyWidget>.icon.alert:after{content:""}#notifyWidget>.title{vertical-align:middle;width:880px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:inline-block;height:96px;line-height:96px}#notifyWidget>.button{height:48px;line-height:48px;width:136px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;text-align:center;cursor:pointer}#notifyWidget>.button.focus{background-color:#1349a4}#notifyWidget.hidden{display:none}#notifyWidget.warning{background-color:#c98206;color:#333}#notifyWidget.warning>.button.focus{background-color:#444;color:#fff}#notifyWidget.error{background-color:#7a201d;color:#fff}#notifyWidget.success{background-color:#287703} /*# sourceMappingURL=app.720.map */