<![CDATA[
<style> /* STD_v_4.1.1 카페 공용 레이아웃 */
#cafe_gnb, #header, #footer {position: absolute; height: 0px ! importnat;; top: -50000px; }
html, body {overflow: hidden; width:100%; }
#wrap { width:100% ! important; overflow: hidden; height: 100%; position: absolute; min-width:400px ! important; }
#container { width:100%; height: 100%; overflow-y:auto; overflow-x: hidden; min-width:400px ! important;
border-top : 1px solid #828282; border-bottom : 1px solid #828282; }
.article_subject, .article_subject .date, .bar, .bar2, .article_writer span, .article_writer a,
.article_writer .url, .article_writer .url a {position:absolute; top:-50000px;}
body, #primaryContent , #content, .cb, .user_contents, .bbs_contents
{ padding: 0px 0px 0px 0px ! important; margin: 0px 0px 0px 0px ! important; min-width:400px ! important; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
.user_contents {position: relative; top: -60px; border: 0px solid #ff0000; }
.list_btn_top { z-index: 9999999; position: relative; top: 145px; }
#cafemenu {z-index: 999999; width: 200px; position:relative; top: 20000px; margin-top: -19800px; }
.cb, .tlb, .trb, .blb, .brb, .tcb, .bcb, .rb, .lb
{background-image: none; background-color: transparent; background: transparent; }
/* 글판 정중앙 맞추기 옵션 추가 */
/* #content { margin-left: 15px ! important; } 글판 가로길이 100% 아닐 때 사용 */
/* 게시글판 가로 길이 지정 */
#primaryContent { width: 80% ! important; margin-left: 10% ! important; }
#cafemenu { left: 10% ! important; }
#primaryContent { width: 100% ! important; margin-left: 0% ! important; }
#cafemenu { left: 0% ! important; }
/*
#primaryContent { width: 800px ! important; margin-left: calc(50% - 400px) ! important; }
#cafemenu { left: calc(50% - 400px ) ! important; }
*/
/* #cafemenu { left: 10% ! important; margin-left: 15px ! important; } 카페메뉴 왼쪽에 위치 - 가로길이 100% 아닐 때
#cafemenu { left: 90% ! important; margin-left: -200px; } 카페메뉴 오른쪽에 위치 */
#cafemenu { left: 100% ! important; } 카페메뉴 화면에서 제거
</style>
<style>
/* 카페메뉴 디자인 */
/*
#cafemenu
{ background: linear-gradient( to right, #00ff00, #ffffff );
opacity:0.6; filter:alpha(opacity=60)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#00ff00 , EndColorStr=#ffffff ); }
#cafemenu { background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
#cafemenu { opacity:0.6; filter:alpha(opacity=60); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-image: url( http://cfile247.uf.daum.net/image/24570542577B80E9239007 ); background-attachment: fixed; background-repeat: repeat; background-position: center center; }
*/
#cafemenu { opacity:0.8; filter:alpha(opacity=80); }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; }
.cafeinfoBox , .cafeonBox , .menuBox {border: 1px solid #d2d2d2; background-color: transparent ! important;
background-image: none ! important; }
.cafeTab, .myTab, .menuList, .menuBoxT, .menuBoxB, .cafeinfo_bg, .cafeinfoBox.group, .cafeinfoBoxT
{ background-image:none ! important; }
.cafeon, .cafeonBox , .cafeon_search, .cafeon_search .inp_search,
.searchBox input.inp_search, .searchBox input.btn_search
{filter:none; background-image:none; background-color: transparent; }
.cafeon { scrollbar-face-color: #eeeeee; scrollbar-shadow-color: #ffffff; scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff; }
</style>
<style>
/* 카페메뉴 글색 지정- 검정 (흑색바탕용) */
.cafeinfoBox, .cafeinfoBox a:link, .cafeinfoBox a:visited, .cafeinfoBox a:hover, .cafeinfoBox a:active {color: #000000; }
.cafeinfoBox .txt_point, .cafeinfoBox a.txt_point:link, .cafeinfoBox a.txt_point:visited, .cafeinfoBox a.txt_point:hover,
.cafeinfoBox a.txt_point:active {color: #000000; }
.cafeon, .cafeonBox, .cafeonBox a:link, .cafeonBox a:visited, .cafeonBox a:hover, .cafeonBox a:active {color #000000; }
.menuList, .menuList a:link, .menuList a:visited, .menuList a:hover, .menuList a:active {color: #000000; }
.menuList .group_bg { } .menuList .group_tit, .menuList .group_tit a:link, .menuList .group_tit a:visited, .menuList
.group_tit a:hover, .menuList .group_tit a:active, .menuList .group_ic, .menuList .group_ic a:link, .menuList .group_ic a:visited,
.menuList .group_ic a:hover, .menuList .group_ic a:active {color: #000000; }
</style>
<style>
.user-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.e100-container { position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.e100-container object , .e100-container img,
.e100-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0px; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container img,
.embed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.hembed-container { position: relative; padding-right: 100%; width: 0px; overflow: hidden; max-height: 100%; }
.hembed-container iframe, .hembed-container object, .hembed-container img,
.hembed-container embed { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.xmbed-container { position: relative; padding-bottom: 112.5%; height: 0; overflow: hidden; max-width: 100%; }
.xmbed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<style>
/* 화면정리 */
.list_paging {background-color:#ffffff; opacity:0.5; filter:alpha(opacity=60); border: 1px solid #828282; }
.cmt_search_box_sns, .cmt_search_box {opacity:0.5; filter:alpha(opacity=60); }
.btn_area, .btn span { opacity:0.5; filter:alpha(opacity=60); }
body {cursor:url(http://cfile244.uf.daum.net/attach/215FE63453BE583A1021AE ), progress; }
a:hover{ color:red; } a:link{color:blue;} .btn_txt {color:blue;}
/* 광고 제거 */
.app_download_wrap,
.cafegameBox, #sidebar1, #sideAd, .side_rss, .outBox, #cafeProfileImage {position:absolute; left:-50000px; }
#daum-ad-root { width:0px; }
</style>
<style> /* 댓글판 파란 그라데이션 */
.commentDiv { opacity:2; filter:alpha(opacity=100); }
.commentDiv, .comment_pos, .recomment_pos, .longtail_comment { background-color: transparent ! important; }
.longtail_comment { height: 220px; } .longtail_comment textarea { height: 200px; }
.commentBox { background: linear-gradient( to right, #ccffff , #0033cc); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ccffff , EndColorStr=#0033cc ); }
.commentBox .id_admin, .commentBox .txt_btn { background-color:#ffffff; }
.commentBox .id_admin {padding-top:2px; padding-bottom:2px; height: 15px; }
.comment_pos { color: #330066; } /* 댓글 색상 지정 */
.recomment_pos { color: #663399; } /* 답댓글 색상 지정*/
.longtail_comment textarea { color: #000000; } /* 입력댓글 색상 지정 */
/* 댓글판 별빛흐름 배경이미지 겹쳐 깔기 */
.commentDiv {background-image: url( http://cfile232.uf.daum.net/image/244A904256C0199533AE0B);
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
/* 댓글판 별빛흐름 배경이미지 겹쳐 깔기 */
.commentDiv {background-image: url( );
background-attachment: fixed;
background-repeat: repeat; background-position: center center; }
/* 댓글판 마우스 오브아웃 */
.commentBox {-ms-transition: all .5s ease; }
.commentBox:hover { opacity:0.6; }
.longtail_comment:hover { height: 220px; border: 1px double #999999; }
.longtail_comment textarea:hover { height: 200px; -ms-overflow-style: auto; }
</style>
<style>
/* 댓글 속성 지정 (글자 굵기, 서체, 글지 크기) */
.longtail_comment textarea , .comment_contents
{ font-weight: bold; font-family:함초롬바탕 ! important; font-size:13pt ! important; }
/* { font-weight: bold; font-family:HY목판L ! important; font-size:14pt ! important; } */
/* @font-face define */
@font-face { font-family: md개성체; }
body, table, tr, td, select, input, div, form, textarea { font-family: md개성체; font-size:11pt; }
</style>
<style>
.list_btn_area { border: none; }
.cclArea , .goTop {position:absolute; top: -50000px; }
.commentBox , .commentDiv { text-align: left; }
/*
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
*/
</style>
<style> /* 댓글판 가로넓이 지정 */
.comment_scrap, .commentBox, .list_btn_area, .prenext_paging { position:relative; width: 80%; }
.list_btn_top { width: 98%; margin: 0px 1% 0px 1% ; padding: 0px 0px 0px 0px ; }
/* 카페 메뉴 호브 (화면 왼쪽 벽을 마우스로 찌르면 메뉴가 나타남) */
#cafemenu { -ms-transition: all 1s ease; z-index: 99999999; left: -196px ! important; }
#cafemenu:hover { left:0px ! important; opacity: 0.6; background-color: #ffffff; border: 3px solid #0033cc; }
</style>
<style> A:hover { color:#ff0000; font-weight: bold; font-size:12px; text-decoration:none;}</STYLE>
</TD></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE></TR></TBODY></TABLE>
<! 배경 깔기 시작 =============================================================================>
<! 기본 배경 세트 시작 ==================== >
<! 배경 - >
<div style="z-index: -2000; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border: 0px solid #ff0000; background-image: url(http://cfile261.uf.daum.net/image/99D8E03F5B1C660B0EAFEC ); background-repeat: no-repeat; background-position: center bottom; background-size: cover; "></div>
<! 전체배경- 2 >
<div class="avav" style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0px; top: 0px; background-image: url(http://cfile292.uf.daum.net/image/9959B83B5B8A55C3174686 ); background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; ">
</div>
<style>
.avav { animation-name: avav;
animation-duration: 16s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes avav { from { opacity: 0; transform: scale(1.1); } /* 줌인 110% */
to { opacity: 1; transform: scale(1 ); } } /* 줌아웃 100% */
</style>
<! 스위시 - 안개 >
<EMBED style="z-index: -1000; position: absolute; width: 100%; height:100%; top: 0%; left: 0%; opacity:0.6; filter:alpha(opacity=60); " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/235C2C4D55EC0A5F20' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<div style="z-index: 2000; position: relative; top: -42px; ">
<!-- 타이틀 디자인 배경 이미지 깔지 않음 -->
<div style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute;">
<div style='background-position: top; left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; background-image: url(""); background-repeat: no-repeat;'>
<div class="yyy5" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; "> </div>
<style>
.yyy5 { animation-name:yyy5;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyy5 { from {opacity: 0.15; width: 100%; margin-left: 0%;
background: linear-gradient( to bottom, #B2CCFF, #ffffff ); }
to {opacity: 0.15; width: 60%; margin-left: 20%;
background: linear-gradient( to bottom, #B2CCFF, #ffffff ); } }
.yyy6 { animation-name:yyy6;
animation-duration: 10s;
animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes yyy6 { from { width: 100%; margin-left: 0%; }
to { width: 60%; margin-left: 20%; } }
</style>
<! 타이틀 배경이미지 또는 타이틀 배경색상 표시하지 않음>
<! div id="TITLEBACKGROUND" style="left: 0%; top: 0px; width: 100%; height: 110px; position: absolute; opacity:0.4; ">
<! /div>
<style> /* 카페 네임 이미지 크기 결정 */
#TITLECAFENAME img {width: 300px ! important; height: 60px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페 네임 표시>
<div id="TITLECAFENAME" class="xxww@" style="left: calc(50% - 150px); top: 0px; ">
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style> /* 카페주소 크기 결정 */
#TITLECAFEADDRESS img {width: 200px ! important; height: 20px; background-size: 100% 100%; filter:none ! important; }
</style>
<! 카페주소 표시>
<div id="TITLECAFEADDRESS" class="xxww@" style="left: calc(50% - 100px); top: 60px; " >
<img src="https://t1.daumcdn.net/cafe_image/cf_img2/img_blank2.gif" alt="" />
</div>
<style>
.xxww { animation-name: xxww;
animation-duration: 15s;
animation-iteration-count: 999; animation-direction: alternate; animation-delay: 1s;
animation-timing-function: ease-in-out; }
@keyframes xxww { from { transform: rotateY(0deg); }
to { transform: rotateY(180deg); } }
</style>
<! 스크롤링 배경 끝 ===================================================>
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <! div style="position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <div style="position: relative; top: -42px; overflow-x: auto; overflow-y: hidden; ">
<! 본문 시작 위치 지정 > <! div style="position: relative; top: -42px; overflow: hidden; ">
<!------------------------------------------------------------------------------------------------------>
<div style="position: relative; margin-left: 0px; "> <! 케페메뉴가 화면에 없을 때 >
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 / 본문 시작위치 15px; 맞춤 >
<! TABLE style="width:100%; border: 1px solid #ff0000; " > <! 본문 전체 경계선 표시하기>
<TABLE style="width:100%; border: 0px solid #ff0000; border-style: double; " > <! 본문 전체 경계선 표시(파란색) >
<TBODY><TR><TD>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<center>
<TABLE style="width:100%; border: 0px solid #ffffff; " ><TBODY><TR><TD>
<! 본문 시작 ================================================================================>
<! div style="position: relative; margin-left: 210px; "> <! 카페메뉴가 왼쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<! div style="position: relative; margin-right: 200px; "> <! 카페메뉴가 오른쪽에 있을 때 (큰 댓글판) / 본문 시작위치 5px; 맞춤 >
<!-- 스마트 본문 글넣기 시작 -->
<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.03); 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.03); opacity:1; }
.div_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.div_wrapper div { -ms-transition : all .5s ease; opacity:0.5; }
.div_wrapper div:hover { -ms-transform : scale(1.01); opacity:1; }
.table_wrapper { display : inline-blockxxx; overflow : hiddenxxx; }
.table_wrapper table { -ms-transition : all .5s ease; opacity:0.5; }
.table_wrapper table:hover { -ms-transform : scale(1.01); opacity:0.9; border: 2px double #0033cc;
background-color:#;
background-image: url( );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 200px; width: calc(100% - 10px); position: relative; " > <! 4.1 소스와 함께 사용할 때>
<! div style="z-index: 9999999; margin-left: 10px; top: 10px; width: calc(100% - 10px); position: relative; " ><! 4.1 소스와 함께 사용하지 않을 때>
<div class="table_wrapper" >
<center>
<table style="z-index: 9999991; position: relative; " >
<tbody>
<tr>
<! td width=45%><! /td>
<td style=" padding: 10px 20px 10px 20px; border : 0px solid #ff0000; " align=left >
<PRE><FONT style="FONT-SIZE: 12pt" color=#ffffff face=md개성체 face=휴먼편지체 >
<b>
<center>
<div class="img_wrapper" >
<img src="https://t1.daumcdn.net/cfile/cafe/9979B4345B438CA406" class="txc-image" width="100%" id="A_9979B4345B438CA406F0FB"/>
</div>
</center>
When Will I See You Again /Three Degrees
Hoo…ha…
Ha…Oohoo…
Precious moments
그 좋았던 순간들을 잊지 못하겠어요
When will I see you again?
언제 당신을 다시 만나게 되나요?
When will we share precious moments
언제 그 때처럼 행복한 순간을 함께 나누게 되나요?
Will I have to wait forever
언제까지 이렇게 한없이 기다리야 하나요?
Will I have to suffer (Suffer)
이렇게 고통받으며
And cry the whole night trough?
밤새도록 눈물흘리며 울어야 하나요?
When will I see you again
언제 당신을 다시 만나게 되나요?
When will our hearts beat together?
언제 우리가 가슴이 설레게 되는 건가요
Are we in love or just friends?
우리는 사랑하는 사이인가요 아니면 그저 친구사이인가요?
Is this my beginning or is this the end (Is this the end)?
이것이 우리의 시작인가요?
아니면 우리사이가 끝나는 건가요?
When will I see you again
언제 당신을 다시 만나게 되나요?
When will I see you again
언제 당신을 다시 만나게 되나요?
When will I see you again
언제 당신을 다시 만나게 되나요?
Ha…hoo…
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9955D7495B8A676531" class="txc-image" width="700" style="clear: none; float: none;" border="0" vspace="1" hspace="1" data-filename="104.png" exif="{}" actualwidth="700" id="A_9955D7495B8A676531E525"/></p>
<p><br></p>
Precious moments
그 좋았던 순간들을 잊지 못하겠어요
Are we in love or just friends?
우리는 사랑하는 사이인가요 아니면 그저 친구사이인가요?
Is this my beginning or is this the end (Is this the end)?
이것이 우리의 시작인가요?
아니면 우리사이가 끝나는 건가요?
When will I s
<p><br></p>
<p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99153C455B8A688D1B" class="txc-image" width="355" height="500" style="width: 355px; height: 500px; clear: none; float: none;" border="0" vspace="1" hspace="1" data-filename="0_cb737_c05b10ec_L.png" exif="{}" actualwidth="347" id="A_99153C455B8A688D1B5CD4"/></p>
<p><br></p>
<div class="img_wrapper" >
<img src="https://t1.daumcdn.net/cfile/cafe/99862C395B43817302" class="txc-image" width="100%" id="A_99862C395B43817302B237"/>
</div>
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<p style="text-align: center;"><br></p>
<! 음악>
<center>
<center>
<iframe width="1" height="1" src="https://www.youtube.com/embed/HUSYj5zq144?autoplay=1&playlist=HUSYj5zq144&loop=1&autohide=1&showinfo=0&fs=0&rel=0" frameborder="0" allowfullscreen=""></iframe>
</center>
<!iframe width="1024" height="576" src="https://www.youtube.com/embed/HUSYj5zq144?playlist=HUSYj5zq144&rel=0&controls=0&showinfo=0&autoplay=1&loop=1" style="width: 711px; height: 232px;" frameb=""></iframe></center>
<EMBED hidden=true type=audio/x-wav src=http://cfile25.uf.tistory.com/media/12764A4651418E38105982 loop="-1" volume="0" allownetworking="internal" x-allowscriptaccess="sameDomain" allowNetworking='internal' allowScriptAccess='sameDomain'>
</center>
<! 공백확보>
<div style=" height : 600px; " >
</div>
<!-- -->
]]>
카페 게시글
―····팝송ノ샹송명곡방
When Will I See You Again /Three Degrees
사과향기.
추천 32
조회 509
18.09.01 19:00
댓글 7
다음검색
첫댓글
9월초하루 인사드립니다~
풍요로운 결실의 계절
날씨도 좋고
행복한 휴일아침
좋은곡 잘듣고 갑니다
곱고 예쁜 초기을
좋은 주말 보내세요..^^
풍성한가을날 한줄 남겨 봅니다
고맙쉼더
가분 좋은 한주 시작하세요~
인동초님~
삭제된 댓글 입니다.
조용한새벽
빙그레...인사드립니다~ㅎㅎ
주말 은 잘쉼하셨남요?
모던센스님~
새로운 한주 시작....활기찬 한주보냅시다~
넵
구드나이또...!
오랫만에 듣는 Three Degrees,
흑인 여성 Trio Harmony가 매우 인상적,
少時的 梨大앞 음악다방에서 많이 들었는데,,,
쏜살같다더니 어느덧 40餘年이란 새월이 훌쩍 ㅠㅠ
안녕하세요
코스프레님
오랜만에 듣는 곡이군요
함께들어서
찰떡처럼 감칠맛 나는듯 ㅎㅎㅎ
감사해요~^^
불금데이 행복하시구요..