diff options
Diffstat (limited to 'apps/system/style/sound_manager')
22 files changed, 184 insertions, 0 deletions
diff --git a/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff.png b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff.png Binary files differnew file mode 100644 index 0000000..f3aba14 --- /dev/null +++ b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff.png diff --git a/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff_left.png b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff_left.png Binary files differnew file mode 100644 index 0000000..278368f --- /dev/null +++ b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff_left.png diff --git a/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff_right.png b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff_right.png Binary files differnew file mode 100644 index 0000000..588a176 --- /dev/null +++ b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOff_right.png diff --git a/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn.png b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn.png Binary files differnew file mode 100644 index 0000000..abb099f --- /dev/null +++ b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn.png diff --git a/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn_left.png b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn_left.png Binary files differnew file mode 100644 index 0000000..a8d2ef5 --- /dev/null +++ b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn_left.png diff --git a/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn_right.png b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn_right.png Binary files differnew file mode 100644 index 0000000..c287a9f --- /dev/null +++ b/apps/system/style/sound_manager/images/VolumeOverlay_Landscape_SegmentOn_right.png diff --git a/apps/system/style/sound_manager/images/header_bg.png b/apps/system/style/sound_manager/images/header_bg.png Binary files differnew file mode 100644 index 0000000..e1ff073 --- /dev/null +++ b/apps/system/style/sound_manager/images/header_bg.png diff --git a/apps/system/style/sound_manager/images/speaker_loud_icon.png b/apps/system/style/sound_manager/images/speaker_loud_icon.png Binary files differnew file mode 100644 index 0000000..8a49d8f --- /dev/null +++ b/apps/system/style/sound_manager/images/speaker_loud_icon.png diff --git a/apps/system/style/sound_manager/images/speaker_mute_icon.png b/apps/system/style/sound_manager/images/speaker_mute_icon.png Binary files differnew file mode 100644 index 0000000..7b3a397 --- /dev/null +++ b/apps/system/style/sound_manager/images/speaker_mute_icon.png diff --git a/apps/system/style/sound_manager/images/speaker_regular_icon.png b/apps/system/style/sound_manager/images/speaker_regular_icon.png Binary files differnew file mode 100644 index 0000000..e762611 --- /dev/null +++ b/apps/system/style/sound_manager/images/speaker_regular_icon.png diff --git a/apps/system/style/sound_manager/images/vibration.png b/apps/system/style/sound_manager/images/vibration.png Binary files differnew file mode 100644 index 0000000..3fa1f92 --- /dev/null +++ b/apps/system/style/sound_manager/images/vibration.png diff --git a/apps/system/style/sound_manager/images/vibration_disabled_icon.png b/apps/system/style/sound_manager/images/vibration_disabled_icon.png Binary files differnew file mode 100644 index 0000000..b529231 --- /dev/null +++ b/apps/system/style/sound_manager/images/vibration_disabled_icon.png diff --git a/apps/system/style/sound_manager/images/vibration_enabled_icon.png b/apps/system/style/sound_manager/images/vibration_enabled_icon.png Binary files differnew file mode 100644 index 0000000..e28b3b7 --- /dev/null +++ b/apps/system/style/sound_manager/images/vibration_enabled_icon.png diff --git a/apps/system/style/sound_manager/images/volume-off.png b/apps/system/style/sound_manager/images/volume-off.png Binary files differnew file mode 100644 index 0000000..edee64e --- /dev/null +++ b/apps/system/style/sound_manager/images/volume-off.png diff --git a/apps/system/style/sound_manager/images/volume-on.png b/apps/system/style/sound_manager/images/volume-on.png Binary files differnew file mode 100644 index 0000000..d7ef462 --- /dev/null +++ b/apps/system/style/sound_manager/images/volume-on.png diff --git a/apps/system/style/sound_manager/images/volume_center_active.png b/apps/system/style/sound_manager/images/volume_center_active.png Binary files differnew file mode 100644 index 0000000..6c80874 --- /dev/null +++ b/apps/system/style/sound_manager/images/volume_center_active.png diff --git a/apps/system/style/sound_manager/images/volume_center_disabled.png b/apps/system/style/sound_manager/images/volume_center_disabled.png Binary files differnew file mode 100644 index 0000000..76ad232 --- /dev/null +++ b/apps/system/style/sound_manager/images/volume_center_disabled.png diff --git a/apps/system/style/sound_manager/images/volume_left_active.png b/apps/system/style/sound_manager/images/volume_left_active.png Binary files differnew file mode 100644 index 0000000..cb1f105 --- /dev/null +++ b/apps/system/style/sound_manager/images/volume_left_active.png diff --git a/apps/system/style/sound_manager/images/volume_left_disabled.png b/apps/system/style/sound_manager/images/volume_left_disabled.png Binary files differnew file mode 100644 index 0000000..1e78c6f --- /dev/null +++ b/apps/system/style/sound_manager/images/volume_left_disabled.png diff --git a/apps/system/style/sound_manager/images/volume_right_active.png b/apps/system/style/sound_manager/images/volume_right_active.png Binary files differnew file mode 100644 index 0000000..dcdee3a --- /dev/null +++ b/apps/system/style/sound_manager/images/volume_right_active.png diff --git a/apps/system/style/sound_manager/images/volume_right_disabled.png b/apps/system/style/sound_manager/images/volume_right_disabled.png Binary files differnew file mode 100644 index 0000000..d02eb4e --- /dev/null +++ b/apps/system/style/sound_manager/images/volume_right_disabled.png diff --git a/apps/system/style/sound_manager/sound_manager.css b/apps/system/style/sound_manager/sound_manager.css new file mode 100644 index 0000000..cdfaab3 --- /dev/null +++ b/apps/system/style/sound_manager/sound_manager.css @@ -0,0 +1,184 @@ +#volume { + text-align: center; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 40px; + -moz-transition: opacity 0.5s ease; + pointer-events: none; + display: none; + background-image: url("images/header_bg.png"); +} + +#volume > * { + line-height: 40px; + height: 40px; + display: inline-block; + float: left; + background-repeat: no-repeat, no-repeat; + background-position: center, center; +} + +#volume span { + display: inline-block; + width: 25px; + float: left; +} + +#volume span.vibration { + visibility: hidden; + margin-left: 5px; + background-image: url('images/vibration_disabled_icon.png'); +} + +#volume.vibration span.vibration { + background-image: url('images/vibration_enabled_icon.png'); +} + +#volume.mute span.mute-state { + background-image: url('images/speaker_mute_icon.png'); +} + +#volume span.mute-state { + background-image: url('images/speaker_regular_icon.png'); +} + +#volume span.volume { + margin-left: 5px; + background-image: url('images/speaker_loud_icon.png'); +} + +#volume.visible { + display: block; +} + +#volume[data-channel="notification"] span.vibration { + visibility: visible; +} + +#volume[data-channel="bt_sco"] div:nth-child(n+4), +#volume[data-channel="content"] div:nth-child(n+4), +#volume[data-channel="alarm"] div:nth-child(n+4), +#volume[data-channel="notification"] div:nth-child(n+4) { + width: 12px; + margin-left: 2px; + background-image: url('images/volume_center_disabled.png'); +} + +#volume[data-channel="telephony"] div:nth-child(n+4) { + width: 42px; + margin-left: 2px; + background-image: url('images/volume_center_disabled.png'); +} + +#volume[data-channel="bt_sco"] div.active:nth-child(n+4), +#volume[data-channel="content"] div.active:nth-child(n+4), +#volume[data-channel="alarm"] div.active:nth-child(n+4), +#volume[data-channel="notification"] div.active:nth-child(n+4), +#volume[data-channel="telephony"] div.active:nth-child(n+4) { + background-image: url('images/volume_center_active.png'); +} + +#volume div:nth-child(3) { + background-image: url('images/volume_left_disabled.png'); +} + +#volume div.active:nth-child(3) { + background-image: url('images/volume_left_active.png'); +} + +#volume[data-channel="bt_sco"] div:nth-child(17), +#volume[data-channel="alarm"] div:nth-child(17), +#volume[data-channel="notification"] div:nth-child(17), +#volume[data-channel="content"] div:nth-child(17), +#volume[data-channel="telephony"] div:nth-child(7) { + background-image: url('images/volume_right_disabled.png'); +} + +#volume[data-channel="bt_sco"] div.active:nth-child(17), +#volume[data-channel="alarm"] div.active:nth-child(17), +#volume[data-channel="notification"] div.active:nth-child(17), +#volume[data-channel="content"] div.active:nth-child(17), +#volume[data-channel="telephony"] div.active:nth-child(7) { + background-image: url('images/volume_right_active.png'); +} + +#volume[data-channel="telephony"] div:nth-child(n+8) { + display: none; +} + +#volume[data-channel="notification"] > div:nth-child(n+3), +#volume[data-channel="alarm"] > div:nth-child(n+3), +#volume[data-channel="bt_sco"] > div:nth-child(n+3), +#volume[data-channel="content"] > div:nth-child(n+3) { + width: 12px; + background-size: 12px 10px; +} + +#volume[data-channel="telephony"] > div:nth-child(n+3) { + width: 42px; + background-size: 42px 10px; +} + +@media (orientation: landscape) and (width: 480px) { + #volume[data-channel="bt_sco"] div:nth-child(n+4), + #volume[data-channel="content"] div:nth-child(n+4), + #volume[data-channel="alarm"] div:nth-child(n+4), + #volume[data-channel="notification"] div:nth-child(n+4), + #volume[data-channel="telephony"] div:nth-child(n+4) { + width: 36px; + margin-left: 2px; + background-size: 36px 10px; + background-image: url('images/VolumeOverlay_Landscape_SegmentOff.png'); + } + + #volume[data-channel="telephony"] div:nth-child(n+8) { + display: none; + } + + #volume[data-channel="bt_sco"] div.active:nth-child(n+4), + #volume[data-channel="content"] div.active:nth-child(n+4), + #volume[data-channel="alarm"] div.active:nth-child(n+4), + #volume[data-channel="notification"] div.active:nth-child(n+4), + #volume[data-channel="telephony"] div.active:nth-child(n+4) { + background-image: url('images/VolumeOverlay_Landscape_SegmentOn.png'); + } + + #volume div:nth-child(3) { + background-image: url('images/VolumeOverlay_Landscape_SegmentOff_left.png'); + } + + #volume div.active:nth-child(3) { + background-image: url('images/VolumeOverlay_Landscape_SegmentOn_left.png'); + } + + #volume[data-channel="bt_sco"] div:nth-child(17), + #volume[data-channel="content"] div:nth-child(17), + #volume[data-channel="alarm"] div:nth-child(17), + #volume[data-channel="notification"] div:nth-child(17), + #volume[data-channel="telephony"] div:nth-child(7) { + background-image: url('images/VolumeOverlay_Landscape_SegmentOff_right.png'); + } + + #volume[data-channel="bt_sco"] div.active:nth-child(17), + #volume[data-channel="content"] div.active:nth-child(17), + #volume[data-channel="alarm"] div.active:nth-child(17), + #volume[data-channel="notification"] div.active:nth-child(17), + #volume[data-channel="telephony"] div.active:nth-child(7) { + background-image: url('images/VolumeOverlay_Landscape_SegmentOn_right.png'); + } + + #volume[data-channel="notification"] > div:nth-child(n+3), + #volume[data-channel="alarm"] > div:nth-child(n+3), + #volume[data-channel="bt_sco"] > div:nth-child(n+3), + #volume[data-channel="content"] > div:nth-child(n+3) { + width: 22px; + background-size: 22px 10px; + } + + #volume[data-channel="telephony"] > div:nth-child(n+3) { + width: 74px; + background-size: 74px 10px; + } +} |