109 lines
1.4 KiB
CSS
109 lines
1.4 KiB
CSS
body {
|
|
font-family: "Open Sans";
|
|
color: #445470;
|
|
}
|
|
|
|
header {
|
|
background: #FE4365;
|
|
}
|
|
|
|
header h1 {
|
|
margin: 0;
|
|
text-align: center;
|
|
font-weight: 300;
|
|
font-size: 2em;
|
|
padding: 20px 0;
|
|
}
|
|
|
|
header h1 a {
|
|
color: #fff;
|
|
}
|
|
|
|
a {
|
|
color: #C04969;
|
|
}
|
|
|
|
a:hover {
|
|
color: #824F6D;
|
|
}
|
|
|
|
header h1 a:hover, header h1 a:focus{
|
|
color: #ffacc5;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.home input[type="text"]:focus {
|
|
border-color: rgba(255, 68, 109, 0.8);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(255, 68, 109, 0.8);
|
|
outline: 0 none;
|
|
}
|
|
|
|
.album header h1, .track header h1 {
|
|
text-align: left;
|
|
font-size: 1.5em;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.audio-lighten {
|
|
color: #ffacc5;
|
|
}
|
|
|
|
.artist-lighten {
|
|
color: #8396b0;
|
|
font-weight: 300;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.8em;
|
|
font-weight: 700;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
color: #8396b0;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.share-form {
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
text-align: center;
|
|
}
|
|
|
|
.btn-custom {
|
|
background-color: #FE4365;
|
|
color: #fff;
|
|
}
|
|
|
|
.service {
|
|
padding: 40px 10px 10px 10px;
|
|
}
|
|
.matching-from {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 25px;
|
|
}
|
|
.source-service {
|
|
border-radius: 5px;
|
|
background: #eee;
|
|
}
|
|
.album-artwork {
|
|
margin-bottom: 10px;
|
|
}
|
|
.not-found {
|
|
opacity: 0.3;
|
|
}
|
|
.service-link {
|
|
text-align: center;
|
|
}
|
|
.service-link a {
|
|
font-size: 1.8em;
|
|
color: #444;
|
|
}
|
|
.service-link a:hover {
|
|
text-decoration: none;
|
|
}
|
|
.service-link img {
|
|
margin-bottom: 7px;
|
|
}
|