webmusic/webmusic.css

56 lines
681 B
CSS
Raw Normal View History

body {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
background-color: #161616;
}
h2, h2 a {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
font-family: 'Inconsolata', 'monospace';
font-size: 11pt;
color: #afafaf;
margin-top: 6px;
margin-bottom: 2px;
}
#container, a {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
font-family: 'Ubuntu Mono', 'monospace';
font-size: 11pt;
color: #d8c18c;
text-decoration: none;
margin-top: 3px;
margin-bottom: 3px;
}
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
.playing, .active {
color: #6b9969;
}
.entry-muted {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
color: #d88777;
}
.action {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
font-size: 10pt;
color: #cc7851;
}
.action-muted {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
font-size: 10pt;
color: #e5e5e5;
}
#container {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
margin-left: 10%;
margin-right: 10%;
}
li {
more modern js, more keyboard-controls (#5) webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
2021-03-21 18:04:15 +01:00
list-style: none;
}
#state, #repeatButton, #continuousButton {
cursor: pointer;
}
.selected {
color: #8cd8cd;
}