From 9983bad80881f72db54017115c3c70ea676d59b4 Mon Sep 17 00:00:00 2001 From: Grant Shoshin Shangreaux Date: Wed, 7 Dec 2022 15:55:39 -0600 Subject: Add: versioned CSS --- static/css/main-2.css | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 static/css/main-2.css (limited to 'static/css/main-2.css') diff --git a/static/css/main-2.css b/static/css/main-2.css new file mode 100644 index 0000000..665eb76 --- /dev/null +++ b/static/css/main-2.css @@ -0,0 +1,101 @@ + +body { + background-color: #1c1c1c; + color: #e8e7d5; +} + +a { + color: #d478e0; +} + +h1,h2,h3,h4 { + color: #ff9430; +} + +button { + background: #1c1c1c; + color: #ff9430; + border: 1px solid #ff9430; + margin-left: 2px; + margin-right: 2px; +} + +button:hover { + cursor: pointer; +} + +.center { + text-align: center; +} + +.row { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + align-content: baseline; +} + +.column { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: center; + align-content: baseline; +} + +.centered-column { + display: grid; + grid-template-columns: 1fr minmax(300px,500px) 1fr; + padding: 10px; + column-gap: 40px; +} + +.four-column > div { + max-width: 50%; +} + + +.track-list-item:hover { + cursor: pointer; + background-color: #454545; +} + +.player { + display: flex; + justify-content: space-evenly; + width: 100%; + flex-wrap: wrap; +} + +.now-playing { + display: flex; + width: 300px; + flex-direction: column; +} + +.controls { + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.controls button { + font-size: 2em; + width: -moz-available; + width: -webkit-fill-available; + width: stretch; +} + +.now-playing-track { + background-color: #454545; +} + +.playlist-display { + margin-top: 2em; + width: auto; + display: flex; + flex-direction: column; + height: 600px; + overflow-y: auto; +} -- cgit v1.2.3