Cutlery/maloja
1
0
Fork 0
mirror of https://github.com/krateng/maloja.git synced 2025-07-09 03:04:07 -04:00
Code Issues Packages Projects Releases Wiki Activity

Factored out common style

Browse Source
This commit is contained in:
Krateng 2019-10-02 05:35:33 +02:00
parent 5342003fa4
commit 1f90b34d95
3 changed files with 69 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
website/common/header.html
View File

@ -1,3 +1,4 @@
<meta name="description" content='Maloja is a self-hosted music scrobble server.' /> <meta name="description" content='Maloja is a self-hosted music scrobble server.' />
<link rel="stylesheet" href="/css/maloja.css" /> <link rel="stylesheet" href="/css/maloja.css" />
<link rel="stylesheet" href="/css/grisons.css" />
<script src="/javascript/search.js" async></script> <script src="/javascript/search.js" async></script>

65
website/css/grisons.css Normal file
View File

@ -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;
}

32
website/css/maloja.css
View File

@ -1,9 +1,5 @@
@import url('https://fonts.googleapis.com/css?family=Ubuntu');
body { body {
background-color:#333337;
color:beige;
font-family:"Ubuntu";
padding:15px; padding:15px;
padding-bottom:35px; padding-bottom:35px;
/** /**
@ -42,6 +38,9 @@ input[type="date"] {
} }
/** /**
Header (unused) 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 { p.desc a {
padding-left:20px; padding-left:20px;