<![CDATA[
<style> body
{ background-image: url(http://cfile264.uf.daum.net/image/99B5E13F5DB725443C6812);
background-attachment: fixed; background-color:#ffffff;
background-repeat: no-repeat ; background-position: center bottom; background-size: cover; }</style>
<style>
#cafe_gnb, #header, #cafemenu { opacity:0.5; filter:alpha(opacity=50); }
.list_btn_area , .commentDiv { opacity:0.6; filter:alpha(opacity=60); }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
.commentBox {background-image: url( http://cfile261.uf.daum.net/image/27634B3654FE63792F5EF4 )! important;
background-attachment: fixed; background-color: transparent;
background-repeat: repeat; background-position: center center; }
/* hover define */
/*
#cafemenu:hover { -ms-overflow-style: auto; background: linear-gradient( to right, #ffff99 , #ffffff ); progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ffff99 , EndColorStr=#ffffff ); }
*/
#cafemenu {-ms-transition: all .5s ease; }
#cafemenu:hover { -ms-overflow-style: auto; opacity: 0.9; background-image: url(http://cfile289.uf.daum.net/image/2619C44C58D7DA8C356281 ); background-repeat: repeat; background-position: center center; }
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.9; }
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.8; }
.longtail_comment:hover { height: 220px; border: 3px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
/* @font-face define */
@font-face { font-family: md개성체; }
body, table, tr, td, select, input, div, form, textarea { font-family: md개성체; font-size:11pt; }
.comment_pos { animation-duration: 9s; animation-direction: alternate; animation-name: rainbowLink;
animation-iteration-count: infinite; }
@keyframes rainbowLink {
60% { color: #5d0000; }
75% { color: #bc0000; }
90% { color: #dd0000; }
100% { color: #5d0000; } }
</style>
<!-- 서랍장 본문 글넣기 시작 개정판 -->
<style>
.img_wrapper { display : inline-block; overflow : hiddenxxx; }
.img_wrapper img { -ms-transition : all .5s ease; opacity:0.8; }
.img_wrapper img:hover { -ms-transform : scale(1.01); opacity:1; }
.embed_wrapper { display : inline-block; overflow : hiddenxxx; }
.embed_wrapper embed { -ms-transition : all .5s ease; opacity:0.8; }
.embed_wrapper embed:hover { -ms-transform : scale(1.01); opacity:1; }
.div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.div_wrapper div { -ms-transition : all .5s ease; opacity:0.4; }
.div_wrapper div:hover { -ms-transform : scale(1); opacity: 0.9; }
.table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.table_wrapper table { -ms-transition : all .5s ease; opacity:0.4; }
.table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 1px double #663366;
background-color:
background-image: url( );
background-repeat: repeat; background-position: center center; }
.yy1 div { -ms-transition : all 1.5s ease; }
.yy1 div:hover { left: -100% ! important; z-index: 3333331 ! important; }
</style>
<! 서랍장 본문 >
<div style="top: 217px; left: 10%; width: 80%; border: 1px double #663366; position: absolute; overflow-x: hidden; ">
<span class="yy1" >
<div style="z-index: 3333333; left: 0%; top: 0px; width: 200%; position: relative; border: 1px solid #663366; ">
<!-- 글넣기 시작 -->
<table style="position: relative; left: 50%; width: 50%; overflow: hidden; " >
<tbody>
<tr>
<td width=45%></td><td>
<span class="table_wrapper" >
<br>
<table style="z-index:3; " >
<tbody>
<tr>
<td style=" padding: 10px 20px 10px 20px; background-color: #ffffff; opacity:0.9; " align=left >
<PRE><FONT style="FONT-SIZE: 11pt" color=#330066 face=휴먼편지체 >
<img src=http://cfile264.uf.daum.net/image/99B5E13F5DB725443C6812 width=100% >
<b>상쾌한 아침을 여는 힐링음악
1. Calming Morning
2. Warm Mind
3. Fresh Morning (현재 듣고 있는 곡)
4. Lyla
</b>
고요할수록 밝아지는 것들
혜민 스님과 함께 지혜와 평온으로 가는 길
가끔은 고요함 속에서
나를 만나는 시간을 선물하세요
​
고요할수록 밝아지는 것들 /혜민스님
<img src=http://cfile245.uf.daum.net/image/992DC7395DB727A201B222 width=100% >
휴먼ノ감성이미지
장수의 상징 노오란 은행나무 단풍
배경 /모모수계님
고.맙.습.니.다.
</font>
</pre>
</td></tr></tbody></table>
<br>
</span>
</td>
<td width=45%></td>
</tr>
<tr> <td>
<! 서랍장 본문 배경색 회색>
<table style="z-index: -1; position: absolute; height: 100%; width: 100%; top: 0px; left: 0%; background-color: #999999; opacity:0.4 ; " > <tbody> <tr> <td> </td> </tr></tbody></table>
</td></tr>
<tr> <td>
<! 서랍장 본문 배경 이미지 깔지않기 >
<table style="z-index: -2; position: absolute; height: 100%; width: 100%; top: 0px; left: 0%; background-image: url( ); background-attachment: fixed; background-repeat: repeat; background-position: center center; " ><tbody> <tr> <td> </td> </tr></tbody></table>
</td></tr>
</tbody></table>
<!-- 글넣기 끝 -->
</div>
</span>
</div>
<! 서랍장 본문 끝>
<div style="height: 2300px; position: relative;"> </div>
<! 음악>
<center>
<iframe width="1024" height="300" src="https://www.youtube.com/embed/21KEonvUpj4?playlist=21KEonvUpj4&rel=0&controls=0&showinfo=0&autoplay=1&loop=1" style="width: 666px; height: 119px;" frameb=""></iframe>
</center>
<! 공백확보>
<div style=" height : 200px; " >
</div>
<!-- -->
]]>
첫댓글 편안쉼하시고
방문 감사드립니다^^
아주 좋습니다