From f05f15dbe108e3fd10af8d15fb15c1b27e689f96 Mon Sep 17 00:00:00 2001 From: Rasmus Date: Fri, 10 Mar 2023 19:09:53 +0200 Subject: added Muusika and Kuulamine --- rannak/mangud/perenaine/kuulamine/style.css | 88 +++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100755 rannak/mangud/perenaine/kuulamine/style.css (limited to 'rannak/mangud/perenaine/kuulamine/style.css') diff --git a/rannak/mangud/perenaine/kuulamine/style.css b/rannak/mangud/perenaine/kuulamine/style.css new file mode 100755 index 0000000..380bc00 --- /dev/null +++ b/rannak/mangud/perenaine/kuulamine/style.css @@ -0,0 +1,88 @@ +* { + box-sizing: border-box; +} + +body{ + background-color: #43464b; +} + +h1 { + color: #FEDD00; + font-weight: bold; +} + +.moveOn{ + display: inline-block; + border: none; + padding: 6px 12px; + margin-botton: 0; + font-size: 1rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #4BB543; + color: white; +} + +button:disabled{ + opacity: 0.5; + cursor: not-allowed; +} + + + +/* Modal Stuff */ + +.avatar { + border-radius: 20px; + width: 100%; + max-width: 15rem; +} + +.modalHeaderWrapper{ + text-align: center; + margin: 0; + width: 100%; +} + +.modalButton{ + position: absolute; + top: 0; + right: 0; + padding: 6px; + padding: 9px 25px; + background-color: rgba(0,136,169,1); + border: none; + border-radius: 50px; + cursor: pointer; + transition: all 0.3 ease 0; + margin: 3%; + font-size: 1.2rem; +} + +.modalButton:hover{ + background-color: rgba(0,136,169,0.8); +} + + + + +/* Main styles*/ + +audio{padding-bottom: 2rem;} + +strong{font-size: 1.1rem;} +.main{ + padding: 3rem 10% 0 10%; + text-align: center; + color: white; +} + +.niisiis{padding: 2rem 0 1rem 0;} +.tableWrapper{padding-bottom: 2rem;} +.tableWrapper h3 { + padding: 2rem 0 1rem 0; + border-top: 4px solid white; + color: #FEDD00; +} -- cgit v1.2.3