<![CDATA[
<div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1IHuH/c66b4a1a23c64192bd183f48a1868843d96257d5" class="txc-image" width="288" height="288" data-img-src="https://t1.daumcdn.net/cafeattach/1IHuH/c66b4a1a23c64192bd183f48a1868843d96257d5" data-origin-width="1024" data-origin-height="1024"></div><p style="text-align: center;">출처: 여성시대 (오늘은 꼭 씻어야지)</p><div class="figure-html" data-ke-type="html" data-source=" <style>
body {background: #fff;}
#content .mypage, #scrap_source {display: none;}
#mArticle > div {margin: 0;}
.article_content {padding:0;padding-bottom: 20px;background: #fff;}
.article_content > div > p {display: none;}
.article_content .figure-img, #cont_bottom_section {display: none !important;}
/* insta start */
input[name="cont-tab"], input[type="radio"], input[type="checkbox"] {display: none;}
.mypage {background: #fff;}
.mypage * {margin: 0; padding: 0;box-sizing: border-box;color: #000;text-decoration: none !important;}
.mypage .my-top {padding:0 0 20px 15px; text-align: left;box-shadow: 0 2px 3px rgba(0,0,0,.05);}
.mypage .my-top a {font-size: 18px;font-weight: bold;}
.mypage .my-info-wrapper {display: flex;justify-content: space-around;align-items: center;}
.mypage .profile-wrapper {padding:15px;}
.mypage .profile-wrapper > div {width: 70px;padding-bottom: 70px;border-radius: 100%;background:url('https://t1.daumcdn.net/cafeattach/1XKJt/8649f570e84f92e58bf2bd9be9ed67ecb76706c3') no-repeat center / cover;border: 1px solid #eee;}
.mypage .info-wrapper {display: flex;justify-content:space-around;align-items:center;width:100%; text-align: center;padding: 15px;}
.mypage .info-wrapper p {font-size: 16px;font-weight: 600;}
.mypage .info-wrapper .after-follower {display: none;}
.mypage .info-wrapper span {font-size: 12px;}
.mypage .info-text {margin-left: 15px;margin-bottom: 20px; text-align: left;}
.mypage .follow-btn {display:block;padding:10px 0; border-radius:5px;background:#458eff;color: #fff;text-align: center;margin: 0 15px;}
.off {color: #fff;}
.on {display: none;}
.mypage .followerList {display: none;position: fixed;top:0;left: 0;z-index:999;width: 100%;height: 100%;background: #fff;}
.mypage .followerList .list-top {text-align: left;padding: 20px 0;box-shadow: 0 2px 5px rgba(0,0,0,.05);}
.mypage .followerList .list-top * {font-size: 18px;margin-left: 20px;font-weight: bold;}
.mypage .followerList .before-list {display: flex;justify-content: center;align-items: center;height:100%;}
.mypage .followerList .after-list {display: none;justify-content: space-between;align-items: center;padding: 20px 0;}
.mypage .followerList .after-list .list-pf {display: flex;align-items: center;}
.mypage .followerList .after-list .profile {display: inline-block;width: 60px;height: 60px;border-radius: 100%;margin:0 20px;background: url('https://t1.daumcdn.net/cafeattach/1XKJt/0baa3a69e05e250e7b84cc2a8e036e502389c638') no-repeat center / cover;}
.mypage .followerList .after-list label {display: inline-block;padding:8px 12px; background: #eee;border-radius: 5px;margin-right: 20px;font-size: 14px;}
#followBtn:checked ~ .my-profile .before-follower {display: none;}
#followBtn:checked ~ .my-profile .after-follower {display: block;}
#followBtn:checked ~ .my-profile .follow-btn > .off {display: none;}
#followBtn:checked ~ .my-profile .follow-btn > .on {display: block;}
#followBtn:checked ~ .my-profile .follow-btn {background:#eee;color:#000;}
/* 팔로잉 중 */
#followBtn:checked ~ .my-profile .before-list {display: none;}
#followBtn:checked ~ .my-profile .after-list {display: flex;}
/* 팔로워 클릭 */
#followerOpenBtn:checked ~ .followerList {display: block;}
#followBtn:checked ~ .my-profile .follow-btn {background:#eee;border-color: #eee;color:#000;}
</style>
<div class="mypage">
<div class="my-top">
<a href="#">womens_generation</a>
</div><!--my-top-->
<input type="checkbox" id="followBtn">
<div class="my-profile">
<div class="my-info-wrapper">
<div class="profile-wrapper">
<div></div>
</div><!--profile-wrapper-->
<div class="info-wrapper">
<div>
<p>9</p>
<span>게시물</span>
</div>
<input type="checkbox" id="followerOpenBtn">
<label for="followerOpenBtn">
<p class="before-follower">0</p>
<p class="after-follower">1</p>
<span>팔로워</span>
</label>
<div class="followerList">
<div class="list-top">
<label for="followerOpenBtn">←</label>
<span>womens_generation<span>
</div>
<div class="before-list">팔로워가 없습니다.</div>
<div class="after-list">
<div class="list-pf">
<span class="profile"></span>
<p>yeoshi</p>
</div><!--list-pf-->
<label for="followBtn">삭제</label>
</div><!--after-list-->
</div><!--followerList-->
<div>
<p>0</p>
<span>팔로잉</span>
</div>
</div><!--info-wrapper-->
</div><!--my-info-wrapper-->
<div class="info-text">
댓글에 사진을 달아<br>여성시대 피드를 완성시켜주세요!
</div><!--info-text-->
<div>
<label for="followBtn" class="follow-btn"><span class="off">팔로우</span><span class="on">팔로잉</span></label>
</div>
</div><!--my-profile-->
</div><!--mypage-->"><div data-ke-class="article"> <style>
body {background: #fff;}
#content .mypage, #scrap_source {display: none;}
#mArticle > div {margin: 0;}
.article_content {padding:0;padding-bottom: 20px;background: #fff;}
.article_content > div > p {display: none;}
.article_content .figure-img, #cont_bottom_section {display: none !important;}
/* insta start */
input[name="cont-tab"], input[type="radio"], input[type="checkbox"] {display: none;}
.mypage {background: #fff;}
.mypage * {margin: 0; padding: 0;box-sizing: border-box;color: #000;text-decoration: none !important;}
.mypage .my-top {padding:0 0 20px 15px; text-align: left;box-shadow: 0 2px 3px rgba(0,0,0,.05);}
.mypage .my-top a {font-size: 18px;font-weight: bold;}
.mypage .my-info-wrapper {display: flex;justify-content: space-around;align-items: center;}
.mypage .profile-wrapper {padding:15px;}
.mypage .profile-wrapper > div {width: 70px;padding-bottom: 70px;border-radius: 100%;background:url('https://t1.daumcdn.net/cafeattach/1XKJt/8649f570e84f92e58bf2bd9be9ed67ecb76706c3') no-repeat center / cover;border: 1px solid #eee;}
.mypage .info-wrapper {display: flex;justify-content:space-around;align-items:center;width:100%; text-align: center;padding: 15px;}
.mypage .info-wrapper p {font-size: 16px;font-weight: 600;}
.mypage .info-wrapper .after-follower {display: none;}
.mypage .info-wrapper span {font-size: 12px;}
.mypage .info-text {margin-left: 15px;margin-bottom: 20px; text-align: left;}
.mypage .follow-btn {display:block;padding:10px 0; border-radius:5px;background:#458eff;color: #fff;text-align: center;margin: 0 15px;}
.off {color: #fff;}
.on {display: none;}
.mypage .followerList {display: none;position: fixed;top:0;left: 0;z-index:999;width: 100%;height: 100%;background: #fff;}
.mypage .followerList .list-top {text-align: left;padding: 20px 0;box-shadow: 0 2px 5px rgba(0,0,0,.05);}
.mypage .followerList .list-top * {font-size: 18px;margin-left: 20px;font-weight: bold;}
.mypage .followerList .before-list {display: flex;justify-content: center;align-items: center;height:100%;}
.mypage .followerList .after-list {display: none;justify-content: space-between;align-items: center;padding: 20px 0;}
.mypage .followerList .after-list .list-pf {display: flex;align-items: center;}
.mypage .followerList .after-list .profile {display: inline-block;width: 60px;height: 60px;border-radius: 100%;margin:0 20px;background: url('https://t1.daumcdn.net/cafeattach/1XKJt/0baa3a69e05e250e7b84cc2a8e036e502389c638') no-repeat center / cover;}
.mypage .followerList .after-list label {display: inline-block;padding:8px 12px; background: #eee;border-radius: 5px;margin-right: 20px;font-size: 14px;}
#followBtn:checked ~ .my-profile .before-follower {display: none;}
#followBtn:checked ~ .my-profile .after-follower {display: block;}
#followBtn:checked ~ .my-profile .follow-btn > .off {display: none;}
#followBtn:checked ~ .my-profile .follow-btn > .on {display: block;}
#followBtn:checked ~ .my-profile .follow-btn {background:#eee;color:#000;}
/* 팔로잉 중 */
#followBtn:checked ~ .my-profile .before-list {display: none;}
#followBtn:checked ~ .my-profile .after-list {display: flex;}
/* 팔로워 클릭 */
#followerOpenBtn:checked ~ .followerList {display: block;}
#followBtn:checked ~ .my-profile .follow-btn {background:#eee;border-color: #eee;color:#000;}
</style>
<div class="mypage">
<div class="my-top">
<a href="#">womens_generation</a>
</div><!--my-top-->
<input type="checkbox" id="followBtn">
<div class="my-profile">
<div class="my-info-wrapper">
<div class="profile-wrapper">
<div></div>
</div><!--profile-wrapper-->
<div class="info-wrapper">
<div>
<p>9</p>
<span>게시물</span>
</div>
<input type="checkbox" id="followerOpenBtn">
<label for="followerOpenBtn">
<p class="before-follower">0</p>
<p class="after-follower">1</p>
<span>팔로워</span>
</label>
<div class="followerList">
<div class="list-top">
<label for="followerOpenBtn">←</label>
<span>womens_generation<span>
</span></span></div>
<div class="before-list">팔로워가 없습니다.</div>
<div class="after-list">
<div class="list-pf">
<span class="profile"></span>
<p>yeoshi</p>
</div><!--list-pf-->
<label for="followBtn">삭제</label>
</div><!--after-list-->
</div><!--followerList-->
<div>
<p>0</p>
<span>팔로잉</span>
</div>
</div><!--info-wrapper-->
</div><!--my-info-wrapper-->
<div class="info-text">
댓글에 사진을 달아<br>여성시대 피드를 완성시켜주세요!
</div><!--info-text-->
<div>
<label for="followBtn" class="follow-btn"><span class="off">팔로우</span><span class="on">팔로잉</span></label>
</div>
</div><!--my-profile-->
</div><!--mypage--></div></div><div class="figure-html" data-ke-type="html" data-source=" <style>
body {background: #fff;}
.cafeview_subject, .banner_wrapper, #cafeview_paging {display: none;}
.write_cmt, #comment_empty p, .writeNewCommentBtn * {display: none !important;}
.writeNewCommentBtn {background: url('https://t1.daumcdn.net/cafeattach/1XKJt/d0230785a9f22c7bacfbb107cf9fa9ad06ee0f7f') no-repeat center / contain;font-size:0 !important; border: 0 !important;border-radius: unset !important;}
.cafeview_cmt ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3,1fr);height:100vw;overflow:hidden;}
.cafeview_cmt ul li {position: relative;padding: 0;border:1px solid #fff;}
.cafeview_ctm li * {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.cafeview_cmt .cmt_info {display: none;}
.cafeview_cmt ul li:has(.desc_cmt), /* 글만 있는 댓글 안 보이게 */
.cafeview_cmt .desc_cmt:not(.attached) {display: none;}
.cafeview_cmt ul li:has(.attached) {display: block;}
.cafeview_cmt ul li:has(.kakao_emoticon) {display: none;}
.cafeview_cmt li * {margin: 0 !important;padding:0 !important;}
.cafeview_cmt li .cmt_wrap_inner, .attached, .attached img, .cmt_img_wrapper {position:absolute !important;top:0 !important;left:0 !important; width:100% !important; height:100% !important;}
.cmt_img_wrapper {z-index:9;opacity:0 !important;}
.cafeview_cmt ul li:nth-child(1) {display: none;}
.cafeview_cmt ul li[id="commentLi_1"] {display: block;}
.cafeview_cmt li > div > a,
.cafeview_cmt .reply_on > div > *:nth-child(1),
.cafeview_cmt .tit_cmt {display: none;}
.cafeview_cmt .allcmtwrap {display: none !important;}
.cafeview_cmt .bg_mine {background: unset !important;}
/* 새로고침 어디다 위치 시키지 */
.cafeview_cmt > span {display: none;}
</style>"><div data-ke-class="article"> <style>
body {background: #fff;}
.cafeview_subject, .banner_wrapper, #cafeview_paging {display: none;}
.write_cmt, #comment_empty p, .writeNewCommentBtn * {display: none !important;}
.writeNewCommentBtn {background: url('https://t1.daumcdn.net/cafeattach/1XKJt/d0230785a9f22c7bacfbb107cf9fa9ad06ee0f7f') no-repeat center / contain;font-size:0 !important; border: 0 !important;border-radius: unset !important;}
.cafeview_cmt ul {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(3,1fr);height:100vw;overflow:hidden;}
.cafeview_cmt ul li {position: relative;padding: 0;border:1px solid #fff;}
.cafeview_ctm li * {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.cafeview_cmt .cmt_info {display: none;}
.cafeview_cmt ul li:has(.desc_cmt), /* 글만 있는 댓글 안 보이게 */
.cafeview_cmt .desc_cmt:not(.attached) {display: none;}
.cafeview_cmt ul li:has(.attached) {display: block;}
.cafeview_cmt ul li:has(.kakao_emoticon) {display: none;}
.cafeview_cmt li * {margin: 0 !important;padding:0 !important;}
.cafeview_cmt li .cmt_wrap_inner, .attached, .attached img, .cmt_img_wrapper {position:absolute !important;top:0 !important;left:0 !important; width:100% !important; height:100% !important;}
.cmt_img_wrapper {z-index:9;opacity:0 !important;}
.cafeview_cmt ul li:nth-child(1) {display: none;}
.cafeview_cmt ul li[id="commentLi_1"] {display: block;}
.cafeview_cmt li > div > a,
.cafeview_cmt .reply_on > div > *:nth-child(1),
.cafeview_cmt .tit_cmt {display: none;}
.cafeview_cmt .allcmtwrap {display: none !important;}
.cafeview_cmt .bg_mine {background: unset !important;}
/* 새로고침 어디다 위치 시키지 */
.cafeview_cmt > span {display: none;}
</style></div></div>
<!-- -->
]]>
24.04.21 08:28
덜렁덜렁
원본보기
24.04.21 11:13
24.04.21 12:57
내프로필에있는내귄
원본보기
24.04.21 13:46
믹스베리
원본보기
덜렁덜렁
내프로필에있는내귄
믹스베리
