From 1f90b34d95cc82425ae9da3277b115084ba5e678 Mon Sep 17 00:00:00 2001
From: Krateng <git.noreply@krateng.ch>
Date: Wed, 2 Oct 2019 05:35:33 +0200
Subject: [PATCH] Factored out common style

---
 website/common/header.html |  1 +
 website/css/grisons.css    | 65 ++++++++++++++++++++++++++++++++++++++
 website/css/maloja.css     | 32 ++-----------------
 3 files changed, 69 insertions(+), 29 deletions(-)
 create mode 100644 website/css/grisons.css

diff --git a/website/common/header.html b/website/common/header.html
index 57d7fa8..f8467a0 100644
--- a/website/common/header.html
+++ b/website/common/header.html
@@ -1,3 +1,4 @@
 <meta name="description" content='Maloja is a self-hosted music scrobble server.' />
 <link rel="stylesheet" href="/css/maloja.css" />
+<link rel="stylesheet" href="/css/grisons.css" />
 <script src="/javascript/search.js" async></script>
diff --git a/website/css/grisons.css b/website/css/grisons.css
new file mode 100644
index 0000000..1810c7d
--- /dev/null
+++ b/website/css/grisons.css
@@ -0,0 +1,65 @@
+/**
+	COMMON STYLES FOR MALOJA, ALBULA AND POSSIBLY OTHERS
+**/
+
+@import url('https://fonts.googleapis.com/css?family=Ubuntu');
+body {
+	background-color:#333337;
+	color:beige;
+	font-family:"Ubuntu";
+}
+
+/* TOP INFO TABLE */
+
+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%);
+}
+
+
+
+
+/** SCROLLBAR **/
+
+::-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;
+}
diff --git a/website/css/maloja.css b/website/css/maloja.css
index 0e0777b..ed79675 100644
--- a/website/css/maloja.css
+++ b/website/css/maloja.css
@@ -1,9 +1,5 @@
-@import url('https://fonts.googleapis.com/css?family=Ubuntu');
 
 body {
-	background-color:#333337;
-	color:beige;
-	font-family:"Ubuntu";
 	padding:15px;
 	padding-bottom:35px;
 	/**
@@ -42,6 +38,9 @@ input[type="date"] {
 
 }
 
+
+
+
 /**
 Header (unused)
 **/
@@ -218,31 +217,6 @@ div.searchresults table.searchresults_tracks td span:nth-child(1) {
 
 
 
-/*
-**
-**
-** TOP INFO TABLE
-**
-**
-*/
-
-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;
-}
 
 p.desc a {
 	padding-left:20px;