diff --git a/css/pacman.css b/css/pacman.css index dba163f..d525747 100644 --- a/css/pacman.css +++ b/css/pacman.css @@ -207,6 +207,21 @@ h3 { font-style: normal; } +.sound { + position: absolute; +} +.sound img { + height: 28px; +} +#home .sound { + bottom: 0px; + right: 5px; +} +#panel .sound { + top: 77px; + right: 5px; +} + .github { position: absolute; bottom: 0px; @@ -216,8 +231,8 @@ h3 { .help-button { position: absolute; text-align: center; - bottom: 0px; - right: 5px; + bottom: 8px; + right: 55px; margin: auto; font-size: 14px; font-weight: bold; @@ -272,6 +287,10 @@ h3 { text-align: left; } +#sound { + position: absolute; +} + .ui-mobile { -webkit-touch-callout: none; -webkit-user-select: none; @@ -290,7 +309,7 @@ h3 { } @media screen and (max-width:1024px), screen and (min-device-width : 768px) and (max-device-width : 1024px) { - #home .help-button, #panel .help-button, #home .github { + #home .help-button, #panel .help-button, #home .github, #sound, .sound { display: none; } #panel, #home { @@ -308,7 +327,7 @@ h3 { #control { display: inline; } - #home .help-button, #panel .help-button, #home .github { + #home .help-button, #panel .help-button, #home .github, #sound, .sound { display: none; } h1, #canvas-panel-title-pacman { @@ -322,7 +341,7 @@ h3 { #control { display: inline; } - h1, #canvas-panel-title-pacman, #control-up-second, #control-down-second, #home .help-button, #panel .help-button, #home .github { + h1, #canvas-panel-title-pacman, #control-up-second, #control-down-second, #home .help-button, #panel .help-button, #home .github, #sound, .sound { display: none; } #score, #highscore { diff --git a/img/sound-off.png b/img/sound-off.png new file mode 100644 index 0000000..b790975 Binary files /dev/null and b/img/sound-off.png differ diff --git a/img/sound-on.png b/img/sound-on.png new file mode 100644 index 0000000..d4ba08a Binary files /dev/null and b/img/sound-on.png differ diff --git a/index.html b/index.html index 3218012..3ac5270 100644 --- a/index.html +++ b/index.html @@ -18,6 +18,7 @@ + @@ -28,6 +29,7 @@ +