<![CDATA[
<xbody id="cafeSubLayout" class="type2_1 flexibled2_1 read bbsType" xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxonunload="articleBGMgoodbye();">
<div id="wrap">
<xform name="formBGM2">
<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 , #006699); }
.commentBox { opacity:0.4; filter:alpha(opacity=40)
progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#ccffff , EndColorStr=#006699 ); }
.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: #0066fff; 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( ); background-repeat: no-repeat; background-position: center bottom; background-size: cover; "></div>
<! 동영상 1>
<div style="z-index: -2000; position: absolute; width: 100%; left: 0%; top: -5%; opacity:0.99; filter:alpha(opacity=99); ">
<div class='embed-container' >
<center>
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/DOB4ZlkzHV0?autoplay=1&playlist=DOB4ZlkzHV0&loop=1" frameborder="0" allowfullscreen="" style="width:100%; height: 100%;" gesture="media"></iframe>
</center>
</div>
</div>
<! 오른쪽 눈내리는/ 스위시>
<!img style="z-index: -2000; position: absolute; width:100%; height: 100%; left: 0%; top: 0%; opacity:0.2; filter:alpha(opacity=30); " src=https://www.intrepidtravel.com/adventures/wp-content/uploads/2015/04/beach-sunset-credit-Graham.jpg>
<! 눈내리는/ 스위시>
<! 스위시 -눈내리는..1 >
<!EMBED style="z-index: -2000; position: absolute; width: 100%; height: 900px; left: 55%; top:2300px; opacity:0.9; filter:alpha(opacity=90); " scale="exactfit" type=application/x-shockwave-flash src=http://cfile256.uf.daum.net/original/2569F838564D3A7D1EDE41 wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 기본 배경 세트 끝 ==================== >
<! 스크롤링 배경시작 =================================================== >
<! 마스크 - 타이틀 부분 >
<div style="z-index: -2000; position: relative; top: -42px; ">
<EMBED style="z-index: -2000; width: 0%; height: 0px; left: 0%; top: 0%; opacity:0.3; filter:alpha(opacity=30); " scale="exactfit" type=application/x-shockwave-flash src=http://cfile255.uf.daum.net/media/13521F3E50E80BF61FD3CD wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<EMBED style="z-index: -2000; position: absolute; width: 0%; height: 0px; left: 0%; top: 0%; " scale="exactfit" type=application/x-shockwave-flash src=http://pds84.cafe.daum.net/original/5/cafe/2008/08/17/23/16/48a832be4094f&token=20080817&.swf wmode="transparent" allowNetworking='internal' allowScriptAccess='sameDomain'>
<div style="z-index: -2000; position: absolute; top: 0px; width: 0%; height: 0px; left: 0%; background-image: url( http://cfile285.uf.daum.net/image/2153123A57AE8FDC2B5645 ); background-repeat: no-repeat; background-position: center bottom; ">
</div>
</div>
<! 좌우 스위시 >
<EMBED style="z-index: -1999; position: absolute; width:500px; height: 100%; top: 0px; left: -200px; " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/2761C34B550E70C92F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<EMBED style="z-index: -1999; position: absolute; width: 500px; height: 100%; top: 0px; left: calc(100% - 320px); " scale="exactfit" type=application/x-shockwave-flash src='https://t1.daumcdn.net/cfile/cafe/2761C34B550E70C92F' allowFullScreen="false" allowScriptAccess="sameDomain" wmode="transparent" allowNetworking="internal" allowNetworking='internal' allowScriptAccess='sameDomain'>
<embed src="https://t1.daumcdn.net/cfile/cafe/170940214CDFC3B412" type="application/x-shockwave-flash" style="left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1800; opacity: 0.9;" 물방울="" 무지개="" allowscriptaccess="sameDomain" allownetworking="internal" wmode="transparent" allowfullscreen="false" scale="exactfit" allowNetworking='internal' allowScriptAccess='sameDomain'>
<! 스크롤링 배경 끝 =================================================== >
<! 배경 깔기 끝 =================================================================>
<center>
<! 본문 시작 위치 지정 > <div style=" position: relative; top: 115px; overflow-x: auto; overflow-y: hidden; ">
<div style="position: relative; "> <! 케페메뉴가 화면에 없을 때 >
<TABLE style="width:100%; border: 0px solid #ffffff; " > <! 본문 전체 경계선 표시 없음>
<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; 맞춤 >
<! 본문 배경 1.. >
<div style="z-index: -2000; position: absolute; width: 100%; height: 900px; left: 0%; top: 800px; border: 0px solid #dddddd; opacity:0.3; filter(alpha(opacity=30); ">
<! 와이드-가로 배경 >
<MARQUEE style="z-index: -2000; left: 0%; top:0%; " height=0% width=0% behavior=alternate behavior=alternate scrollDelay=100 scrollAmount=1 >
<table style=" background-image: url( ); background-repeat: no-repeat; background-position: center bottom; background-size: cover; " width=120% height=100% >
<tbody> <tr> <td> </td> </tr> </tbody> </table>
</MARQUEE>
</div>
<style> .prenext_paging { margin-bottom: 100px; } </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.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: 4px double #0033cc;
background-color:#ffffff;
background-image: url( http://cfile254.uf.daum.net/image/257C774658AEB5A732C117 );
background-attachmentL fixed; background-repeat: repeat; background-position: center center; }
</style>
<div style="z-index: 9999999; margin-left: 10px; top: 700px; 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: 13pt" color=red face=md개성체 face=휴먼편지체 >
<img src=https://i.ytimg.com/vi/YLPPLYPr4kM/maxresdefault.jpg>
A summer evening on Les Champs-Élysées
A secret rendez-vous they planned for days
I see the faces in the crowded café
A sound of laughter as the music plays
Jeanne-Claude was a student at the University
Louise-Marie is just a world away
You recall the night they met was warm with laughter
The words and music as she turned away
I'll meet you at midnight
Under the moonlight
I'll meet you at midnight
Oh, but Jeanne-Claude, Louise-Marie will never be
Each cigarette will light a thousand faces
The shade is passing like a thousand years
Midnight was turning into empty spaces
The sound of laughter disappeared
I'll meet you at midnight
Under the moonlight
I'll meet you at midnight
Oh, but Jeanne-Claude, Louise-Marie will never be
A summer morning on Les Champs-Élysées
The entertainment in the street café
The sunlight melting through an open doorway
Jeanne-Claude has left to face other day
I'll meet you at midnight
Under the moonlight
I'll meet you at midnight (x2)
</font>
</pre>
</td>
<! td width=45%><! /td>
</tr></tbody></table>
</center>
</div><! table_wrapper 끝>
</div>
<!-- 글넣기 끝 -->
<div style=" height : 1200px; " >
<! 공백확보>
</div>
<! 음악>
<p style="text-align: center;"><!embed style="width: 634px; height: 199px;" type="application/x-shockwave-flash" src='https://www.youtube.com/v/TRcq9kTo-X4?version=3&autoplay=1&loop=1&controls=0&showinfo=0&autohide=1&cc_load_policy=0&iv_load_policy=3&vq=highres&fs=0&rel=0&start=1&playlist=1allowScriptAccess="sameDomain"' allowScriptAccess="always" allowfullscreen="true" wmode="transparent"></p>
</center>
<style type="text/css">
body {
scrollbar-highlight-color: gray;
scrollbar-shadow-color: gray;
scrollbar-arrow-color: gray;
scrollbar-face-color: black;
scrollbar-3dlight-color: black;
scrollbar-darkshadow-color: black;
scrollbar-track-color: black;
}
</style>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- -->
]]>
카페 게시글
―····팝송ノ샹송명곡방
I'll meet you at midnight - Anton Botha
청아함
추천 15
조회 157
18.12.21 16:50
댓글 2
다음검색
첫댓글
스모키가부른
I'll meet you at midnight
월드팝올려주셔서
덕분에 잘들었습니다~
이시간 이후로~
불금하세요~
청아함님~
안냐세요~
반가워요 ^^
앙코르~~ㅎㅎ
블방으루 델꾸가용~