Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - oolaf.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Location: https://www.oolaf.com/
Content-Type: text/html; charset=UTF-8
Date: Sun, 04 May 2025 08:18:22 GMT
Expires: Sun, 04 May 2025 08:18:22 GMT
Cache-Control: private, max-age=0
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
Content-Security-Policy: frame-ancestors 'self'
X-XSS-Protection: 1; mode=block
Server: GSE
Accept-Ranges: none
Vary: Accept-Encoding
Transfer-Encoding: chunked
HTTP Code 301 Moved Permanently
301 status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - http://www.oolaf.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Content-Type: text/html; charset=UTF-8
Expires: Sun, 04 May 2025 08:18:23 GMT
Date: Sun, 04 May 2025 08:18:23 GMT
Cache-Control: private, max-age=0
Last-Modified: Thu, 19 Dec 2024 03:26:44 GMT
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block
Server: GSE
Accept-Ranges: none
Vary: Accept-Encoding
Transfer-Encoding: chunked
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: oolaf.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html class='ltr' dir='ltr' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<title>올라프 - 이야기거래전문기업</title>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#f7f7ff' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#f7f7ff' name='msapplication-navbutton-color'/>
<meta content='blogger' name='generator'/>
<link href='https://www.oolaf.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.oolaf.com/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="올라프 - 이야기거래전문기업 - Atom" href="https://www.oolaf.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="올라프 - 이야기거래전문기업 - RSS" href="https://www.oolaf.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="올라프 - 이야기거래전문기업 - Atom" href="https://www.blogger.com/feeds/3448176226651847860/posts/default" />
<link rel="me" href="https://www.blogger.com/profile/16355263427687516418" />
<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
<meta content='https://www.oolaf.com/' property='og:url'/>
<meta content='올라프 - 이야기거래전문기업' property='og:title'/>
<meta content='' property='og:description'/>
<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEjuCXhLuI16CedeF_Jd3NKCh6q9xmFi-Fu5Zy7VDXnUUl-9yPLajnn4MG9fXonGXs1ClouybO4u8eIaUN-0_S6ci3tjjOEyaYVfnB73khIhRlXMdZrfaduYG24_ALXwdfMugIZLajkoQt_n_c7RXv3KazMZ-E0FvQ39ya-cVnWd-swwrceCyKLhOBfSDQ=w1200-h630-p-k-no-nu' property='og:image'/>
<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEimf4DYMnCv13blg4AE97yHK3q6hrQgqOxF3zSK7jPaukxvLrhrTs-IOzvH7cJhCmIQxbmygVu16QejBdcyMpHS9jf1jv3RnFAI0vvYR8BLd4ukTFNbK9q49U4g1xCwiaa9UsCbztLXjnaWXNZ_O2osPnhYxUXIxpfOyiBo4GKaeKb_VbFMYKoVgPGHmw=w1200-h630-p-k-no-nu' property='og:image'/>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"WebSite","name":"올라프 - 이야기거래전문기업","url":"https://www.oolaf.com/","potentialAction":{"@type":"SearchAction","target":"https://www.oolaf.com/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
<!-- Google Fonts -->
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i|Poppins:400,600,700' media='all' rel='stylesheet' type='text/css'/>
<link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<!-- Template Style CSS -->
<style type='text/css'>@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2)format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2)format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2)format('woff2');unicode-range:U+1F00-1FFF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2)format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2)format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2)format('woff2');unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2)format('woff2');unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2)format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2)format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(//fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2)format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}</style>
<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------
Blogger Template Style
Name: Kate
License: Premium Version
Version: 2.0
Author: SoraTemplates
Author Url: https://www.soratemplates.com/
----------------------------------------------- */
/*-- Reset CSS --*/
#google_translate_element { clear: both; }.thread-expanded .thread-count a { display: none; }.comments .continue { display: none!important; }
.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:0 0;
text-decoration:none
}
form,textarea,input,button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:0
}
dl,ul{
list-style-position:inside;
font-weight:400;
list-style:none
}
ul li{
list-style:none
}
caption,th{
text-align:center
}
img{
border:none;
position:relative
}
a,a:visited{
text-decoration:none
}
.clearfix{
clear:both
}
.section,.widget,.widget ul{
margin:0;
padding:0
}
a{
color:#19ddc4
}
a img{
border:0
}
abbr{
text-decoration:none
}
.CSS_LIGHTBOX{
z-index:999999!important
}
.separator a{
clear:none!important;
float:none!important;
margin-left:0!important;
margin-right:0!important
}
#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
display:none!important
}
.error_page #content-wrapper {
display: block;
}
.center{
display:table;
margin:0 auto;
position:relative
}
.widget > h2,.widget > h3{
display:none
}
/*-- Body Content CSS --*/
body{
background:#f7f7ff url() repeat fixed top left;
background-color:#f7f7ff;
font-family:'Open Sans',sans-serif;
font-size:14px;
font-weight:400;
color:#656565;
word-wrap:break-word;
margin:0;
padding:0
}
h1,h2,h3,h4,h5,h6{
font-family: 'Poppins', sans-serif;
}
#outer-wrapper{
margin:0 auto;
background-color:#ffffff;
box-shadow:0 0 5px rgba(0,0,0,.1)
}
.row{
width:1170px
}
#content-wrapper{
margin:40px auto 0;
overflow: visible;
}
.index #content-wrapper{
display: flex;
}
#content-wrapper > .container{
margin:0;
width:100%;
}
#main-wrapper{
float:left;
overflow:hidden;
width:calc(100% - 375px);
box-sizing:border-box;
word-wrap:break-word;
padding:0;
margin:0
}
#sidebar-wrapper{
float:right;
overflow:hidden;
width:340px;
box-sizing:border-box;
word-wrap:break-word;
padding:0
}
.post-image-wrap{
position:relative;
display:block
}
.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{
background-color:rgba(155,155,155,0.07);
color:transparent!important
}
.post-thumb{
display:block;
position:relative;
width:100%;
height:100%;
object-fit:cover;
z-index:1;
opacity: 0;
transition:opacity .17s ease,transform .17s ease
}
.post-thumb.lazy-yard {
opacity: 1;
}
.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb{
opacity:.9
}
.post-title a{
display:block
}
.social a:before{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400
}
.social .facebook a:before{
content:"\f09a"
}
.social .twitter a:before{
content:"\f099"
}
.social .gplus a:before{
content:"\f0d5"
}
.social .rss a:before{
content:"\f09e"
}
.social .youtube a:before{
content:"\f16a"
}
.social .skype a:before{
content:"\f17e"
}
.social .stumbleupon a:before{
content:"\f1a4"
}
.social .tumblr a:before{
content:"\f173"
}
.social .vk a:before{
content:"\f189"
}
.social .stack-overflow a:before{
content:"\f16c"
}
.social .github a:before{
content:"\f09b"
}
.social .linkedin a:before{
content:"\f0e1"
}
.social .dribbble a:before{
content:"\f17d"
}
.social .soundcloud a:before{
content:"\f1be"
}
.social .behance a:before{
content:"\f1b4"
}
.social .digg a:before{
content:"\f1a6"
}
.social .instagram a:before{
content:"\f16d"
}
.social .pinterest a:before{
content:"\f0d2"
}
.social .twitch a:before{
content:"\f1e8"
}
.social .delicious a:before{
content:"\f1a5"
}
.social .codepen a:before{
content:"\f1cb"
}
.social .reddit a:before{
content:"\f1a1"
}
.social .whatsapp a:before{
content:"\f232"
}
.social .snapchat a:before{
content:"\f2ac"
}
.social .email a:before{
content:"\f0e0"
}
.social .external-link a:before{
content:"\f35d"
}
.social-color .facebook a{
background-color:#3b5999
}
.social-color .twitter a{
background-color:#00acee
}
.social-color .gplus a{
background-color:#db4a39
}
.social-color .youtube a{
background-color:#db4a39
}
.social-color .instagram a{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
.social-color .pinterest a{
background-color:#ca2127
}
.social-color .dribbble a{
background-color:#ea4c89
}
.social-color .linkedin a{
background-color:#0077b5
}
.social-color .tumblr a{
background-color:#365069
}
.social-color .twitch a{
background-color:#6441a5
}
.social-color .rss a{
background-color:#ffc200
}
.social-color .skype a{
background-color:#00aff0
}
.social-color .stumbleupon a{
background-color:#eb4823
}
.social-color .vk a{
background-color:#4a76a8
}
.social-color .stack-overflow a{
background-color:#f48024
}
.social-color .github a{
background-color:#24292e
}
.social-color .soundcloud a{
background:linear-gradient(#ff7400,#ff3400)
}
.social-color .behance a{
background-color:#191919
}
.social-color .digg a{
background-color:#1b1a19
}
.social-color .delicious a{
background-color:#0076e8
}
.social-color .codepen a{
background-color:#000
}
.social-color .reddit a{
background-color:#ff4500
}
.social-color .whatsapp a{
background-color:#3fbb50
}
.social-color .snapchat a{
background-color:#ffe700
}
.social-color .email a{
background-color:#888
}
.social-color .external-link a{
background-color:#1f2024
}
.social-text .facebook a:after{
content:"Facebook"
}
.social-text .twitter a:after{
content:"Twitter"
}
.social-text .gplus a:after{
content:"Google Plus"
}
.social-text .rss a:after{
content:"Rss"
}
.social-text .youtube a:after{
content:"YouTube"
}
.social-text .skype a:after{
content:"Skype"
}
.social-text .stumbleupon a:after{
content:"StumbleUpon"
}
.social-text .tumblr a:after{
content:"Tumblr"
}
.social-text .vk a:after{
content:"VKontakte"
}
.social-text .stack-overflow a:after{
content:"Stack Overflow"
}
.social-text .github a:after{
content:"Github"
}
.social-text .linkedin a:after{
content:"LinkedIn"
}
.social-text .dribbble a:after{
content:"Dribbble"
}
.social-text .soundcloud a:after{
content:"SoundCloud"
}
.social-text .behance a:after{
content:"Behance"
}
.social-text .digg a:after{
content:"Digg"
}
.social-text .instagram a:after{
content:"Instagram"
}
.social-text .pinterest a:after{
content:"Pinterest"
}
.social-text .twitch a:after{
content:"Twitch"
}
.social-text .delicious a:after{
content:"Delicious"
}
.social-text .codepen a:after{
content:"CodePen"
}
.social-text .flipboard a:after{
content:"Flipboard"
}
.social-text .reddit a:after{
content:"Reddit"
}
.social-text .whatsapp a:after{
content:"Whatsapp"
}
.social-text .messenger a:after{
content:"Messenger"
}
.social-text .snapchat a:after{
content:"Snapchat"
}
.social-text .email a:after{
content:"Email"
}
.social-text .external-link a:after{
content:"WebSite"
}
#header-wrap{
position:relative;
width:100%;
height:70px;
background-color:#ffffff;
z-index:1010;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.1);
border-bottom: 1px solid #eee;
}
.home #header-wrap {
box-shadow: none;
border-bottom: none;
}
#header-wrap .container{
position:relative;
margin:0 auto
}
.header-logo{
float:left;
margin:0 20px 0 0
}
.main-logo{
position:relative;
float:left;
width:auto;
max-width:250px;
max-height:52px;
margin:0;
padding: 9px 5px;
box-sizing:border-box;
}
.main-logo .header-image-wrapper{
display:block
}
.main-logo img{
max-width:100%;
max-height:52px;
margin:0
}
.main-logo h1, .main-logo h1 a{
color:#1f2024;
font-size:20px;
line-height:52px;
margin:0
}
.main-logo p{
font-size:12px;
margin:5px 0 0;
display:none;
}
.header-menu{
float:left
}
#main-menu .widget,#main-menu .widget > h3{
display:none
}
#main-menu .show-menu{
display:block
}
#main-menu{
position:relative;
height:70px;
z-index:15
}
#main-menu ul > li{
float:left;
position:relative;
margin:0;
padding:0;
transition:background .17s ease
}
#main-menu ul > li > a{
position:relative;
color:#1f2024;
font-size:14px;
font-weight:600;
line-height:70px;
display:inline-block;
text-decoration:none;
margin:0;
padding:0 15px;
transition:color .17s ease
}
#main-menu ul#main-menu-nav > li:hover{
background-color:rgba(255,255,255,0.05)
}
#main-menu ul#main-menu-nav > li:hover > a{
color:#1f2024
}
#main-menu ul > li > ul{
position:absolute;
float:left;
left:0;
top:70px;
width:180px;
background-color:#1f2024;
z-index:99999;
margin-top:0;
padding:0;
border:1px solid #1f2024;
box-shadow:0 2px 2px rgba(0,0,0,0.2);
visibility:hidden;
opacity:0
}
#main-menu ul > li > ul > li > ul{
position:absolute;
float:left;
top:0;
left:100%;
margin:-1px 0 0
}
#main-menu ul > li > ul > li{
display:block;
float:none;
position:relative;
background-color:rgba(255,255,255,0.03);
border-bottom:1px solid #1f2024;
transition:background .17s ease
}
#main-menu ul > li > ul > li a{
display:block;
height:36px;
font-size:13px;
color:#f2f2f2;
font-weight:600;
line-height:36px;
box-sizing:border-box;
margin:0;
padding:0 15px;
transition:color .17s ease
}
#main-menu ul > li > ul > li:last-child{
border-bottom:0
}
#main-menu ul > li.has-sub > a:after{
content:'\f107';
float:right;
font-family:FontAwesome;
font-size:12px;
font-weight:400;
margin:0 0 0 6px
}
#main-menu ul > li > ul > li.has-sub > a:after{
content:'\f105';
float:right;
margin:0
}
#main-menu ul > li > ul > li a:hover{
color:#19ddc4
}
#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{
visibility:visible;
opacity:1
}
#main-menu ul ul{
transition:all .17s ease
}
.show-search,.hide-search{
position:absolute;
top:0;
right:0;
display:block;
width:58px;
height:70px;
background-color:rgba(255,255,255,0.05);
line-height:70px;
z-index:20;
color:#1f2024;
font-size:16px;
font-weight:400;
text-align:center;
cursor:pointer;
transition:color .17s ease
}
.show-search:hover,.hide-search:hover{
color:#1f2024
}
.show-search:before{
content:"\f002";
font-family:FontAwesome
}
.hide-search:before{
content:"\f00d";
font-family:FontAwesome
}
#nav-search{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:70px;
z-index:99;
background-color:#ffffff;
box-sizing:border-box;
padding:0
}
#nav-search .search-form{
width:100%;
height:70px;
background-color:rgba(0,0,0,0);
line-height:70px;
overflow:hidden;
padding:0
}
#nav-search .search-input{
width:100%;
height:70px;
font-family:inherit;
color:#1f2024;
margin:0;
padding:0 58px 0 0;
background-color:rgba(0,0,0,0);
font-size:13px;
font-weight:400;
box-sizing:border-box;
border:0
}
#nav-search .search-input:focus{
color:#1f2024;
outline:none
}
.mobile-menu-toggle{
display:none;
position:absolute;
top:0;
left:0;
width:58px;
height:70px;
line-height:70px;
background-color:rgba(255,255,255,0.05);
z-index:20;
color:#1f2024;
font-size:17px;
font-weight:400;
text-align:center;
cursor:pointer;
transition:color .17s ease
}
.mobile-menu-toggle:hover{
color:#1f2024
}
.mobile-menu-toggle:before{
content:"\f0c9";
font-family:FontAwesome
}
.nav-active .mobile-menu-toggle:before{
content:"\f00d";
font-family:FontAwesome
}
.overlay{
display:none;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:990;
background:rgba(255,255,255,0.8)
}
.mobile-menu-wrap{
display:none;
position:absolute;
top:70px;
left:0;
width:100%;
background-color:#1f2024;
box-sizing:border-box;
visibility:hidden;
z-index:1000;
opacity:0;
transition:all .17s ease
}
.nav-active .mobile-menu-wrap{
visibility:visible;
opacity:1
}
.mobile-menu{
position:relative;
overflow:hidden;
padding:20px;
border-top:1px solid rgba(255,255,255,0.03)
}
.mobile-menu > ul{
margin:0
}
.mobile-menu .m-sub{
display:none;
padding:0
}
.mobile-menu ul li{
position:relative;
display:block;
overflow:hidden;
float:left;
width:100%;
font-size:14px;
line-height:38px
}
.mobile-menu > ul > li{
font-weight:600
}
.mobile-menu > ul li ul{
overflow:hidden
}
.mobile-menu ul li a{
color:#f2f2f2;
padding:0;
display:block;
transition:all .17s ease
}
.mobile-menu ul li.has-sub .submenu-toggle{
position:absolute;
top:0;
right:0;
color:#f2f2f2;
cursor:pointer
}
.mobile-menu ul li.has-sub .submenu-toggle:after{
content:'\f105';
font-family:FontAwesome;
font-weight:400;
float:right;
width:34px;
font-size:14px;
text-align:center;
transition:all .17s ease
}
.mobile-menu ul li.has-sub.show > .submenu-toggle:after{
transform:rotate(90deg)
}
.mobile-menu > ul > li > ul > li > a{
color:#f2f2f2;
opacity:.7;
padding:0 0 0 15px
}
.mobile-menu > ul > li > ul > li > ul > li > a{
color:#f2f2f2;
opacity:.7;
padding:0 0 0 30px
}
.home-ad .widget > .widget-title{
display:none
}
.home-ad .widget-content{
float:left;
width:728px;
max-width:100%;
line-height:0;
margin:0 0 40px
}
#intro-wrap{
display:none;
position:relative;
float:left;
width:100%;
z-index:2;
margin:0
}
#main-intro{
position:relative;
float:left;
width:100%;
height:450px;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
background-color:#ffffff;
}
#main-intro:before {
content: '';
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#main-intro .widget{
height:100%;
width:100%;
display:block;
overflow:hidden
}
.intro-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:720px;
text-align:center;
margin:0
}
.intro-title{
font-size:37px;
color:#ffffff;
font-weight:700;
text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
margin:0 0 30px
}
.intro-snippet{
font-size:14px;
line-height:25px;
color:#888888;
margin:0
}
.intro-action a{
display:inline-block;
height:40px;
background-color:#19ddc4;
font-size:14px;
color:#fff;
line-height:40px;
padding:0 25px;
margin:30px 0 0;
border-radius:3px;
transition:background .17s ease
}
.intro-action a:hover{
background-color:#1f2024
}
.home-ad .widget > .widget-title{
display:none
}
.home-ad .widget{
width:728px;
max-width:100%;
margin:0 auto
}
.home-ad .widget .widget-content{
position:relative;
width:100%;
max-height:90px;
overflow:hidden;
line-height:1;
margin:0 0 30px
}
#hot-wrapper{
margin:0 auto
}
#hot-section .widget,#hot-section .widget > .widget-title{
display:none
}
#hot-section .show-hot, #hot-section .PopularPosts {
display: block!important;
}
#hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content {
position:relative;
overflow:hidden;
height:430px;
margin:30px 0 0
}
.hot-loader{
position:relative;
height:100%;
overflow:hidden;
display:block
}
.hot-loader:after{
content:'';
position:absolute;
top:50%;
left:50%;
width:26px;
height:26px;
margin:-16px 0 0 -16px;
border:3px solid #eaeaea;
border-left-color:#19ddc4;
border-right-color:#19ddc4;
border-radius:100%;
animation:spinner .8s infinite linear;
transform-origin:center
}
@-webkit-keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
@keyframes spinner {
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
ul.hot-posts{
position:relative;
overflow:hidden;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 20px;
margin:0
}
.hot-posts .hot-item{
position:relative;
display: flex;
flex-direction: column;
height:430px;
overflow:hidden;
box-sizing:border-box;
padding:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hot-item-inner{
position:relative;
float:left;
width:100%;
height:100%;
overflow:hidden;
display:block;
}
.hot-posts .post-image-link{
width:100%;
height:100%;
position:relative;
overflow:hidden;
display:block;
}
.hot-posts .post-info-wrap {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
max-width: 70%;
background-color: rgba(0,0,0,0.3);
text-align: center;
overflow: hidden;
z-index: 5;
box-sizing: border-box;
padding: 40px;
opacity: 1;
transform: translate(-50%,-50%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hot-posts .post-info-wrap:before {
margin:12px;
}
.hot-posts .post-info-wrap:after, .hot-posts .post-info-wrap:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 5;
border: 1px
solid rgba(255,255,255,0.3);
}
.hot-posts .post-info{
position: relative;
overflow: hidden;
display: block;
z-index: 10;
}
.hot-posts .post-info:before {
margin: 12px;
}
.hot-posts .post-tag{
position:relative;
display:inline-block;
}
.post-tag{
height:18px;
z-index:5;
background-color:#19ddc4;
color:#fff;
font-size:10px;
line-height:18px;
font-weight:700;
text-transform:uppercase;
padding:0 6px
}
.hot-posts .post-title{
font-size:22px;
font-weight:700;
display:block;
line-height:1.5em;
margin:8px 0 7px
}
.hot-posts .post-title a{
color:#fff;
display:block
}
.hot-posts .post-meta{
font-size:11px;
color:#fff
}
.hot-posts .post-meta .post-author, .hot-posts .post-meta .post-date {
float:none;
}
.show-hot .no-posts{
position:absolute;
top:calc(50% - 50px);
left:0;
width:100%;
text-align:center;
}
.ad-wrapper .widget > .widget-title {
display: none;
}
.ad-wrapper {
margin:0 auto;
}
.ad-wrapper .widget-content {
position:relative;
max-width:100%;
max-height:90px;
line-height:1;
margin:30px auto 0
}
.queryMessage{
overflow:hidden;
background-color:#fff;
color:#000000;
font-size:13px;
font-weight:400;
padding:8px 10px;
margin:0 0 25px;
border:1px solid #ebebf3;
border-radius:3px
}
.queryMessage .query-info{
margin:0 5px
}
.queryMessage .search-query,.queryMessage .search-label{
font-weight:700;
text-transform:uppercase
}
.queryMessage .search-query:before,.queryMessage .search-label:before{
content:"\201c"
}
.queryMessage .search-query:after,.queryMessage .search-label:after{
content:"\201d"
}
.queryMessage a.show-more{
float:right;
color:#19ddc4;
text-decoration:underline;
transition:opacity .17s
}
.queryMessage a.show-more:hover{
opacity:.8
}
.queryEmpty{
font-size:13px;
font-weight:400;
padding:10px 0;
margin:0 0 25px;
text-align:center
}
.title-wrap{
position:relative;
float:left;
width:100%;
margin:0
}
.title-wrap > h3{
position:relative;
display:block;
background-color:#fdfdff;
height:34px;
font-size:17px;
color:#19ddc4;
font-weight:600;
line-height:34px;
padding:0 15px;
margin:0;
border-bottom:2px solid #ebebf3
}
.custom-widget li{
overflow:hidden;
padding:15px 0 0;
margin:15px 0 0;
border-top:1px dotted #ebebf3
}
.custom-widget li:first-child{
padding:0;
margin:0;
border:0
}
.custom-widget .post-image-link{
position:relative;
width:75px;
height:60px;
float:left;
overflow:hidden;
display:block;
vertical-align:middle;
margin:0 12px 0 0;
border-radius:3px
}
.custom-widget .post-info{
overflow:hidden
}
.custom-widget .post-title{
overflow:hidden;
font-size:15px;
font-weight:400;
line-height:1.5em;
margin:0
}
.custom-widget .post-title a{
display:block;
color:#000000;
transition:color .17s
}
.custom-widget li:hover .post-title a{
color:#19ddc4
}
.index-post-wrap{
position: relative;
float: left;
width: 100%;
}
.grid-posts {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 20px;
}
.blog-post{
display:block;
overflow:hidden;
word-wrap:break-word
}
.index-post{
padding: 0;
position: relative;
display: flex;
flex-direction: column;
overflow: visible;
webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.index-post .post-thumb {
}
.index-post .post-info-wrap {
float:left;
text-align:center;
padding:20px;
background: #fff;
}
.index-post-inside-wrap {
float: left;
width: 100%;
height: auto;
box-sizing: border-box;
}
.index-post .post-image-wrap{
float:left;
width:100%;
height:auto;
overflow:hidden;
border-radius: 4px 4px 0 0;
margin:0
}
.index-post .post-image-wrap .post-image-link{
width:100%;
height:225px;
position:relative;
display:block;
z-index:1;
overflow:hidden;
}
.index-post .post-info{
float:left;
width:100%;
overflow:hidden
}
.index-post .post-info .post-tag {
background:transparent;
color:#1f2024;
}
.index-post .post-info .post-tag:before, .index-post .post-info .post-tag:after {
content: "";
height: 1px;
width: 16px;
background: rgba(153, 153, 153, 0.5);
position: absolute;
top: 50%;
margin-top: -1px;
}
.index-post .post-info .post-tag:before {
left: -24px;
}
.index-post .post-info .post-tag:after {
right: -24px;
}
.index-post .post-info > h2{
font-size:20px;
font-weight:600;
line-height:1.4em;
text-decoration:none;
margin:0
}
.index-post .post-info > h2 > a{
display:block;
color:#000000;
transition:color .17s
}
.index-post .post-info > h2 > a:hover{
color:#19ddc4
}
.widget iframe,.widget img{
max-width:100%
}
.post-meta{
overflow:hidden;
color:#aaa;
font-size:13px;
font-weight:400;
padding:0 1px
}
.post-meta .post-author,.post-meta .post-date{
float:left;
display:inline-block;
margin:0 10px 0 0
}
.index-post-footer .post-meta .post-author, .index-post-footer .post-meta .post-date{
float:none;
}
.post-meta .post-author:before,.post-meta .post-date:before{
font-family:FontAwesome;
font-weight:400;
margin:0 3px 0 0
}
.post-meta .post-author:before{
content:'\f007'
}
.post-meta .post-date:before{
content:'\f017'
}
.post-meta a{
color:#aaa;
transition:color .17s
}
.post-meta a:hover{
color:#19ddc4
}
.post-meta .post-author .meta-avatar{
float:left;
height:20px;
width:20px;
overflow:hidden;
margin:0 7px 0 0;
border-radius:100%;
box-shadow:0 0 3px rgba(0,0,0,0.1)
}
.post-meta .post-author .meta-avatar img{
display:block;
width:100%;
height:100%;
border-radius:100%
}
.index-post .post-meta{
margin:0
}
.post-snippet{
position:relative;
display:block;
overflow:hidden;
font-size:16px;
line-height:1.7em;
font-weight:400;
margin:10px 0 15px;
}
.index-post-footer{
position:relative;
float:left;
width:100%;
padding: 7px 0 0;
margin: 7px 0 0;
border-top:1px solid #f2f2f6
}
a.read-more{
height:28px;
font-size:12px;
font-weight:600;
text-transform:uppercase;
line-height:28px;
padding:0 13px;
margin:0;
background-color:#19ddc4;
color:#fff;
border:1px solid #19ddc4;
border-radius:3px;
display:inline-block;
transition:all .17s ease
}
a.read-more:hover{
background-color:#1f2024;
color:#fff;
border:1px solid #f2f2f6;
}
.read-more::before{
content:'\f064';
font-family:FontAwesome;
font-weight:400;
margin:0 5px 0 0
}
a.post-tag{
position:relative;
height:28px;
color:#fff;
font-size:12px;
font-weight:600;
text-transform:uppercase;
line-height:28px;
padding:0 13px;
margin:0;
transition:all .17s ease
}
a.post-tag:hover{
background-color:#1f2024;
color:#fff;
}
#breadcrumb{
font-size:12px;
font-weight:400;
height:34px;
background-color:#fdfdff;
color:#aaa;
line-height:34px;
padding:0 15px;
margin:0 0 15px;
border-bottom:2px solid #f2f2f6
}
#breadcrumb a{
color:#aaa;
transition:color .17s
}
#breadcrumb a:hover{
color:#19ddc4
}
#breadcrumb a,#breadcrumb em{
display:inline-block
}
#breadcrumb .delimiter:after{
content:'\f054';
font-family:FontAwesome;
font-size:7px;
font-weight:400;
font-style:normal;
vertical-align:middle;
margin:0 3px
}
.item-post h1.post-title{
color:#000000;
font-size:30px;
line-height:1.4em;
font-weight:400;
position:relative;
display:block;
padding:0 15px;
margin:0 0 15px
}
.static_page .item-post h1.post-title{
margin:15px 0 0
}
.item-post .post-body{
width:100%;
font-size:15px;
line-height:1.6em;
overflow:hidden;
box-sizing:border-box;
padding:20px 15px 0;
margin:15px 0 20px;
border-top:1px solid #f2f2f6
}
.item-post .post-outer{
padding:0
}
.item-post .post-body img{
max-width:100%
}
.main .widget{
margin:0
}
.main .Blog{
border-bottom-width:0
}
.post-item-inner{
position:relative;
float:left;
width:100%;
background-color:#fff;
overflow:hidden;
box-sizing:border-box;
margin:0 0 35px;
border:1px solid #ebebf3;
border-radius:3px
}
.post-item-inner .post-meta{
padding:0 15px
}
.post-footer{
position:relative;
float:left;
width:100%;
margin:0
}
.inline-ad{
position:relative;
display:block;
max-height:60px;
margin:0 0 30px
}
.inline-ad > ins{
display:block!important;
margin:0 auto!important
}
.item .inline-ad{
float:left;
width:100%;
margin:20px 0 0
}
.item-post-wrap > .inline-ad{
margin:0 0 20px
}
.post-labels{
overflow:hidden;
height:auto;
position:relative;
padding:0 15px;
margin:0 0 20px
}
.post-labels a{
float:left;
height:22px;
background-color:#fdfdff;
color:#000000;
font-size:12px;
line-height:22px;
font-weight:400;
margin:0;
padding:0 10px;
border:1px solid #f2f2f6;
border-radius:3px;
margin:0 5px 0 0;
transition:all .17s ease
}
.post-labels a:hover{
background-color:#19ddc4;
color:#fff;
border-color:#19ddc4
}
.post-reactions{
height:28px;
display:block;
padding:0 15px;
margin:0 0 15px
}
.post-reactions span{
float:left;
color:#000000;
font-size:12px;
line-height:25px;
text-transform:uppercase;
font-weight:600
}
.reactions-inner{
float:left;
margin:0;
height:28px
}
.post-share{
position:relative;
float:left;
width:100%;
overflow:hidden;
background-color:#fdfdff;
box-sizing:border-box;
padding:15px;
margin:0;
border-top:2px solid #f2f2f6
}
ul.share-links{
position:relative;
margin:0 -2.5px
}
.share-links li{
width:calc(100% / 7);
float:left;
box-sizing:border-box;
padding:0 2.5px;
margin:0
}
.share-links li a{
float:left;
display:inline-block;
cursor:pointer;
width:100%;
height:32px;
line-height:32px;
color:#fff;
font-weight:400;
font-size:17px;
text-align:center;
box-sizing:border-box;
opacity:1;
border-radius:3px;
transition:all .17s ease
}
.share-links li a:hover{
opacity:.8
}
ul.post-nav{
position:relative;
overflow:hidden;
display:block;
padding:0 5px;
margin:0 0 35px
}
.post-nav li{
display:inline-block;
width:50%
}
.post-nav .post-prev{
float:left;
text-align:left;
box-sizing:border-box;
padding:0 10px 0 0
}
.post-nav .post-next{
float:right;
text-align:right;
box-sizing:border-box;
padding:0 0 0 10px
}
.post-nav li a{
color:#000000;
line-height:1.4em;
display:block;
overflow:hidden;
transition:color .17s
}
.post-nav li:hover a{
color:#19ddc4
}
.post-nav li span{
display:block;
font-size:11px;
color:#aaa;
font-weight:600;
text-transform:uppercase;
padding:0 0 3px
}
.post-nav .post-prev span:before{
content:"\f053";
float:left;
font-family:FontAwesome;
font-size:10px;
font-weight:400;
text-transform:none;
margin:0 2px 0 0
}
.post-nav .post-next span:after{
content:"\f054";
float:right;
font-family:FontAwesome;
font-size:10px;
font-weight:400;
text-transform:none;
margin:0 0 0 2px
}
.post-nav p{
font-family: 'Poppins',Open Sans,sans-serif;
font-size:12px;
font-weight:400;
line-height:1.5em;
margin:0
}
.post-nav .post-nav-active p{
color:#aaa
}
.about-author{
position:relative;
display:block;
overflow:hidden;
background-color:#fff;
padding:20px;
margin:0 0 35px;
border:1px solid #ebebf3;
border-radius:3px
}
.about-author .avatar-container{
position:relative;
float:left;
width:80px;
height:80px;
background-color:rgba(255,255,255,0.05);
overflow:hidden;
margin:0 15px 0 0
}
.about-author .author-avatar{
float:left;
width:100%;
height:100%;
border-radius:3px
}
.author-name{
overflow:hidden;
display:inline-block;
font-size:16px;
font-weight:600;
margin:0
}
.author-name span{
color:#000000
}
.author-name a{
color:#19ddc4;
transition:opacity .17s
}
.author-name a:hover{
opacity:.8
}
.author-description{
display:block;
overflow:hidden;
font-size:12px;
font-weight:400;
line-height:1.6em
}
.author-description a:hover{
text-decoration:underline
}
#related-wrap{
overflow:hidden;
background-color:#fff;
margin:0 0 35px;
border:1px solid #ebebf3;
border-radius:3px
}
#related-wrap .related-tag{
display:none
}
.related-ready{
float:left;
width:100%;
box-sizing:border-box;
padding:15px
}
.related-ready .loader{
height:178px
}
ul.related-posts{
position:relative;
overflow:hidden;
margin:0 -10px;
padding:0
}
.related-posts .related-item{
width:33.33333333%;
position:relative;
overflow:hidden;
float:left;
display:block;
box-sizing:border-box;
padding:0 10px;
margin:0
}
.related-posts .post-image-link{
width:100%;
height:120px;
position:relative;
overflow:hidden;
display:block;
margin:0 0 10px;
border-radius:3px
}
.related-posts .post-title{
font-size:15px;
font-weight:400;
line-height:1.5em;
display:block;
margin:0
}
.related-posts .post-title a{
color:#000000;
transition:color .17s
}
.related-posts .post-meta{
font-size:11px;
margin:0 0 3px
}
.related-posts .related-item:hover .post-title a{
color:#19ddc4
}
#blog-pager{
float:left;
width:100%;
overflow:hidden;
text-align:center;
clear:both;
margin:30px 0
}
.blog-pager-older-link{
display:inline-block;
height:38px;
background-color:#19ddc4;
font-size:14px;
color:#fff;
font-weight:600;
text-transform:uppercase;
line-height:38px;
padding:0 15px;
border-radius:3px;
transition:background .17s ease
}
.blog-pager-older-link:before{
content:'\f021';
font-family:FontAwesome;
font-weight:400;
margin:0 5px 0 0
}
.blog-pager-older-link:hover{
background-color:#1f2024
}
.blog-post-comments{
display:none;
overflow:hidden;
background-color:#fff;
margin:0 0 35px;
border:1px solid #ebebf3;
border-radius:3px
}
.blog-post-comments .comments-title{
margin:0 0 20px
}
.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{
margin:0
}
#disqus_thread{
float:left;
width:100%;
padding:10px 15px;
box-sizing:border-box
}
.blog-post-comments .fb_iframe_widget{
box-sizing:border-box;
padding:0 5px
}
#comments{
margin:0
}
#gpluscomments{
float:left!important;
width:100%!important;
margin:0 0 25px!important
}
#gpluscomments iframe{
float:left!important;
width:100%
}
.comments{
display:block;
clear:both;
padding:0 15px;
margin:0;
color:#000000
}
.comments .comment-thread > ol{
padding:0
}
.comments > h3{
font-size:13px;
font-weight:400;
font-style:italic;
padding-top:1px
}
.comments .comments-content .comment{
list-style:none;
margin:0;
padding:0 0 8px
}
.comments .comments-content .comment:first-child{
padding-top:0
}
.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{
width:100%!important
}
.comments .item-control{
position:static
}
.comments .avatar-image-container{
float:left;
overflow:hidden;
position:absolute
}
.comments .avatar-image-container,.comments .avatar-image-container img{
height:35px;
max-height:35px;
width:35px;
max-width:35px;
border-radius:100%
}
.comments .comment-block{
overflow:hidden;
padding:0 0 20px
}
.comments .comment-block,.comments .comments-content .comment-replies{
margin:0 0 0 50px
}
.comments .comments-content .inline-thread{
padding:0
}
.comments .comment-actions{
float:left;
width:100%;
position:relative;
margin:0
}
.comments .comments-content .comment-header{
font-size:16px;
display:block;
overflow:hidden;
clear:both;
margin:0 0 3px;
padding:0 0 5px;
border-bottom:1px dotted #ebebf3
}
.comments .comments-content .comment-header a{
color:#000000;
transition:color .17s
}
.comments .comments-content .comment-header a:hover{
color:#19ddc4
}
.comments .comments-content .user{
font-family: 'Poppins',Open Sans,sans-serif;
font-style:normal;
font-weight:400;
display:block
}
.comments .comments-content .icon.blog-author{
display:none
}
.comments .comments-content .comment-content{
float:left;
font-size:13px;
color:#5E5E5E;
font-weight:400;
text-align:left;
line-height:1.4em;
margin:10px 0
}
.comments .comment .comment-actions a{
margin-right:5px;
padding:2px 5px;
background-color:#fdfdff;
color:#000000;
font-weight:400;
font-size:10px;
border:1px solid #f2f2f6;
border-radius:3px;
transition:all .17s ease
}
.comments .comment .comment-actions a:hover{
color:#fff;
background-color:#19ddc4;
border-color:#19ddc4;
text-decoration:none
}
.comments .comments-content .datetime{
float:left;
font-size:11px;
font-weight:400;
color:#aaa;
position:relative;
padding:0 1px;
margin:5px 0 0;
display:block
}
.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{
color:#aaa
}
.comments .thread-toggle{
margin-bottom:4px
}
.comments .thread-toggle .thread-arrow{
height:7px;
margin:0 3px 2px 0
}
.comments .thread-count a,.comments .continue a{
transition:opacity .17s
}
.comments .thread-count a:hover,.comments .continue a:hover{
opacity:.8
}
.comments .continue a{
display:none
}
.comments .thread-expanded{
padding:5px 0 0
}
.comments .thread-chrome.thread-collapsed{
display:none
}
.thread-arrow:before{
content:'';
font-family:FontAwesome;
color:#000000;
font-weight:400;
margin:0 2px 0 0
}
.comments .thread-expanded .thread-arrow:before{
content:'\f0d7'
}
.comments .thread-collapsed .thread-arrow:before{
content:'\f0da'
}
.comments .comments-content .comment-thread{
margin:0
}
.comments .continue a{
padding:0 0 0 60px;
font-weight:400
}
.comments .comments-content .loadmore.loaded{
margin:0;
padding:0
}
.comments .comment-replybox-thread{
margin:0
}
.thread-expanded .thread-count,.thread-expanded .thread-arrow,.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{
display:none
}
#comment-editor{
margin:0 0 20px
}
.sora-moji{
display:inline-block;
height:18px;
width:18px;
vertical-align:middle;
background-size:100%;
background-repeat:no-repeat;
margin:0
}
.mj-0{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_o2bGWlh-27gTElAul4Oi78ny85vyrUoocsWu0gkwjI4wVki-nP8QJOtrDyWBAgsJqdC3AxMEI7qcZcyEo5PrcPu5FHOWrSG5WqQy5_IrzuzGCPCXBSk3X3Fu_ItFBk26JFHqjUrHn9_t/s1600/1f44d.png)
}
.mj-1{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwevWjNEPLduauB-PaA_msclBU-iakpAnjeO_j3RqlNEeunPKKNZSA-vWfOV8gXr50UryquK9vbxg0iPLNam0lZS3tmq7rU_Ll8swnfbd8-faDUgAzfpCDaqhqbddryZuVoaN7fpec3MS-/s1600/1f600.pngg)
}
.mj-2{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWVn0V8_5kuqRfyys0hegHaHAqzdP1gWuhMFPu_3o54ptO0CKl4UF1ovVhR82Fl7iXuW71Q_43JwugJLBqxB_-QC-4_-KNA98f17BN0Ufr0MhQ1m1j53YxVAYQ-JKzCRPzQD8bT5ibxu6p/s1600/1f615.png)
}
.mj-3{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_-X89AGSw3cBW3ccQDd8JFOMxFp09NdK4KzB7wbNZYsUy9g0w1ofr3tD9wJg3gVzbJra8ip1QEruyvzIyXj2TfGn8t9ecG0tnrbQpvkHfN5rZZmbXcCrAkfLNGGR6-q9tauyBOfgTPqx/s1600/1f601.png)
}
.mj-4{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-_EDMTaCT3dn54jGpTDAHb4C1Znf-M1F273Et9E5iJ8kSsWrPW-wv0qXSBSTaY_X_XC8WInWy9CNwjtJnkuKZIEU9WmnGzgMd4sqTH131W7hZbmZJ4n0p3GeXaqqbpekKxk9crUELE_Hf/s1600/1f60f.png)
}
.mj-5{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5s6utu_B5BGNb7RUmi36RhhehEGvouliuX1_T3_EdNvrxfbVym-Es2t9TOgKjN_0IjoRphyuUQoshuWMGGhd2BbYEfJyEzmuTAlTsk9QG_as24Mm5tPJWjBLbhO0JnSl5n1B2CB95_Oz/s1600/1f603.png)
}
.mj-6{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3RK-MhlJwhl4kivfaduzrJRD1x0opL5SxFHQFEfiUpHd_MpJs3nBD3GJoEbkpRY5EcVzhvLt2XmrBxvHXHh5LugVeQLLCCUr21OgSBLH5QRPvY-V5LjZUH80c9B-TUh72Q42Sa-zdQOWG/s1600/1f62c.png)
}
.mj-7{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNR5BonXwQs5-HFWDYAA-MwnUUAYj_kssf311kPPVeC1IiAakVcfqUzbp3oI3SIQnZZlako2ig6D2JVdy15VmpJX5QzSupEsOBu4HJqARNHoqkk7jv4cPAFLjBjUD8kXgqe6Li3Ixdioz/s1600/1f604.png)
}
.mj-8{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIHUitOfodZqI_UsL7quUKSKX_OJnIDVMcEmRmPybLFgVS1Mhd-Cv7kVlZUX6adjZ3xXrby3Y8DOZ-Car9Fxw2FJwExYfsij-8qVHStIrY7ypOXn-k4ZGmhd08IIgOP02fqhWtBp2-zfOK/s1600/1f61e.png)
}
.mj-9{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCD-RGz4K5JoOmL9qdj-Kz4mWZ1mMUrrH6rAMm0Izg1GhkiMWOszT2GtoaPMbIC2_CsYF1pZ_OXxYYxrApIl37GU83XTjhKj5U225WiSKakyGOYrt5hQJo600-tYTczG1f2y_L53pfWYt/s1600/1f62d.png)
}
.mj-10{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjPklMnD2mr_ZLBW1HNJq4V_1LtF-RMXqSW8Z9EnQPpnRi5M3nOhQK6-dzT3VwYHhLZY-wOD6nfEwykHIrqfG857LDai4QzwFpLelW7sP0sFDlBln3VyFVExc-UiZQzCEym2JL_Vniz6B9/s1600/1f616.png)
}
.mj-11{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI4DMClZB01tqelH00URbW-uNhX9vrLlRrvidIJkY-eg-IUaqNCbJGjWlIdeXMvcxLg7Lp7sUfwxR8NQBlqD645RlpuRTz7CXC4cbkuDmN8v6Qc_8fDufe6NZL56VV1AbZABwp1MGgZy8a/s1600/1f61c.png)
}
.mj-12{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2rQNqPRs8Wc0vQYbpgwK4l6aid4YIPmaZHzYkl5bOimvGtfWQ_y5iZtwBqbNS49ZvENFa64JJ6huNhgGMRaZa0phdgfAFL7IB29pVDfJ3OAX7qNjBrbsVWDYuUvCAUCTa6l_9xr_HUXO5/s1600/1f62e.png)
}
.mj-13{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij5yEeXgdXOUfkzP6gqOmGEbl_yrwSha6V40ScwdsH0bbmgpIRWsYHOlbFftMb_To3eawX80Fb8x4PF31FBj-zimJH7ioiyyNzvTkOsZ7FyaZODzsPB9URQ0OyrSE3xP6wfWfyZyWLio5S/s1600/1f606.png)
}
.mj-14{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJSsZX7InGxurBwdZIsD2GJr2DvteyCLLbFiAGSUfg8Ju7V3pCaMR0SrpBWUDhsTwh93lO7Pm0e5JdHfVY_ksPYL0BIxeuIcZVwNZcVKlZ8iWNxWK4VWiFlVvWjr1VCzPC87ryju1AtTj/s1600/1f609.png)
}
.mj-15{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihIk33eKcveZf8HIJv_ZfL6x8s_CTZ0uvJEbLwq9-yRoN_JWSANNpqGRl38KUKxVHrVlBMMWzV-irvxTfVKP_u4xWrdiuJiDUFHWT0G_dWLMS-KSjrNp0eGxWD3VxzrkQuVy6FIhLiJI7R/s1600/1f614.png)
}
.mj-16{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt9gy3btIRWuPnP5xk7VblI9dMsFBPthLnJkra19g1LO0macsh5j-ZQ3gCBWCbFwYd5OMjqzrWDjYQeW2VXFc8hDcWcjZwYh8pKwVuIF9wfx5PvFN6C43XxOinsTCQHh76tLrbt-yiXUR8/s1600/1f619.png)
}
.mj-17{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBFReYliMPpRE4GX0g9ivGmW74Hc6gjohaGnbTKw84sxU6j0o5IJpBZH2bWTNQNCW-xOvM09ikxVvkoOupQbkA6XARp2yk2jViDt8E3EDrUrRdCHTspTwK1mvDTyAxcc6Ez_f45pmhS6dN/s1600/1f625.png)
}
.mj-18{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVJTyy6IYM6mGbh8H4YFaux7mFjHg5-I35DdGLvrMiIJ1D_iL5q3OjmoHySBOTqXU_zT2VE6fr69eUiBqUTAb948WTGSpM3e36TsdSrwM5oomvCIwDK2putO80L7XhyjlyRC6S9fzh3tGL/s1600/1f620.png)
}
.mj-19{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg60iKhjUH2uPWoBQ3nqcTFSpfIOFtydzGMVt2ItZuq2J1zdNdrqcZL3y8hNp-YrXxNXEzZqLSTk2Aja8WbdyVeMBZItWNkLlJ65k9i5BkzGCbtia60r5Zm9a7GY2Ttq_GGF7_RjlbtChoZ/s1600/1f60e.png)
}
.mj-20{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUj4LMUc6Bk3UgKWNv_0-6ykjA-Tb6VvN2M7xVSLXAsnwtSsoNDgZGSkdHRX8p0-fhRztUJ_PghCH_-LU_Du2BP0KmwEBPB_k3Zhsn8C0fiwstlKfNAAqe_ysvycoaiEziKoa1oz7ZgYKy/s1600/1f624.png)
}
.mj-21{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62BbQaQb1-Dim3HOjCJ2VymlbnCIBNZ3NNqueL0DspLTsKzqlfoSDcLBqYjnmEHdRjJRYSJbwxZEKZVDDGjUucstxPZaIDkHq3KsBLuS0w4CDp0Vz_TPykgsx_cFaNdg7pUY5t_nNmfqs/s1600/1f634.png)
}
.mj-22{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwcSGboHQWMscZHcb4vBzI7uy8bQ5dg8ZkEXJ9owXAGaqCu0w7D3UYFbNBNAHZPmDEKeWUtKagyBiyhy4PTB1-6xA5TNKUQ582RWZja7HIlmVVTEJnXInxXUBUck0CZAIR_pK-sPPl-IY5/s1600/1f635.png)
}
.mj-23{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQZy0LBRa7x7lst62zxvkQdw-CaFTBxrULTg4A1NpGX_IGVa6rwmex1jTH2DDXTBl9gYsBrFKGHodFF2TbDvRvuuNoO4cDp3aoZzUkUWZR2g7UsxHERTU-0gqmpD_4N17BPCXV0JCfq-DL/s1600/1f637.png)
}
.mj-24{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNLPxdlbRTt7Eqdphs809AtR00ACgG2dfg4f4o2MLeQ66nCLO7KduQaDdnaZw49pvUxCU1HGdTVLQE5nraqOAe7DyGW1B_m3TdMy-Hn3vdXs-kQQA103tCMpFNLkCE_kEA23MqU2-RLRwh/s1600/1f35c.png)
}
.mj-25{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg19z3grnb4ER-6gAOjy8Dbp7EVCA29LubGiULBt47LVENE2CRSOAJfNmOEPCXKBtbvuGomfvqFiqB2V93l8hdj5yGeYvUEDDgcalvBUf3FyeWZoW6mU1gVwOaZqhVYUsCkqU8d0aQ6gkXr/s1600/1f60d.png)
}
.mj-26{
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzW64p_onrzbmkiNeDFD412rj20ssUt54p9CdC_LuO5eyUEMt1ESwnqQTaV_XeMFEZEoinAUcTXcWETZiNZyvBVD5GR3Te6eY6ZQgIoEfX77x0eYt22GXXIfrm3pF_XxSgQMe6gi8LTWzA/s1600/1f496.png)
}
.emoji-toggle{
display:inline-block;
background-color:#19ddc4;
color:#fff;
height:26px;
line-height:26px;
font-size:14px;
cursor:pointer;
padding:0 10px;
margin:0 0 10px;
border-radius:2px;
transition:background .17s ease
}
.emoji-toggle:hover{
background-color:#1f2024
}
#emoji-box{
display:none;
padding:20px 0 0;
margin:10px 0;
border-top:1px dashed #ccc
}
#emoji-box .mj-item{
display:inline-block;
text-align:center;
font-size:12px;
font-weight:700;
padding:0 10px;
margin:0 0 10px
}
#emoji-box .sora-moji{
display:block;
margin:0 0 5px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
color:#000000;
font-weight:600;
margin:0 0 15px
}
.post-body h1,.post-body h2{
font-size:24px
}
.post-body h3{
font-size:21px
}
.post-body h4{
font-size:18px
}
.post-body h5{
font-size:16px
}
.post-body h6{
font-size:13px
}
blockquote{
font-style:italic;
padding:10px;
margin:0;
border-left:4px solid #19ddc4
}
blockquote:before,blockquote:after{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
color:#aaa;
line-height:1
}
blockquote:before{
content:'\f10d';
margin:0 10px 0 0
}
blockquote:after{
content:'\f10e';
margin:0 0 0 10px
}
.widget .post-body ul,.widget .post-body ol{
line-height:1.5;
font-weight:400
}
.widget .post-body li{
margin:5px 0;
padding:0;
line-height:1.5
}
.post-body ul{
padding:0 0 0 20px
}
.post-body ul li:before{
content:"\f105";
font-family:FontAwesome;
font-size:13px;
font-weight:400;
margin:0 5px 0 0
}
.post-body u{
text-decoration:underline
}
.post-body a{
transition:color .17s ease
}
.post-body strike{
text-decoration:line-through
}
.contact-form{
overflow:hidden
}
.contact-form .widget-title{
display:none
}
.contact-form .contact-form-name{
width:calc(50% - 5px)
}
.contact-form .contact-form-email{
width:calc(50% - 5px);
float:right
}
.sidebar .widget{
position:relative;
overflow:hidden;
padding:20px;
background: #fff;
webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 15%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-sizing:border-box;
margin:0 0 35px;
}
.sidebar .widget-title{
position:relative;
float:left;
width:100%;
margin:0
}
.sidebar .widget-title > h3{
position:relative;
display:block;
height:34px;
font-size:17px;
color:#19ddc4;
font-weight:600;
line-height:34px;
padding:0;
margin:0;
border-bottom:2px solid #f2f2f6
}
.sidebar .widget-content{
float:left;
width:100%;
box-sizing:border-box;
padding:15px 0;
margin:0
}
ul.social-counter{
margin:0 -5px
}
.social-counter li{
float:left;
width:20%;
box-sizing:border-box;
padding:0 5px;
margin:10px 0 0
}
.social-counter li:nth-child(1),.social-counter li:nth-child(2),.social-counter li:nth-child(3),.social-counter li:nth-child(4),.social-counter li:nth-child(5){
margin-top:0
}
.social-counter li a{
display:block;
height:40px;
font-size:22px;
color:#fff;
text-align:center;
line-height:40px;
border-radius:2px;
transition:opacity .17s
}
.social-counter li a:hover{
opacity:.8
}
.list-label li{
position:relative;
display:block;
padding:7px 0;
border-top:1px dotted #ebebf3
}
.list-label li:first-child{
padding-top:0;
border-top:0
}
.list-label li:last-child{
padding-bottom:0;
border-bottom:0
}
.list-label li a{
display:block;
color:#000000;
font-size:13px;
font-weight:400;
text-transform:capitalize;
transition:color .17s
}
.list-label li a:before{
content:"\f054";
float:left;
color:#000000;
font-weight:400;
font-family:FontAwesome;
font-size:6px;
margin:6px 3px 0 0;
transition:color .17s
}
.list-label li a:hover{
color:#19ddc4
}
.list-label .label-count{
position:relative;
float:right;
font-size:11px;
font-weight:400;
text-align:center;
line-height:16px
}
.cloud-label li{
position:relative;
float:left;
margin:0 5px 5px 0
}
.cloud-label li a{
display:block;
height:26px;
background-color:#fdfdff;
color:#000000;
font-size:12px;
line-height:26px;
font-weight:400;
padding:0 10px;
border:1px solid #f2f2f6;
border-radius:3px;
transition:all .17s ease
}
.cloud-label li a:hover{
color:#fff;
background-color:#19ddc4;
border-color:#19ddc4
}
.cloud-label .label-count{
display:none
}
.sidebar .FollowByEmail > .widget-title > h3{
margin:0
}
.FollowByEmail .widget-content{
position:relative;
overflow:hidden;
text-align:center;
font-weight:400;
box-sizing:border-box;
padding:20px
}
.FollowByEmail .widget-content > h3{
font-size:17px;
color:#19ddc4;
font-weight:600;
margin:0 0 13px
}
.FollowByEmail .before-text{
font-size:13px;
line-height:1.5em;
margin:0 0 15px;
display:block;
padding:0 10px;
overflow:hidden
}
.FollowByEmail .follow-by-email-inner{
position:relative
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address{
width:100%;
height:32px;
color:#000000;
font-size:11px;
font-family:inherit;
padding:0 10px;
margin:0 0 10px;
box-sizing:border-box;
border:1px solid #eee;
border-radius:3px;
transition:ease .17s
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit{
width:100%;
height:32px;
font-family:inherit;
font-size:11px;
color:#fff;
background-color:#19ddc4;
text-transform:uppercase;
text-align:center;
font-weight:600;
cursor:pointer;
margin:0;
border:0;
border-radius:3px;
transition:background .17s ease
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{
background-color:#1f2024
}
#ArchiveList ul.flat li{
color:#000000;
font-size:13px;
font-weight:400;
padding:7px 0;
border-bottom:1px dotted #eaeaea
}
#ArchiveList ul.flat li:first-child{
padding-top:0
}
#ArchiveList ul.flat li:last-child{
padding-bottom:0;
border-bottom:0
}
#ArchiveList .flat li > a{
display:block;
color:#000000;
transition:color .17s
}
#ArchiveList .flat li > a:hover{
color:#19ddc4
}
#ArchiveList .flat li > a:before{
content:"\f054";
float:left;
color:#000000;
font-weight:400;
font-family:FontAwesome;
font-size:6px;
margin:6px 3px 0 0;
display:inline-block;
transition:color .17s
}
#ArchiveList .flat li > a > span{
position:relative;
float:right;
width:16px;
height:16px;
background-color:#19ddc4;
color:#fff;
font-size:11px;
font-weight:400;
text-align:center;
line-height:16px
}
.common-widget .PopularPosts .post{
overflow:hidden;
padding:15px 0 0;
margin:15px 0 0;
border-top:1px dotted #ebebf3
}
.common-widget .PopularPosts .post:first-child{
padding:0;
margin:0;
border:0
}
.common-widget .PopularPosts .post-image-link{
position:relative;
width:75px;
height:60px;
float:left;
overflow:hidden;
display:block;
vertical-align:middle;
margin:0 12px 0 0;
border-radius:3px
}
.common-widget .PopularPosts .post-info{
overflow:hidden
}
.common-widget .PopularPosts .post-title{
font-size:15px;
font-weight:400;
line-height:1.5em;
margin:0
}
.common-widget .PopularPosts .post-title a{
display:block;
color:#000000;
transition:color .17s
}
.common-widget .PopularPosts .post:hover .post-title a{
color:#19ddc4
}
.common-widget .PopularPosts .post-date:before{
font-size:10px
}
.Text{
font-size:13px
}
.contact-form-widget{
float:left;
width:100%;
box-sizing:border-box;
padding:15px
}
.contact-form-widget form{
font-weight:400
}
.contact-form-widget form > p{
margin:0
}
.contact-form-widget form > span{
color:red
}
.contact-form-name{
float:left;
width:100%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #ebebf3;
border-radius:3px
}
.contact-form-email{
float:left;
width:100%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #ebebf3;
border-radius:3px
}
.contact-form-email-message{
float:left;
width:100%;
font-family:inherit;
font-size:13px;
box-sizing:border-box;
padding:5px 10px;
margin:0 0 10px;
border:1px solid #ebebf3;
border-radius:3px
}
.contact-form-button-submit{
float:left;
width:100%;
height:30px;
background-color:#19ddc4;
font-family:inherit;
font-size:13px;
color:#fff;
line-height:30px;
cursor:pointer;
box-sizing:border-box;
padding:0 10px;
margin:0;
border:0;
border-radius:3px;
transition:background .17s ease
}
.contact-form-button-submit:hover{
background-color:#1f2024
}
.contact-form-error-message-with-border{
float:left;
width:100%;
background-color:#fbe5e5;
font-size:11px;
text-align:center;
line-height:11px;
padding:3px 0;
margin:10px 0;
box-sizing:border-box;
border:1px solid #fc6262
}
.contact-form-success-message-with-border{
float:left;
width:100%;
background-color:#eaf6ff;
font-size:11px;
text-align:center;
line-height:11px;
padding:3px 0;
margin:10px 0;
box-sizing:border-box;
border:1px solid #5ab6f9
}
.contact-form-cross{
margin:0 0 0 3px
}
.contact-form-error-message,.contact-form-success-message{
margin:0
}
.BlogSearch .search-input{
float:left;
width:75%;
height:30px;
background-color:#fff;
font-weight:400;
font-family:inherit;
font-size:13px;
line-height:30px;
box-sizing:border-box;
padding:5px 10px;
border:1px solid #ebebf3;
border-right-width:0;
border-radius:3px 0 0 3px
}
.BlogSearch .search-action{
float:right;
width:25%;
height:30px;
font-family:inherit;
font-size:13px;
line-height:30px;
cursor:pointer;
box-sizing:border-box;
background-color:#19ddc4;
color:#fff;
padding:0 5px;
border:0;
border-radius:0 3px 3px 0;
transition:background .17s ease
}
.BlogSearch .search-action:hover{
background-color:#1f2024
}
.Profile .profile-img{
float:left;
width:80px;
height:80px;
margin:0 15px 0 0;
transition:all .17s ease
}
.Profile .profile-datablock{
margin:0
}
.Profile .profile-data .g-profile{
display:block;
font-size:18px;
color:#000000;
font-weight:700;
margin:0 0 5px;
transition:color .17s ease
}
.Profile .profile-data .g-profile:hover{
color:#19ddc4
}
.Profile .profile-info > .profile-link{
color:#000000;
font-size:11px;
margin:5px 0 0;
transition:color .17s ease
}
.Profile .profile-info > .profile-link:hover{
color:#19ddc4
}
.Profile .profile-datablock .profile-textblock{
display:none
}
.common-widget .LinkList ul li,.common-widget .PageList ul li{
width:calc(50% - 5px);
padding:7px 0 0
}
.common-widget .LinkList ul li:nth-child(odd),.common-widget .PageList ul li:nth-child(odd){
float:left
}
.common-widget .LinkList ul li:nth-child(even),.common-widget .PageList ul li:nth-child(even){
float:right
}
.common-widget .LinkList ul li a,.common-widget .PageList ul li a{
display:block;
color:#000000;
font-size:13px;
font-weight:400;
transition:color .17s ease
}
.common-widget .LinkList ul li a:hover,.common-widget .PageList ul li a:hover{
color:#19ddc4
}
.common-widget .LinkList ul li:first-child,.common-widget .LinkList ul li:nth-child(2),.common-widget .PageList ul li:first-child,.common-widget .PageList ul li:nth-child(2){
padding:0
}
#footer-wrapper{
display:block;
width:100%;
overflow:hidden;
background-color:#1f2024;
padding:0;
border-top:2px solid #ebebf3
}
#footer-wrapper .container{
overflow:hidden;
margin:0 auto;
padding:15px 0
}
#footer-wrapper .primary-footer{
background:#171921;
float:left;
width:100%;
margin:0
}
#footer-about-area{
position:relative;
float:left;
width:100%;
padding:25px 0;
margin:0
}
.primary-footer.border #footer-about-area{
border-bottom:1px solid rgba(155,155,155,0.1)
}
#footer-about-area .widget{
position:relative;
float:left;
box-sizing:border-box;
margin:0
}
#footer-about-area{
width:calc(100% - (300px + 25px));
padding:0
}
#footer-about-area .footer-logo{
display:block;
float:left;
box-sizing:border-box;
padding:0 25px 0 0;
margin:0
}
#footer-about-area .footer-logo img{
display:block;
max-height:50px;
margin:0
}
#footer-about-area .Image .image-caption{
font-size:13px;
line-height:1.6em;
margin:0
}
#footer-about-area .Image .image-caption a{
color:#19ddc4
}
#footer-about-area .Image .image-caption a:hover{
color:#aaa
}
.foot-bar-social{
float:right;
width:300px;
margin:0;
position: relative;
box-sizing: border-box;
}
.foot-bar-social ul > li {
float: left;
margin: 0 0 0 10px;
}
.foot-bar-social ul > li > a {
display: block;
width: 32px;
height: 32px;
background-color: rgba(155,155,155,0.1);
font-size: 14px;
color: #dbdbdb;
text-align: center;
line-height: 32px;
box-sizing: border-box;
border: 0;
border-radius: 2px;
}
#footer-wrapper .copyright-area{
float:left;
font-size:13px;
display:block;
height:34px;
color:#fff;
font-weight:600;
line-height:34px
}
#footer-wrapper .copyright-area a{
color:#fff;
transition:color .17s
}
#menu-footer{
float:right;
position:relative;
display:block
}
#menu-footer .widget > .widget-title{
display:none
}
#menu-footer ul li{
display:inline-block;
height:34px;
padding:0;
margin:0
}
#menu-footer ul li a{
font-size:11px;
font-weight:600;
display:block;
color:#fff;
text-transform:uppercase;
line-height:34px;
padding:0 10px;
margin:0 0 0 5px;
transition:color .17s ease
}
#menu-footer ul li:last-child a{
padding-right:0;
}
#menu-footer ul li a:hover{
color:#efefef
}
.hidden-widgets{
display:none;
visibility:hidden
}
.back-top{
display:none;
z-index:1010;
width:32px;
height:32px;
position:fixed;
bottom:15px;
right:15px;
cursor:pointer;
overflow:hidden;
font-size:13px;
color:#fff;
text-align:center;
line-height:32px;
border-radius:3px
}
.back-top:before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:#19ddc4;
opacity:.5;
transition:opacity .17s ease
}
.back-top:after{
content:'\f077';
position:relative;
font-family:FontAwesome;
font-weight:400;
opacity:.8;
transition:opacity .17s ease
}
.back-top:hover:before,.back-top:hover:after,.nav-active .back-top:after,.nav-active .back-top:before{
opacity:1
}
.error404 #main-wrapper{
width:100%!important;
margin:0!important
}
.error404 #sidebar-wrapper{
display:none
}
.errorWrap{
color:#000000;
text-align:center;
padding:80px 0 100px
}
.errorWrap h3{
font-size:160px;
line-height:1;
margin:0 0 30px
}
.errorWrap h4{
font-size:25px;
margin:0 0 20px
}
.errorWrap p{
margin:0 0 10px
}
.errorWrap a{
display:block;
color:#19ddc4;
padding:10px 0 0
}
.errorWrap a i{
font-size:20px
}
.errorWrap a:hover{
text-decoration:underline
}
@media screen and (max-width: 1100px) {
#outer-wrapper{
max-width:100%
}
.row{
width:100%
}
#top-bar .container {
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}
#header-wrap{
box-sizing:border-box;
padding:0 20px
}
.ad-wrapper{
box-sizing:border-box;
padding:0 20px
}
#hot-wrapper {
box-sizing:border-box;
padding:0 20px
}
#content-wrapper{
position:relative;
box-sizing:border-box;
padding:0 20px;
margin:30px 0 0
}
#footer-wrapper .container{
box-sizing:border-box;
padding:10px 20px
}
}
@media screen and (max-width: 980px) {
#content-wrapper > .container{
margin:0
}
#header-wrap{
padding:0
}
#header-inner a{
display:inline-block!important
}
.header-logo,.main-logo{
width:100%;
max-width:100%;
text-align:center;
margin:0
}
.header-menu{
display:none
}
.mobile-menu-wrap,.mobile-menu-toggle{
display:block
}
#nav-search .search-input{
padding:0 58px 0 20px
}
#main-wrapper,#sidebar-wrapper{
width:100%;
padding:0
}
}
@media screen and (max-width: 880px) {
.hot-posts .post-info-wrap {
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
padding: 15px;
opacity: 1;
transform: none;
}
.hot-posts .post-info {
transform: translate(-50%,-50%);
bottom:50%;
top: 50%;
left: 50%;
width: 80%;
transform: translate(-50%,-40%);
transition: transform .5s ease;
}
#hot-section .show-hot .widget-content, ul.hot-posts, #hot-section .show-hot .widget-content, #hot-section .PopularPosts .widget-content {
height: auto;
}
.intro-content {
width: 100%;
}
.hot-posts .hot-item {
height: 320px;
}
.footer-widgets-wrap{
display:block
}
#footer-wrapper .footer{
width:100%;
margin-right:0
}
#footer-sec2,#footer-sec3{
margin-top:25px
}
#footer-about-area {
width: 100%;
text-align: center;
padding: 0;
}
#footer-about-area .widget {
width: 100%;
}
#footer-about-area .footer-logo {
float: none;
display: inline-block;
max-width: unset;
padding: 0;
}
#footer-about-area .Image .image-caption {
line-height: inherit;
margin: 10px 0 0;
}
.foot-bar-social {
width: 100%;
padding: 25px 0 0;
text-align: center;
}
.foot-bar-social ul > li {
float: none;
display: inline-block;
margin: 0 5px;
}
}
@media (max-width: 780px) {
#main-intro{height:380px}
}
@media screen and (max-width: 680px) {
.intro-content{width:100%;box-sizing:border-box;padding:0 40px}
#breadcrumb{
height:auto;
line-height:1.5em;
padding:10px 15px
}
#menu-footer,#footer-wrapper .copyright-area{
width:100%;
height:auto;
line-height:inherit;
text-align:center
}
#menu-footer{
margin:10px 0 0
}
#footer-wrapper .copyright-area{
margin:15px 0
}
#menu-footer ul li{
float:none;
height:auto
}
#menu-footer ul li a{
line-height:inherit;
margin:0 3px 5px
}
.index-post .post-info-wrap {
box-sizing: border-box;
padding: 10px 10px 20px;
}
}
@media screen and (max-width: 560px) {
#main-intro{height:auto}
.intro-content{position:relative;top:0;left:0;transform:translate(0);padding:50px 30px}
.intro-title{font-size:27px}
.hot-posts .hot-item {
width: 100%;
}
.grid-posts {
grid-template-columns: 1fr;
grid-gap: 10px;
}
#nav-search{
width:100%
}
.top-bar-nav {
display: none;
}
.top-bar-social {
float:none;
margin:0 auto;
text-align: center;
}
.top-bar-social ul > li {
float: none;
display: inline-block;
}
ul.hot-posts {
grid-template-columns: 1fr;
grid-gap: 10px;
}
.hot-posts .hot-item {
width: 100%;
clear: both;
height: 234px;
}
.hot-posts .hot-item .post-title {
font-size: 18px;
}
.index-post {
width: 100%;
}
.index-post .post-image-wrap .post-image-link {
width: 100%;
height: 200px;
margin: 0;
}
.index-post .post-info > h2 {
font-size: 24px;
line-height: 1.4em;
}
.post-snippet {
font-size: 14px;
}
ul.related-posts{
margin:0
}
.related-posts .related-item{
width:100%;
padding:0;
margin:20px 0 0
}
.related-posts .item-0{
margin:0
}
.related-posts .post-image-link{
width:75px;
height:60px;
float:left;
margin:0 12px 0 0
}
.related-posts .post-title{
font-size:15px;
overflow:hidden;
margin:0 0 5px
}
.post-reactions{
display:none
}
}
@media screen and (max-width: 440px) {
.queryMessage{
text-align:center
}
.queryMessage a.show-more{
width:100%;
margin:10px 0 0
}
.item-post h1.post-title{
font-size:27px
}
.about-author{
text-align:center
}
.about-author .avatar-container{
float:none;
display:table;
margin:0 auto 10px
}
#comments ol{
padding:0
}
.errorWrap{
padding:70px 0 100px
}
.errorWrap h3{
font-size:120px
}
}
@media screen and (max-width: 360px) {
.header-social li{
margin:20px 5px 5px
}
.about-author .avatar-container{
width:60px;
height:60px
}
}
--></style>
<style>
.firstcharacter{
float:left;
color:#27ae60;
font-size:75px;
line-height:60px;
padding-right:8px;
}
.post-body p{
margin-bottom:25px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
line-height:1.3em;
margin:0 0 20px
}
.post-body img{
height:auto!important
}
blockquote{
position:relative;
background-color:rgba(155,155,155,0.05);
font-style:normal;
padding:20px 25px;
margin:0;
border-radius:3px
}
blockquote:before{
position:absolute;
left:10px;
top:10px;
content:'\f10e';
font-family:FontAwesome;
font-size:33px;
font-style:normal;
font-weight:900;
color:#000;
line-height:1;
opacity:.05;
margin:0
}
.post-body .responsive-video-wrap{
position:relative;
width:100%;
padding:0;
padding-top:56%
}
.post-body .responsive-video-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.post-body ul{
padding:0 0 0 15px;
margin:10px 0
}
.post-body li{
margin:5px 0;
padding:0
}
.post-body ul li,.post-body ol ul li{
list-style:none
}
.post-body ul li:before{
display:inline-block;
content:'\2022';
margin:0 5px 0 0
}
.post-body ol{
counter-reset:ify;
padding:0 0 0 15px;
margin:10px 0
}
.post-body ol > li{
counter-increment:ify;
list-style:none
}
.post-body ol > li:before{
display:inline-block;
content:counters(ify,'.')'.';
margin:0 5px 0 0
}
.post-body u{
text-decoration:underline
}
.post-body strike{
text-decoration:line-through
}
.post-body sup{
vertical-align:super
}
.post-body a{
}
.post-body a:hover{
}
.post-body a.button{
display:inline-block;
height:34px;
background-color:#2c3e50;
font-size:14px;
color:#ffffff;
font-weight:400;
line-height:34px;
text-align:center;
text-decoration:none;
cursor:pointer;
padding:0 20px;
margin:0 6px 8px 0
}
.post-body a.colored-button{
color:#fff
}
.post-body a.button:hover{
background-color:#f47500;
color:#fff
}
.post-body a.colored-button:hover{
background-color:#f47500!important;
color:#fff!important
}
.button:before{
float:left;
font-family:FontAwesome;
font-weight:900;
display:inline-block;
margin:0 8px 0 0
}
.button.preview:before{
content:'\f06e'
}
.button.download:before{
content:'\f019'
}
.button.link:before{
content:'\f0c1'
}
.button.cart:before{
content:'\f07a'
}
.button.info:before{
content:'\f06a'
}
.button.share:before{
content:'\f1e0'
}
.button.contact:before{
content:'\f0e0';
font-weight:400
}
.alert-message{
position:relative;
display:block;
padding:15px;
border:1px solid rgba(155,155,155,0.1);
border-radius:3px
}
.alert-message.alert-success{
background-color:rgba(34,245,121,0.03);
border:1px solid rgba(34,245,121,0.5)
}
.alert-message.alert-info{
background-color:rgba(55,153,220,0.03);
border:1px solid rgba(55,153,220,0.5)
}
.alert-message.alert-warning{
background-color:rgba(185,139,61,0.03);
border:1px solid rgba(185,139,61,0.5)
}
.alert-message.alert-error{
background-color:rgba(231,76,60,0.03);
border:1px solid rgba(231,76,60,0.5)
}
.alert-message:before{
font-family:FontAwesome;
font-size:16px;
font-weight:900;
display:inline-block;
margin:0 5px 0 0
}
.alert-message.alert-success:before{
content:'\f058';
color:rgba(34,245,121,1)
}
.alert-message.alert-info:before{
content:'\f05a';
color:rgba(55,153,220,1)
}
.alert-message.alert-warning:before{
content:'\f06a';
color:rgba(185,139,61,1)
}
.alert-message.alert-error:before{
content:'\f057';
color:rgba(231,76,60,1)
}
.post-body table{
width:100%;
overflow-x:auto;
text-align:left;
margin:0;
border-collapse:collapse;
border:1px solid #161619
}
.post-body table td,.post-body table th{
padding:7px 15px;
border:1px solid #161619
}
.post-body table thead th{
font-weight:700;
text-align:left;
vertical-align:bottom
}
table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{
line-height:1;
padding:0;
border:0
}
table.tr-caption-container td.tr-caption{
font-size:13px;
color:#666666;
padding:6px 0 0
}
.tocify-wrap{
display:flex;
width:100%;
clear:both;
margin:0
}
.tocify-inner{
position:relative;
max-width:100%;
background-color:rgba(155,155,155,0.05);
display:flex;
flex-direction:column;
overflow:hidden;
font-size:14px;
color:#000000;
line-height:1.6em;
border:1px solid rgba(155,155,155,0.1);
border-radius:3px
}
a.tocify-title{
position:relative;
height:38px;
font-size:16px;
color:#000000;
font-weight:700;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 15px;
margin:0
}
.is-dark a.tocify-title {
color:#f2f2f2;
}
.tocify-title-text{
display:flex
}
.tocify-title-text:before{
content:'\f0cb';
font-family:FontAwesome;
font-size:14px;
font-weight:900;
margin:0 6px 0 0
}
.tocify-title:after{
content:'\f078';
font-family:FontAwesome;
font-size:12px;
font-weight:900;
margin:0 0 0 25px
}
.tocify-title.is-expanded:after{
content:'\f077'
}
a.tocify-title:hover{
text-decoration:none
}
#tocify{
display:none;
padding:0 15px 10px;
margin:0
}
#tocify ol{
padding:0 0 0 15px
}
.rtl #tocify ol{
padding:0 15px 0 0
}
#tocify li{
font-size:14px;
margin:8px 0
}
#tocify li a{
color:#f47500
}
#tocify li a:hover{
color:#f47500;
text-decoration:underline
}
.post-body .contact-form{
display:table;
}
.contact-form .widget-title{
display:none
}
.contact-form .contact-form-name{
width:calc(50% - 5px)
}
.contact-form .contact-form-email{
float:right;
width:calc(50% - 5px)
}
.post-body pre,pre.code-box{
position:relative;
display:block;
background-color:rgba(155,155,155,0.05);
font-family:Monospace;
font-size:13px;
color:#47474a;
white-space:pre-wrap;
line-height:1.4em;
padding:15px;
margin:0;
border:1px solid rgba(155,155,155,0.1);
border-radius:3px
}
.is-dark .post-body pre, .is-dark pre.code-box {
color:#a1a1a1;
}
.post-body .google-auto-placed{
margin:25px 0
}
#hidden-widgets-wrap,.hidden-widgets{
display:none;
visibility:hidden
}
@media only screen and (max-width: 680px) {
.post-body table {
display: block;
}
}
</style>
<!-- Global Variables -->
<script type='text/javascript'>
//<![CDATA[
// Global variables with content. "Available for Edit"
var monthFormat = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmV3WdJ_mJOF2LeIu3utGz28S9Xw7YQWbjMmm_ZthFuQLpbh5dMBsTb151qE4Q_6UI38aHBmguh1lmm-P5SdTT5xQ5QgHhjEaWm6dewfFHefndRn6VKGRufd7TDYZVyjS3u-Rl8IeEJAQ/w680/nth.png",
postPerPage = 7,
fixedSidebar = true,
commentsSystem = "blogger",
disqusShortname = "soratemplates";
//]]>
</script>
<!-- Google Analytics -->
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<script type="text/javascript" language="javascript">
// Supply ads personalization default for EEA readers
// See https://www.blogger.com/go/adspersonalization
adsbygoogle = window.adsbygoogle || [];
if (typeof adsbygoogle.requestNonPersonalizedAds === 'undefined') {
adsbygoogle.requestNonPersonalizedAds = 1;
}
</script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Roboto+Slab&family=Nanum+Gothic&family=Nanum+Myeongjo&family=Gothic+A1&family=Nanum+Gothic+Coding&family=Nanum+Pen+Script&family=Black+Han+Sans&family=Jua&family=Nanum+Brush+Script&family=Gugi&family=Do+Hyeon&family=Hi+Melody&family=Dokdo&family=Song+Myung&family=Yeon+Sung&family=Gamja+Flower&family=Gaegu&family=Cute+Font&family=Stylish&family=East+Sea+Dokdo&family=Poor+Story&family=Kirang+Haerang&family=Black+And+White+Picture&family=Single+Day"></head>
<body class='index home'>
<!-- Theme Options -->
<div class='theme-options' style='display:none'>
<div class='sora-panel section' id='sora-panel' name='Theme Options'><div class='widget LinkList' data-version='2' id='LinkList70'>
<style type='text/css'>
.index-post .post-snippet, .index-post a.read-more {
display: none;
}
</style>
</div><div class='widget LinkList' data-version='2' id='LinkList71'>
<script type='text/javascript'>
//<![CDATA[
var disqusShortname = "soratemplates";
var commentsSystem = "blogger";
var fixedSidebar = true;
var postPerPage = 8;
var postPerPage = 5;
//]]>
</script>
</div></div>
</div>
<!-- Outer Wrapper -->
<div id='outer-wrapper'>
<!-- Header Wrapper -->
<div id='header-wrap'>
<div class='mobile-menu-wrap'>
<div class='mobile-menu'></div>
</div>
<div class='container row'>
<div class='header-logo'>
<div class='main-logo section' id='main-logo' name='Header Logo'><div class='widget Header' data-version='2' id='Header1'>
<div class='header-widget'>
<a class='header-image-wrapper' href='https://www.oolaf.com/'>
<img alt='올라프 - 이야기거래전문기업' data-height='938' data-width='1510' src='https://1.bp.blogspot.com/-2IRt5fOcyjg/YdakFclhoRI/AAAAAAAAAFE/wBhK0Av9LQEWSf9tCjcncaqWttzHvWwagCNcBGAsYHQ/s1510/%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA%2B2022-01-06%2B%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE%2B5.10.50.png'/>
</a>
<p>
</p>
</div>
</div></div>
</div>
<div class='header-menu'>
<div class='main-menu section' id='main-menu' name='Main Menu'><div class='widget LinkList' data-version='2' id='LinkList74'>
<ul id='main-menu-nav' role='menubar'>
<li><a href='/' role='menuitem'>처음으로</a></li>
<li><a href='#' role='menuitem'>소개</a></li>
<li><a href='https://www.oolaf.com/p/blog-page.html' role='menuitem'>_올라프</a></li>
<li><a href='https://www.oolaf.com/p/blog-page_8.html' role='menuitem'>_인사말</a></li>
<li><a href='#' role='menuitem'>서비스</a></li>
<li><a href='https://www.oolaf.com/p/blog-page_6.html' role='menuitem'>_회상록 제작</a></li>
<li><a href='#' role='menuitem'>제품</a></li>
<li><a href='https://' role='menuitem'>_회상노트</a></li>
<li><a href='https://' role='menuitem'>_회상도장</a></li>
<li><a href='https://' role='menuitem'>_회상액자</a></li>
<li><a href='https://www.oolaf.com/p/blog-page_7.html' role='menuitem'>문의</a></li>
</ul>
</div></div>
</div>
</div>
</div>
<div class='clearfix'></div>
<!-- Featured Slider -->
<div id='intro-wrap'>
<div class='section' id='main-intro' name='Main Intro'><div class='widget Image' data-version='2' id='Image1'>
<div class='widget-content'>
<style type='text/css'>
#intro-wrap{display:block}
#main-intro{background-image:url(https://1.bp.blogspot.com/-LnvixGxOHHI/Yda47z5P1bI/AAAAAAAAAFU/qI0fryz0bsIubwGLHjsuCwwxW2KtP9wrQCNcBGAsYHQ/s630/become-a-speed-reading-machine-read-300-books-this-year.jpeg)}
</style>
<div class='intro-content'>
<h3 class='intro-title'>우리들의 올라프, Our Olaf</h3>
<div class='intro-action'>
<script type="text/javascript">
var ilc = "https://oolaf.com",
ima = ilc.split("#"),
ili = ima[0].trim(),
ilt = ima[1].trim(),
kod = "<a href="+ ili +">"+ ilt +"</a>";
document.write(kod)
</script>
</div>
</div>
</div>
</div></div>
</div>
<div class='clearfix'></div>
<div class='row ad-wrapper'>
<div class='home-ad-top no-items section' id='home-ad-top1' name='Home Ads Top Home'></div>
</div>
<div class='clearfix'></div>
<!-- Featured Wrapper -->
<div class='row' id='hot-wrapper'>
<div class='no-items section' id='hot-section' name='Hot Posts'>
</div>
</div>
<div class='clearfix'></div>
<div class='row ad-wrapper'>
<div class='home-ad-top no-items section' id='home-ad-top2' name='Home Ads Top'>
</div>
</div>
<div class='clearfix'></div>
<!-- Content Wrapper -->
<div class='row' id='content-wrapper'>
<div class='container'>
<!-- Main Wrapper -->
<div id='main-wrapper'>
<div class='main section' id='main' name='Main Posts'><div class='widget Blog' data-version='2' id='Blog1'>
<div class='blog-posts hfeed container index-post-wrap'>
<div class='grid-posts'>
<div class='blog-post hentry index-post'>
<div class='index-post-inside-wrap'>
<div class='post-image-wrap'>
<a class='post-image-link' href='https://www.oolaf.com/2021/12/blog-post.html'>
<img alt='권재석 어르신 회상록 프로젝트' class='post-thumb' src='https://blogger.googleusercontent.com/img/a/AVvXsEjuCXhLuI16CedeF_Jd3NKCh6q9xmFi-Fu5Zy7VDXnUUl-9yPLajnn4MG9fXonGXs1ClouybO4u8eIaUN-0_S6ci3tjjOEyaYVfnB73khIhRlXMdZrfaduYG24_ALXwdfMugIZLajkoQt_n_c7RXv3KazMZ-E0FvQ39ya-cVnWd-swwrceCyKLhOBfSDQ=w72-h72-p-k-no-nu'/>
</a>
</div>
<div class='post-info-wrap'>
<div class='post-info'>
<h2 class='post-title'>
<a href='https://www.oolaf.com/2021/12/blog-post.html'>권재석 어르신 회상록 프로젝트</a>
</h2>
</div>
<div class='index-post-footer'>
<div class='post-meta'>
<span class='post-date published' datetime='2022-02-15T20:45:00-08:00'>2월 15, 2022</span>
</div>
<p class='post-snippet'>
</p>
<a class='read-more' href='https://www.oolaf.com/2021/12/blog-post.html'>자세한 내용 확인</a>
</div>
</div>
</div>
</div>
<div class='blog-post hentry index-post'>
<div class='index-post-inside-wrap'>
<div class='post-image-wrap'>
<a class='post-image-link' href='https://www.oolaf.com/2021/12/blog-post_9.html'>
<img alt='천경자 여사 자서전 프로젝트' class='post-thumb' src='https://blogger.googleusercontent.com/img/a/AVvXsEimf4DYMnCv13blg4AE97yHK3q6hrQgqOxF3zSK7jPaukxvLrhrTs-IOzvH7cJhCmIQxbmygVu16QejBdcyMpHS9jf1jv3RnFAI0vvYR8BLd4ukTFNbK9q49U4g1xCwiaa9UsCbztLXjnaWXNZ_O2osPnhYxUXIxpfOyiBo4GKaeKb_VbFMYKoVgPGHmw=w72-h72-p-k-no-nu'/>
</a>
</div>
<div class='post-info-wrap'>
<div class='post-info'>
<h2 class='post-title'>
<a href='https://www.oolaf.com/2021/12/blog-post_9.html'>천경자 여사 자서전 프로젝트</a>
</h2>
</div>
<div class='index-post-footer'>
<div class='post-meta'>
<span class='post-date published' datetime='2021-12-09T01:06:00-08:00'>12월 09, 2021</span>
</div>
<p class='post-snippet'>
</p>
<a class='read-more' href='https://www.oolaf.com/2021/12/blog-post_9.html'>자세한 내용 확인</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div>
</div>
<!-- Sidebar Wrapper -->
<div id='sidebar-wrapper'>
<div class='sidebar no-items section' id='social-widget' name='Social Widget'>
</div>
<div class='sidebar common-widget section' id='sidebar1' name='Sidebar Right'>
<div class='widget HTML' data-version='2' id='HTML1'>
<div class='widget-title'>
<h3 class='title'>
소개 영상
</h3>
</div>
<div class='widget-content'>
<div class="videoWrapper">
<!-- Copy & Pasted from YouTube -->
<iframe width="560" height="349" src="https://www.youtube.com/embed/gmhw5XzNOuo" frameborder="0" allowfullscreen></iframe>
</div>
<style>
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</div>
</div><div class='widget HTML' data-version='2' id='HTML7'>
<div class='widget-title'>
<h3 class='title'>
카카오톡 채널
</h3>
</div>
<div class='widget-content'>
<!--카카오톡-->
<div class="separator" style="clear: both;"><a href="https://pf.kakao.com/_wYfsb" style="display: block; padding: 1em 0px; text-align: center;" target="_blank"><img alt="" border="0" data-original-height="47" data-original-width="268" src="https://blogger.googleusercontent.com/img/a/AVvXsEgLDLlYxETxdrbVTbCVCvbkBsF3HiHBR69CYwkJFlABTCkUxo5G2705QsuA31eOXx3jFvL9Al2leBd7JcYRrg31j2LoHTVz1Q27qv6dCprwx_x1p0iq_ZZaLdtOTEwYnjumzo1AxZyPQL7hh3JNP-8Qs0zfl5Qm2d1wzgBDXuxTEarB5pUW67dhU277Qw" /></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='clearfix'></div>
<!-- Footer Wrapper -->
<div id='footer-wrapper'>
<div class='primary-footer'>
<div class='container row'>
<div class='footer-about-area section' id='footer-about-area' name='About & Logo Section'><div class='widget Image' data-version='2' id='Image150'>
<a class='footer-logo custom-image' href='https://www.oolaf.com/'>
<img alt='올라프 - 이야기거래전문기업' id='Image150_img' src='https://1.bp.blogspot.com/-CR1J0bvQ7rM/Yda50KSVHtI/AAAAAAAAAFk/cLXqMuESerwC5-KLLVUg_3B7kR-Bi-DGQCNcBGAsYHQ/s1600/%25E1%2584%2589%25E1%2585%25B3%25E1%2584%258F%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25A3%25E1%2586%25BA%2B2022-01-06%2B%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2592%25E1%2585%25AE%2B6.42.56.png'/>
</a>
<p class='image-caption excerpt'>상호 : 올라프 | 대표자 : 윤용관 | 주소 : 서울시 구로구 항동 부광로 88, A동 214호(SK V1) | 사업자등록번호 : 760-33-00978 | 전화 : 070-8877-3040 | 팩스 : 0504-067-3040 | 이메일 : [email protected] | 통신판매업번호 : 제 2021-서울구로-2860호</p>
</div></div>
<!-- Footer Social -->
<div class='foot-bar-social social social-color no-items section' id='foot-bar-social' name='Social Footer'>
</div>
</div>
</div>
<div class='clearfix'></div>
<div class='container row'>
<div class='menu-footer section' id='menu-footer' name='Footer Menu'><div class='widget LinkList' data-version='2' id='LinkList76'>
<div class='widget-title'>
<h3 class='title'>
Footer Menu Widget
</h3>
</div>
<div class='widget-content'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='https://www.oolaf.com/p/blog-page_8.html'>About</a></li>
<li><a href='https://www.oolaf.com/p/blog-page_7.html'>Contact Us</a></li>
</ul>
</div>
</div></div>
<div class='copyright-area'>Copyright © <script type='text/javascript'>var year = new Date();document.write(year.getFullYear());</script>
<a href='https://www.oolaf.com/'>올라프 - 이야기거래전문기업</a>
</div>
</div>
</div>
</div>
<!-- Main Scripts -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
/*! Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */
(function($){$.fn.theiaStickySidebar=function(options){var defaults={'containerSelector':'','additionalMarginTop':0,'additionalMarginBottom':0,'updateSidebarHeight':true,'minWidth':0,'disableOnResponsiveLayouts':true,'sidebarBehavior':'modern','defaultPosition':'relative','namespace':'TSS'};options=$.extend(defaults,options);options.additionalMarginTop=parseInt(options.additionalMarginTop)||0;options.additionalMarginBottom=parseInt(options.additionalMarginBottom)||0;tryInitOrHookIntoEvents(options,this);function tryInitOrHookIntoEvents(options,$that){var success=tryInit(options,$that);if(!success){console.log('TSS: Body width smaller than options.minWidth. Init is delayed.');$(document).on('scroll.'+options.namespace,function(options,$that){return function(evt){var success=tryInit(options,$that);if(success){$(this).unbind(evt)}}}(options,$that));$(window).on('resize.'+options.namespace,function(options,$that){return function(evt){var success=tryInit(options,$that);if(success){$(this).unbind(evt)}}}(options,$that))}}function tryInit(options,$that){if(options.initialized===true){return true}if($('body').width()<options.minWidth){return false}init(options,$that);return true}function init(options,$that){options.initialized=true;var existingStylesheet=$('#theia-sticky-sidebar-stylesheet-'+options.namespace);if(existingStylesheet.length===0){$('head').append($('<style id="theia-sticky-sidebar-stylesheet-'+options.namespace+'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>'))}$that.each(function(){var o={};o.sidebar=$(this);o.options=options||{};o.container=$(o.options.containerSelector);if(o.container.length==0){o.container=o.sidebar.parent()}o.sidebar.parents().css('-webkit-transform','none');o.sidebar.css({'position':o.options.defaultPosition,'overflow':'visible','-webkit-box-sizing':'border-box','-moz-box-sizing':'border-box','box-sizing':'border-box'});o.stickySidebar=o.sidebar.find('.theiaStickySidebar');if(o.stickySidebar.length==0){var javaScriptMIMETypes=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;o.sidebar.find('script').filter(function(index,script){return script.type.length===0||script.type.match(javaScriptMIMETypes)}).remove();o.stickySidebar=$('<div>').addClass('theiaStickySidebar').append(o.sidebar.children());o.sidebar.append(o.stickySidebar)}o.marginBottom=parseInt(o.sidebar.css('margin-bottom'));o.paddingTop=parseInt(o.sidebar.css('padding-top'));o.paddingBottom=parseInt(o.sidebar.css('padding-bottom'));var collapsedTopHeight=o.stickySidebar.offset().top;var collapsedBottomHeight=o.stickySidebar.outerHeight();o.stickySidebar.css('padding-top',1);o.stickySidebar.css('padding-bottom',1);collapsedTopHeight-=o.stickySidebar.offset().top;collapsedBottomHeight=o.stickySidebar.outerHeight()-collapsedBottomHeight-collapsedTopHeight;if(collapsedTopHeight==0){o.stickySidebar.css('padding-top',0);o.stickySidebarPaddingTop=0}else{o.stickySidebarPaddingTop=1}if(collapsedBottomHeight==0){o.stickySidebar.css('padding-bottom',0);o.stickySidebarPaddingBottom=0}else{o.stickySidebarPaddingBottom=1}o.previousScrollTop=null;o.fixedScrollTop=0;resetSidebar();o.onScroll=function(o){if(!o.stickySidebar.is(":visible")){return}if($('body').width()<o.options.minWidth){resetSidebar();return}if(o.options.disableOnResponsiveLayouts){var sidebarWidth=o.sidebar.outerWidth(o.sidebar.css('float')=='none');if(sidebarWidth+50>o.container.width()){resetSidebar();return}}var scrollTop=$(document).scrollTop();var position='static';if(scrollTop>=o.sidebar.offset().top+(o.paddingTop-o.options.additionalMarginTop)){var offsetTop=o.paddingTop+options.additionalMarginTop;var offsetBottom=o.paddingBottom+o.marginBottom+options.additionalMarginBottom;var containerTop=o.sidebar.offset().top;var containerBottom=o.sidebar.offset().top+getClearedHeight(o.container);var windowOffsetTop=0+options.additionalMarginTop;var windowOffsetBottom;var sidebarSmallerThanWindow=(o.stickySidebar.outerHeight()+offsetTop+offsetBottom)<$(window).height();if(sidebarSmallerThanWindow){windowOffsetBottom=windowOffsetTop+o.stickySidebar.outerHeight()}else{windowOffsetBottom=$(window).height()-o.marginBottom-o.paddingBottom-options.additionalMarginBottom}var staticLimitTop=containerTop-scrollTop+o.paddingTop;var staticLimitBottom=containerBottom-scrollTop-o.paddingBottom-o.marginBottom;var top=o.stickySidebar.offset().top-scrollTop;var scrollTopDiff=o.previousScrollTop-scrollTop;if(o.stickySidebar.css('position')=='fixed'){if(o.options.sidebarBehavior=='modern'){top+=scrollTopDiff}}if(o.options.sidebarBehavior=='stick-to-top'){top=options.additionalMarginTop}if(o.options.sidebarBehavior=='stick-to-bottom'){top=windowOffsetBottom-o.stickySidebar.outerHeight()}if(scrollTopDiff>0){top=Math.min(top,windowOffsetTop)}else{top=Math.max(top,windowOffsetBottom-o.stickySidebar.outerHeight())}top=Math.max(top,staticLimitTop);top=Math.min(top,staticLimitBottom-o.stickySidebar.outerHeight());var sidebarSameHeightAsContainer=o.container.height()==o.stickySidebar.outerHeight();if(!sidebarSameHeightAsContainer&&top==windowOffsetTop){position='fixed'}else if(!sidebarSameHeightAsContainer&&top==windowOffsetBottom-o.stickySidebar.outerHeight()){position='fixed'}else if(scrollTop+top-o.sidebar.offset().top-o.paddingTop<=options.additionalMarginTop){position='static'}else{position='absolute'}}if(position=='fixed'){var scrollLeft=$(document).scrollLeft();o.stickySidebar.css({'position':'fixed','width':getWidthForObject(o.stickySidebar)+'px','transform':'translateY('+top+'px)','left':(o.sidebar.offset().left+parseInt(o.sidebar.css('padding-left'))-scrollLeft)+'px','top':'0px'})}else if(position=='absolute'){var css={};if(o.stickySidebar.css('position')!='absolute'){css.position='absolute';css.transform='translateY('+(scrollTop+top-o.sidebar.offset().top-o.stickySidebarPaddingTop-o.stickySidebarPaddingBottom)+'px)';css.top='0px'}css.width=getWidthForObject(o.stickySidebar)+'px';css.left='';o.stickySidebar.css(css)}else if(position=='static'){resetSidebar()}if(position!='static'){if(o.options.updateSidebarHeight==true){o.sidebar.css({'min-height':o.stickySidebar.outerHeight()+o.stickySidebar.offset().top-o.sidebar.offset().top+o.paddingBottom})}}o.previousScrollTop=scrollTop};o.onScroll(o);$(document).on('scroll.'+o.options.namespace,function(o){return function(){o.onScroll(o)}}(o));$(window).on('resize.'+o.options.namespace,function(o){return function(){o.stickySidebar.css({'position':'static'});o.onScroll(o)}}(o));if(typeof ResizeSensor!=='undefined'){new ResizeSensor(o.stickySidebar[0],function(o){return function(){o.onScroll(o)}}(o))}function resetSidebar(){o.fixedScrollTop=0;o.sidebar.css({'min-height':'1px'});o.stickySidebar.css({'position':'static','width':'','transform':'none'})}function getClearedHeight(e){var height=e.height();e.children().each(function(){height=Math.max(height,$(this).height())});return height}})}function getWidthForObject(object){var width;try{width=object[0].getBoundingClientRect().width}catch(err){}if(typeof width==="undefined"){width=object.width()}return width}return this}})(jQuery);
// jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
(function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);
/*! Table of Contents | v0.4.0 - https://github.com/ndabas/toc */
!function(t){"use strict";var n=function(n){return this.each(function(){var e,i,a=t(this),o=a.data(),c=[a],r=this.tagName,d=0;e=t.extend({content:"body",headings:"h1,h2,h3"},{content:o.toc||void 0,headings:o.tocHeadings||void 0},n),i=e.headings.split(","),t(e.content).find(e.headings).attr("id",function(n,e){return e||function(t){0===t.length&&(t="?");for(var n=t.replace(/\s+/g,"_"),e="",i=1;null!==document.getElementById(n+e);)e="_"+i++;return n+e}(t(this).text())}).each(function(){var n=t(this),e=t.map(i,function(t,e){return n.is(t)?e:void 0})[0];if(e>d){var a=c[0].children("li:last")[0];a&&c.unshift(t("<"+r+"/>").appendTo(a))}else c.splice(0,Math.min(d-e,Math.max(c.length-1,0)));t("<li/>").appendTo(c[0]).append(t("<a/>").text(n.text()).attr("href","#"+n.attr("id"))),d=e})})},e=t.fn.toc;t.fn.toc=n,t.fn.toc.noConflict=function(){return t.fn.toc=e,this},t(function(){n.call(t("[data-toc]"))})}(window.jQuery);
//]]>
</script>
<!-- Theme Functions JS -->
<script type='text/javascript'>
//<![CDATA[
$(function(a) {
a.fn.lazyyard = function() {
return this.each(function() {
var t = a(this),
dImg = t.attr('src'),
iWid = Math.round(t.width()),
iHei = Math.round(t.height()),
iSiz = 'w' + iWid + '-h' + iHei + '-p-k-no-nu',
img = '';
if(dImg.match('/s72-c')) {
img = dImg.replace('/s72-c', '/' + iSiz);
} else if(dImg.match('/w72-h')) {
img = dImg.replace('/w72-h72-p-k-no-nu', '/' + iSiz);
} else if(dImg.match('=w72-h')) {
img = dImg.replace('=w72-h72-p-k-no-nu', '=' + iSiz);
} else {
img = dImg;
}
a(window).on('load resize scroll', smoothload);
function smoothload() {
var wHeight = a(window).height(),
scrTop = a(window).scrollTop(),
offTop = t.offset().top;
if(scrTop + wHeight > offTop) {
var n = new Image();
n.onload = function() {
t.attr('src', '' + this.src + '').addClass('lazy-yard');
}, n.src = img;
}
}
smoothload();
});
}
});
$(function() {
$('.index-post .post-image-link .post-thumb, .PopularPosts .post-image-link .post-thumb, .FeaturedPost .post-image-link .post-thumb').lazyyard();
$('#main-menu').each(function() {
var iTms = $(this).find('.LinkList ul > li').children('a'),
iLen = iTms.length;
for (var i = 0; i < iLen; i++) {
var i1 = iTms.eq(i),
t1 = i1.text();
if (t1.charAt(0) !== '_') {
var i2 = iTms.eq(i + 1),
t2 = i2.text();
if (t2.charAt(0) === '_') {
var l1 = i1.parent();
l1.append('<ul class="sub-menu m-sub"/>');
}
}
if (t1.charAt(0) === '_') {
i1.text(t1.replace('_', ''));
i1.parent().appendTo(l1.children('.sub-menu'));
}
}
for (var i = 0; i < iLen; i++) {
var i3 = iTms.eq(i),
t3 = i3.text();
if (t3.charAt(0) !== '_') {
var i4 = iTms.eq(i + 1),
t4 = i4.text();
if (t4.charAt(0) === '_') {
var l2 = i3.parent();
l2.append('<ul class="sub-menu2 m-sub"/>');
}
}
if (t3.charAt(0) === '_') {
i3.text(t3.replace('_', ''));
i3.parent().appendTo(l2.children('.sub-menu2'));
}
}
$('#main-menu ul li ul').parent('li').addClass('has-sub');
$('#main-menu .widget').addClass('show-menu');
});
$('#main-menu-nav').clone().appendTo('.mobile-menu');
$('.mobile-menu .has-sub').append('<div class="submenu-toggle"/>');
$('.mobile-menu ul > li a').each(function() {
var $this = $(this),
text = $this.attr('href').trim(),
type = text.toLowerCase(),
map = text.split('/'),
label = map[0];
if (type.match('mega-menu')) {
$this.attr('href', '/search/label/' + label + '?&max-results=' + postPerPage);
}
});
$('.mobile-menu-toggle').on('click', function() {
$('body').toggleClass('nav-active');
});
$('.mobile-menu ul li .submenu-toggle').on('click', function($this) {
if ($(this).parent().hasClass('has-sub')) {
$this.preventDefault();
if (!$(this).parent().hasClass('show')) {
$(this).parent().addClass('show').children('.m-sub').slideToggle(170);
} else {
$(this).parent().removeClass('show').find('> .m-sub').slideToggle(170);
}
}
});
$('.show-search').on('click', function() {
$('#nav-search, .mobile-search-form').fadeIn(250).find('input').focus();
});
$('.hide-search').on('click', function() {
$('#nav-search, .mobile-search-form').fadeOut(250).find('input').blur();
});
$('.Label a, a.b-label, a.post-tag').attr('href', function($this, href) {
return href.replace(href, href + '?&max-results=' + postPerPage);
});
$('.avatar-image-container img').attr('src', function($this, i) {
i = i.replace('/s35-c/', '/s45-c/');
i = i.replace('//img1.blogblog.com/img/blank.gif', 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI-qQOE4ebFAT_FWFN_HX7eDkl9OlkHB4V1gfzdR1dydQXc37rQZ-HDnUFe-DkvAupGNG-qbmHaIOPpFlOYpws023c7gEHZHb817doua05i_sQbUoC5sDK0q8MRd9nblNAdAgmRbzK-iLl/s55-r/avatar.png');
return i;
});
$('.emoji-toggle').on('click', function() {
$('#emoji-box').slideToggle(170);
});
$('.comment-content').each(function() {
var $t = $(this);
$t.replaceText("(y)", "<span class='sora-moji mj-0'/>");
$t.replaceText(":)", "<span class='sora-moji mj-1'/>");
$t.replaceText(":(", "<span class='sora-moji mj-2'/>");
$t.replaceText("hihi", "<span class='sora-moji mj-3'/>");
$t.replaceText(":-)", "<span class='sora-moji mj-4'/>");
$t.replaceText(":D", "<span class='sora-moji mj-5'/>");
$t.replaceText("=D", "<span class='sora-moji mj-6'/>");
$t.replaceText(":-d", "<span class='sora-moji mj-7'/>");
$t.replaceText(";(", "<span class='sora-moji mj-8'/>");
$t.replaceText(";-(", "<span class='sora-moji mj-9'/>");
$t.replaceText("@-)", "<span class='sora-moji mj-10'/>");
$t.replaceText(":P", "<span class='sora-moji mj-11'/>");
$t.replaceText(":o", "<span class='sora-moji mj-12'/>");
$t.replaceText(":>)", "<span class='sora-moji mj-13'/>");
$t.replaceText("(o)", "<span class='sora-moji mj-14'/>");
$t.replaceText(":p", "<span class='sora-moji mj-15'/>");
$t.replaceText("(p)", "<span class='sora-moji mj-16'/>");
$t.replaceText(":-s", "<span class='sora-moji mj-17'/>");
$t.replaceText("(m)", "<span class='sora-moji mj-18'/>");
$t.replaceText("8-)", "<span class='sora-moji mj-19'/>");
$t.replaceText(":-t", "<span class='sora-moji mj-20'/>");
$t.replaceText(":-b", "<span class='sora-moji mj-21'/>");
$t.replaceText("b-(", "<span class='sora-moji mj-22'/>");
$t.replaceText(":-#", "<span class='sora-moji mj-23'/>");
$t.replaceText("=p~", "<span class='sora-moji mj-24'/>");
$t.replaceText("x-)", "<span class='sora-moji mj-25'/>");
$t.replaceText("(k)", "<span class='sora-moji mj-26'/>");
});
$('.author-description a').each(function() {
$(this).attr('target', '_blank');
});
$('.post-nav').each(function() {
var getURL_prev = $('a.prev-post-link').attr('href'),
getURL_next = $('a.next-post-link').attr('href');
$.ajax({
url: getURL_prev,
type: 'get',
success: function(prev) {
var title = $(prev).find('.blog-post h1.post-title').text();
$('.post-prev a .post-nav-inner p').text(title);
}
});
$.ajax({
url: getURL_next,
type: 'get',
success: function(next) {
var title = $(next).find('.blog-post h1.post-title').text();
$('.post-next a .post-nav-inner p').text(title);
}
});
});
$('.post-body strike').each(function() {
var $this = $(this),
type = $this.text();
if (type.match('left-sidebar')) {
$this.replaceWith('<style>.item #main-wrapper{float:right}.item #sidebar-wrapper{float:left}</style>');
}
if (type.match('right-sidebar')) {
$this.replaceWith('<style>.item #main-wrapper{float:left}.item #sidebar-wrapper{float:right}</style>');
}
if (type.match('full-width')) {
$this.replaceWith('<style>.item #main-wrapper{width:100%}.item #sidebar-wrapper{display:none}</style>');
}
});
$('#main-wrapper, #sidebar-wrapper').each(function() {
if (fixedSidebar == true) {
$(this).theiaStickySidebar({
additionalMarginTop: 30,
additionalMarginBottom: 30
});
}
});
$('.back-top').each(function() {
var $this = $(this);
$(window).on('scroll', function() {
$(this).scrollTop() >= 100 ? $this.fadeIn(250) : $this.fadeOut(250)
}), $this.click(function() {
$('html, body').animate({
scrollTop: 0
}, 500)
});
});
$('#hot-section .widget-content').each(function() {
var $this = $(this),
text = $this.text().trim(),
type = text.toLowerCase(),
map = text.split('/'),
label = map[0];
ajaxPosts($this, type, 2, label);
});
$('.common-widget .widget-content').each(function() {
var $this = $(this),
text = $this.text().trim(),
type = text.toLowerCase(),
map = text.split('/'),
num = map[0],
label = map[1];
ajaxPosts($this, type, num, label);
});
$('.related-ready').each(function() {
var $this = $(this),
label = $this.find('.related-tag').data('label');
ajaxPosts($this, 'related', 3, label);
});
function post_link(feed, i) {
for (var x = 0; x < feed[i].link.length; x++)
if (feed[i].link[x].rel == 'alternate') {
var link = feed[i].link[x].href;
break
}
return link;
}
function post_title(feed, i, link) {
var n = feed[i].title.$t,
code = '<a href="' + link + '">' + n + '</a>';
return code;
}
function post_author(feed, i) {
var n = feed[i].author[0].name.$t,
code = '<span class="post-author">' + n + '</span>';
return code;
}
function post_date(feed, i) {
var c = feed[i].published.$t,
d = c.substring(0, 4),
f = c.substring(5, 7),
m = c.substring(8, 10),
h = monthFormat[parseInt(f, 10) - 1] + ' ' + m + ', ' + d,
code = '<span class="post-date">' + h + '</span>';
return code;
}
function postThumb($c, img) {
var $h = $('<div>').html($c),
$t = $h.find('img:first').attr('src'),
$a = $t.lastIndexOf('/') || 0,
$b = $t.lastIndexOf('/', $a - 1) || 0,
$p0 = $t.substring(0, $b),
$p1 = $t.substring($b, $a),
$p2 = $t.substring($a);
if($p1.match(/\/s[0-9]+/g) || $p1.match(/\/w[0-9]+/g) || $p1 == '/d') {
$p1 = '/w72-h72-p-k-no-nu'
}
img = $p0 + $p1 + $p2;
return img
}
function FeatImage(feed, i, img) {
var $c = feed[i].content.$t;
if(feed[i].media$thumbnail) {
var src = feed[i].media$thumbnail.url
} else {
src = noThumbnail;
}
if($c.indexOf($c.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g)) > -1) {
if($c.indexOf('<img') > -1) {
if($c.indexOf($c.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g)) < $c.indexOf('<img')) {
img = src.replace('/default.', '/0.')
} else {
img = postThumb($c)
}
} else {
img = src.replace('/default.', '/0.')
}
} else if($c.indexOf('<img') > -1) {
img = postThumb($c)
} else {
img = noThumbnail;
}
var code = '<img class="post-thumb" alt="" src="' + img + '"/>';
return code;
}
function post_label(feed, i) {
if (feed[i].category != undefined) {
var tag = feed[i].category[0].term,
code = '<span class="post-tag">' + tag + '</span>';
} else {
code = '';
}
return code;
}
function ajaxPosts($this, type, num, label) {
if (type.match('hot-posts') || type.match('post-list') || type.match('related')) {
var url = '';
if (label == 'recent') {
url = '/feeds/posts/default?alt=json-in-script&max-results=' + num;
} else if (label == 'random') {
var index = Math.floor(Math.random() * num) + 1;
url = '/feeds/posts/default?max-results=' + num + '&start-index=' + index + '&alt=json-in-script';
} else {
url = '/feeds/posts/default/-/' + label + '?alt=json-in-script&max-results=' + num;
}
$.ajax({
url: url,
type: 'get',
dataType: 'jsonp',
beforeSend: function() {
if (type.match('hot-posts')) {
$this.html('<div class="hot-loader"/>').parent().addClass('show-hot');
}
},
success: function(json) {
if (type.match('hot-posts')) {
var kode = '<ul class="hot-posts">';
} else if (type.match('post-list')) {
var kode = '<ul class="custom-widget">';
} else if (type.match('related')) {
var kode = '<ul class="related-posts">';
}
var entry = json.feed.entry;
if (entry != undefined) {
for (var i = 0, feed = entry; i < feed.length; i++) {
var link = post_link(feed, i),
title = post_title(feed, i, link),
image = FeatImage(feed, i, link),
tag = post_label(feed, i),
author = post_author(feed, i),
date = post_date(feed, i);
var kontent = '';
if (type.match('hot-posts')) {
kontent += '<li class="hot-item item-' + i + '"><div class="hot-item-inner"><a class="post-image-link" href="' + link + '">' + image + '</a><div class="post-info-wrap"><div class="post-info">' + tag + '<h2 class="post-title">' + title + '</h2><div class="post-meta">' + author + date + '</div></div></div></div></li>';
} else if (type.match('post-list')) {
kontent += '<li class="item-' + i + '"><a class="post-image-link" href="' + link + '">' + image + '</a><div class="post-info"><h2 class="post-title">' + title + '</h2></div></div></li>';
} else if (type.match('related')) {
kontent += '<li class="related-item item-' + i + '"><a class="post-image-link" href="' + link + '">' + image + '</a><h2 class="post-title">' + title + '</h2></li>';
}
kode += kontent;
}
kode += '</ul>';
} else {
kode = '<ul class="no-posts">Error: No Posts Found <i class="fa fa-frown"/></ul>';
} if (type.match('hot-posts')) {
$this.html(kode).parent().addClass('show-hot');
} else {
$this.html(kode);
}
$this.find('.post-thumb').lazyyard();
}
});
}
}
$('.blog-post-comments').each(function() {
var system = commentsSystem,
disqus_url = disqus_blogger_current_url,
disqus = '<div id="disqus_thread"/>',
current_url = $(location).attr('href'),
facebook = '<div class="fb-comments" data-width="100%" data-href="' + current_url + '" data-numposts="5"></div>',
sClass = 'comments-system-' + system;
if (system == 'blogger') {
$(this).addClass(sClass).show();
} else if (system == 'disqus') {
(function() {
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqusShortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
$('#comments, #gpluscomments').remove();
$(this).append(disqus).addClass(sClass).show();
} else if (system == 'facebook') {
$('#comments, #gpluscomments').remove();
$(this).append(facebook).addClass(sClass).show();
} else if (system == 'hide') {
$(this).hide();
} else {
$(this).addClass('comments-system-default').show();
}
});
});
function shortCodeIfy(e, t, a) {
for(var s = e.split("$"), i = /[^{\}]+(?=})/g, r = 0; r < s.length; r++) {
var o = s[r].split("=");
if(o[0].trim() == t) return null != (a = o[1]).match(i) && String(a.match(i)).trim()
}
return !1
}
$(".post-body a").each(function() {
var e = $(this),
t = e.html(),
a = t.toLowerCase(),
s = shortCodeIfy(t, "text"),
i = shortCodeIfy(t, "icon"),
r = shortCodeIfy(t, "color");
a.match("getbutton") && 0 != s && (e.addClass("button btn").text(s), 0 != i && e.addClass(i), 0 != r && e.addClass("colored-button").attr("style", "background-color:" + r + ";"))
}),$(".post-body b").each(function() {
var e = $(this),
t = e.text(),
a = t.toLowerCase().trim();
a.match("{tocify}") && (t = 0 != shortCodeIfy(t, "title") ? shortCodeIfy(t, "title") : "Table of Contents", e.replaceWith('<div class="tocify-wrap"><div class="tocify-inner"><a href="javascript:;" class="tocify-title" role="button" title="' + t + '"><span class="tocify-title-text">' + t + '</span></a><ol id="tocify"></ol></div></div>'), $(".tocify-title").each(function(e) {
(e = $(this)).on("click", function() {
e.toggleClass("is-expanded"), $("#tocify").slideToggle(170)
})
}), $("#tocify").toc({
content: "#post-body",
headings: "h2,h3,h4"
}), $("#tocify li a").each(function(e) {
(e = $(this)).click(function() {
return $("html,body").animate({
scrollTop: ($(e.attr("href")).offset().top) - 20
}, 500), !1
})
})), a.match("{contactform}") && (e.replaceWith('<div class="contact-form"/>'), $(".contact-form").append($("#ContactForm1")))
}), $(".post-body blockquote").each(function() {
var e = $(this),
t = e.text().toLowerCase().trim(),
a = e.html();
if(t.match("{alertsuccess}")) {
const t = a.replace("{alertSuccess}", "");
e.replaceWith('<div class="alert-message alert-success">' + t + "</div>")
}
if(t.match("{alertinfo}")) {
const t = a.replace("{alertInfo}", "");
e.replaceWith('<div class="alert-message alert-info">' + t + "</div>")
}
if(t.match("{alertwarning}")) {
const t = a.replace("{alertWarning}", "");
e.replaceWith('<div class="alert-message alert-warning">' + t + "</div>")
}
if(t.match("{alerterror}")) {
const t = a.replace("{alertError}", "");
e.replaceWith('<div class="alert-message alert-error">' + t + "</div>")
}
if(t.match("{codebox}")) {
const t = a.replace("{codeBox}", "");
e.replaceWith('<pre class="code-box">' + t + "</pre>")
}
}), $("#post-body iframe").each(function() {
var e = $(this);
e.attr("src").match("www.youtube.com") && e.wrap('<div class="responsive-video-wrap"/>')
})
//]]>
</script>
<!-- Facebook SDK -->
<script type='text/javascript'>
//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<!-- Overlay and Back To Top -->
<div class='back-top' title='Back to Top'></div>
<!--Es liegt in deiner Verantwortung, deine Besucher \xfcber die in deinem Blog verwendeten Cookies und die dort erfassten Daten zu informieren. Blogger stellt daf\xfcr eine Standardbenachrichtigung zur Verf\xfcgung, die du \xfcbernehmen, anpassen oder durch deine eigene Mitteilung ersetzen kannst. Weitere Informationen findest du unter http://www.blogger.com/go/cookiechoices.-->
<script defer='' src='/js/cookienotice.js'></script>
<script>
document.addEventListener('DOMContentLoaded', function(event) {
window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
(window.cookieOptions && cookieOptions.msg) || 'Diese Website verwendet Cookies von Google, um Dienste anzubieten und Zugriffe zu analysieren. Deine IP-Adresse und dein User-Agent werden zusammen mit Messwerten zur Leistung und Sicherheit f\xfcr Google freigegeben. So k\xf6nnen Nutzungsstatistiken generiert, Missbrauchsf\xe4lle erkannt und behoben und die Qualit\xe4t des Dienstes gew\xe4hrleistet werden.',
(window.cookieOptions && cookieOptions.close) || 'Ok',
(window.cookieOptions && cookieOptions.learn) || 'Weitere Informationen',
(window.cookieOptions && cookieOptions.link) || 'https://www.blogger.com/go/blogspot-cookies');
});
</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3131230167-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7wKzUZ0bbQD2FS1y4qWOAl3bUIfQ:1746268045832';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3448176226651847860','//www.oolaf.com/','3448176226651847860');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3448176226651847860', 'title': '\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5', 'url': 'https://www.oolaf.com/', 'canonicalUrl': 'https://www.oolaf.com/', 'homepageUrl': 'https://www.oolaf.com/', 'searchUrl': 'https://www.oolaf.com/search', 'canonicalHomepageUrl': 'https://www.oolaf.com/', 'blogspotFaviconUrl': 'https://www.oolaf.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'ko', 'localeUnderscoreDelimited': 'ko', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5 - Atom\x22 href\x3d\x22https://www.oolaf.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5 - RSS\x22 href\x3d\x22https://www.oolaf.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5 - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3448176226651847860/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/16355263427687516418\x22 /\x3e\n', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a558aeb4ec2c6340', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'key': 'link', 'shareMessage': '\uacf5\uc720 \ub9c1\ud06c \ub9cc\ub4e4\uae30', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Facebook\uc5d0 \uacf5\uc720', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'X\uc5d0 \uacf5\uc720', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Pinterest\uc5d0 \uacf5\uc720', 'target': 'pinterest'}, {'name': '\uc774\uba54\uc77c', 'key': 'email', 'shareMessage': '\uc774\uba54\uc77c', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27ko\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': '\uc790\uc138\ud55c \ub0b4\uc6a9 \ud655\uc778', 'pageType': 'index', 'pageName': '', 'pageTitle': '\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\uc218\uc815', 'linkCopiedToClipboard': '\ub9c1\ud06c\ub97c \ud074\ub9bd\ubcf4\ub4dc\uc5d0 \ubcf5\uc0ac\ud588\uc2b5\ub2c8\ub2e4.', 'ok': '\ud655\uc778', 'postLink': '\uae00 \ub9c1\ud06c'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\uc0ac\uc6a9\uc790 \uc9c0\uc815', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': '\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5', 'description': '', 'url': 'https://www.oolaf.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'name': 'widgets', 'data': [{'title': 'Boxed Version', 'type': 'LinkList', 'sectionId': 'sora-panel', 'id': 'LinkList70'}, {'title': 'Default Variables', 'type': 'LinkList', 'sectionId': 'sora-panel', 'id': 'LinkList71'}, {'title': '\uc62c\ub77c\ud504 - \uc774\uc57c\uae30\uac70\ub798\uc804\ubb38\uae30\uc5c5(\ud5e4\ub354)', 'type': 'Header', 'sectionId': 'main-logo', 'id': 'Header1'}, {'title': 'Link List', 'type': 'LinkList', 'sectionId': 'main-menu', 'id': 'LinkList74'}, {'title': '\uc6b0\ub9ac\ub4e4\uc758 \uc62c\ub77c\ud504, Our Olaf', 'type': 'Image', 'sectionId': 'main-intro', 'id': 'Image1'}, {'title': '\ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '4715418332036430372', 'title': '\uad8c\uc7ac\uc11d \uc5b4\ub974\uc2e0 \ud68c\uc0c1\ub85d \ud504\ub85c\uc81d\ud2b8', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEjuCXhLuI16CedeF_Jd3NKCh6q9xmFi-Fu5Zy7VDXnUUl-9yPLajnn4MG9fXonGXs1ClouybO4u8eIaUN-0_S6ci3tjjOEyaYVfnB73khIhRlXMdZrfaduYG24_ALXwdfMugIZLajkoQt_n_c7RXv3KazMZ-E0FvQ39ya-cVnWd-swwrceCyKLhOBfSDQ\x3dw480-h640', 'showInlineAds': false}, {'id': '3315770236240240770', 'title': '\ucc9c\uacbd\uc790 \uc5ec\uc0ac \uc790\uc11c\uc804 \ud504\ub85c\uc81d\ud2b8', 'featuredImage': 'https://blogger.googleusercontent.com/img/a/AVvXsEimf4DYMnCv13blg4AE97yHK3q6hrQgqOxF3zSK7jPaukxvLrhrTs-IOzvH7cJhCmIQxbmygVu16QejBdcyMpHS9jf1jv3RnFAI0vvYR8BLd4ukTFNbK9q49U4g1xCwiaa9UsCbztLXjnaWXNZ_O2osPnhYxUXIxpfOyiBo4GKaeKb_VbFMYKoVgPGHmw\x3dw640-h360', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'timestamp', 'label': ''}]}], 'allBylineItems': [{'name': 'timestamp', 'label': ''}]}, {'title': '\uc18c\uac1c \uc601\uc0c1', 'type': 'HTML', 'sectionId': 'sidebar1', 'id': 'HTML1'}, {'title': '\uce74\uce74\uc624\ud1a1 \ucc44\ub110', 'type': 'HTML', 'sectionId': 'sidebar1', 'id': 'HTML7'}, {'title': 'About Us', 'type': 'Image', 'sectionId': 'footer-about-area', 'id': 'Image150'}, {'title': 'Footer Menu Widget', 'type': 'LinkList', 'sectionId': 'menu-footer', 'id': 'LinkList76'}]}]);
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList70', 'sora-panel', document.getElementById('LinkList70'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList71', 'sora-panel', document.getElementById('LinkList71'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'main-logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList74', 'main-menu', document.getElementById('LinkList74'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'main-intro', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1620435420-lbx__ko.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3681588378-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar1', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar1', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image150', 'footer-about-area', document.getElementById('Image150'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList76', 'menu-footer', document.getElementById('LinkList76'), {}, 'displayModeFull'));
</script>
</body>
</html>
Whois info of domain
Domain Name: OOLAF.COM
Registry Domain ID: 2658969770_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.squarespace.domains
Registrar URL: http://domains2.squarespace.com
Updated Date: 2024-11-17T12:15:04Z
Creation Date: 2021-12-02T08:54:12Z
Registry Expiry Date: 2025-12-02T08:54:12Z
Registrar: Squarespace Domains II LLC
Registrar IANA ID: 895
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6466935324
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS-CLOUD-B1.GOOGLEDOMAINS.COM
Name Server: NS-CLOUD-B2.GOOGLEDOMAINS.COM
Name Server: NS-CLOUD-B3.GOOGLEDOMAINS.COM
Name Server: NS-CLOUD-B4.GOOGLEDOMAINS.COM
DNSSEC: signedDelegation
DNSSEC DS Data: 10931 8 2 FF74A53ED774D0918E03C246777F569C9E749E1BBD79831E84338B579A83A9F0
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-04T08:18:04Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass