1 files changed, 55 insertions, 0 deletions

diff --git a/webapp/css/main.css b/webapp/css/main.css
new file mode 100644
index 0000000..fecb981
--- /dev/null
+++ b/webapp/css/main.css
@@ -0,0 +1,55 @@
+@font-face {
+    font-family: "spoticon";
+    src: url("../vendor/spoticon.svg") format("svg"); /* ,url("https://glue-static.s3-external-3.amazonaws.com/fonts/spoticon_1d2b9f586650bafedbd44381e1efa36b.woff") format("woff"),url("https://glue-static.s3-external-3.amazonaws.com/fonts/spoticon_1d2b9f586650bafedbd44381e1efa36b.ttf") format("truetype"); */
+    font-weight: normal;
+    font-style:normal;
+}
+
+
+
+
+#main-navigation, #main-area, #player {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+}
+
+#main-navigation, #player {
+    width: 20%;
+    background: #CCC;
+    padding: 1em;
+}
+
+#main-navigation {
+    left: 0;
+}
+
+#main-area {
+    left: 0;
+    right: 0;
+    padding-right: 20%;
+    padding-left: 20%;
+}
+
+#player {
+    right: 0;
+}
+
+
+
+
+
+[class^="spoticon-"]:before, [class*="spoticon-"]:before {
+    font-family:"spoticon";
+    font-style:normal;
+    font-weight:normal;
+    -webkit-font-smoothing:antialiased;
+    -moz-osx-font-smoothing:grayscale;
+    line-height:inherit;
+    vertical-align:bottom;
+    display:inline-block;
+    text-decoration:inherit;
+}
+
+.spoticon-add-to-playlist:before { content: "\f160"; font-size: 32px; }
+