diff --git a/maloja/server.py b/maloja/server.py
index c8389b6..967628d 100755
--- a/maloja/server.py
+++ b/maloja/server.py
@@ -18,7 +18,6 @@ from . import utilities
 from .utilities import resolveImage
 from .urihandler import uri_to_internal, remove_identical
 from . import urihandler
-from . import info
 # doreah toolkit
 from doreah import settings
 from doreah.logging import log
@@ -53,10 +52,18 @@ webserver = Bottle()
 
 pthjoin = os.path.join
 
-#import lesscpy
-#css = ""
-#for f in os.listdir(pthjoin(WEBFOLDER,"less")):
-#	css += lesscpy.compile(pthjoin(WEBFOLDER,"less",f))
+def generate_css():
+	import lesscpy
+	from io import StringIO
+	less = ""
+	for f in os.listdir(pthjoin(WEBFOLDER,"less")):
+		with open(pthjoin(WEBFOLDER,"less",f),"r") as lessf:
+			less += lessf.read()
+
+	css = lesscpy.compile(StringIO(less),minify=True)
+	return css
+
+css = generate_css()
 
 #os.makedirs("web/css",exist_ok=True)
 #with open("web/css/style.css","w") as f:
@@ -145,9 +152,14 @@ def static_image(pth):
 	response.set_header("Cache-Control", "public, max-age=86400")
 	return response
 
+
+@webserver.route("/css/style.css")
+def get_css():
+	response.content_type = 'text/css'
+	return css
+
 #@webserver.route("/<name:re:.*\\.html>")
 @webserver.route("/<name:re:.*\\.js>")
-@webserver.route("/<name:re:.*\\.css>")
 @webserver.route("/<name:re:.*\\.less>")
 @webserver.route("/<name:re:.*\\.png>")
 @webserver.route("/<name:re:.*\\.jpeg>")
@@ -188,7 +200,7 @@ def static_html(name):
 		environ["malojatime"] = malojatime
 		environ["utilities"] = utilities
 		environ["urihandler"] = urihandler
-		environ["info"] = info
+		#environ["info"] = info
 		# external
 		environ["urllib"] = urllib
 		# request
diff --git a/maloja/web/css/style.css b/maloja/web/css/style.css
deleted file mode 100644
index 54eca3e..0000000
--- a/maloja/web/css/style.css
+++ /dev/null
@@ -1,674 +0,0 @@
-@font-face {
- font-family: 'Ubuntu';
- font-style: normal;
- font-weight: 400;
- src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcg72j00.woff2) format('woff2');
-}
-@font-face {
- font-family: 'Ubuntu';
- font-style: normal;
- font-weight: 400;
- src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKew72j00.woff2) format('woff2');
- unicode-range: U + 0400 -045F, U + 0490 -0491, U + 04 B0-04B1, U + 2116;
-}
-@font-face {
- font-family: 'Ubuntu';
- font-style: normal;
- font-weight: 400;
- src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcw72j00.woff2) format('woff2');
- unicode-range: U + 1 F00-1FFF;
-}
-@font-face {
- font-family: 'Ubuntu';
- font-style: normal;
- font-weight: 400;
- src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKfA72j00.woff2) format('woff2');
- unicode-range: U + 0370 -03FF;
-}
-@font-face {
- font-family: 'Ubuntu';
- font-style: normal;
- font-weight: 400;
- src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
-}
-@font-face {
- font-family: 'Ubuntu';
- font-style: normal;
- font-weight: 400;
- src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
-}body {
- background-color: #333337;
- color: beige;
- font-family: "Ubuntu";
-}
-table.top_info td.image div {
- margin-right: 20px;
- margin-bottom: 20px;
- background-size: cover;
- background-position: center;
- height: 174px;
- width: 174px;
-}
-table.top_info td.text {
- vertical-align: top;
-}
-table.top_info td.text h1 {
- display: inline;
- padding-right: 5px;
-}
-table.top_info td.text table.image_row td {
- height: 50px;
- width: 50px;
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- opacity: 0.5;
- filter: grayscale(80%);
-}
-table.top_info td.text table.image_row td:hover {
- opacity: 1;
- filter: grayscale(0%);
-}
-::-webkit-scrollbar {
- width: 8px;
- cursor: pointer;
-}
-::-webkit-scrollbar-track {
- background: grey;
- background-color: rgba(0,255,255,0.1);
-}
-::-webkit-scrollbar-thumb {
- background-color: rgba(103,85,0,0.7);
-}
-::-webkit-scrollbar-thumb:hover {
- background: gold;
-}
-[onclick]:hover,
-a:hover {
- cursor: pointer;
-}
-div.grisons_bar {
- background-color: rgba(0,255,255,0.1);
-}
-div.grisons_bar > div {
- height: 100%;
- background-color: rgba(103,85,0,0.7);
-}
-div.grisons_bar:hover > div {
- background-color: gold;
-}
-a {
- color: inherit;
- text-decoration: none;
-}
-a.textlink {
- color: yellow;
-}
-a.hidelink:hover {
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-body {
- padding: 15px;
- padding-bottom: 35px;
-}
-input[type="date"] {
- background-color: inherit;
- color: inherit;
- outline: none;
- border: 0px;
- font-family: inherit;
- font-size: inherit;
-}
-div#settingsicon {
- position: fixed;
- right: 30px;
- top: 30px;
- fill: beige;
-}
-div#settingsicon:hover {
- fill: yellow;
-}
-div.footer {
- position: fixed;
- height: 20px;
- background-color: #0a0a0a;
- bottom: 0px;
- left: 0px;
- right: 0px;
- padding: 10px;
- opacity: 1;
-}
-div.footer div:nth-child(1) {
- display: inline-block;
- width: 40%;
- text-align: left;
-}
-div.footer div:nth-child(2) {
- display: inline-block;
- width: 19%;
- text-align: center;
- color: gold;
- font-size: 110%;
-}
-div.footer div:nth-child(3) {
- display: inline-block;
- width: 40%;
- text-align: right;
-}
-div.footer span a {
- padding-left: 20px;
- background-repeat: no-repeat;
- background-size: contain;
- background-position: left;
- background-image: url("https://github.com/favicon.ico");
-}
-div.footer input {
- background-color: inherit;
- border: 0px;
- border-bottom: 1px solid beige;
- color: beige;
- font-size: 90%;
- width: 70%;
- padding-left: 5px;
- padding-right: 5px;
- padding-top: 2px;
- padding-bottom: 2px;
- font-family: "Ubuntu";
-}
-div.footer input:focus {
- outline: none;
-}
-div.searchresults {
- position: fixed;
- bottom: 50px;
- right: 20px;
- width: 500px;
- background-color: rgba(10,10,10,0.99);
- padding: 15px;
-}
-div.searchresults > span {
- font-size: 20px;
- font-weight: bold;
-}
-div.searchresults table {
- width: 100%;
- border-spacing: 0px 4px;
-}
-div.searchresults tr {
- background-color: #05050501;
- margin-top: 5px;
- margin-bottom: 5px;
- height: 50px;
- cursor: pointer;
-}
-div.searchresults tr:hover {
- background-color: #23232301;
-}
-div.searchresults tr td.image {
- height: 50px;
- width: 50px;
- background-size: cover;
- background-position: center;
-}
-div.searchresults tr td:nth-child(2) {
- padding-left: 10px;
-}
-div.searchresults table.searchresults_tracks td span:nth-child(1) {
- font-size: 12px;
- color: grey;
-}
-@media (max-width:1000px) {
- div.footer {
-  position: fixed;
-  background-color: #0a0a0a;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  padding: 3px;
-  opacity: 1;
- }
- div.footer div:nth-child(1) {
-  display: none;
- }
- div.footer div:nth-child(2) {
-  display: inline-block;
-  width: 20%;
-  text-align: center;
-  color: gold;
- }
- div.footer div:nth-child(3) {
-  display: inline-block;
-  width: 70%;
-  text-align: right;
- }
- div.footer input {
-  width: 90%;
- }
-}
-p.desc a {
- padding-left: 20px;
- background-repeat: no-repeat;
- background-size: contain;
- background-position: left;
- background-image: url("https://www.last.fm/static/images/lastfm_avatar_twitter.66cd2c48ce03.png");
-}
-table.top_info + .stat_module_topartists table,
-table.top_info + .stat_module_toptracks table {
- margin: 15px 0;
-}
-.paginate {
- text-align: center;
- padding: 30px;
-}
-.stats {
- color: grey;
-}
-.rank {
- text-align: right;
- color: grey;
-}
-.extra {
- color: grey;
- font-size: 80%;
-}
-input#apikey {
- font-family: 'Ubuntu';
- outline: none;
- border: 0px solid;
- padding: 2px;
-}
-input.simpleinput {
- font-family: 'Ubuntu';
- color: beige;
- outline: none;
- border-top: 0px solid;
- border-left: 0px solid;
- border-right: 0px solid;
- padding: 2px;
- background-color: inherit;
- border-bottom: 1px solid beige;
-}
-a {
- cursor: pointer;
-}
-span.stat_selector_pulse,
-span.stat_selector_topartists,
-span.stat_selector_toptracks {
- cursor: pointer;
-}
-.medal {
- top: 5px;
- font-size: 80%;
- padding: 3px;
- margin: 2px;
- border-radius: 2px;
-}
-.shiny {
- overflow: hidden;
- position: relative;
- display: inline-block;
-}
-.shiny:after {
- content: "";
- position: absolute;
- top: -110%;
- left: -210%;
- width: 200%;
- height: 200%;
- opacity: 0;
- transform: rotate(30deg);
- background: rgba(255,255,255,0.13);
- background: linear-gradient(to right,rgba(255,255,255,0.13)0%,rgba(255,255,255,0.13)77%,rgba(255,255,255,0.5)92%,rgba(255,255,255,0.0)100% );
-}
-.shiny:hover:after {
- opacity: 1;
- top: -30%;
- left: -30%;
- transition-property: left, top, opacity;
- transition-duration: 0.7s, 0.7s, 0.15s;
- transition-timing-function: ease;
-}
-.shiny:active:after {
- opacity: 0;
-}
-a.gold {
- background-color: gold;
- color: black;
-}
-a.silver {
- background-color: silver;
- color: black;
-}
-a.bronze {
- background-color: #cd7f32;
- color: black;
-}
-img.certrecord {
- height: 30px;
- vertical-align: text-bottom;
-}
-img.certrecord_small {
- height: 20px;
- vertical-align: text-bottom;
-}
-img.star {
- height: 20px;
- vertical-align: text-bottom;
-}
-.button {
- padding: 3px;
- padding-right: 6px;
- padding-left: 6px;
- background-color: beige;
- color: #333337;
- cursor: pointer;
-}
-.button:hover {
- background-color: yellow;
- color: #333337;
-}
-.button.locked {
- background-color: grey;
- color: black;
- cursor: not-allowed;
-}
-table.twopart {
- width: 100%;
-}
-table.twopart > tbody > tr > td {
- width: 50%;
-}
-table.list {
- border-collapse: collapse;
-}
-table.list tr td {
- border-bottom: 2px solid;
- border-color: rgba(0,0,0,0);
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- padding-right: 15px;
-}
-table.list tr:nth-child(even) {
- background-color: #37373b;
-}
-table.list tr:nth-child(5n) td {
- border-color: rgba(120,120,120,0.2);
-}
-table.list tr:hover {
- background-color: #404044;
-}
-table.list td.time {
- width: 11%;
- color: grey;
-}
-table.list tr td.rank {
- padding-right: 4px;
-}
-table.list tr td.rankup {
- color: green;
- padding-right: 8px;
- font-size: 80%;
-}
-table.list tr td.rankdown {
- color: red;
- padding-right: 8px;
- font-size: 80%;
-}
-table.list tr td.ranksame {
- color: grey;
- padding-right: 8px;
- font-size: 80%;
-}
-table.list tr td.icon {
- padding: 0px;
- padding-right: 5px;
- width: 20px;
-}
-table.list td.icon div {
- width: 20px;
- height: 20px;
- background-size: cover;
- background-position: center;
-}
-table.list td.artists,
-td.artist,
-td.title,
-td.track {
- min-width: 100px;
-}
-table.list td.track span.artist_in_trackcolumn {
- color: #bbbbbb;
-}
-table.list td.track a.trackProviderSearch {
- margin-right: 5px;
- padding: 0 10px;
-}
-table.list td.amount {
- width: 50px;
- text-align: right;
-}
-table.list td.bar {
- width: 500px;
- background-color: #333337;
-}
-table.list td.bar div {
- background-color: beige;
- height: 20px;
- position: relative;
-}
-table.list tr:hover td.bar div {
- background-color: yellow;
- cursor: pointer;
-}
-table.list td.chart {
- width: 500px;
- background-color: #333337;
-}
-table.list td.chart div {
- height: 20px;
- background-color: rgba(0,0,0,0.1);
- border-radius: 0px 30px 30px 0px;
- background-image: url("/media/chartpos_normal.png");
- background-position: right;
- background-repeat: no-repeat;
- background-size: auto 100%;
- position: relative;
-}
-table.list tr:hover td.chart div {
- cursor: pointer;
-}
-table.list tr td.chart div.gold {
- background-image: url("/media/chartpos_gold.png");
-}
-table.list tr td.chart div.silver {
- background-image: url("/media/chartpos_silver.png");
-}
-table.list tr td.chart div.bronze {
- background-image: url("/media/chartpos_bronze.png");
-}
-table.list tr td.button {
- width: 200px;
- cursor: pointer;
- border-color: rgba(0,0,0,0) !important;
-}
-table.list td.button div {
- background-color: beige;
- color: #333337;
- padding: 3px;
- border-radius: 4px;
-}
-table.list td.button div:hover {
- background-color: yellow;
- color: #333337;
- padding: 3px;
- border-radius: 4px;
-}
-td.button.important div {
- background-color: red;
- color: white;
-}
-table.misc {
- margin-left: 20px;
-}
-table.misc td {
- padding-right: 20px;
- color: #bbbbaa;
-}
-table.misc th {
- text-align: left;
-}
-table.misc td.interaction {
- width: 65px;
-}
-table.tiles_top td {
- padding: 0px;
- border: 0px;
-}
-table.tiles_top:hover td td {
- opacity: 0.5;
- filter: grayscale(80%);
-}
-table.tiles_top:hover td td:hover {
- opacity: 1;
- filter: grayscale(0%);
-}
-table.tiles_top,
-table.tiles_sub {
- border-collapse: collapse;
-}
-table.tiles_top > tbody > tr > td {
- height: 300px;
- width: 300px;
-}
-table.tiles_sub {
- height: 100%;
- width: 100%;
-}
-table.tiles_top td {
- background-size: cover;
- background-position: center;
- vertical-align: bottom;
-}
-table.tiles_top td span {
- background-color: rgba(0,0,0,0.7);
-}
-table.tiles_1x1 td {
- height: 100%;
- width: 100%;
- font-size: 100%;
-}
-table.tiles_2x2 td {
- height: 50%;
- width: 50%;
- font-size: 90%;
-}
-table.tiles_3x3 td {
- height: 33.333%;
- width: 33.333%;
- font-size: 70%;
-}
-span.stat_module_pulse,
-span.stat_module_topartists,
-span.stat_module_toptracks {
- display: inline-block;
- vertical-align: top;
-}
-@media (min-width:1600px) {
- div.sidelist {
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  width: 40%;
-  height: 100%;
-  background-color: #444447;
-  padding-left: 30px;
-  padding-right: 30px;
- }
-}
-div.sidelist table {
- width: 100%;
- table-layout: fixed;
-}
-div.sidelist table.list td.time {
- width: 17%;
-}body {
- background-color: #333337;
- color: beige;
- font-family: "Ubuntu";
-}
-table.top_info td.image div {
- margin-right: 20px;
- margin-bottom: 20px;
- background-size: cover;
- background-position: center;
- height: 174px;
- width: 174px;
-}
-table.top_info td.text {
- vertical-align: top;
-}
-table.top_info td.text h1 {
- display: inline;
- padding-right: 5px;
-}
-table.top_info td.text table.image_row td {
- height: 50px;
- width: 50px;
- background-size: cover;
- background-position: center;
- background-repeat: no-repeat;
- opacity: 0.5;
- filter: grayscale(80%);
-}
-table.top_info td.text table.image_row td:hover {
- opacity: 1;
- filter: grayscale(0%);
-}
-::-webkit-scrollbar {
- width: 8px;
- cursor: pointer;
-}
-::-webkit-scrollbar-track {
- background: grey;
- background-color: rgba(0,255,255,0.1);
-}
-::-webkit-scrollbar-thumb {
- background-color: rgba(103,85,0,0.7);
-}
-::-webkit-scrollbar-thumb:hover {
- background: gold;
-}
-[onclick]:hover,
-a:hover {
- cursor: pointer;
-}
-div.grisons_bar {
- background-color: rgba(0,255,255,0.1);
-}
-div.grisons_bar > div {
- height: 100%;
- background-color: rgba(103,85,0,0.7);
-}
-div.grisons_bar:hover > div {
- background-color: gold;
-}
-a {
- color: inherit;
- text-decoration: none;
-}
-a.textlink {
- color: yellow;
-}
-a.hidelink:hover {
- text-decoration: none;
-}
-a:hover {
- text-decoration: underline;
-}
-.hide {
-	display:none;
-}
diff --git a/maloja/web/less/maloja.less b/maloja/web/less/maloja.less
index a4b8b19..ce078e8 100644
--- a/maloja/web/less/maloja.less
+++ b/maloja/web/less/maloja.less
@@ -1,5 +1,3 @@
-@import "web/less/grisons";
-
 body {
 	padding:15px;
 	padding-bottom:35px;