table{ background-color:transparent; margin-left: 0px !important; } td { background-color:transparent; } body { background-image: radial-gradient(circle at center center, rgb(233, 240, 92),rgb(236, 129, 32));
}
.wrapper{
width: 530px;
padding: 10px;
padding-bottom: 3px;
box-sizing: border-box;
box-shadow: 0 0 21px 0px rgba(0,0,0,0.3);
border-radius: 10px;
}
/* for preload play/pause svg */
body:after {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/163884/play.svg)
url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/163884/pause.svg);
}
/*
*style audio tag
*/
.mejs-container {
background: #000;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
width: 100% !important;
height: 35px !important;
border-radius: 6px 6px 6px 6px;
}
.mejs-container .mejs-controls {
height: 100%;
background: transparent;
display: flex;
}
.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
display: block;
width: 180px;
height: 100%;
border-radius: 0px;
cursor: pointer;
}
.mejs-controls div.mejs-time-rail {
padding-top: initial;
height: 100%;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 0
}
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 27px;
width: auto;
padding: 0;
line-height: 25px;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time {
position: absolute;
color: rgba(256, 256, 256, 0.3);
right: 10px;
bottom: 0;
top: 0;
margin: auto;
font-family: 'Lato';
font-size: 32px;
pointer-events: none;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
display: none;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
background: #000;
width: 46px;
height: 20px;
border: none;
top: -25px;
margin-left: -18px;
text-align: center;
color: #fff;
border-radius: 3px;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 0;
margin-top: 4px;
width: 100%;
display: block;
text-align: center;
left: 0;
}
.mejs-container .mejs-controls div {
height: 100%;
width: 50px;
position: relative;
}
.mejs-controls .mejs-button button {
margin: 0;
padding: 0;
position: relative;
height: 100%;
width: 100%;
border: 0 !important;
background: transparent;
outline: none;
}
.mejs-controls .mejs-play:after {
position: absolute;
content: "";
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/163884/play.svg) no-repeat;
width: 17px;
height: 22px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transition: all 100ms linear;
pointer-events: none;
}
.mejs-controls .mejs-pause:after {
position: absolute;
content: "";
background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/163884/pause.svg) no-repeat;
width: 13px;
height: 22px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transition: all 100ms linear;
pointer-events: none;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background: #292929;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3c3838;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-size: 50px 50px;
animation: move 3s linear infinite;
opacity: 0.1;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: linear-gradient(to right, #03A9F4, #ff00ff);
}
.mejs-controls .mejs-button button:focus {
outline: none;
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
#postbody { width: 1024px !important; overflow: visible; padding: 0px; background: transparent !important; } .transp { filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; }
#page-wrap { font-family: 'Arial', sans-serif; font-size: 17px; color: #111111; text-align: justify; padding-bottom: 30px; width: 680px; margin: 50px auto; padding: 40px; background-color: rgba(226, 230, 233, 0.7); -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
【專輯藝人】: Brian Crain
【專輯名稱】: Piano And Light
【發行日期】: 2011年03月16日
【唱片公司】: Crain Records, Inc.
【專輯類型】: Piano, Easy listening
【專輯介紹】:
Brian Crain出生在加利福尼亞好萊塢,10歲開始學鋼琴,但不久就對鋼琴練習產生厭倦。19歲時,為了完成第一部採用旋轉磁頭數碼錄音的好萊塢全本電影,他建立了一個錄音工作室。在這個期間,Brian Crain偶爾會坐到被遺忘很久的鋼琴前,他會即興演奏一段,正像他以前用口哨即興演奏一樣,直到這些音符聽起來很好聽為止。不知不覺中,他就這樣自學了鋼琴。現在,Brian Crain已經售出了數十萬張唱片。
這張專輯是Brian Crain2011年的作品,總體保持了Crain應有的水平和風格,他的鋼琴一如既往地在簡約中帶有一種透明的質感,獨奏非常地清澈,聽起來放鬆和舒緩,帶著細思、浮動、加速的音調,旋律的複現度較以往的作品有所提高。開始首曲 "Softness and Light",音樂像來自天堂,純潔無瑕的籠罩著周圍的世界,最後以加拿大詩人歌手*倫納德·科恩 (Leonard Cohen) 的 "Hallelujah" 讚美造物者作結尾曲。封面也做得簡約精緻,非常值得一聽的。
【專輯播放】 · · · · · ·
Sorry, your browser does not support HTML5 audio.
----- all music copyrighted please purchase original materials -----
----- 所有的音樂只是試聽音質請購買原裝版本 -----