130 lines
1.8 KiB
CSS
130 lines
1.8 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;
|
|
}
|
|
|
|
.js-video {
|
|
height: 0;
|
|
padding-top: 25px;
|
|
padding-bottom: 67.5%;
|
|
margin-bottom: 10px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.js-video.widescreen {
|
|
padding-bottom: 57.25%;
|
|
}
|
|
|
|
.js-video embed, .js-video iframe, .js-video object, .js-video video {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
}
|