From be085b794064ad7fd3af58b940588f995182927f Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Sat, 30 Dec 2023 23:04:21 +0100 Subject: init/proto: initial commit & prototype of an audio player --- style.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 style.css (limited to 'style.css') diff --git a/style.css b/style.css new file mode 100644 index 0000000..74dfd62 --- /dev/null +++ b/style.css @@ -0,0 +1,51 @@ +body { + background: url("img/wp2.png") ; + text-align: center; + color: beige; + padding-left: 15vw; + padding-right: 15vw; +} + +a { + color: rgb(245, 82, 82); +} +abbr{ + cursor: help; +} + +.audio-players{ + display: flex; + justify-content: space-around; + margin: 1.5em auto; +} + +.audio { + display: flex; + flex-direction: column; + align-items: center; + width: 27%; + padding: 20px; + border-radius: 10px; + background-color: #beb096cc; + box-shadow: #111 15px 25px 30px; +} + +.audio img { + background-color: #534e55aa; + box-shadow: #020139 1px 1px 8px; + border-radius: 15px; + width: 100%; +} + +#volume-range { + appearance: none; +} + +#volume-range ::-webkit-slider-thumb{ + appearance: none; + background-color: red; +} + +.volume { + margin-top: 1.5em; +} \ No newline at end of file -- cgit v1.2.3