API tools faq
paste
Advertisement
ghiwar

tempe

ghiwar
Apr 1st, 2019
476
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 125.49 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' 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'>
  4.   <head>
  5.     <meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
  6.     <title><data:view.title.escaped/></title>
  7.     <b:include data='blog' name='all-head-content'/>
  8.  
  9.     <!-- Google Fonts -->
  10.     <link href='//fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i|Oswald:400,500,600,700' media='all' rel='stylesheet' type='text/css'/>
  11.     <link href='https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
  12.  
  13. <!-- Template Style CSS -->
  14. <b:skin version='1.0.0'><![CDATA[/*
  15. -----------------------------------------------
  16. Blogger Template Style
  17. Name:        Schema
  18. Version:     Free version
  19. Author:      TemplatesYard
  20. Author Url:  https://www.templatesyard.com/
  21. ----------------------------------------------- */
  22.  
  23. /*
  24. <!-- Variable definitions -->
  25. <Variable name="keycolor" description="Main Color" type="color" default="$(main.color)" value="#ff3b30"/>
  26. <Variable name="followByEmail" description="Follow By Email Text" type="string" default="Get all latest content delivered straight to your inbox." value="Get all latest content delivered straight to your inbox."/>
  27.  
  28. <Group description="Theme Body" selector="body">
  29.  <Variable name="body.background.color" description="Body Background Color" type="color" default="#f8f8f8"  value="#f8f8f8"/>
  30.  <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) url() repeat fixed top left" value="$(color) url() repeat fixed top left"/>
  31.  <Variable name="body.text.color" description="Text Color" type="color" default="#656565"  value="#656565"/>
  32.  <Variable name="body.link.color" description="Link Color" type="color" default="$(main.color)"  value="#ff3b30"/>
  33. </Group>
  34.  
  35. <Group description="Theme Colors" selector="body">
  36. <Variable name="main.color" description="Theme Color" type="color" default="#45a2db" value="#45a2db"/>
  37.  <Variable name="main.dark.color" description="Dark Color" type="color" default="#111111" value="#111111"/>
  38. <Variable name="menu.bg.color" description="Menu Background Color" type="color" default="#45a2db" value="#45a2db"/>
  39. <Variable name="menu.text.color" description="Menu Text Color" type="color" default="#fff" value="#ffffff"/>
  40. <Variable name="menu.text.hover" description="Menu Text Hover Color" type="color" default="#ff3b30" value="#ff3b30"/>
  41.  <Variable name="title.color" description="Title Color" type="color" default="#111111" value="#111111"/>
  42.  <Variable name="title.hover" description="Title Color on Hover" type="color" default="$(main.color)" value="#ff3b30"/>
  43. <Variable name="side.title.color" description="Sidebar Title Dark" type="color" default="#45a2db" value="#45a2db"/>
  44.  <Variable name="footer.color" description="Footer Color" type="color" default="#ffffff" value="#ffffff"/>
  45. </Group>
  46. <Group description="Theme Fonts" selector="body">
  47. <Variable name="body.text.font" description="Font" hideEditor="true" type="font" default="14px Roboto, sans-serif"  value="14px Roboto, sans-serif"/>
  48. <Variable name="tabs.font" description="Font 2" hideEditor="true" type="font" default="14px Roboto, sans-serif"  value="14px Roboto, sans-serif"/>
  49. <Variable name="menu.font" description="Menu Text Font" hideEditor="true" type="font" default="14px Oswald, sans-serif"  value="15px Oswald, sans-serif"/>
  50. <Variable name="title.font" description="Title Font" hideEditor="true" type="font" default="14px Oswald, sans-serif"  value="14px Oswald, sans-serif"/>
  51. </Group>
  52. <!-- Extra Variables -->
  53. <Variable name="posts.background.color" description="Post background color" hideEditor="true" type="color" default="#ffffff"  value="#ffffff"/>
  54. <Variable name="posts.title.color" description="Post title color" hideEditor="true" type="color" default="#111111"  value="#111111"/>
  55. <Variable name="posts.text.color" description="Post text color" hideEditor="true" type="color" default="#656565"  value="#656565"/>
  56. <Variable name="posts.icons.color" description="Post icons color" hideEditor="true" type="color" default="$(main.color)"  value="#ff3b30"/>
  57. <Variable name="labels.background.color" description="Label background color" hideEditor="true" type="color" default="$(main.color)"  value="#ff3b30"/>
  58. */
  59.  
  60. 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:$(body.link.color) }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 }.center{display:table;margin:0 auto;position:relative }.widget > h2,.widget > h3{display:none }body{background:$(body.background);background-color:$(body.background.color);font:$(body.text.font);font-weight:400;color:$(body.text.color);word-wrap:break-word;margin:0;padding:0 }#outer-wrapper{max-width:none;margin:0 auto;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.1) }.row{width:960px }#content-wrapper{margin:30px auto 0;overflow:hidden }#content-wrapper > .container{margin:0 -15px }#main-wrapper{float:left;overflow:hidden;width:66.66666667%;box-sizing:border-box;word-wrap:break-word;padding:0 15px;margin:0 }#sidebar-wrapper{float:right;overflow:hidden;width:33.33333333%;box-sizing:border-box;word-wrap:break-word;padding:0 15px }.post-image-wrap{position:relative;display:block }.post-image-link,.about-author .avatar-container,.comments .avatar-image-container{background-color:#f9f9f9;color:transparent!important }.post-thumb{display:block;position:relative;width:100%;height:100%;object-fit:cover;z-index:1;border: 1px solid #ccc;padding: 3px;box-sizing:border-box;transition:transform .25s ease }.post-image-link:hover .post-thumb,.post-image-wrap:hover .post-image-link .post-thumb,.hot-item-inner:hover .post-image-link .post-thumb{transform:scale(1.03) }h1,h2,h3,h4,h5,h6{font:$(title.font) }.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:$(main.dark.color) }.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;margin:0 }.header-header{background-color:#fff;width:100%;height:70px;position:relative;overflow:hidden;padding:10px 0 }.header-header .container{position:relative;margin:0 auto;padding:0 }.header-logo{position:relative;float:left;width:auto;max-width:200px;max-height:60px;margin:0;padding:15px 0 }.header-logo .header-image-wrapper{display:block }.header-logo img{max-width:100%;max-height:60px;margin:0 }.header-logo h1{color:$(title.color);font-size:36px;line-height:60px;margin:0 }.header-logo p{font-size:12px;margin:5px 0 0 }.header-ads{position:relative;float:right }.header-ads .widget > .widget-title{display:none }.header-ads .widget{max-width:100% }.header-ads .widget .widget-content{width:728px;max-width:100%;max-height:90px;line-height:1 }.header-menu{position:relative;width:100%;height:48px;z-index:10;font-size:13px;box-sizing:border-box;margin:0;}.header-menu .container{position:relative;margin:0 auto;padding: 0 10px;box-sizing: border-box;background:$(menu.bg.color);}#main-menu .widget,#main-menu .widget > .widget-title{display:none }#main-menu .show-menu{display:block }#main-menu{position:relative;height:46px;z-index:15 }#main-menu ul > li{float:left;position:relative;margin:0;padding:0;transition:background .17s }#main-menu ul > li > a{position:relative;color:$(menu.text.color);font:$(menu.font);font-weight:400;text-transform:uppercase;letter-spacing: 0.8px;line-height:46px;display:inline-block;margin:0;padding:0 15px;transition:color .17s ease }#main-menu #main-menu-nav > li:first-child > a{padding-left:0 }#main-menu ul > li:hover > a{color:$(menu.text.hover) }#main-menu ul > li > ul{position:absolute;float:left;left:0;top:46px;width:180px;background-color:#fff;z-index:99999;margin-top:0;padding:0;border:1px solid #eaeaea;box-shadow:0 1px 0 0 #eaeaea;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 }#main-menu ul > li > ul > li a{display:block;height:36px;font-size:13px;color:#777;line-height:36px;box-sizing:border-box;margin:0;padding:0 15px;border:0;border-bottom:1px solid #eaeaea;transition:all .17s ease }#main-menu ul > li > ul > li:hover > a{color:$(main.color) }#main-menu ul > li > ul > li:last-child a{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 5px }#main-menu ul > li > ul > li.has-sub > a:after{content:'\f105';float:right;margin:0 }#main-menu ul > li:hover > ul,#main-menu ul > li > ul > li:hover > ul{visibility:visible;opacity:1 }#main-menu ul ul{transition:all .25s ease }.no-posts{float:left;width:100%;height:100px;line-height:100px;text-align:center }.show-search,.hide-search{position:absolute;right:10px;top:0;display:block;width:36px;height:46px;line-height:46px;z-index:20;color:$(menu.text.color);font-size:15px;text-align:right;cursor:pointer;padding:0;transition:color .17s ease }.show-search:before{content:"\f002";font-family:FontAwesome;font-weight:400 }.hide-search:before{content:"\f00d";font-family:FontAwesome;font-weight:400 }.show-search:hover,.hide-search:hover{color:$(main.color) }#nav-search{display:none;position:absolute;left:0;top:0;width:100%;height:46px;z-index:99;background-color:#f2f2f2;box-sizing:border-box;padding:0 0 0 10px;}#nav-search .search-form{width:100%;height:46px;background-color:rgba(0,0,0,0);line-height:46px;overflow:hidden;padding:0 }#nav-search .search-input{width:100%;height:46px;font-family:inherit;color:$(title.color);margin:0;padding:0 46px 0 0;background-color:rgba(0,0,0,0);font-size:13px;font-weight:400;outline:none;box-sizing:border-box;border:0 }#mobile-logo .widget > .widget-title > h3{display:none }.mobile-header{display:none;position:relative;float:left;width:100%;height:50px;background-color:$(main.dark.color);z-index:1010 }.mobile-header .logo-content{position:relative;float:left;display:block;width:100%;height:50px;text-align:center;z-index:2 }.mobile-header .logo-content > a{height:30px;display:inline-block;padding:10px 0 }.mobile-header .logo-content > a > img{height:30px }.mobile-header .logo-content > h3{font-size:20px;height:30px;line-height:30px;margin:10px 0 0 }.mobile-header .logo-content > h3 > a{color:#fff }.mobile-search-form{position:absolute;display:none;z-index:4;background-color:$(main.dark.color);width:100%;height:50px;left:0;top:0 }.mobile-search-form .mobile-search-input{background-color:$(main.dark.color);display:block;width:calc(100% - 50px);height:50px;font-family:inherit;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;padding:0 20px;border:0 }.mobile-search-form{position:absolute;display:none;z-index:4;background-color:$(main.dark.color);width:100%;height:50px;left:0;top:0 }.mobile-search-form .mobile-search-input{background-color:$(main.dark.color);display:block;width:calc(100% - 50px);height:50px;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;padding:0 20px;border:0 }.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;background:rgba(255,255,255,0.8) }.slide-menu-toggle,.show-mobile-search,.hide-mobile-search{position:absolute;line-height:50px;height:50px;width:50px;top:0;left:0;font-family:FontAwesome;color:#fff;font-size:18px;font-weight:400;text-align:center;cursor:pointer;z-index:4;padding:0 }.slide-menu-toggle{border-right:1px solid rgba(255,255,255,0.08) }.show-mobile-search,.hide-mobile-search{border-left:1px solid rgba(255,255,255,0.08);left:auto;right:0 }.slide-menu-toggle:before{content:"\f0c9" }.nav-active .slide-menu-toggle:before{content:"\f00d" }.show-mobile-search:before{content:"\f002" }.hide-mobile-search:before{content:"\f00d" }.mobile-menu{position:relative;float:left;width:100%;background-color:$(main.dark.color);box-sizing:border-box;padding:20px;border-top:1px solid rgba(255,255,255,0.08);visibility:hidden;opacity:0;transform-origin:0 0;transform:scaleY(0);transition:all .17s ease }.nav-active .mobile-menu{visibility:visible;opacity:1;transform:scaleY(1) }.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;margin:0;padding:0;border-top:1px solid rgba(255,255,255,0.01) }.mobile-menu > ul > li{font-weight:400 }.mobile-menu > ul li ul{overflow:hidden }.mobile-menu > ul > li:first-child{border-top:0 }.mobile-menu ul li a{color:#fff;padding:0;display:block;transition:all .17s ease }.mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;color:#fff;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:16px;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{font-size:13px }.mobile-menu > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 15px }.mobile-menu > ul > li > ul > li > ul > li > a{color:#fff;opacity:.7;padding:0 0 0 30px }.mobile-menu ul > li > .submenu-toggle:hover{color:$(main.color) }.post-meta{display:block;overflow:hidden;color:#aaa;font-size:12px;font-weight:400;padding:0 1px }.post-meta .post-author,.post-meta .post-date{float:left;margin:0 10px 0 0 }.post-meta .post-date{text-transform:capitalize }.post-meta a{color:#aaa;transition:color .17s }.post-meta a:hover{color:$(title.hover) }.post-meta span:before{font-family:FontAwesome;font-weight:400;margin:0 3px 0 0 }.post-meta .post-author:before{content:'\f2c0' }.post-meta .post-date:before{content:'\f017' }.queryMessage{overflow:hidden;background-color:#f2f2f2;color:$(title.color);font-size:13px;font-weight:400;padding:8px 10px;margin:0 0 25px }.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:$(title.hover);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,.featured-posts .widget-title{position:relative;float:left;width:100%;height:29px;display:block;margin:0 0 20px;border-bottom:3px solid #eaeaea }.title-wrap > h3,.featured-posts .widget-title > h3{position:relative;float:left;height:32px;font-size:16px;color:$(title.color);margin:0 }.title-wrap > h3:after,.featured-posts .widget-title > h3:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background-color:$(main.color);margin:0 }a.view-all{float:right;font-size:13px;line-height:29px;color:#888;transition:color .17s ease }a.view-all:hover{color:$(title.hover) }a.view-all:after{content:"\f105";float:right;font-weight:400;font-family:FontAwesome;margin:0 0 0 3px;transition:color .17s }.blog-post{display:block;overflow:hidden;word-wrap:break-word }.index-post{padding:0;margin:0 0 30px }.index-post .post-image-wrap{float:left;width:150px;height:176px;margin:0 20px 0 0 }.index-post .post-image-wrap .post-image-link{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden }.post-tag{position:absolute;top:15px;left:15px;height:18px;z-index:5;background-color:rgba(0,0,0,0.5);color:#fff;font-size:10px;line-height:18px;font-weight:500;text-transform:uppercase;padding:0 6px;border-radius:2px }.index-post .post-info{overflow:hidden }.index-post .post-info > h2{font-size:16px;font-weight:400;line-height:1.5em;text-transform:uppercase;letter-spacing:0.8px;text-decoration:none;margin:0 0 10px }.index-post .post-info > h2 > a{display:block;color:$(title.color);transition:color .17s }.index-post .post-info > h2 > a:hover{color:$(title.hover) }.widget iframe,.widget img{max-width:100% }.date-header{display:block;overflow:hidden;font-weight:400;margin:0!important;padding:0 }.post-timestamp{margin-left:0 }.post-snippet{position:relative;display:block;overflow:hidden;font-size:12px;line-height:1.6em;font-weight:400;margin:10px 0 0 }#breadcrumb{font-size:12px;font-weight:400;color:#aaa;margin:0 0 10px }#breadcrumb a{color:#aaa;transition:color .17s }#breadcrumb a:hover{color:$(title.hover) }#breadcrumb a,#breadcrumb em{display:inline-block }#breadcrumb .delimiter:after{content:'\f105';font-family:FontAwesome;font-style:normal;margin:0 3px }.item-post h1.post-title{color:$(title.color);font-size:27px;line-height:1.5em;font-weight:500;position:relative;display:block;margin:15px 0;padding:0 }.static_page .item-post h1.post-title{padding:0 0 10px;margin:0;border-bottom:1px solid #eaeaea }.item-post .post-body{width:100%;line-height:1.5em;overflow:hidden;padding:20px 0 0 }.static_page .item-post .post-body{padding:20px 0 }.item-post .post-outer{padding:0 }.item-post .post-body img{max-width:100% }.item-post .post-meta{padding:0 1px 10px;border-bottom:1px solid #eaeaea }.main .widget{margin:0 }.main .Blog{border-bottom-width:0 }.post-footer{position:relative;float:left;width:100%;margin:20px 0 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;font-family:'Oswald',sans-serif;padding:0;margin:0 0 25px }.post-labels span,.post-labels a{float:left;color:#aaa;font-size:12px;font-weight:400;margin:0 12px 0 0;transition:all .17s ease }.post-labels span{color:$(title.color) }.post-labels a:hover{color:$(main.color) }.post-share{position:relative;overflow:hidden;line-height:0;margin:0 0 30px }ul.share-links{position:relative }.share-links li{width:32px;float:left;box-sizing:border-box;margin:0 5px 0 0 }.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:20% }.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:13px;text-align:center;box-sizing:border-box;opacity:1;margin:0;padding:0;border-radius:2px;transition:all .17s ease }.share-links li.whatsapp-mobile{display:none }.is-mobile li.whatsapp-desktop{display:none }.is-mobile li.whatsapp-mobile{display:inline-block }.share-links li a:before{float:left;display:block;width:32px;background-color:rgba(255,255,255,0.07);font-size:15px;text-align:center;line-height:32px }.share-links li a:hover{opacity:.8 }ul.post-nav{position:relative;overflow:hidden;display:block;margin:0 0 30px }.post-nav li{display:inline-block;width:50% }.post-nav .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 10px }.post-nav .post-next{float:right;text-align:right;box-sizing:border-box;padding:0 10px }.post-nav li a{color:$(title.color);line-height:1.4em;display:block;overflow:hidden;transition:color .17s }.post-nav li:hover a{color:$(title.hover) }.post-nav li span{display:block;font-size:11px;color:#aaa;font-weight:700;text-transform:uppercase;padding:0 0 2px }.post-nav .post-prev span:before{content:"\f053";float:left;font-family:FontAwesome;font-size:9px;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:9px;font-weight:400;text-transform:none;margin:0 0 0 2px }.post-nav p{font-family:'Oswald',sans-serif;font-size:12px;font-weight:400;line-height:1.4em;margin:0 }.post-nav .post-nav-active p{color:#aaa }.about-author{position:relative;display:block;overflow:hidden;padding:20px;margin:0 0 30px;border:1px solid #eaeaea }.about-author .avatar-container{position:relative;float:left;width:80px;height:80px;overflow:hidden;margin:0 15px 0 0;border-radius:100% }.about-author .author-avatar{float:left;width:100%;height:100%;border-radius:100% }.author-name{overflow:hidden;display:inline-block;font-size:16px;font-weight:700;margin:7px 0 3px }.author-name span{color:$(title.color) }.author-name a{color:$(title.color);transition:color .17s }.author-name a:hover{color:$(main.color) }.author-description{display:block;overflow:hidden;font-size:13px;font-weight:400;line-height:1.5em }.author-description a:hover{text-decoration:underline }#related-wrap{overflow:hidden;margin:0 0 30px }#related-wrap .related-tag{display:none }.related-ready{float:left;width:100% }.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 }.related-posts .related-item .post-meta{padding:0;border:0 }.related-posts .post-title{font-size:14px;font-weight:700;line-height:1.5em;display:block;margin:7px 0 6px }.related-posts .post-title a{color:$(title.color);transition:color .17s }.related-posts .post-title a:hover{color:$(title.hover) }#blog-pager{overflow:hidden;clear:both;margin:0 0 30px }.blog-pager a,.blog-pager span{float:left;display:block;min-width:30px;height:30px;background-color:#f0f0f0;color:$(title.color);font-size:13px;font-weight:500;line-height:30px;text-align:center;box-sizing:border-box;margin:0 5px 0 0;border-radius:2px;transition:all .17s ease }.blog-pager .blog-pager-newer-link,.blog-pager .blog-pager-older-link{padding:0 15px }.blog-pager .blog-pager-newer-link{float:left }.blog-pager .blog-pager-older-link{float:right }.blog-pager span.page-dots{min-width:20px;background-color:#fff;font-size:16px;line-height:30px;font-weight:400;letter-spacing:-1px;border:0 }.blog-pager .page-of{display:none;width:auto;float:right;border-color:rgba(0,0,0,0);margin:0 }.blog-pager .page-active,.blog-pager a:hover{background-color:$(main.color);color:#fff;border-color:$(main.color) }.blog-pager .page-prev:before,.blog-pager .page-next:before{font-family:FontAwesome;font-size:16px;font-weight:400 }.blog-pager .page-prev:before{content:'\f104' }.blog-pager .page-next:before{content:'\f105' }.blog-pager .blog-pager-newer-link:after{content:'\f104';float:left;font-family:FontAwesome;font-weight:400;margin:0 3px 0 0 }.blog-pager .blog-pager-older-link:after{content:'\f105';float:right;font-family:FontAwesome;font-weight:400;margin:0 0 0 3px }.archive #blog-pager{display:none }.blog-post-comments{display:none;margin:0 0 30px }.blog-post-comments .comments-title{margin:0 0 20px }.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0 }#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;margin:0;color:$(title.color) }.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:45px;max-height:45px;width:45px;max-width:45px;border-radius:0 }.comments .comment-block{overflow:hidden;padding:0 0 10px }.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 60px }.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:12px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;border-bottom:1px dashed #eaeaea }.comments .comments-content .comment-header a{color:$(title.color);transition:color .17s }.comments .comments-content .comment-header a:hover{color:$(title.hover) }.comments .comments-content .user{font-style:normal;font-weight:700;text-transform:uppercase;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:5px 0 9px }.comments .comment .comment-actions a{margin-right:5px;padding:2px 5px;color:$(title.color);font-weight:400;border:1px solid #f5f5f5;font-size:10px;transition:all .17s ease }.comments .comment .comment-actions a:hover{color:#fff;background-color:$(main.color);border-color:$(main.color);text-decoration:none }.comments .comments-content .datetime{float:left;font-size:11px;font-weight:400;color:#aaa;position:relative;padding:0 1px;margin:4px 0 0;display:block }.comments .comments-content .datetime a,.comments .comments-content .datetime a:hover{color:#aaa }.comments .comments-content .datetime:before{content:'\f017';font-family:FontAwesome;font-size:11px;font-weight:400;font-style:normal;margin:0 3px 0 0 }.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 .thread-expanded{padding:5px 0 0 }.comments .thread-chrome.thread-collapsed{display:none }.thread-arrow:before{content:'';font-family:FontAwesome;color:$(title.color);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 .comments-content .comment-thread > ol{padding: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 }.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded{display:none }.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{color:$(title.color);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 $(main.color) }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;background-color:#fff;box-sizing:border-box;padding:0;margin:0 0 30px }.sidebar .widget-title{position:relative;float:left;width:100%;display:block;margin:0 0 20px;background:$(side.title.color) }.sidebar .widget-title > h3{position:relative;float:left;padding: 6px 10px;box-sizing: border-box;font-size:16px;color:#fff;text-transform:uppercase;margin:0;}.sidebar .widget-content{float:left;width:100%;margin:0 }.social-counter li{float:left;width:calc(50% - 5px);margin:10px 0 0 }.social-counter li:nth-child(1),.social-counter li:nth-child(2){margin-top:0 }.social-counter li:nth-child(even){float:right }.social-counter li a{display:block;height:34px;font-size:13px;color:#fff;line-height:34px;border-radius:2px;transition:opacity .17s }.social-counter li a:hover{opacity:.8 }.social-counter li a:before{float:left;width:34px;height:34px;background-color:rgba(255,255,255,0.1);font-size:16px;text-align:center;margin:0 10px 0 0 }.list-label li{position:relative;display:block;padding:8px 0;border-top:1px dotted #eaeaea }.list-label li:first-child{padding:0 0 8px;border-top:0 }.list-label li:last-child{padding-bottom:0;border-bottom:0 }.list-label li a{display:block;color:$(title.color);font-size:13px;font-weight:400;text-transform:capitalize;transition:color .17s }.list-label li a:before{content:"\f105";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;margin:0 3px 0 0;transition:color .17s }.list-label li a:hover{color:$(title.hover) }.list-label .label-count{position:relative;float:right;width:16px;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px;border-radius:2px }.cloud-label li{position:relative;float:left;margin:0 5px 5px 0 }.cloud-label li a{display:block;height:26px;background-color:#f2f2f2;color:$(title.color);font-size:12px;line-height:26px;font-weight:400;padding:0 10px;border-radius:2px;transition:all .17s ease }.cloud-label li a:hover{color:#fff;background-color:$(main.color) }.cloud-label .label-count{display:none }.sidebar .FollowByEmail > .widget-title > h3{margin:0 }.FollowByEmail .widget-content{position:relative;overflow:hidden;font-weight:400;text-align:center;box-sizing:border-box;padding:20px;border:1px solid #eaeaea }.FollowByEmail .widget-content > h3{font-size:18px;color:$(title.color);font-weight:700;margin:0 0 13px }.FollowByEmail .before-text{font-size:13px;color:#888;line-height:1.4em;margin:0 0 10px;display:block;padding:0 15px;overflow:hidden }.FollowByEmail .follow-by-email-inner{position:relative }.FollowByEmail .follow-by-email-inner .follow-by-email-address{width:100%;height:34px;color:#888;font-size:11px;font-family:inherit;text-align:center;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid #eaeaea;border-radius:2px;transition:ease .17s }.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border-color:rgba(0,0,0,0.1) }.FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:100%;height:34px;font-family:inherit;font-size:11px;color:#fff;background-color:$(main.color);text-transform:uppercase;text-align:center;font-weight:700;cursor:pointer;margin:0;border:0;border-radius:2px;transition:background .17s }.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.dark.color) }#ArchiveList ul.flat li{color:$(title.color);font-size:13px;font-weight:400;padding:8px 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:$(title.color);transition:color .17s }#ArchiveList .flat li > a:hover{color:$(title.hover) }#ArchiveList .flat li > a:before{content:"\f105";float:left;color:$(title.color);font-weight:400;font-family:FontAwesome;margin:0 3px 0 0;display:inline-block;transition:color .17s }#ArchiveList .flat li > a > span{position:relative;float:right;width:16px;height:16px;background-color:$(main.color);color:#fff;font-size:11px;font-weight:400;text-align:center;line-height:16px }.PopularPosts .post{overflow:hidden;margin:20px 0 0 }.PopularPosts .post:first-child{margin:0 }.PopularPosts .post-image-link{position:relative;width:75px;height:90px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 12px 0 0 }.PopularPosts .post-info{overflow:hidden }.PopularPosts .post-title{font-size:13px;font-weight:500;line-height:1.5em;margin:0 0 5px }.PopularPosts .post-title a{display:block;color:$(title.color);transition:color .17s }.PopularPosts .post-title a:hover{color:$(title.hover) }.PopularPosts .post-meta{font-size:11px }.PopularPosts .post-date:before{font-size:10px }.FeaturedPost .post-image-link{display:block;position:relative;overflow:hidden;width:100%;height:180px;margin:0 0 13px }.FeaturedPost .post-title{font-size:18px;overflow:hidden;font-weight:700;line-height:1.5em;margin:0 0 10px }.FeaturedPost .post-title a{color:$(title.color);display:block;transition:color .17s ease }.FeaturedPost .post-title a:hover{color:$(title.hover) }.Text{font-size:13px }.contact-form-widget form{font-weight:400 }.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 #eaeaea;border-radius:2px }.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 #eaeaea;border-radius:2px }.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 #eaeaea;border-radius:2px }.contact-form-button-submit{float:left;width:100%;height:30px;background-color:$(main.color);font-size:13px;color:#fff;line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:0;border:0;border-radius:2px;transition:background .17s ease }.contact-form-button-submit:hover{background-color:$(main.dark.color) }.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-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;border:1px solid #eaeaea;border-right-width:0 }.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:$(main.color);color:#fff;padding:0 5px;border:0;transition:background .17s ease }.BlogSearch .search-action:hover{background-color:$(main.dark.color) }.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:14px;color:$(title.color);margin:0 0 5px;transition:color .17s ease }.Profile .profile-data .g-profile:hover{color:$(title.hover) }.Profile .profile-info > .profile-link{color:$(title.color);font-size:11px;margin:5px 0 0;transition:color .17s ease }.Profile .profile-info > .profile-link:hover{color:$(title.hover) }.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:$(title.color);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:$(title.hover) }.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{background-color:$(main.dark.color) }#footer-wrapper .container{position:relative;overflow:hidden;margin:0 auto;padding:25px 0 }.footer-widgets-wrap{position:relative;display:flex;margin:0 -15px }#footer-wrapper .footer{display:inline-block;float:left;width:33.33333333%;box-sizing:border-box;padding:0 15px }#footer-wrapper .footer .widget{float:left;width:100%;padding:0;margin:25px 0 0 }#footer-wrapper .footer .Text{margin:10px 0 0 }#footer-wrapper .footer .widget:first-child{margin:0 }#footer-wrapper .footer .widget-content{float:left;width:100% }.footer .widget > .widget-title{position:relative;float:left;width:100%;height:28px;display:block;margin:0 0 20px;border-bottom:2px solid rgba(255,255,255,0.05) }.footer .widget > .widget-title > h3{position:relative;float:left;height:30px;font-size:16px;color:$(footer.color);margin:0 }.footer .widget > .widget-title > h3:after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background-color:$(main.color);margin:0 }.footer .PopularPosts .post,.footer .custom-widget li,.footer .FeaturedPost .post-meta{border-color:rgba(255,255,255,0.05) }.footer .post-image-link{background-color:rgba(255,255,255,0.05) }.footer .custom-widget .post-title a,.footer .PopularPosts .post-title a,.footer .FeaturedPost .post-title a,.footer .LinkList ul li a,.footer .PageList ul li a,.footer .Profile .profile-data .g-profile,.footer .Profile .profile-info > .profile-link{color:$(footer.color) }.footer .custom-widget .post-title a:hover,.footer .PopularPosts .post-title a:hover,.footer .FeaturedPost .post-title a:hover,.footer .LinkList ul li a:hover,.footer .PageList ul li a:hover,.footer .Profile .profile-data .g-profile:hover,.footer .Profile .profile-info > .profile-link:hover{color:$(title.hover) }.footer .no-posts{color:$(footer.color) }.footer .FollowByEmail .widget-content > h3{color:$(footer.color) }.footer .FollowByEmail .widget-content{background-color:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.05) }.footer .FollowByEmail .before-text,#footer-wrapper .footer .Text{color:#aaa }.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background:$(main.dark.color) }.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05) }.footer #ArchiveList .flat li > a{color:$(footer.color) }.footer .list-label li,.footer .BlogArchive #ArchiveList ul.flat li{border-color:rgba(255,255,255,0.05) }.footer .list-label li:first-child{padding-top:0 }.footer .list-label li a,.footer .list-label li a:before,.footer #ArchiveList .flat li > a,.footer #ArchiveList .flat li > a:before{color:$(footer.color) }.footer .list-label li > a:hover,.footer #ArchiveList .flat li > a:hover{color:$(title.hover) }.footer .list-label .label-count,.footer #ArchiveList .flat li > a > span{background-color:rgba(255,255,255,0.05);color:$(footer.color) }.footer .cloud-label li a{background-color:rgba(255,255,255,0.05);color:$(footer.color) }.footer .cloud-label li a:hover{background-color:$(main.color);color:#fff }.footer .BlogSearch .search-input{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05) }.footer .contact-form-name,.footer .contact-form-email,.footer .contact-form-email-message{background-color:rgba(255,255,255,0.05);color:$(footer.color);border-color:rgba(255,255,255,0.05) }.footer .BlogSearch .search-action:hover,.footer .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover,.footer .contact-form-button-submit:hover{background-color:rgba(0,0,0,0.3) }#sub-footer-wrapper{color:$(footer.color);display:block;padding:0;width:100%;overflow:hidden;border-top:1px solid rgba(255,255,255,0.05) }#sub-footer-wrapper .container{overflow:hidden;margin:0 auto;padding:10px 0 }#menu-footer{float:right;position:relative;display:block }#menu-footer .widget > .widget-title{display:none }#menu-footer ul li{float:left;display:inline-block;height:34px;padding:0;margin:0 }#menu-footer ul li a{font-size:12px;font-weight:400;display:block;color:$(footer.color);line-height:34px;padding:0 5px;margin:0 0 0 10px;transition:color .17s ease }#menu-footer ul li:last-child a{padding:0 0 0 5px }#menu-footer ul li a:hover{color:$(title.hover) }#sub-footer-wrapper .copyright-area{font-size:12px;float:left;height:34px;line-height:34px;font-weight:400 }#sub-footer-wrapper .copyright-area a{color:$(footer.color);transition:color .17s }#sub-footer-wrapper .copyright-area a:hover{color:$(title.hover) }.hidden-widgets{display:none;visibility:hidden }.back-top{display:none;z-index:1010;width:34px;height:34px;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:20px;color:#fff;text-align:center;line-height:34px;border-radius:2px }.back-top:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:$(main.color);opacity:.5;transition:opacity .17s ease }.back-top:after{content:'\f106';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:$(title.color);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:$(main.color);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,.header-header .container,.header-menu .container,#hot-wrapper{box-sizing:border-box;padding:0 20px }#header-wrap{height:auto }.header-logo{max-width:30% }.header-ads{max-width:70% }.show-search,.hide-search{right:20px }#nav-search .search-input{padding:0 46px 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:25px 20px }#sub-footer-wrapper .container{box-sizing:border-box;padding:10px 20px }}@media screen and (max-width: 980px) {#content-wrapper > .container{margin:0 }#top-bar,.header-logo,.header-menu{display:none }.mobile-header{display:block }#header-wrap{padding:0 }.header-header{height:auto;padding:0 }.header-header .container.row{width:100% }.header-ads{width:100%;max-width:100%;box-sizing:border-box;padding:0 }.header-ads .widget .widget-content{position:relative;padding:20px 0;margin:0 auto }#header-inner a{display:inline-block!important }#main-wrapper,#sidebar-wrapper{width:100%;padding:0 }#sidebar-wrapper{max-width:330px;float:none;clear:both;margin:10px auto 0;}}@media screen and (max-width: 880px) {.footer-widgets-wrap{display:block }#footer-wrapper .footer{width:100%;margin-right:0 }#footer-sec2,#footer-sec3{margin-top:25px }}@media screen and (max-width: 680px) {.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-big .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{width:100%;height:180px;margin:0 0 10px }.index-post .post-info,.feat-big .item-big .post-info,.feat-list .post-info{float:left;width:100% }.post-snippet{margin:8px 0 0 }#menu-footer,#sub-footer-wrapper .copyright-area{width:100%;height:auto;line-height:inherit;text-align:center }#menu-footer{margin:10px 0 0 }#sub-footer-wrapper .copyright-area{margin:10px 0 }#menu-footer ul li{float:none;height:auto }#menu-footer ul li a{line-height:inherit;margin:0 3px 5px }}@media screen and (max-width: 540px) {.hot-posts .hot-item,.index-post .post-image-wrap,.feat-list .feat-inner .post-image-link,.feat-big .feat-inner .post-image-link,.feat-col .feat-inner .post-image-link,.grid-big .post-image-link,.FeaturedPost .post-image-link{height:160px }.share-links li a span{display:none }.share-links li.facebook,.share-links li.twitter,.share-links li.gplus{width:30px }ul.related-posts{margin:0 }.related-posts .related-item,.grid-small li,.feat-big .item-small{width:100%;padding:0;margin:20px 0 0 }.related-posts .item-0,.grid-small li.item-0{padding:0;margin:0;border:0 }.related-posts .related-item:first-child{padding:0 }.related-posts .post-image-link,.feat-big .item-small .post-image-link,.grid-small .post-image-link{width:75px;height:65px;float:left;margin:0 12px 0 0 }.related-posts .post-tag{display:none }.related-posts .post-title,.grid-small .post-title{font-size:13px;overflow:hidden;margin:0 0 5px }.inline-ad,.inline-ad > ins{height:auto;min-height:1px;max-height:250px }.item-post h1.post-title{font-size:25px }}@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:21px }blockquote{padding:10px 15px }.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:130px }}@media screen and (max-width: 360px) {.about-author .avatar-container{width:60px;height:60px }}
  61.  
  62. ]]></b:skin>
  63. <style>
  64. /*-------Typography and ShortCodes-------*/
  65. .firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:&#39;\f10d&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:&#39;\f10e&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:&quot;\f06e&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:&quot;\f019&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:&quot;\f09d&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:&quot;\f14c&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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 li:before{content:&quot;\f105&quot;;margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, &quot;Andale Mono&quot;, &quot;Courier New&quot;, Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:&#39;Code&#39;;display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:&quot;\f058&quot;}.fa-info-circle:before{content:&quot;\f05a&quot;}.fa-exclamation-triangle:before{content:&quot;\f071&quot;}.fa-exclamation-circle:before{content:&quot;\f06a&quot;}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}
  66. .FollowByEmail {
  67.     clear: both;
  68. }
  69. .widget .post-body ol {
  70.     padding: 0 0 0 15px;
  71. }
  72. .post-body ul li {
  73.     list-style: none;
  74. }
  75. </style>
  76. <b:if cond='data:view.isLayoutMode'>
  77. <b:template-skin>
  78. <![CDATA[
  79. /*------Layout (No Edit)----------*/
  80. body#layout #outer-wrapper,body#layout .row{width:auto;padding:0 }body#layout{width:800px;position:relative;padding:95px 5px 0;margin:0 }body#layout div.section{margin:0 5px 10px!important;padding:16px 16px 18px!important }body#layout .section h4{font-size:14px;margin:0 }body#layout .layout-widget-description{display:none }body#layout .theme-options,body#layout #main-menu .widget{display:block!important }body#layout div.sora-panel{background-color:#d7d7d7!important;overflow:hidden!important;border-color:#bcbcbc }body#layout .sora-panel .widget{float:left;width:49%;margin-right:2% }body#layout .sora-panel #LinkList71{margin-right:0 }body#layout #top-bar{height:auto }body#layout #top-bar .container{display:flex }body#layout div.top-bar-nav,body#layout div.top-bar-social{width:100% }body#layout #header-wrap{height:auto }body#layout .header-header{float:left;width:66.66%;height:auto;padding:0 }body#layout .header-header .container{display:flex }body#layout div.header-logo,body#layout div.header-ads{float:left;width:50%;height:auto;max-width:none;max-height:none }body#layout .header-ads .widget-content{width:auto }body#layout .header-ads .add_widget{padding:15px!important }body#layout .mobile-header{display:block;float:right;width:33.33%;height:auto }body#layout .mobile-menu{display:none }body#layout .header-menu{float:left;width:100%;height:auto }body#layout #main-menu{height:auto }body#layout #hot-wrapper .widget{display:block }body#layout #content-wrapper{margin:0 }body#layout #content-wrapper > .container{display:flex;margin:0 }body#layout #main-wrapper{width:66.66%;padding:0 }body#layout #sidebar-wrapper{width:33.33%;padding:0 }body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible }body#layout .footer-widgets-wrap{display:flex }body#layout .footer-widgets-wrap div.footer{width:100% }body#layout .widget-content, body#layout #footer-wrapper .footer .widget-content {width:auto;float:none;}body#layout #footer-wrapper .footer .widget {margin: 8px 0 0;}
  81. /*------Layout (end)----------*/
  82. ]]></b:template-skin>
  83. </b:if>
  84.  
  85. <!-- Global Variables -->
  86. <script type='text/javascript'>
  87. //<![CDATA[
  88. // Global variables with content. "Available for Edit"
  89. var monthFormat = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
  90.    noThumbnail = "https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w680/nth.png",
  91.    postPerPage = 7,
  92.    commentsSystem = "blogger",
  93.    disqusShortname = "soratemplates";
  94. //]]>
  95. </script>
  96.  
  97. <b:defaultmarkups>
  98.   <b:defaultmarkup type='Common'>
  99.     <b:includable id='widget-title'>
  100.       <b:if cond='data:defaultTitle or data:title'>
  101.         <div class='widget-title'>
  102.           <h3 class='title'>
  103.             <data:title/>
  104.           </h3>
  105.         </div>
  106.       </b:if>
  107.     </b:includable>    
  108.   </b:defaultmarkup>
  109.   <b:defaultmarkup type='PopularPosts'>
  110.     <b:includable id='main' var='this'>
  111.       <b:include name='widget-title'/>
  112.       <div class='widget-content'>
  113.         <b:loop values='data:posts' var='post'>
  114.           <b:include data='post' name='postContent'/>
  115.         </b:loop>
  116.       </div>
  117.     </b:includable>
  118.     <b:includable id='postContent' var='post'>
  119.       <div class='post'>
  120.         <div class='post-content'>
  121.           <a class='post-image-link' expr:href='data:post.url'>
  122.             <b:if cond='data:post.featuredImage'>
  123.               <img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 100'/>
  124.               <b:else/>
  125.               <img class='post-thumb' expr:alt='data:post.title' src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w100/nth.png'/>
  126.             </b:if>
  127.           </a>
  128.           <div class='post-info'>
  129.             <h2 class='post-title'>
  130.               <a expr:href='data:post.url'><data:post.title/></a>
  131.             </h2>
  132.             <div class='post-meta'>
  133.               <span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
  134.             </div>
  135.           </div>
  136.         </div>
  137.       </div>
  138.     </b:includable>
  139.   </b:defaultmarkup>
  140.   <b:defaultmarkup type='Header'>
  141.     <b:includable id='main' var='this'>
  142.       <div class='header-widget'>
  143.         <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  144.         <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='title'/>
  145.       </div>
  146.     </b:includable>
  147.     <b:includable id='image'>
  148.       <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
  149.         <img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>
  150.       </a>
  151.     </b:includable>
  152.   </b:defaultmarkup>
  153.   <b:defaultmarkup type='FeaturedPost'>
  154.     <b:includable id='main' var='this'>
  155.       <b:include name='widget-title'/>
  156.       <div class='widget-content'>
  157.         <b:loop values='data:posts' var='post'>
  158.           <b:include data='post' name='postContent'/>
  159.         </b:loop>
  160.       </div>
  161.     </b:includable>
  162.     <b:includable id='postContent' var='post'>
  163.       <div class='post'>
  164.         <div class='post-content'>
  165.           <a class='post-image-link' expr:href='data:post.url'>
  166.             <b:if cond='data:post.featuredImage'>
  167.               <img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 640'/>
  168.               <b:else/>
  169.               <img class='post-thumb' expr:alt='data:post.title' src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w640/nth.png'/>
  170.             </b:if>
  171.             <span class='post-tag'><data:post.labels.last.name/></span>
  172.           </a>
  173.           <div class='post-info'>
  174.             <h2 class='post-title'>
  175.               <a expr:href='data:post.url'><data:post.title/></a>
  176.             </h2>
  177.             <div class='post-meta'>
  178.               <span class='post-author'><data:post.author.name/></span>
  179.               <span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
  180.             </div>
  181.             <p class='post-snippet'><b:eval expr='data:post.snippets.short snippet { length: 87 }'/></p>
  182.           </div>
  183.         </div>
  184.       </div>
  185.     </b:includable>
  186.   </b:defaultmarkup>
  187.   <b:defaultmarkup type='Label'>
  188.     <b:includable id='main' var='this'>
  189.       <b:include name='widget-title'/>
  190.       <b:include name='content'/>
  191.     </b:includable>
  192.     <b:includable id='content'>
  193.       <div class='widget-content'>
  194.         <b:class expr:name='data:this.display + &quot;-label&quot;'/>
  195.         <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  196.         <b:include cond='data:this.display == &quot;cloud&quot;' name='list'/>
  197.       </div>
  198.     </b:includable>
  199.     <b:includable id='list'>
  200.       <ul>
  201.         <b:loop values='data:labels' var='label'>
  202.           <li>
  203.             <a class='label-name' expr:href='data:label.url'>
  204.               <data:label.name/>
  205.               <b:if cond='data:this.showFreqNumbers'>
  206.                 <span class='label-count'><data:label.count/></span>
  207.               </b:if>
  208.             </a>
  209.           </li>
  210.         </b:loop>
  211.       </ul>
  212.     </b:includable>
  213.   </b:defaultmarkup>
  214.   <b:defaultmarkup type='FollowByEmail'>
  215.     <b:includable id='main' var='this'>
  216.       <b:include name='content'/>
  217.     </b:includable>
  218.     <b:includable id='content'>
  219.       <div class='widget-content'>
  220.         <b:if cond='data:defaultTitle or data:title'>
  221.           <h3 class='title'>
  222.             <data:title/>
  223.           </h3>
  224.         </b:if>
  225.         <span class='before-text'><data:skin.vars.followByEmail/></span>
  226.         <div class='follow-by-email-inner'>
  227.           <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  228.             <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
  229.             <input class='follow-by-email-submit' expr:value='data:messages.subscribe' type='submit'/>
  230.             <input expr:value='data:feedPath' name='uri' type='hidden'/>
  231.             <input name='loc' type='hidden' value='en_US'/>
  232.           </form>
  233.         </div>
  234.       </div>
  235.     </b:includable>
  236.   </b:defaultmarkup>
  237.   <b:defaultmarkup type='BlogSearch'>
  238.     <b:includable id='main' var='this'>
  239.       <b:include name='widget-title'/>
  240.       <b:include name='content'/>
  241.     </b:includable>
  242.     <b:includable id='content'>
  243.       <div class='widget-content' role='search'>
  244.         <form class='search-form' expr:action='data:blog.searchUrl'>
  245.           <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
  246.           <b:include name='urlParamsAsFormInput'/>
  247.           <input autocomplete='off' class='search-input' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>
  248.           <input class='search-action' expr:value='data:messages.search.escaped' type='submit'/>  
  249.         </form>
  250.       </div>
  251.     </b:includable>
  252.   </b:defaultmarkup>
  253.   <b:defaultmarkup type='BlogArchive'>
  254.     <b:includable id='main' var='this'>
  255.       <b:include name='widget-title'/>
  256.       <b:include name='content'/>
  257.     </b:includable>
  258.     <b:includable id='content'>
  259.       <div class='widget-content'>
  260.         <div id='ArchiveList'>
  261.           <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  262.             <b:include cond='data:this.style in {&quot;FLAT&quot;, &quot;MENU&quot;, &quot;HIERARCHY&quot;}' name='flat'/>
  263.           </div>
  264.         </div>
  265.       </div>
  266.     </b:includable>
  267.     <b:includable id='flat'>
  268.       <ul class='flat'>
  269.         <b:loop values='data:data' var='i'>
  270.           <li class='archivedate'>
  271.             <a expr:href='data:i.url'>
  272.               <data:i.name/><span class='post-count'><data:i.post-count/></span>
  273.             </a>
  274.           </li>
  275.         </b:loop>
  276.       </ul>
  277.     </b:includable>
  278.   </b:defaultmarkup>
  279. </b:defaultmarkups>
  280.  
  281.     <!-- Google Analytics -->
  282.     <b:include data='blog' name='google-analytics'/>
  283. <!--Related Posts with thumbnails Scripts and Styles Start-->
  284. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  285. <style type='text/css'>
  286. #related-posts{float:left;width:auto;}
  287. #related-posts a{border-right: 1px dotted #eaeaea;}
  288. #related-posts .related_img {margin:5px;border:2px solid #f2f2f2;object-fit: cover;width:137px;height:194px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
  289. #related-title {color:#333;text-align:center;text-transform:capitalize;padding: 0px 5px 10px;font-size:12px;width:140px; height: 40px;}
  290. </style>
  291. <script type='text/javascript'>
  292. //<![CDATA[
  293. var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<div class="title-wrap"><h3>'+relatedpoststitle+'</h3></div>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="text-decoration:none;margin:0 4px 10px 0;float:left;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
  294. //]]>
  295. </script>
  296. </b:if>
  297. <!--Related Posts with thumbnails Scripts and Styles End-->
  298.  <!-- Histats.com  START  (aync)-->
  299. <script type="text/javascript">var _Hasync= _Hasync|| [];
  300. _Hasync.push(['Histats.start', '1,4243963,4,0,0,0,00010000']);
  301. _Hasync.push(['Histats.fasi', '1']);
  302. _Hasync.push(['Histats.track_hits', '']);
  303. (function() {
  304. var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
  305. hs.src = ('//s10.histats.com/js15_as.js');
  306. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
  307. })();</script>
  308. <noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4243963&amp;101" alt="myspace tracker" border="0"/></a></noscript>
  309. <!-- Histats.com  END  -->
  310. </head>
  311. <body expr:class='data:blog.pageType'>
  312.   <b:class cond='data:view.isHomepage' name='home'/>
  313.   <b:class cond='data:view.isPage' name='item'/>
  314.   <b:class cond='data:view.isArchive' name='index'/>
  315.   <b:class cond='data:view.isError' name='error404'/>
  316.  
  317. <!-- Theme Options -->
  318.   <div class='theme-options' style='display:none'>
  319.     <b:section class='sora-panel' id='sora-panel' maxwidgets='1' name='Theme Options' showaddelement='no'>
  320.       <b:widget id='LinkList70' locked='true' title='Css Options' type='LinkList' version='2' visible='true'>
  321.         <b:widget-settings>
  322.           <b:widget-setting name='sorting'>NONE</b:widget-setting>
  323.           <b:widget-setting name='text-0'>boxedVersion</b:widget-setting>
  324.           <b:widget-setting name='link-0'>true</b:widget-setting>
  325.         </b:widget-settings>
  326.         <b:includable id='main'>
  327.           <b:include name='content'/>
  328.         </b:includable>
  329.         <b:includable id='content'>
  330.           &lt;style type=&#39;text/css&#39;&gt;
  331.           <b:loop values='data:links' var='link'>
  332.             <b:if cond='data:link.name == &quot;boxedVersion&quot;'>
  333.               <b:if cond='data:link.target == &quot;true&quot;'>
  334.                 #outer-wrapper{max-width:1020px}
  335.               </b:if>
  336.             </b:if>
  337.             <b:if cond='data:link.name == &quot;recentPostsHeadline&quot;'>
  338.               <b:if cond='data:link.target == &quot;false&quot;'>
  339.                 .home-posts-headline{display:none}
  340.               </b:if>
  341.             </b:if>
  342.           </b:loop>
  343.           &lt;/style&gt;
  344.         </b:includable>
  345.       </b:widget>
  346.       <b:widget id='LinkList71' locked='true' title='Default Variables' type='LinkList' version='2' visible='true'>
  347.         <b:widget-settings>
  348.           <b:widget-setting name='sorting'>NONE</b:widget-setting>
  349.           <b:widget-setting name='text-1'>commentsSystem</b:widget-setting>
  350.           <b:widget-setting name='link-1'>blogger</b:widget-setting>
  351.           <b:widget-setting name='text-0'>disqusShortname</b:widget-setting>
  352.           <b:widget-setting name='link-0'>soratemplates</b:widget-setting>
  353.         </b:widget-settings>
  354.         <b:includable id='main'>
  355.           <b:include name='content'/>
  356.         </b:includable>
  357.         <b:includable id='content'>
  358.           &lt;script type=&#39;text/javascript&#39;&gt;
  359.           //&lt;![CDATA[
  360.           <b:loop values='data:links' var='link'>
  361.             <b:if cond='data:link.name == &quot;postPerPage&quot;'>
  362.               var postPerPage = <data:link.target/>;
  363.             </b:if>
  364.             <b:if cond='data:link.name == &quot;fixedSidebar&quot;'>
  365.               var fixedSidebar = <data:link.target/>;
  366.             </b:if>
  367.             <b:if cond='data:link.name == &quot;commentsSystem&quot;'>
  368.               var commentsSystem = &quot;<data:link.target/>&quot;;
  369.             </b:if>
  370.             <b:if cond='data:link.name == &quot;disqusShortname&quot;'>
  371.               var disqusShortname = &quot;<data:link.target/>&quot;;
  372.             </b:if>
  373.           </b:loop>
  374.           //]]&gt;
  375.           &lt;/script&gt;
  376.         </b:includable>
  377.       </b:widget>
  378.     </b:section>
  379.   </div>
  380.  
  381. <!-- Outer Wrapper -->
  382. <div id='outer-wrapper'>
  383.  
  384.  
  385.   <!-- Header Wrapper -->
  386.   <div id='header-wrap'>
  387.  
  388.     <div class='header-header'>    
  389.       <div class='container row'>
  390.           <b:section class='header-logo' id='header-logo' maxwidgets='1' name='Header Logo' showaddelement='yes'>
  391.             <b:widget id='Header1' locked='true' title='Books Pro (Header)' type='Header' version='2' visible='true'>
  392.               <b:widget-settings>
  393.                 <b:widget-setting name='displayUrl'/>
  394.                 <b:widget-setting name='displayHeight'>0</b:widget-setting>
  395.                 <b:widget-setting name='sectionWidth'>150</b:widget-setting>
  396.                 <b:widget-setting name='useImage'>false</b:widget-setting>
  397.                 <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  398.                 <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  399.                 <b:widget-setting name='displayWidth'>0</b:widget-setting>
  400.               </b:widget-settings>
  401.               <b:includable id='main' var='this'>
  402.       <div class='header-widget'>
  403.         <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  404.         <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='title'/>
  405.       </div>
  406.     </b:includable>
  407.               <b:includable id='behindImageStyle'>
  408.     <b:if cond='data:sourceUrl'>
  409.       <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
  410.       <style type='text/css'>
  411.         .header-widget {
  412.           background-position: <data:blog.locale.languageAlignment/>;
  413.           background-repeat: no-repeat;
  414.         }
  415.       </style>
  416.     </b:if>
  417.   </b:includable>
  418.               <b:includable id='description'>
  419.     <p>
  420.       <data:this.description/>
  421.     </p>
  422.   </b:includable>
  423.               <b:includable id='image'>
  424.       <a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
  425.         <img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>
  426.       </a>
  427.     </b:includable>
  428.               <b:includable id='title'>
  429.     <h1>
  430.       <b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
  431.         <data:title/>
  432.       </b:tag>
  433.     </h1>
  434.   </b:includable>
  435.             </b:widget>
  436.           </b:section>
  437.           <b:section class='header-ads' id='header-ads' maxwidgets='1' name='Header Ads 728x90' showaddelement='yes'>
  438.             <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
  439.               <b:widget-settings>
  440.                 <b:widget-setting name='content'><![CDATA[<a href='#'><img src='https://1.bp.blogspot.com/-Muo4mbYDD_c/W1lXcBJJQ_I/AAAAAAAACn8/tu4j8Z6ZadwTbAcyLRHjreEqdZnmX37JQCK4BGAYYCw/s728/728x90ads.png' alt='header ads'/></a>]]></b:widget-setting>
  441.               </b:widget-settings>
  442.               <b:includable id='main'>
  443.   <b:include name='widget-title'/>
  444.   <div class='widget-content'>
  445.     <data:content/>
  446.   </div>
  447. </b:includable>
  448.             </b:widget>
  449.           </b:section>
  450.       </div>
  451.     </div>
  452.  
  453.     <div class='mobile-header'>
  454.       <span class='slide-menu-toggle'/>
  455.       <b:section class='mobile-logo' id='mobile-logo' maxwidgets='1' name='Mobile Logo' showaddelement='yes'>
  456.         <b:widget id='Image70' locked='true' title='Mobile Logo Settings' type='Image' version='2' visible='true'>
  457.           <b:widget-settings>
  458.             <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-x4ljba1_qyc/XBy_fboCycI/AAAAAAAAGNc/r2bN7MRsKNojGEEnIEDsbBcmboUj-zydACK4BGAYYCw/s1600/schema%2Blogo.png</b:widget-setting>
  459.             <b:widget-setting name='displayHeight'>60</b:widget-setting>
  460.             <b:widget-setting name='sectionWidth'>150</b:widget-setting>
  461.             <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  462.             <b:widget-setting name='displayWidth'>183</b:widget-setting>
  463.             <b:widget-setting name='link'>Shema.</b:widget-setting>
  464.             <b:widget-setting name='caption'>text</b:widget-setting>
  465.           </b:widget-settings>
  466.           <b:includable id='main'>
  467.             <b:include name='content'/>
  468.           </b:includable>
  469.           <b:includable id='content'>
  470.             <div class='logo-content'>
  471.               <b:if cond='data:caption == &quot;image&quot;'>
  472.                 <a expr:href='data:blog.homepageUrl'><img expr:alt='data:blog.title' expr:src='data:sourceUrl'/></a>
  473.                 <b:elseif cond='data:caption == &quot;custom&quot;'/>
  474.                 <b:if cond='data:link'>
  475.                   <h3><a expr:href='data:blog.homepageUrl'><data:link/></a></h3>
  476.                 </b:if>
  477.                 <b:else/>  
  478.                 <h3><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h3>      
  479.               </b:if>
  480.             </div>
  481.           </b:includable>
  482.         </b:widget>
  483.       </b:section>
  484.       <span class='show-mobile-search'/>
  485.       <form class='mobile-search-form' expr:action='data:blog.searchUrl' role='search'>
  486.         <input class='mobile-search-input' expr:placeholder='data:messages.searchThisBlog' name='q' type='search' value=''/>
  487.         <span class='hide-mobile-search'/>
  488.       </form>
  489.       <div class='mobile-menu'/>
  490.     </div>
  491.  
  492.     <div class='header-menu'>
  493.       <div class='container row'>
  494. <div class='main-menu no-items section' id='main-menu' name='Main Menu'>
  495.         <ul>
  496.           <li><a href='/'>Home</a></li>
  497. <li><a href='/search?q=epub'>ePub</a></li>
  498. <li><a href='/search?q=ebook'>eBook</a></li>
  499. <li><a href='/search?q=AudioBook'>AudioBook</a></li>
  500.  
  501.         </ul>
  502. </div>
  503.         <div id='nav-search'>
  504.           <form class='search-form' expr:action='data:blog.searchUrl' role='search'>
  505.             <input autocomplete='off' class='search-input' expr:placeholder='data:messages.searchThisBlog' name='q' type='search' value=''/>
  506.             <span class='hide-search'/>
  507.           </form>
  508.         </div>
  509.         <span class='show-search'/>
  510.       </div>
  511.     </div>
  512.  
  513.   </div>
  514.  
  515.   <div class='clearfix'/>
  516.  
  517.  
  518.  
  519.   <!-- Content Wrapper -->
  520.   <div class='row' id='content-wrapper'>
  521.     <div class='container'>
  522.  
  523.       <!-- Main Wrapper -->
  524.       <div id='main-wrapper'>
  525.  
  526.      
  527.  
  528.         <b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>
  529.           <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='2' visible='true'>
  530.             <b:widget-settings>
  531.               <b:widget-setting name='commentLabel'>Comments</b:widget-setting>
  532.               <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  533.               <b:widget-setting name='authorLabel'>Posted by:</b:widget-setting>
  534.               <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  535.               <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  536.               <b:widget-setting name='timestampLabel'/>
  537.               <b:widget-setting name='reactionsLabel'>Reactions</b:widget-setting>
  538.               <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
  539.               <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  540.               <b:widget-setting name='showLocation'>false</b:widget-setting>
  541.               <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  542.               <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  543.               <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
  544.               <b:widget-setting name='backlinksLabel'>Related Posts</b:widget-setting>
  545.               <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  546.               <b:widget-setting name='style.textcolor'>#656565</b:widget-setting>
  547.               <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  548.               <b:widget-setting name='style.urlcolor'>#ff3b30</b:widget-setting>
  549.               <b:widget-setting name='showAuthor'>true</b:widget-setting>
  550.               <b:widget-setting name='style.linkcolor'>#f8f8f8</b:widget-setting>
  551.               <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
  552.               <b:widget-setting name='showLabels'>true</b:widget-setting>
  553.               <b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting>
  554.               <b:widget-setting name='showBacklinks'>true</b:widget-setting>
  555.               <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  556.               <b:widget-setting name='showReactions'>true</b:widget-setting>
  557.             </b:widget-settings>
  558.             <b:includable id='main' var='this'>
  559.               <b:include name='searchMessage'/>
  560.               <div class='blog-posts hfeed container'>
  561.                 <b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
  562.                 <b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
  563.                 <b:loop index='i' values='data:posts' var='post'>
  564.                   <b:include data='post' name='postCommentsAndAd'/>
  565.                 </b:loop>
  566.               </div>
  567.               <b:include cond='data:view.isMultipleItems' name='indexBlogPager'/>
  568.               <b:include name='feedLinks'/>
  569.               <b:include name='messagesJs'/>
  570.             </b:includable>
  571.             <b:includable id='aboutPostAuthor' var='post'>
  572.               <div class='about-author'>
  573.                 <div class='avatar-container'>
  574.                   <b:if cond='data:post.author.authorPhoto.image'>
  575.                     <img class='author-avatar' expr:alt='data:post.author.name' expr:src='data:post.author.authorPhoto.image resizeImage 100'/>                
  576.                     <b:else/>
  577.                     <img class='author-avatar' expr:alt='data:post.author.name' src='https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png'/>
  578.                   </b:if>
  579.                 </div>
  580.                 <h3 class='author-name'>
  581.                   <span><data:allBylineItems.author.label/></span><a expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' target='_blank'> <data:post.author.name/></a>
  582.                 </h3>
  583.                 <span class='author-description'><data:post.author.aboutMe/></span>
  584.               </div>
  585.             </b:includable>
  586.             <b:includable id='addComments'>
  587.               <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  588.                 <b:message name='messages.postAComment'/>
  589.               </a>
  590.             </b:includable>
  591.             <b:includable id='backLinks' var='post'>
  592.               <b:comment>Disabled</b:comment>        
  593.             </b:includable>
  594.             <b:includable id='commentAuthorAvatar'>
  595.               <div class='avatar-image-container'>
  596.                 <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='45' width='45'/>
  597.               </div>
  598.             </b:includable>
  599.             <b:includable id='commentDeleteIcon' var='comment'>
  600.               <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  601.                 <b:if cond='data:showCmtPopup'>
  602.                   <div class='goog-toggle-button'>
  603.                     <div class='goog-inline-block comment-action-icon'/>
  604.                   </div>
  605.                   <b:else/>
  606.                   <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
  607.                     <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  608.                   </a>
  609.                 </b:if>
  610.               </span>
  611.             </b:includable>
  612.             <b:includable id='commentForm' var='post'>
  613.               <div class='comment-form'>
  614.                 <a name='comment-form'/>
  615.                 <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  616.                   <p><data:this.messages.blogComment/></p>
  617.                 </b:if>
  618.                 <b:include data='post' name='commentFormIframeSrc'/>
  619.                 <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  620.                 <data:post.cmtfpIframe/>
  621.                 <script type='text/javascript'>
  622.                   BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  623.                 </script>
  624.               </div>
  625.             </b:includable>
  626.             <b:includable id='commentFormIframeSrc' var='post'>
  627.               <a expr:href='data:post.commentFormIframeSrc + &quot;&amp;skin=contempo&quot;' id='comment-editor-src'/>
  628.             </b:includable>
  629.             <b:includable id='commentItem' var='comment'>
  630.               <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
  631.                 <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
  632.  
  633.                 <div class='comment-block'>
  634.                   <div class='comment-author'>
  635.                     <b:if cond='data:comment.authorUrl'>
  636.                       <b:message name='messages.authorSaidWithLink'>
  637.                         <b:param expr:value='data:comment.author' name='authorName'/>
  638.                         <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
  639.                       </b:message>
  640.                       <b:else/>
  641.                       <b:message name='messages.authorSaid'>
  642.                         <b:param expr:value='data:comment.author' name='authorName'/>
  643.                       </b:message>
  644.                     </b:if>
  645.                   </div>
  646.                   <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
  647.                     <data:comment.body/>
  648.                   </div>
  649.                   <div class='comment-footer'>
  650.                     <span class='comment-timestamp'>
  651.                       <a expr:href='data:comment.url' title='comment permalink'>
  652.                         <data:comment.timestamp/>
  653.                       </a>
  654.                       <b:include data='comment' name='commentDeleteIcon'/>
  655.                     </span>
  656.                   </div>
  657.                 </div>
  658.               </div>
  659.             </b:includable>
  660.             <b:includable id='commentList' var='comments'>
  661.               <div id='comments-block'>
  662.                 <b:loop values='data:comments' var='comment'>
  663.                   <b:include data='comment' name='commentItem'/>
  664.                 </b:loop>
  665.               </div>
  666.             </b:includable>
  667.             <b:includable id='commentPicker' var='post'>
  668.               <b:if cond='data:post.allowComments'>
  669.                 <div class='title-wrap comments-title'>
  670.                   <h3><data:messages.postAComment/></h3>
  671.                 </div>
  672.               </b:if>
  673.               <b:if cond='data:post.commentSource == 1'>
  674.                 <b:include data='post' name='iframeComments'/>
  675.                 <b:elseif cond='data:post.showThreadedComments'/>
  676.                 <b:include data='post' name='threadedComments'/>
  677.                 <b:else/>
  678.                 <b:include data='post' name='comments'/>
  679.               </b:if>
  680.             </b:includable>
  681.             <b:includable id='comments' var='post'>
  682.               <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  683.                 <a name='comments'/>
  684.                 <b:if cond='data:post.allowComments'>
  685.  
  686.                   <b:include name='commentsTitle'/>
  687.  
  688.                   <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  689.                     <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
  690.                   </div>
  691.  
  692.                   <b:if cond='data:post.commentPagingRequired'>
  693.                     <div class='paging-control-container'>
  694.                       <b:if cond='data:post.hasOlderLinks'>
  695.                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  696.                           <data:messages.oldest/>
  697.                         </a>
  698.                         <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  699.                           <data:messages.older/>
  700.                         </a>
  701.                       </b:if>
  702.  
  703.                       <span class='comment-range-text'>
  704.                         <data:post.commentRangeText/>
  705.                       </span>
  706.  
  707.                       <b:if cond='data:post.hasNewerLinks'>
  708.                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  709.                           <data:messages.newer/>
  710.                         </a>
  711.                         <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  712.                           <data:messages.newest/>
  713.                         </a>
  714.                       </b:if>
  715.                     </div>
  716.                   </b:if>
  717.  
  718.                   <div class='footer'>
  719.                     <b:if cond='data:post.embedCommentForm'>
  720.                       <b:if cond='data:post.allowNewComments'>
  721.                         <b:include data='post' name='commentForm'/>
  722.                         <b:else/>
  723.                         <data:post.noNewCommentsText/>
  724.                       </b:if>
  725.                       <b:else/>
  726.                       <b:if cond='data:post.allowComments'>
  727.                         <b:include data='post' name='addComments'/>
  728.                       </b:if>
  729.                     </b:if>
  730.                   </div>
  731.                 </b:if>
  732.                 <b:if cond='data:showCmtPopup'>
  733.                   <div id='comment-popup'>
  734.                     <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  735.                     </iframe>
  736.                   </div>
  737.                 </b:if>
  738.               </section>
  739.             </b:includable>
  740.             <b:includable id='commentsTitle'>
  741.               <!-- Post Commments Title -->
  742.               <h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3>
  743.             </b:includable>
  744.             <b:includable id='feedLinks'>
  745.               <b:comment>Disabled</b:comment>
  746.             </b:includable>
  747.             <b:includable id='feedLinksBody' var='links'>
  748.               <b:comment>Disabled</b:comment>
  749.             </b:includable>
  750.             <b:includable id='footerBylines' var='post'>
  751.               <!-- Post Footer Extras -->
  752.               <b:include data='post' name='postLabels'/>
  753.               <b:include data='post' name='postShareButtons'/>
  754.             </b:includable>
  755.             <b:includable id='headerByline' var='post'>
  756.               <!-- Post Header Meta -->
  757.                 <div class='post-meta'>
  758.                   <b:include data='post' name='postAuthor'/>
  759.                   <b:include data='post' name='postTimestamp'/>
  760.                 </div>
  761.             </b:includable>
  762.             <b:includable id='homePageLink'>
  763.               <b:comment>Disabled</b:comment>
  764.             </b:includable>
  765.             <b:includable id='iframeComments' var='post'>
  766.               <b:if cond='data:post.allowIframeComments'>
  767.                 <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  768.                 <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  769.                 <b:if cond='!data:post.embedCommentForm'>
  770.                   <b:include data='post' name='commentsLink'/>
  771.                 </b:if>
  772.               </b:if>
  773.             </b:includable>
  774.             <b:includable id='indexBlogPager'>
  775.               <!-- Post Pagination Index -->
  776.               <div class='blog-pager container' id='blog-pager'>
  777.                 <b:include cond='data:newerPageUrl' name='previousPageLink'/>
  778.                 <b:include cond='data:olderPageUrl' name='nextPageLink'/>
  779.                 <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  780.               </div>
  781.             </b:includable>
  782.             <b:includable id='indexPost' var='post'>
  783.               <!-- Index Post Content -->
  784.               <b:include data='post' name='postFeaturedImage'/>
  785.               <div class='post-info'>
  786.                 <b:include data='post' name='postHeader'/>
  787.                 <b:include data='post' name='postSummary'/>
  788.               </div>
  789.             </b:includable>
  790.             <b:includable id='inlineAd' var='post'>
  791.               <b:if cond='!data:view.isPreview'>
  792.                 <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
  793.                   <!-- Ad -->
  794.                   <div class='inline-ad'>
  795.                     <b:if cond='data:this.adCode != &quot;&quot;'>
  796.                       <data:this.adCode/>
  797.                       <b:else/>
  798.                       <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
  799.                     </b:if>
  800.                   </div>
  801.                 </b:if>
  802.                 <b:else/>
  803.                 <div class='inline-ad'>
  804.                   <div class='inline-ad-placeholder'>
  805.                     <span><b:message name='messages.adsGoHere'/></span>
  806.                   </div>
  807.                 </div>
  808.               </b:if>
  809.             </b:includable>
  810.             <b:includable id='itemPost' var='post'>
  811.               <!-- Item Post Content -->
  812.               <b:include data='post' name='postMeta'/>
  813.               <b:include data='post' name='postHeader'/>
  814.               <!-- Show ad inside post content (top), if post page. -->
  815.               <b:include cond='data:view.isPost and data:post.includeAd' data='post' name='inlineAd'/>
  816.               <b:include data='post' name='postBody'/>
  817.               <!-- Show ad inside post content (bottom), if post page. -->
  818.               <b:include cond='data:view.isPost and data:post.includeAd' data='post' name='inlineAd'/>
  819.               <b:include cond='data:view.isPost' data='post' name='postFooter'/>
  820.             </b:includable>
  821.             <b:includable id='messagesJs'>
  822.               <script type='text/javascript'>
  823.                 var messages = {
  824.                   viewAll: &quot;<data:messages.viewAll/>&quot;
  825.                 }
  826.               </script>
  827.             </b:includable>
  828.             <b:includable id='nextPageLink'>
  829.               <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'>
  830.                 <data:messages.olderPosts/>
  831.               </a>
  832.             </b:includable>
  833.             <b:includable id='post' var='post'>
  834.               <!-- Post Index -->
  835.               <b:if cond='data:view.isMultipleItems'>
  836.                 <b:include data='post' name='indexPost'/>
  837.               </b:if>
  838.               <!-- Post Item -->
  839.               <b:if cond='data:view.isSingleItem'>
  840.                 <b:include data='post' name='itemPost'/>
  841.               </b:if>
  842.             </b:includable>
  843.             <b:includable id='postAuthor' var='post'>
  844.               <!-- Post Author -->
  845.               <b:if cond='data:allBylineItems.author'>
  846.                 <span class='post-author'><a expr:href='data:post.author.profileUrl' expr:title='data:post.author.name' target='_blank'><data:post.author.name/></a></span>
  847.               </b:if>
  848.             </b:includable>
  849.             <b:includable id='postBody' var='post'>
  850.               <!-- Post Body Entry Content-->
  851.               <div class='post-body post-content'>
  852.                 <data:post.body/>
  853.               </div>
  854.             </b:includable>
  855.             <b:includable id='postBodySnippet' var='post'>
  856.               <b:include data='post' name='postBody'/>
  857.             </b:includable>
  858.             <b:includable id='postBreadcrumbs' var='post'>
  859.               <!-- Post Breadcrumbs -->
  860.               <nav id='breadcrumb'><a expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if cond='data:post.labels'><em class='delimiter'/><a class='b-label' expr:href='data:post.labels.last.url'><data:post.labels.last.name/></a></b:if><em class='delimiter'/><span class='current'><data:post.title/></span></nav>
  861.               <script type='application/ld+json'>
  862.               {
  863.                 &quot;@context&quot;: &quot;http://schema.org&quot;,
  864.                 &quot;@type&quot;: &quot;BreadcrumbList&quot;,
  865.                 &quot;@id&quot;: &quot;#Breadcrumb&quot;,
  866.                 &quot;itemListElement&quot;: [{
  867.                   &quot;@type&quot;: &quot;ListItem&quot;,
  868.                   &quot;position&quot;: 1,
  869.                   &quot;item&quot;: {
  870.                     &quot;name&quot;: &quot;<data:messages.home/>&quot;,
  871.                     &quot;@id&quot;: &quot;<data:blog.homepageUrl.jsonEscaped/>&quot;
  872.                   }
  873.                 },{
  874.                   &quot;@type&quot;: &quot;ListItem&quot;,
  875.                   &quot;position&quot;: 2,
  876.                   &quot;item&quot;: {
  877.                     &quot;name&quot;: &quot;<b:if cond='data:post.labels'><data:post.labels.last.name/></b:if>&quot;,
  878.                     &quot;@id&quot;: &quot;<data:post.labels.last.url.jsonEscaped/>&quot;
  879.                   }
  880.                 },{
  881.                   &quot;@type&quot;: &quot;ListItem&quot;,
  882.                   &quot;position&quot;: 3,
  883.                   &quot;item&quot;: {
  884.                     &quot;name&quot;: &quot;<data:post.title/>&quot;,
  885.                     &quot;@id&quot;: &quot;<data:post.url.jsonEscaped/>&quot;
  886.                   }
  887.                 }]
  888.               }
  889.             </script>
  890.             </b:includable>
  891.             <b:includable id='postCategory' var='post'>
  892.               <!-- Post Label/Category -->
  893.               <b:if cond='data:view.isMultipleItems and data:post.labels'>
  894.                 <span class='post-tag index-post-tag'>
  895.                   <data:post.labels.last.name/>
  896.                 </span>
  897.               </b:if>
  898.             </b:includable>
  899.             <b:includable id='postCommentsAndAd' var='post'>
  900.               <!-- Post, Comments and Ads -->
  901.               <!-- Post Content Index and Item -->
  902.               <div class='blog-post hentry'>
  903.                 <b:class cond='data:view.isMultipleItems' name='index-post'/>
  904.                 <b:class cond='data:view.isSingleItem' name='item-post'/>
  905.                 <b:include data='post' name='post'/>
  906.               </div>
  907.               <!-- Comments -->
  908.               <b:if cond='data:view.isSingleItem'>
  909.                 <div class='blog-post-comments'>
  910.                   <b:include data='post' name='threadedCommentsDisqus'/>
  911.                   <b:include data='post' name='commentPicker'/>
  912.                 </div>
  913.               </b:if>
  914.               <!-- Show ad outside post container (between posts) for feed pages. -->
  915.               <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
  916.             </b:includable>
  917.             <b:includable id='postCommentsLink'>
  918.               <b:if cond='data:view.isMultipleItems'>
  919.                 <span class='byline post-comment-link container'>
  920.                   <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  921.                   <b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
  922.                 </span>
  923.               </b:if>
  924.             </b:includable>
  925.             <b:includable id='postFeaturedImage' var='post'>
  926.               <!-- Post Featured Image on Index -->
  927.               <div class='post-image-wrap'>
  928.                 <a class='post-image-link' expr:href='data:post.url'>
  929.                   <b:if cond='data:post.featuredImage'>
  930.                     <img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 180'/>
  931.                     <b:else/>
  932.                     <img class='post-thumb' expr:alt='data:post.title' src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w180/nth.png'/>
  933.                   </b:if>
  934.                 </a>
  935.                 <b:include data='post' name='postCategory'/>
  936.               </div>
  937.             </b:includable>
  938.             <b:includable id='postFooter' var='post'>
  939.               <!-- Post Footer Itens -->
  940.               <div class='post-footer'>
  941.                 <!-- Post Labels, Share, Navigation, About Author an Related Posts -->
  942.                 <b:include data='post' name='footerBylines'/>
  943.                 <b:include cond='data:allBylineItems.icons' data='post' name='postNavigation'/>
  944.                 <b:include cond='data:post.author.aboutMe' data='post' name='aboutPostAuthor'/>
  945. <!-- Related Posts with Thumbnails Code Start-->
  946. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  947. <div id='related-posts'>
  948. <b:loop values='data:post.labels' var='label'>
  949. <b:if cond='data:label.isLast != &quot;true&quot;'>
  950. </b:if>
  951. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
  952. <script type='text/javascript'>
  953. var currentposturl=&quot;<data:post.url/>&quot;;
  954. var maxresults=4;
  955. var relatedpoststitle=&quot;<b>Related Posts:</b>&quot;;
  956. removeRelatedDuplicates_thumbs();
  957. printRelatedLabels_thumbs();
  958. </script>
  959. </div><div class='clear'/>
  960. </b:if>
  961. <!-- Related Posts with Thumbnails Code End-->
  962.  
  963.               </div>
  964.             </b:includable>
  965.             <b:includable id='postFooterAuthorProfile' var='post'>
  966.               <b:comment>Disabled</b:comment>  
  967.             </b:includable>
  968.             <b:includable id='postHeader' var='post'>
  969.               <b:include cond='data:view.isPost' data='post' name='postBreadcrumbs'/>
  970.               <b:include cond='data:view.isPost' data='post' name='postCategory'/>
  971.               <b:include data='post' name='postTitle'/>
  972.               <b:include cond='!data:view.isPage' data='post' name='headerByline'/>
  973.             </b:includable>
  974.             <b:includable id='postJumpLink' var='post'>
  975.               <b:comment>Disabled</b:comment>
  976.             </b:includable>
  977.             <b:includable id='postLabels' var='post'>
  978.               <b:if cond='data:allBylineItems.labels'>
  979.                 <b:if cond='data:post.labels'>
  980.                   <div class='post-labels'>
  981.                     <span><data:allBylineItems.labels.label/></span>
  982.                     <div class='label-head Label'>
  983.                       <b:loop values='data:post.labels' var='label'>
  984.                         <a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>
  985.                       </b:loop>
  986.                     </div>
  987.                   </div>
  988.                 </b:if>
  989.               </b:if>
  990.             </b:includable>
  991.             <b:includable id='postMeta' var='post'>
  992.               <b:include data='post' name='postMetadataJSON'/>
  993.             </b:includable>
  994.             <b:includable id='postNavigation' var='post'>
  995.               <!-- Post Navigation Item -->
  996.               <ul class='post-nav'>
  997.                 <li class='post-next'>
  998.                   <b:if cond='data:newerPageUrl'>
  999.                     <a class='next-post-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'>
  1000.                       <div class='post-nav-inner'><span><data:messages.newer/></span><p/></div>
  1001.                     </a>
  1002.                     <b:else/>
  1003.                     <a rel='next'><div class='post-nav-inner post-nav-active'><span><data:messages.newer/></span></div></a>
  1004.                   </b:if>
  1005.                 </li>
  1006.                 <li class='post-prev'>
  1007.                   <b:if cond='data:olderPageUrl'>
  1008.                     <a class='prev-post-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'>
  1009.                       <div class='post-nav-inner'><span><data:messages.older/></span><p/></div>
  1010.                     </a>
  1011.                     <b:else/>
  1012.                     <a rel='previous'><div class='post-nav-inner post-nav-active'><span><data:messages.older/></span></div></a>
  1013.                   </b:if>
  1014.                 </li>
  1015.               </ul>
  1016.             </b:includable>
  1017.             <b:includable id='postPagination'>
  1018.   <div class='blog-pager container' id='blog-pager'>
  1019.     <b:include cond='data:newerPageUrl' name='previousPageLink'/>
  1020.     <b:include cond='data:olderPageUrl' name='nextPageLink'/>
  1021.     <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  1022.   </div>
  1023. </b:includable>
  1024.             <b:includable id='postRelated' var='post'>
  1025.               <!-- Related Posts -->
  1026.                 <div id='related-wrap'>
  1027.                   <div class='title-wrap'>
  1028.                     <h3><data:messages.youMayLikeThesePosts/></h3>
  1029.                   </div>
  1030.                   <div class='related-ready'>
  1031.                     <b:if cond='data:post.labels'>
  1032.                       <div class='related-tag' expr:data-label='data:post.labels.first.name'/>
  1033.                       <b:else/>
  1034.                       <div class='related-tag' data-label='random'/>
  1035.                     </b:if>
  1036.                   </div>
  1037.                 </div>  
  1038.             </b:includable>
  1039.             <b:includable id='postShareButtons' var='post'>
  1040.               <!-- Post ShareButtons -->
  1041.               <b:if cond='data:allBylineItems.share'>
  1042.                 <div class='post-share'>
  1043.                   <ul class='share-links social social-color'>
  1044.                     <b:class cond='data:blog.isMobileRequest' name='is-mobile'/>
  1045.                     <li class='facebook'><a class='facebook' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=650, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'><span>Facebook</span></a></li>
  1046.                     <li class='twitter'><a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=450, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'><span>Twitter</span></a></li>
  1047.                     <li class='gplus'><a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=400, height=500, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'><span>Google+</span></a></li>
  1048.                     <li class='pinterest'><a class='pinterest' expr:href='&quot;https://www.pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.featuredImage + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=735, height=750, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'/></li>
  1049.                     <li class='linkedin'><a class='linkedin' expr:href='&quot;https://www.linkedin.com/shareArticle?url=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=950, height=650, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'/></li>
  1050.                     <li class='whatsapp whatsapp-desktop'><a class='whatsapp' expr:href='&quot;https://web.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=900, height=550, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'/></li>
  1051.                     <li class='whatsapp whatsapp-mobile'><a class='whatsapp' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' rel='nofollow' target='_blank'/></li>
  1052.                     <li class='email'><a class='email' expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:post.url' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=500, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'/></li>
  1053.                   </ul>
  1054.                 </div>
  1055.               </b:if>
  1056.             </b:includable>
  1057.             <b:includable id='postShortMeta'>
  1058.               <b:comment>Disabled</b:comment>
  1059.             </b:includable>
  1060.             <b:includable id='postSummary' var='post'>
  1061.               <!-- Post Summary -->
  1062.               <p class='post-snippet'><b:eval expr='data:post.snippets.short snippet { length: 260 }'/></p>
  1063.             </b:includable>
  1064.             <b:includable id='postTimestamp' var='post'>
  1065.               <!-- Post Timestamp -->
  1066.               <b:if cond='data:allBylineItems.timestamp'>
  1067.                 <span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
  1068.               </b:if>
  1069.             </b:includable>
  1070.             <b:includable id='postTitle' var='post'>
  1071.               <!-- Post Title Index and Item -->
  1072.               <b:if cond='data:view.isMultipleItems'>
  1073.                 <h2 class='post-title'>
  1074.                   <a expr:href='data:post.url'><data:post.title/></a>
  1075.                 </h2>
  1076.               </b:if>
  1077.               <b:if cond='data:view.isSingleItem'>
  1078.                 <h1 class='post-title'>
  1079.                   <data:post.title/>
  1080.                 </h1>
  1081.               </b:if>
  1082.             </b:includable>
  1083.             <b:includable id='previousPageLink'>
  1084.               <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'>
  1085.                 <data:messages.newerPosts/>
  1086.               </a>
  1087.             </b:includable>
  1088.             <b:includable id='searchMessage'>
  1089.               <!-- Search Message -->
  1090.               <b:if cond='data:view.search.query'>
  1091.                 <div class='queryMessage'>
  1092.                   <b:if cond='data:posts.empty'>
  1093.                     <span class='query-info query-error'/><data:view.search.resultsMessageHtml/><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  1094.                     <b:else/>
  1095.                     <span class='query-info query-success'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  1096.                   </b:if>
  1097.                 </div>
  1098.               </b:if>
  1099.               <b:if cond='data:view.search.label'>
  1100.                 <div class='queryMessage'>
  1101.                   <b:if cond='data:posts.empty'>
  1102.                     <span class='query-info query-error'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  1103.                     <b:else/>
  1104.                     <span class='query-info query-success'><data:view.search.resultsMessageHtml/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  1105.                   </b:if>
  1106.                 </div>
  1107.               </b:if>
  1108.               <b:if cond='data:view.isArchive'>
  1109.                 <div class='queryMessage'>
  1110.                   <b:if cond='data:posts.empty'>
  1111.                     <span class='query-info query-error'><data:view.archive.rangeMessage/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  1112.                     <b:else/>
  1113.                     <span class='query-info query-success'><data:view.archive.rangeMessage/></span><a class='show-more' expr:href='data:blog.homepageUrl'><data:messages.showAll/></a>
  1114.                   </b:if>
  1115.                 </div>
  1116.               </b:if>
  1117.               <b:if cond='data:view.isError'>
  1118.                 <div class='errorWrap'>
  1119.                   <h3>404</h3>
  1120.                   <h4><data:messages.theresNothingHere/></h4>
  1121.                   <p><data:navMessage/></p>
  1122.                   <a class='homepage' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> <data:messages.home/></a>
  1123.                 </div>
  1124.               </b:if>
  1125.               <b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
  1126.             </b:includable>
  1127.             <b:includable id='threadedCommentForm' var='post'>
  1128.               <div class='comment-form'>
  1129.                 <a name='comment-form'/>
  1130.                 <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  1131.                   <p><data:this.messages.blogComment/></p>
  1132.                 </b:if>
  1133.                 <b:include data='post' name='commentFormIframeSrc'/>
  1134.                 <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1135.                 <data:post.cmtfpIframe/>
  1136.                 <script type='text/javascript'>
  1137.                   BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1138.                 </script>
  1139.               </div>
  1140.             </b:includable>
  1141.             <b:includable id='threadedCommentJs' var='post'>
  1142.               <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1143.               <b:template-script inline='true' name='threaded_comments'/>
  1144.               <script type='text/javascript'>
  1145.                 blogger.widgets.blog.initThreadedComments(
  1146.                   <data:post.commentJso/>,
  1147.                   <data:post.commentMsgs/>,
  1148.                   <data:post.commentConfig/>);
  1149.               </script>
  1150.             </b:includable>
  1151.             <b:includable id='threadedComments' var='post'>
  1152.               <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  1153.                 <a name='comments'/>
  1154.  
  1155.                 <b:include name='commentsTitle'/>
  1156.  
  1157.                 <div class='comments-content'>
  1158.                   <b:if cond='data:post.embedCommentForm'>
  1159.                     <b:include data='post' name='threadedCommentJs'/>
  1160.                   </b:if>
  1161.                   <div id='comment-holder'>
  1162.                     <data:post.commentHtml/>
  1163.                   </div>
  1164.                 </div>
  1165.  
  1166.                 <p class='comment-footer'>
  1167.                   <b:if cond='data:post.allowNewComments'>
  1168.                     <b:include data='post' name='threadedCommentForm'/>
  1169.                     <b:else/>
  1170.                     <data:post.noNewCommentsText/>
  1171.                   </b:if>
  1172.                 </p>
  1173.  
  1174.                 <b:if cond='data:showCmtPopup'>
  1175.                   <div id='comment-popup'>
  1176.                     <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1177.                     </iframe>
  1178.                   </div>
  1179.                 </b:if>
  1180.               </section>
  1181.             </b:includable>
  1182.             <b:includable id='threadedCommentsDisqus' var='post'>
  1183.               <script type='text/javascript'>
  1184.                 var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
  1185.                 if (!disqus_blogger_current_url.length) {
  1186.                   disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
  1187.                 }
  1188.                 var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
  1189.                 var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
  1190.               </script>
  1191.             </b:includable>
  1192.           </b:widget>
  1193.         </b:section>
  1194.       </div>
  1195.  
  1196.       <!-- Sidebar Wrapper -->
  1197.       <div id='sidebar-wrapper'>
  1198.         <b:section class='sidebar common-widget' id='sidebar1' name='Sidebar Right (A)' showaddelement='yes'/>
  1199.         <b:section class='sidebar' id='social-widget' maxwidgets='1' name='Social Widget' showaddelement='yes'>
  1200.           <b:widget id='LinkList75' locked='true' title='Social Plugin' type='LinkList' version='2' visible='true'>
  1201.             <b:widget-settings>
  1202.               <b:widget-setting name='link-5'>#</b:widget-setting>
  1203.               <b:widget-setting name='link-3'>#</b:widget-setting>
  1204.               <b:widget-setting name='link-4'>#</b:widget-setting>
  1205.               <b:widget-setting name='text-1'>twitter</b:widget-setting>
  1206.               <b:widget-setting name='text-0'>facebook</b:widget-setting>
  1207.               <b:widget-setting name='text-3'>pinterest</b:widget-setting>
  1208.               <b:widget-setting name='text-2'>gplus</b:widget-setting>
  1209.               <b:widget-setting name='text-5'>vk</b:widget-setting>
  1210.               <b:widget-setting name='text-4'>instagram</b:widget-setting>
  1211.               <b:widget-setting name='sorting'>NONE</b:widget-setting>
  1212.               <b:widget-setting name='link-1'>#</b:widget-setting>
  1213.               <b:widget-setting name='link-2'>#</b:widget-setting>
  1214.               <b:widget-setting name='link-0'>http://fb.com/lemah.lembut.1</b:widget-setting>
  1215.             </b:widget-settings>
  1216.             <b:includable id='main'>
  1217.   <b:include name='widget-title'/>
  1218.   <b:include name='content'/>
  1219. </b:includable>
  1220.             <b:includable id='content'>
  1221.               <div class='widget-content'>
  1222.                 <ul class='social-counter social social-color social-text'>
  1223.                   <b:loop values='data:links' var='link'>
  1224.                     <li expr:class='data:link.name'><a expr:href='data:link.target' expr:title='data:link.name' target='_blank'/></li>
  1225.                   </b:loop>
  1226.                 </ul>
  1227.               </div>
  1228.             </b:includable>
  1229.           </b:widget>
  1230.         </b:section>
  1231.         <b:section class='sidebar common-widget' id='sidebar2' name='Sidebar Right (B)' showaddelement='yes'>
  1232.           <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
  1233.             <b:widget-settings>
  1234.               <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
  1235.               <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  1236.               <b:widget-setting name='showSnippets'>true</b:widget-setting>
  1237.               <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
  1238.             </b:widget-settings>
  1239.             <b:includable id='main' var='this'>
  1240.       <b:include name='widget-title'/>
  1241.       <div class='widget-content'>
  1242.         <b:loop values='data:posts' var='post'>
  1243.           <b:include data='post' name='postContent'/>
  1244.         </b:loop>
  1245.       </div>
  1246.     </b:includable>
  1247.             <b:includable id='postContent' var='post'>
  1248.       <div class='post'>
  1249.         <div class='post-content'>
  1250.           <a class='post-image-link' expr:href='data:post.url'>
  1251.             <b:if cond='data:post.featuredImage'>
  1252.               <img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.featuredImage resizeImage 100'/>
  1253.               <b:else/>
  1254.               <img class='post-thumb' expr:alt='data:post.title' src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w100/nth.png'/>
  1255.             </b:if>
  1256.           </a>
  1257.           <div class='post-info'>
  1258.             <h2 class='post-title'>
  1259.               <a expr:href='data:post.url'><data:post.title/></a>
  1260.             </h2>
  1261.             <div class='post-meta'>
  1262.               <span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span>
  1263.             </div>
  1264.           </div>
  1265.         </div>
  1266.       </div>
  1267.     </b:includable>
  1268.           </b:widget>
  1269.           <b:widget id='Label1' locked='false' title='Categories' type='Label' version='2' visible='true'>
  1270.             <b:widget-settings>
  1271.               <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  1272.               <b:widget-setting name='display'>CLOUD</b:widget-setting>
  1273.               <b:widget-setting name='selectedLabelsList'>Mobile,News,Tech,gadgets</b:widget-setting>
  1274.               <b:widget-setting name='showType'>ALL</b:widget-setting>
  1275.               <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  1276.             </b:widget-settings>
  1277.             <b:includable id='main' var='this'>
  1278.       <b:include name='widget-title'/>
  1279.       <b:include name='content'/>
  1280.     </b:includable>
  1281.             <b:includable id='cloud'>
  1282.   <b:loop values='data:labels' var='label'>
  1283.     <span class='label-size'>
  1284.       <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
  1285.       <a class='label-name' expr:href='data:label.url'>
  1286.         <data:label.name/>
  1287.         <b:if cond='data:this.showFreqNumbers'>
  1288.           <span class='label-count'><data:label.count/></span>
  1289.         </b:if>
  1290.       </a>
  1291.     </span>
  1292.   </b:loop>
  1293. </b:includable>
  1294.             <b:includable id='content'>
  1295.       <div class='widget-content'>
  1296.         <b:class expr:name='data:this.display + &quot;-label&quot;'/>
  1297.         <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  1298.         <b:include cond='data:this.display == &quot;cloud&quot;' name='list'/>
  1299.       </div>
  1300.     </b:includable>
  1301.             <b:includable id='list'>
  1302.       <ul>
  1303.         <b:loop values='data:labels' var='label'>
  1304.           <li>
  1305.             <a class='label-name' expr:href='data:label.url'>
  1306.               <data:label.name/>
  1307.               <b:if cond='data:this.showFreqNumbers'>
  1308.                 <span class='label-count'><data:label.count/></span>
  1309.               </b:if>
  1310.             </a>
  1311.           </li>
  1312.         </b:loop>
  1313.       </ul>
  1314.     </b:includable>
  1315.           </b:widget>
  1316.         </b:section>
  1317.         </div>
  1318.       </div>
  1319.   </div>
  1320.  
  1321.  <div class='clearfix'/>
  1322.  
  1323. <!-- Footer Wrapper -->
  1324. <div id='footer-wrapper'>
  1325.  <div class='container row'>
  1326.     <div class='footer-widgets-wrap'>
  1327.       <b:section class='footer common-widget' id='footer-sec1' maxwidgets='3' name='Section (Left)' showaddelement='yes'/>
  1328.       <b:section class='footer common-widget' id='footer-sec2' maxwidgets='3' name='Section (Center)' showaddelement='yes'/>
  1329.       <b:section class='footer common-widget' id='footer-sec3' maxwidgets='3' name='Section (Right)' showaddelement='yes'/>
  1330.     </div>
  1331.   </div>
  1332.  
  1333. <div class='clearfix'/>
  1334. <div id='sub-footer-wrapper'>
  1335.   <div class='container row'>
  1336.     <b:section class='menu-footer' id='menu-footer' maxwidgets='1' name='Menu Footer' showaddelement='yes'>
  1337.       <b:widget id='LinkList76' locked='true' title='Menu Footer Widget' type='LinkList' visible='true'>
  1338.         <b:widget-settings>
  1339.           <b:widget-setting name='sorting'>NONE</b:widget-setting>
  1340.           <b:widget-setting name='text-1'>About</b:widget-setting>
  1341.           <b:widget-setting name='link-1'>/p/about.html</b:widget-setting>
  1342.           <b:widget-setting name='text-0'>Home</b:widget-setting>
  1343.           <b:widget-setting name='link-2'>/p/contact-us.html</b:widget-setting>
  1344.           <b:widget-setting name='link-0'>/</b:widget-setting>
  1345.           <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
  1346.         </b:widget-settings>
  1347.         <b:includable id='main'>
  1348.   <b:include name='widget-title'/>
  1349.   <b:include name='content'/>
  1350. </b:includable>
  1351.         <b:includable id='content'>
  1352.  <div class='widget-content'>
  1353.    <ul>
  1354.      <b:loop values='data:links' var='link'>
  1355.        <li><a expr:href='data:link.target'><data:link.name/></a></li>
  1356.      </b:loop>
  1357.    </ul>
  1358.  </div>
  1359. </b:includable>
  1360.       </b:widget>
  1361.     </b:section>
  1362.     <div class='copyright-area'>Crafted with <i aria-hidden='true' class='fa fa-heart' style='color: red;margin:0 2px;'/> by <a href='/' rel='dofollow' title='Free Blogger Templates'>Mas Ganteng</a>
  1363.     </div>
  1364.   </div>
  1365. </div>
  1366. </div>
  1367.  
  1368.   </div>
  1369.  
  1370. <!-- Main Scripts -->
  1371. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js' type='text/javascript'/>
  1372.  
  1373. <!-- Overlay and Back To Top -->
  1374.   <div class='overlay'/>
  1375.   <div class='back-top' title='Back to Top'/>
  1376. </body>
  1377. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!