a img {-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60);opacity: .9.9;border-radius:50px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;} -webkit-box-shadow: 0px 0px 40px #151515; box-shadow: 0px 0px 40px #151515; URL: www.noaesthetic.com ----------------------------------------------- */ /* Variable definitions ==================== */ /* Content ----------------------------------------------- */ body { font: normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #333333; background: #111111 url(//themes.googleusercontent.com/image?id=1OACCYOE0-eoTRTfsBuX1NMN9nz599ufI1Jh0CggPFA_sK80AGkIr8pLtYRpNUKPmwtEa) repeat-x fixed top center; } html body .region-inner { min-width: 0; max-width: 100%; width: auto; } .content-outer { font-size: 90%; } a:link { text-decoration:none; color: #336699; } a:visited { text-decoration:none; color: #6699cc; } a:hover { text-decoration:underline; color: #33aaff; } .content-outer { background: transparent none repeat scroll top left; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15); box-shadow: 0 0 0 rgba(0, 0, 0, .15); margin: 20px auto; } .content-inner { padding: 0; } /* Header ----------------------------------------------- */ .header-outer { background: transparent none repeat-x scroll top left; _background-image: none; color: #ffffff; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .Header img, .Header #header-inner { -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper { padding-left: 0; padding-right: 0; } .Header h1 { font: normal normal 36px Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); } .Header h1 a { color: #ffffff; } .Header .description { font-size: 130%; } /* Tabs ----------------------------------------------- */ .tabs-inner { margin: .5em 20px 0; padding: 0; } .tabs-inner .section { margin: 0; } .tabs-inner .widget ul { padding: 0; background: transparent none repeat scroll bottom; -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .tabs-inner .widget li { border: none; } .tabs-inner .widget li a { display: inline-block; padding: .5em 1em; margin-right: .25em; color: #ffffff; font: normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -goog-ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left; border-right: 1px solid transparent; } .tabs-inner .widget li:first-child a { padding-left: 1.25em; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 0; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 0; -goog-ms-border-top-left-radius: 10px; -goog-ms-border-bottom-left-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 0; } .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover { position: relative; z-index: 1; background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll bottom; color: #336699; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 3px rgba(0, 0, 0, .15); box-shadow: 0 0 3px rgba(0, 0, 0, .15); } /* Headings ----------------------------------------------- */ h2 { font: bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif; text-transform: uppercase; color: #888888; margin: .5em 0; } /* Main ----------------------------------------------- */ .main-outer { background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left; -moz-border-radius: 20px 20px 0 0; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -goog-ms-border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); } .main-inner { padding: 15px 20px 20px; } .main-inner .column-center-inner { padding: 0 0; } .main-inner .column-left-inner { padding-left: 0; } .main-inner .column-right-inner { padding-right: 0; } /* Posts ----------------------------------------------- */ h3.post-title { margin: 0; font: normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif; } .comments h4 { margin: 1em 0 0; font: normal normal 18px Arial, Tahoma, Helvetica, FreeSans, sans-serif; } .date-header span { color: #333333; } .post-outer { background-color: #ffffff; border: solid 1px #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -goog-ms-border-radius: 5px; padding: 15px 20px; margin: 0 -20px 20px; } .post-body { line-height: 1.4; font-size: 110%; position: relative; } .post-header { margin: 0 0 1.5em; color: #999999; line-height: 1.6; } .post-footer { margin: .5em 0 0; color: #999999; line-height: 1.6; } #blog-pager { font-size: 140% } #comments .comment-author { padding-top: 1.5em; border-top: dashed 1px #ccc; border-top: dashed 1px rgba(128, 128, 128, .5); background-position: 0 1.5em; } #comments .comment-author:first-child { padding-top: 0; border-top: none; } .avatar-image-container { margin: .2em 0 0; } /* Comments ----------------------------------------------- */ .comments .comments-content .icon.blog-author { background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==); } .comments .comments-content .loadmore a { border-top: 1px solid #33aaff; border-bottom: 1px solid #33aaff; } .comments .continue { border-top: 2px solid #33aaff; } /* Widgets ----------------------------------------------- */ .widget ul, .widget #ArchiveList ul.flat { padding: 0; list-style: none; } .widget ul li, .widget #ArchiveList ul.flat li { border-top: dashed 1px #ccc; border-top: dashed 1px rgba(128, 128, 128, .5); } .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child { border-top: none; } .widget .post-body ul { list-style: disc; } .widget .post-body ul li { border: none; } /* Footer ----------------------------------------------- */ .footer-outer { color:#cccccc; background: transparent url(//www.blogblog.com/1kt/transparent/black50.png) repeat scroll top left; -moz-border-radius: 0 0 20px 20px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -goog-ms-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .15); box-shadow: 0 1px 3px rgba(0, 0, 0, .15); } .footer-inner { padding: 10px 20px 20px; } .footer-outer a { color: #99ccee; } .footer-outer a:visited { color: #77aaee; } .footer-outer a:hover { color: #33aaff; } .footer-outer .widget h2 { color: #aaaaaa; } /* Mobile ----------------------------------------------- */ html body.mobile { height: auto; } html body.mobile { min-height: 480px; background-size: 100% auto; } .mobile .body-fauxcolumn-outer { background: transparent none repeat scroll top left; } html .mobile .mobile-date-outer, html .mobile .blog-pager { border-bottom: none; background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left; margin-bottom: 10px; } .mobile .date-outer { background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll top left; } .mobile .header-outer, .mobile .main-outer, .mobile .post-outer, .mobile .footer-outer { -moz-border-radius: 0; -webkit-border-radius: 0; -goog-ms-border-radius: 0; border-radius: 0; } .mobile .content-outer, .mobile .main-outer, .mobile .post-outer { background: inherit; border: none; } .mobile .content-outer { font-size: 100%; } .mobile-link-button { background-color: #336699; } .mobile-link-button a:link, .mobile-link-button a:visited { color: #ffffff; } .mobile-index-contents { color: #333333; } .mobile .tabs-inner .PageList .widget-content { background: transparent url(//www.blogblog.com/1kt/transparent/white80.png) repeat scroll bottom; color: #336699; } .mobile .tabs-inner .PageList .widget-content .pagelist-arrow { border-left: 1px solid transparent; } .cayunhover img{
-webkit-transform:scale(0.3); /*Webkit: Scale down image to 0.8x original size*/
-moz-transform:scale(0.3); /*Mozilla scale version*/
-o-transform:scale(0.3); /*Opera scale version*/
-webkit-transition-duration: 9.9s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/
opacity: 0.7; /*initial opacity of images*/
margin: 0 10px 5px 0; /*margin between images*/
}

.cayunhover img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.4); /*Mozilla scale version*/
-o-transform:scale(1.1); /*Opera scale version*/
box-shadow:0px 0px 30px blue; /*Kode Css3 untuk efek shadow*/
-webkit-box-shadow:0px 0px 30px blue; /*Untuk safari*/
-moz-box-shadow:0px 0px 30px blue; /*Untuk Mozilla*/
opacity: 1;
} a img {-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60);opacity: .9.9;border-radius:50px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;} #akatsuki{position: absolute; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .akatsuki { width: 200px; height: 138px; background:url("http://4.bp.blogspot.com/-fyOVfdo1pFQ/T74QloE-dWI/AAAAAAAAB_E/RNYaqEDBAPY/s1600/Untitled-1.png") no-repeat top center; position: relative; } .awanmerah1 { -webkit-animation: moveclouds2 15s linear infinite; -moz-animation: moveclouds2 15s linear infinite; -o-animation: moveclouds2 15s linear infinite; } .awanmerah2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds2 25s linear infinite; -moz-animation: moveclouds2 25s linear infinite; -o-animation: moveclouds2 25s linear infinite; } .awanmerah3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds2 20s linear infinite; -moz-animation: moveclouds2 20s linear infinite; -o-animation: moveclouds2 20s linear infinite; } .awanmerah4 { left: 470px; top: -250px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: moveclouds2 18s linear infinite; -moz-animation: moveclouds2 18s linear infinite; -o-animation: moveclouds2 18s linear infinite; } .awanmerah5 { left: -150px; top: -150px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds2 20s linear infinite; -moz-animation: moveclouds2 20s linear infinite; -o-animation: moveclouds2 20s linear infinite; } @-webkit-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-moz-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-o-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } a img {-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=60);opacity: .9.9;border-radius:50px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;} #akatsuki{position: absolute; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .akatsuki { width: 200px; height: 138px; background:url("http://4.bp.blogspot.com/-fyOVfdo1pFQ/T74QloE-dWI/AAAAAAAAB_E/RNYaqEDBAPY/s1600/Untitled-1.png") no-repeat top center; position: relative; } .awanmerah1 { CSS #akatsuki{position: absolute; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .akatsuki { width: 200px; height: 138px; background:url("http://4.bp.blogspot.com/-fyOVfdo1pFQ/T74QloE-dWI/AAAAAAAAB_E/RNYaqEDBAPY/s1600/Untitled-1.png") no-repeat top center; position: relative; } .awanmerah1 { -webkit-animation: moveclouds2 15s linear infinite; -moz-animation: moveclouds2 15s linear infinite; -o-animation: moveclouds2 15s linear infinite; } .awanmerah2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds2 25s linear infinite; -moz-animation: moveclouds2 25s linear infinite; -o-animation: moveclouds2 25s linear infinite; } .awanmerah3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds2 20s linear infinite; -moz-animation: moveclouds2 20s linear infinite; -o-animation: moveclouds2 20s linear infinite; } .awanmerah4 { left: 470px; top: -250px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: moveclouds2 18s linear infinite; -moz-animation: moveclouds2 18s linear infinite; -o-animation: moveclouds2 18s linear infinite; } .awanmerah5 { left: -150px; top: -150px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds2 20s linear infinite; -moz-animation: moveclouds2 20s linear infinite; -o-animation: moveclouds2 20s linear infinite; } @-webkit-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-moz-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-o-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } -->
CSS #akatsuki{position: absolute; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .akatsuki { width: 200px; height: 138px; background:url("http://4.bp.blogspot.com/-fyOVfdo1pFQ/T74QloE-dWI/AAAAAAAAB_E/RNYaqEDBAPY/s1600/Untitled-1.png") no-repeat top center; position: relative; } .awanmerah1 { -webkit-animation: moveclouds2 15s linear infinite; -moz-animation: moveclouds2 15s linear infinite; -o-animation: moveclouds2 15s linear infinite; } .awanmerah2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds2 25s linear infinite; -moz-animation: moveclouds2 25s linear infinite; -o-animation: moveclouds2 25s linear infinite; } .awanmerah3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds2 20s linear infinite; -moz-animation: moveclouds2 20s linear infinite; -o-animation: moveclouds2 20s linear infinite; } .awanmerah4 { left: 470px; top: -250px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: moveclouds2 18s linear infinite; -moz-animation: moveclouds2 18s linear infinite; -o-animation: moveclouds2 18s linear infinite; } .awanmerah5 { left: -150px; top: -150px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds2 20s linear infinite; -moz-animation: moveclouds2 20s linear infinite; -o-animation: moveclouds2 20s linear infinite; } @-webkit-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-moz-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-o-keyframes moveclouds2 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} }

Jumat, 15 Februari 2013

STEVEN AND COCONU TREEZ

Sejarah Steven & Coconu Treez


Steven & coconut Treez adalah salah satu group band reggae Indonesia yang masih eksis dan bisa bertahan ditengah menjamurnya band band percintaan. Beranggotakan Steven*vocal yanga mantan vocalis band scope dan sempat menelurkan tiga album, A ray* gitar, Teguh*gitar, Rival*bass, Iwan*keyboard, alm Tedy*perkusi, Aci*drum maju terus bersaing di pasar tanpa ada saingan. Kehadiran Steven and The Coconut Trees ternyata mendapat sambutan positive. Maklum aja, emang enggak banyak band yang main reggae kan. Hasilnya? “Dari jualan kaset, lumayan lah, cukup buat hura-hura setahun,” ujar Steven seraya tergelak.
Steven & Coconut treez maju meneruskan perjuangan musisi pendahulunya reagge imanez, malah di album ketiga Steven mengeluarkan singgle kedua mereka lagu yang diciptakan alm Imanez “lagu santai” karna memang reagge emang terkenal buat lagu nyantai.
Di tahun kemaren band ini juga kehilangan pemain perkusi mereka tedy karena sakit paru paru yang diidapnya.
Dengan musik yang easy listening dan komposisi lirik yang merakyat yang sering didengar dalam kehidupan sehari hari band ini tetap bisa eksis diblantika musik Indonesia.

Tidak ada komentar:

Posting Komentar