API tools faq
paste
shamp0erna99

X-Mag Templates Blogger Decrypt

shamp0erna99
Sep 6th, 2020
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 204.72 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' 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 Tag SEO ] -->
  6. <include expiration='7d' path='*.css'/>
  7. <include expiration='7d' path='*.js'/>
  8. <include expiration='3d' path='*.gif'/>
  9. <include expiration='3d' path='*.jpeg'/>
  10. <include expiration='3d' path='*.jpg'/>
  11. <include expiration='3d' path='*.png'/>
  12. <meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
  13. <meta charset='utf-8'/>
  14. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  15.     <b:include data='blog' name='all-head-content'/>
  16.     <title>
  17.   <b:if cond='data:blog.pageType == &quot;index&quot;'>
  18.    <data:blog.pageTitle/>
  19.   <b:else/>
  20.    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  21.     <data:blog.pageName/> - <data:blog.title/>
  22.    <b:else/>
  23.     ERROR 404 - <data:blog.title/>
  24.    </b:if>
  25.   </b:if>
  26.     </title>
  27.     <!-- Description and Keywords (start) -->
  28.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  29.     <meta content='YOUR DESCRIPTION HERE' name='description'/>
  30.     </b:if>
  31.     <meta content='YOUR KEYWORDS HERE' name='keywords'/>
  32.     <!-- Description and Keywords (end) -->
  33.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  34.         <meta expr:content='data:blog.pageName' property='og:title'/>
  35.         <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  36.         <meta content='article' property='og:type'/>
  37.     </b:if>
  38.     <b:if cond='data:blog.postImageUrl'>
  39.         <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  40.     <b:else/>
  41.     <b:if cond='data:blog.postImageThumbnailUrl'>
  42.         <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  43.     </b:if></b:if>
  44.     <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  45.         <meta expr:content='data:blog.metaDescription' name='og:description'/>
  46.     </b:if>
  47.     <meta expr:content='data:blog.title' property='og:site_name'/>
  48.     <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
  49.     <meta expr:content='data:blog.pageName' name='twitter:title'/>
  50.     <b:if cond='data:blog.postImageUrl'>
  51.       <meta content='summary_large_image' name='twitter:card'/>
  52.       <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  53.     <b:else/>
  54.       <meta content='summary' name='twitter:card'/>
  55.       <b:if cond='data:blog.postImageThumbnailUrl'>
  56.         <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  57.       </b:if>
  58.     </b:if>
  59.     <meta expr:content='data:blog.pageName' name='twitter:title'/>
  60.     <b:if cond='data:blog.metaDescription'>
  61.       <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  62.     </b:if>
  63. <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;WebSite&quot;,&quot;name&quot;:&quot;<data:view.title.escaped/>&quot;,&quot;url&quot;:&quot;<data:view.url.canonical/>&quot;,&quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:&quot;<data:view.url.canonical/>search?q={search_term_string}&quot;,&quot;query-input&quot;:&quot;required name=search_term_string&quot;}}</script>
  64.     <!-- Social Media meta tag need customer customization -->
  65.     <meta content='Facebook App ID here' property='fb:app_id'/>
  66.     <meta content='Facebook Admin ID here' property='fb:admins'/>
  67.     <meta content='@username' name='twitter:site'/>
  68.     <meta content='@username' name='twitter:creator'/>    
  69.   <b:skin><![CDATA[/*
  70. -----------------------------------------------
  71. Blogger Template Style
  72. Name   : X-Mag
  73. Author : SoraTemplates
  74. License: Premium Version
  75. Version: 2.0
  76. Decrypt: https://www.local-hunter.com/
  77. ----------------------------------------------- */
  78. /* Variable definitions
  79. -----------------------
  80. <Variable name="body.background" description="Background" type="background" color="#fff" default="$(color) url() repeat fixed top left" value="$(color) url() repeat fixed top left"/>
  81. <Group description="Main Settings" selector="body">
  82. <Variable name="maincolor" description="Primary Color" type="color" default="#fb4834"  value="#fb4834"/>
  83. <Variable name="darkcolor" description="Primary Text Color" type="color" default="#222"  value="#222222"/>
  84. </Group>
  85. <Group description="Menu Background" selector="body">
  86. <Variable name="menubg" description="Menu Background Color" type="color" default="#2c3242"  value="#2c3242"/>
  87. </Group>
  88. -----------------------
  89. */
  90. /*****************************************
  91. reset.css
  92. ******************************************/
  93. html, body, .section, .widget, div, span, applet, object, iframe,
  94. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  95. a, abbr, acronym, address, big, cite, code,
  96. del, dfn, em, font, img, ins, kbd, q, s, samp,
  97. small, strike, strong, sub, sup, tt, var,
  98. dl, dt, dd, ol, ul, li,
  99. fieldset, form, label, legend,
  100. table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}
  101. html {   overflow-x: hidden;}
  102. a {text-decoration:none;color:#000;}
  103. article,aside,details,figcaption,figure,
  104. footer,header,hgroup,menu,nav,section {     display:block;}
  105. table {    border-collapse: separate;    border-spacing: 0;}
  106. caption, th, td {    text-align: left;    font-weight: normal;}
  107. blockquote:before, blockquote:after,
  108. q:before, q:after {    content: "";}
  109. .quickedit, .home-link{display:none;}
  110. blockquote, q {    quotes: "" "";}
  111. sup{    vertical-align: super;    font-size:smaller;}
  112. code{    font-family: 'Courier New', Courier, monospace;    font-size:12px;    color:#272727;}
  113. ::selection {background:transparent; text-shadow:#000 0 0 2px;}
  114. ::-moz-selection {background:transparent; text-shadow:#000 0 0 2px;}
  115. ::-webkit-selection {background:transparent; text-shadow:#000 0 0 2px;}
  116. ::-o-selection {background:transparent; text-shadow:#000 0 0 2px;}
  117. a img{  border: none;}
  118. ol, ul { padding:0;  margin:0;  text-align: left;  }
  119. ol li { list-style-type: decimal;  padding:0 0 5px;  }
  120. ul li { list-style-type: disc;  padding: 0 0 5px;  }
  121. ul ul, ol ol { padding: 0; }
  122. #navbar-iframe, .navbar {   height:0px;   visibility:hidden;   display:none   }
  123. .feed-links, .Attribution, .post-footer-line.post-footer-line-1, .post-footer-line.post-footer-line-2 , .post-footer-line.post-footer-line-3 {
  124. display: none;
  125. }
  126. .CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
  127. abbr.published.timeago {
  128.    text-decoration: none;
  129. }
  130. .item-control {
  131. display: none !important;
  132. }
  133. h2.date-header, h4.date-header {display:none;margin:1.5em 0 .5em}
  134. .error_page .status-msg-wrap {
  135.    display: none;
  136. }
  137. blockquote {
  138. padding: 8px;
  139. background-color: #faebbc;
  140. border-top: 1px solid #e1cc89;
  141. border-bottom: 1px solid #e1cc89;
  142. margin: 5px;
  143. background-image: url(http://1.bp.blogspot.com/-siy6EKYCLtM/U6X4AdKrr0I/AAAAAAAANDs/HCjRvuedDro/s1600/openquote1.gif);
  144. background-position: top left;
  145. background-repeat: no-repeat;
  146. text-indent: 23px;
  147. }
  148. blockquote p{
  149. display: block;
  150. background-image: url(http://3.bp.blogspot.com/-UjppXQI-ww0/U6X4IpheNiI/AAAAAAAAND0/PJhRvvhAWGU/s1600/closequote1.gif);
  151. background-repeat: no-repeat;
  152. background-position: bottom right;
  153. }
  154. img {
  155.    max-width: 100%;
  156.    vertical-align: middle;
  157.    border: 0;
  158. }
  159. .widget iframe, .widget img {
  160.    max-width: 100%;
  161. }
  162. * {
  163.    -webkit-box-sizing: border-box;
  164.    -moz-box-sizing: border-box;
  165.    box-sizing: border-box
  166. }
  167. /*****************************************
  168. Custom css starts
  169. ******************************************/
  170. body {
  171. color: #2e2e2e;
  172. font-family:'Roboto',sans-serif;
  173. font-size: 14px;
  174. font-weight: normal;
  175. line-height: 21px;
  176. background:$(body.background);
  177. }
  178. /* ######## Wrapper Css ######################### */
  179. #body-wrapper{max-width:100%;margin:0 auto;background-color:#FFF;box-shadow:0 0 5px RGBA(0, 0, 0, 0.2)}
  180. .body-row{width:1063px}
  181. #content-wrapper {
  182. margin: 0 auto;
  183. padding: 20px 0 40px;
  184. overflow: hidden;
  185. }
  186. #main-wrapper {
  187. float: left;
  188. width: 67%;
  189. max-width: 750px;
  190. }
  191. #sidebar-wrapper {
  192. float: right;
  193. width: 30%;
  194. max-width: 330px;
  195. }
  196. /* ######## Ticker Css ######################### */
  197. .ticker-wrap {
  198.   display: block;
  199.    text-align: center;
  200.    margin: 0 auto;
  201.    padding: 0 20px 0 20px;
  202.    background: $darkcolor;
  203. position:relative;
  204.    min-height: 45px;
  205. }
  206. .ticker-wrap-wrapper {
  207. margin:0 auto;
  208. position:relative;
  209. }
  210. .ticker-wrap .title {
  211.   position: absolute;
  212. left:0;
  213. top:10px;
  214.    height: 25px;
  215.    font-size: 15px;
  216.    color: #222;
  217.    line-height: 25px;
  218.    font-weight: bold;
  219.    overflow: hidden;
  220.    padding: 0 10px;
  221.    border-radius: 2px;
  222.    background: #fff;
  223. text-transform:uppercase;
  224. }
  225. .ticker-wrap .title .fa {
  226.    margin-right: 10px;
  227.    background: #fff;
  228.    padding: 5px 6px;
  229.    border-radius: 100%;
  230.    color: #00c8d7;
  231. }
  232. .ticker-wrap>span {
  233.    display: inline-block;
  234.    padding: 0;
  235.    font: 700 13px 'roboto', sans-serif
  236. }
  237. .ticker-wrap>span>a {
  238.    color: #fff;
  239.    text-decoration: none
  240. }
  241. #ticker {
  242.    height: 45px;
  243.    overflow: hidden;
  244.    text-align: left;
  245. max-width:720px;
  246. padding-left:100px;
  247. }
  248. #ticker ul {
  249.    padding: 0;
  250.    margin: 0;
  251.    list-style: none
  252. }
  253. #ticker ul li {
  254.    height: 45px;
  255.    white-space: nowrap;
  256. list-style:none;
  257. }
  258. #ticker ul li h3 {
  259.    margin: 0;
  260.    font: 700 16px 'roboto', sans-serif;
  261. line-height:45px;
  262. }
  263. #ticker ul li h3 a {
  264.    color: #fff;
  265.    text-decoration: none;
  266.    line-height: 25px!important
  267. }
  268.  
  269. .top-bar-social {
  270.    height: 45px;
  271.    position: absolute;
  272.    right: 0;
  273.    top: 0;
  274. }
  275. .top-bar-social li {
  276. display: inline;
  277. padding: 0;
  278. float: left;
  279. margin-right: 5px;
  280. ;
  281. }
  282. .top-bar-social .widget ul {
  283. padding: 0;
  284. }
  285. .top-bar-social .LinkList ul {
  286. text-align: center;
  287. margin: 0;
  288. }
  289. .top-bar-social #social a {
  290. display: block;
  291. width: 30px;
  292. height: 45px;
  293. line-height:45px;
  294. font-size: 15px;
  295. color: #eeeeee;
  296. transition: background 0.3s linear;
  297. -moz-transition: background 0.3s linear;
  298. -webkit-transition: background 0.3s linear;
  299. -o-transition: background 0.3s linear;
  300. }
  301. .top-bar-social #social a:before {
  302. display: inline-block;
  303. font: normal normal normal 22px/1 FontAwesome;
  304. font-size: inherit;
  305. font-style: normal;
  306. font-weight: 400;
  307. -webkit-font-smoothing: antialiased;
  308. -moz-osx-font-smoothing: grayscale;
  309. }
  310. .top-bar-social .bloglovin:before{content:"\f004"}
  311. .top-bar-social .facebook:before{content:"\f09a"}
  312. .top-bar-social .twitter:before{content:"\f099"}
  313. .top-bar-social .gplus:before{content:"\f0d5"}
  314. .top-bar-social .rss:before{content:"\f09e"}
  315. .top-bar-social .youtube:before{content:"\f167"}
  316. .top-bar-social .skype:before{content:"\f17e"}
  317. .top-bar-social .stumbleupon:before{content:"\f1a4"}
  318. .top-bar-social .tumblr:before{content:"\f173"}
  319. .top-bar-social .vine:before{content:"\f1ca"}
  320. .top-bar-social .stack-overflow:before{content:"\f16c"}
  321. .top-bar-social .linkedin:before{content:"\f0e1"}
  322. .top-bar-social .dribbble:before{content:"\f17d"}
  323. .top-bar-social .soundcloud:before{content:"\f1be"}
  324. .top-bar-social .behance:before{content:"\f1b4"}
  325. .top-bar-social .digg:before{content:"\f1a6"}
  326. .top-bar-social .instagram:before{content:"\f16d"}
  327. .top-bar-social .pinterest:before{content:"\f0d2"}
  328. .top-bar-social .delicious:before{content:"\f1a5"}
  329. .top-bar-social .codepen:before{content:"\f1cb"}
  330. .top-bar-social ul#social a:hover {
  331. color: $maincolor;
  332. opacity: 1;
  333. }
  334. /* ######## Header Css ######################### */
  335. .header-wrap {
  336. background:#fff;
  337. }
  338. #header-wrappers {
  339. color: #fff;
  340. padding: 30px 0;
  341. margin:0 auto;
  342. }
  343. #header-inner {
  344. background-position: left;
  345. background-repeat: no;
  346. }
  347. .headerleft img {
  348. height: auto;
  349. max-height: 100%;
  350. margin:0;
  351. max-width:230px;
  352. }
  353. .headerleft h1,
  354. .headerleft h1 a,
  355. .headerleft h1 a:hover,
  356. .headerleft h1 a:visited {
  357. font-family: 'Bungee Inline', cursive;
  358. color: $darkcolor;
  359. font-size: 52px;
  360. font-weight:normal;
  361. line-height: 1.2em;
  362. margin: 0;
  363. padding: 0 0 5px;
  364. text-decoration: none;
  365. text-transform: uppercase;
  366.    letter-spacing: 1px;
  367. }
  368. .headerleft h3 {
  369. font-weight: 400;
  370. margin: 0;
  371. padding: 0;
  372. }
  373. .headerleft .description {
  374. color: #666;
  375.    margin: 0;
  376.    padding: 0 0 10px;
  377.    text-transform: capitalize;
  378.    text-align: center;
  379.    text-indent: 0;
  380.    letter-spacing: 1px;
  381. }
  382. .headerleft {
  383. float: left;
  384. margin: 0;
  385. padding: 0;
  386. width: auto;
  387. }
  388. .headerright {
  389. float: right;
  390. margin: 0;
  391. padding: 1px 0 0;
  392. width: 730px;
  393. }
  394. .headerleft .description span {
  395.    border-top: 1px solid rgba(241, 241, 241, 0.25);
  396.    padding: 5px 0 0;
  397. }
  398. /* ######## Navigation Menu Css ######################### */
  399. .selectnav {
  400. display:none;
  401. }
  402. .tm-menu {
  403.    font-weight: 400;
  404.    margin: 0 auto;
  405.    height:50px;
  406. }
  407. ul#nav1 {
  408.    list-style: none;
  409.    margin: 0;
  410.    padding: 0;
  411. }
  412. #menu .widget {
  413.    display: none;
  414. }
  415. #menu {
  416.    height: 50px;
  417.    position: relative;
  418.    text-align: center;
  419.    z-index: 15;
  420. margin:0 auto;
  421.    background: $menubg;
  422. padding-right:50px;
  423. }
  424. .menu-wrap {
  425. margin:0 auto;
  426. position: relative;
  427. }
  428. #menu ul > li {
  429.    position: relative;
  430.    vertical-align: middle;
  431.    display: inline-block;
  432.    padding: 0;
  433.    margin: 0;
  434. }
  435. #menu ul > li:first-child {
  436. background:$maincolor;
  437. }
  438. #menu ul > li > ul > li:first-child {
  439. background:transparent;
  440. }
  441. #menu ul > li:hover > a {
  442.  
  443. }
  444. #menu ul > li > a {
  445.    color: #fff;
  446.    font-size: 14px;
  447.    font-weight: 600;
  448.    line-height: 50px;
  449.    display: inline-block;
  450.    text-transform: uppercase;
  451.    text-decoration: none;
  452.    letter-spacing: 1px;
  453.    margin: 0;
  454.    padding: 0 12px;
  455. }
  456.  
  457. #menu ul > li > ul > li:first-child > a {
  458.    padding-left: 12px
  459. }
  460. #menu ul > li > ul {
  461.    position: absolute;
  462.    background: #4d4d4d;
  463.    top: 100%;
  464.    left: 0;
  465.    min-width: 180px;
  466.    padding: 0;
  467.    z-index: 99;
  468.    margin-top: 0;
  469.    visibility: hidden;
  470.    opacity: 0;
  471.    -webkit-transform: translateY(10px);
  472.    -moz-transform: translateY(10px);
  473.    transform: translateY(10px)
  474. }
  475. #menu ul > li > ul > li > ul {
  476.    position: absolute;
  477.    top: 0;
  478.    left: 180px;
  479.    width: 180px;
  480.    background: #5d5d5d;
  481.    z-index: 99;
  482.    margin-top: 0;
  483.    margin-left: 0;
  484.    padding: 0;
  485.    border-left: 1px solid #6d6d6d;
  486.    visibility: hidden;
  487.    opacity: 0;
  488.    -webkit-transform: translateY(10px);
  489.    -moz-transform: translateY(10px);
  490.    transform: translateY(10px)
  491. }
  492. #menu ul > li > ul > li {
  493.    display: block;
  494.    float: none;
  495.    text-align: left;
  496.    position: relative;
  497. border-bottom: 1px solid;
  498.    border-top: none;
  499.    border-color: #8d8d8d;
  500. }
  501. #menu ul > li > ul > li:last-child {
  502.    border: 0;
  503. }
  504. #menu ul > li:hover {
  505.    background-color: $darkcolor
  506. }
  507. #menu ul > li > ul > li a {
  508.    font-size: 11px;
  509.    display: block;
  510.    color: #fff;
  511.    line-height: 35px;
  512.    text-transform: uppercase;
  513.    text-decoration: none;
  514.    margin: 0;
  515.    padding: 0 12px;
  516.    border-right: 0;
  517.    border: 0
  518. }
  519. #menu ul > li.parent > a:after {
  520.    content: '\f107';
  521.    font-family: FontAwesome;
  522.    float: right;
  523.    margin-left: 5px
  524. }
  525. #menu ul > li:hover > ul,
  526. #menu ul > li > ul > li:hover > ul {
  527.    opacity: 1;
  528.    visibility: visible;
  529.    -webkit-transform: translateY(0);
  530.    -moz-transform: translateY(0);
  531.    transform: translateY(0)
  532. }
  533. #menu ul > li > ul > li.parent > a:after {
  534.    content: '\f105';
  535.    float: right
  536. }
  537. #menu ul ul {
  538.  
  539. }
  540. .ty-ran-yard {
  541.  position: absolute;
  542.    right: 0;
  543.    top: 0;
  544.    z-index: 99;
  545. }
  546. .ty-ran-yard span {
  547.    list-style: none;
  548. }
  549. .ty-ran-yard a.ran-sym {
  550.    background-color: $darkcolor;
  551.    cursor: pointer;
  552.    display: block;
  553.    height: 50px;
  554.    text-align: center;
  555.    position: relative;
  556.    right: 0;
  557.    top: 0;
  558.    width: 50px;
  559.    border-radius: 0;
  560.    box-sizing: border-box;
  561. }
  562. .ty-ran-yard a.ran-sym:hover {
  563. background-color:#6d6d6d;
  564. }
  565. .ty-ran-yard a.ran-sym:before {
  566.    color: #fff;
  567.    content: '\f074';
  568.    font-family: FontAwesome;
  569.    font-size: 16px;
  570.    text-rendering: auto;
  571.    -webkit-font-smoothing: antialiased;
  572.    -moz-osx-font-smoothing: grayscale;
  573.    line-height: 50px;
  574. }
  575. /* ######## Featured Widget Css ######################### */
  576. .feat-main-wrapper {
  577.  margin:10px auto;
  578. }
  579. .tyard-wrapper {
  580.  width:75%;
  581. float:left;
  582. max-width:780px;
  583. overflow:hidden;
  584. }
  585. .tyard h2 {
  586.    display: none;
  587.    visibility: hidden;
  588. }
  589. .preload {
  590. opacity:0;
  591. transition: all .3s ease;
  592.    -webkit-transition: all .3s ease;
  593.    -moz-transition: all .3s ease;
  594.    -o-transition: all .3s ease;
  595. }
  596. .comload {
  597. opacity:1;
  598. transition: all .3s ease;
  599.    -webkit-transition: all .3s ease;
  600.    -moz-transition: all .3s ease;
  601.    -o-transition: all .3s ease;
  602. }
  603. .tyard .ty-first {
  604.    width: 75%;
  605.    position: relative;
  606.    float: left;
  607.    padding-right: 1px;
  608.    box-sizing: border-box;
  609.    overflow: hidden;
  610. }
  611. .tyard .ty-feat-image {
  612.    width: 100%;
  613.    position: relative;
  614.    overflow: hidden;
  615. }
  616. .templatesyard .ty-first .tyard-thumb {
  617.    position: relative;
  618.    width: 100%;
  619.    height: 135px;
  620. }
  621. .tyard-thumb {
  622.    overflow: hidden;
  623. }
  624. .templatesyard .ty-img {
  625.    width: 100%;
  626.    height: 200px;
  627.    position: relative;
  628.    display: block;
  629.    transition: all .3s ease-in-out;
  630. }
  631. .tyard .ty-first .tyard-thumb, .tyard .ty-img {
  632.    height: 407px;
  633. }
  634. .ty-first .ty-img:after {
  635.    content: no-close-quote;
  636.    position: absolute;
  637.    left: 0;
  638.    bottom: 0;
  639.    width: 100%;
  640.    height: 230px;
  641.    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjMyZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-x;
  642.    opacity: .8;
  643. }
  644. .templatesyard .ty-feat .ty-rest .yard-img:after {
  645.    content: no-close-quote;
  646.    position: absolute;
  647.    left: 0;
  648.    bottom: 0;
  649.    width: 100%;
  650.    height: 110px;
  651.    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjMyZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-x;
  652.    opacity: .8;
  653. }
  654. .templatesyard .ty-feat .ty-last .yard-img:after {
  655. height:230px;
  656. }
  657. .tyard .yard-label {
  658.    z-index: 2;
  659. }
  660. .tyard .yard-label {
  661.    background: $maincolor;
  662.    color: #fff;
  663.    text-transform: uppercase;
  664.    height: 20px;
  665.    line-height: 20px;
  666.    display: inline-block;
  667.    padding: 0 6px;
  668.    font-size: 11px;
  669.    font-weight: 400;
  670. margin-bottom: 8px;
  671. }
  672. .tyard .yard-label a {
  673. color:#fff;
  674. }
  675. .tyard .tyard-thumb .item-cmm {
  676.     position: absolute;
  677.    top: 0;
  678.    right: 0;
  679.    z-index: 2;
  680.    color: #fff;
  681.    text-transform: uppercase;
  682.    height: 20px;
  683.    line-height: 20px;
  684.    display: inline-block;
  685.    padding: 0 6px;
  686.    font-size: 11px;
  687.    font-weight: 400;
  688.    background: $maincolor;
  689. }
  690. .tyard .tyard-thumb .item-cmm:before {
  691.    content: "\f086";
  692.    margin-right: 5px;
  693.    font-family: FontAwesome;
  694.    font-style: normal;
  695.    font-weight: normal;
  696.    -webkit-font-smoothing: antialiased;
  697.    -moz-osx-font-smoothing: grayscale;
  698. }
  699. .tyard .ty-first .ty-con-yard, .column .ty-first .ty-con-yard {
  700.    position: absolute;
  701.    bottom: 0;
  702.    width: 100%;
  703.    z-index: 2;
  704.    padding: 15px;
  705.    box-sizing: border-box;
  706. text-align:center;
  707. }
  708. .tyard .ty-first .ty-con-yard .tyard-title a, .column .ty-first .ty-con-yard .tyard-title a, .tyard .ty-last .yard-tent-ty .tyard-title a {
  709.    display: block;
  710.    font-size: 24px;
  711.    color: #fff;
  712.    font-weight: 400;
  713.    line-height: 1.4em;
  714.    margin-bottom: 5px;
  715. }
  716. .ty-con-yard .yard-auth-ty, .ty-con-yard .ty-time {
  717.    color: #ccc;
  718. }
  719. .recent-summary {
  720.    display: block;
  721.    color: #ccc;
  722.    padding: 10px 0;
  723. }
  724. .tyard .ty-feat .ty-rest-wrap {
  725. display:block;
  726.    position: relative;
  727.    box-sizing: border-box;
  728.    overflow: hidden;
  729. }
  730.  
  731. .tyard .ty-feat .ty-last {
  732. width: 25%;
  733.    position: relative;
  734.    float: left;
  735.    padding: 0;
  736.    box-sizing: border-box;
  737.    overflow: hidden;
  738. }
  739. .tyard .ty-feat .ty-rest {
  740.   overflow: hidden;
  741.    display: block;
  742.     padding: 0;
  743.    position: relative;
  744. }
  745. .tyard .ty-feat .ty-rest-wrap:nth-child(3) .ty-rest,.tyard .ty-feat .ty-rest-wrap:nth-child(4) .ty-rest {
  746.    margin-top: 1px;
  747. }
  748. .tyard .ty-feat .ty-rest-wrap:nth-child(3),.tyard .ty-feat .ty-rest-wrap:nth-child(5) {
  749.   padding-right:0;
  750. }
  751. .templatesyard .ty-feat .ty-rest .tyard-thumb {
  752.    width: 100%;
  753.    height: 135px;
  754.    vertical-align: middle;
  755. }
  756. .templatesyard .ty-feat .ty-rest .yard-img {
  757.    width: 100%;
  758.    height: 135px;
  759.    position: relative;
  760.    display: block;
  761.    transition: all .3s ease-in-out;
  762. }
  763. .templatesyard .ty-feat .ty-last .yard-img, .templatesyard .ty-feat .ty-last .tyard-thumb {
  764. height:407px;
  765. }
  766. .tyimg-lay {
  767.    position: absolute;
  768.    left: 0;
  769.    top: 0;
  770.    z-index: 1;
  771.    width: 100%;
  772.    height: 100%;
  773.    background-color: rgba(40,35,40,0.05);
  774. }
  775. .templatesyard .ty-feat .ty-rest .yard-tent-ty {
  776.   position: absolute;
  777.    bottom: 0;
  778.    width: 100%;
  779.    z-index: 2;
  780.    padding: 15px;
  781. bottom:0;
  782. text-align:center;
  783.    box-sizing: border-box;
  784. transition: all .4s ease-in-out;
  785. }
  786. .tyard .ty-rest .yard-tent-ty .tyard-title {
  787.    overflow: hidden;
  788.    line-height: 0;
  789.    margin: 0 0 2px;
  790.    padding: 0;
  791. }
  792. .tyard .ty-rest-wrap .ty-rest .yard-tent-ty .tyard-title a {
  793.    color: #fff;
  794.    font-weight: bold;
  795.    font-size: 13px;
  796. letter-spacing:0.2px;
  797.    line-height: 18px;
  798. }
  799. .tyard .ty-first:hover .ty-img, .tyard .ty-rest:hover .yard-img {
  800. transform: scale(1.1) rotate(-1deg);
  801.    transition: all .3s ease-in-out;
  802. }
  803. .tyard .ty-first:hover .tyimg-lay, .tyard .ty-rest:hover .tyimg-lay {
  804.    background-color: rgba(0,0,0,.2);
  805.    transition: all .3s ease-in-out;
  806. }
  807. ul.roma-widget {
  808.    padding: 0;
  809.    margin: 0;
  810. }
  811. .roma-widget li:first-child {
  812.    padding-top: 0;
  813.    border-top: 0;
  814. }
  815. .roma-widget li {
  816.    overflow: hidden;
  817.    padding: 10px 0;
  818. list-style: none;
  819.    border-bottom: 1px solid #3c455a;
  820. }
  821. .roma-widget .wid-thumb {
  822.    width: 80px;
  823.    height: 60px;
  824.    float: left;
  825.    margin-right: 10px;
  826.    overflow: hidden;
  827. }
  828. .roma-widget .mag-thumb {
  829.    display: block;
  830.    width: 80px;
  831.    height: 60px;
  832.    transition: all .3s ease-out!important;
  833.    -webkit-transition: all .3s ease-out!important;
  834.    -moz-transition: all .3s ease-out!important;
  835.    -o-transition: all .3s ease-out!important;
  836. }
  837. .roma-widget .wrp-titulo {
  838.    font: normal normal 13px;
  839.    margin: 0 0 5px;
  840.    overflow: hidden;
  841. line-height: 18px;
  842. }
  843. .roma-widget .wrp-titulo a {
  844.    color: #fff;
  845.    font-weight: bold;
  846.    font-size: 13px;
  847. letter-spacing:0.2px;
  848.    line-height: 18px;
  849. }
  850. .img-overlay {
  851.    position: absolute;
  852.    left: 0;
  853.    top: 0;
  854.    z-index: 1;
  855.    width: 100%;
  856.    height: 100%;
  857.    background-color: rgba(40,35,40,0.05);
  858. }
  859. .tyard-ran {
  860.    display: block;
  861.    overflow: hidden;
  862.    padding-left: 1px;
  863.    box-sizing: border-box;
  864. }
  865. .tyard-ran .randoom {
  866.    background: #2C3242;
  867.    min-height: 407px;
  868.    max-height: 407px;
  869.    overflow-y: auto;
  870. }
  871. .tyard-ran .randoom .widget-content {
  872.    padding: 15px;
  873.    box-sizing: border-box;
  874. }
  875. .tyard-ran h2.title {
  876.    background: #485169;
  877.    padding: 0px 15px;
  878.    line-height: 40px;
  879.    margin: 0px 0 10px;
  880.    text-transform: uppercase;
  881.    font-weight: 800;
  882.    font-size: 18px;
  883.    color: #FFF;
  884. }
  885. .ty-con-yard .yard-auth-ty, .ty-con-yard .ty-time {
  886.    color: #ccc;
  887. }
  888. .yard-auth-ty, .ty-time {
  889.    color: #bdbdbd;
  890.    font-size: 12px;
  891.    font-weight: 400;
  892. }
  893. .yard-auth-ty {
  894.    margin-right: 10px;
  895. }
  896. .yard-auth-ty::before {
  897.    content: '\f007';
  898.    font-family: fontawesome;
  899.    color: #bbb;
  900.    margin-right: 5px;
  901. }
  902. .ty-time:before {
  903.    content: '\f133';
  904.    font-family: fontawesome;
  905.    color: #bbb;
  906.    margin-right: 5px;
  907. }
  908. /* ######## Sidebar Css ######################### */
  909. .sidebar .widget {
  910. margin-bottom: 20px;
  911. position: relative;
  912. }
  913. .sidebar h2 {
  914. padding: 6px 8px;
  915.    margin-bottom: -2px;
  916.    display: inline-block;
  917.    background: $maincolor;
  918.    color: #fff;
  919.    font-size: 16px;
  920.    font-weight: 700;
  921.    text-transform: uppercase;
  922. position:relative;
  923. }
  924. .sidebar .widget .widget-title {
  925.    margin: 0 0 10px 0;
  926.    padding: 0;
  927.    position: relative;
  928.    border-bottom: 2px solid $maincolor;
  929.    transition: all .5s ease-out;
  930. }
  931. .sidebar h2:after {
  932.    content: "";
  933.    width: 0;
  934.    height: 0;
  935.    position: absolute;
  936.    top: 0;
  937.    right: -14px;
  938.    border-left: 0;
  939.    border-right: 14px solid transparent;
  940.    border-bottom: 34px solid $maincolor;
  941. }
  942. .sidebar ul,.sidebar li{
  943. list-style-type:none;
  944. margin:0;
  945. padding:0;
  946. }
  947. .sidebar .widget-content {
  948.    padding: 10px 0;
  949. }
  950. /* ######## Post Css ######################### */
  951. article {
  952.    padding: 0;
  953. }
  954. .post-outer {
  955.    padding: 0;
  956. }
  957. .index .post-outer, .archive .post-outer {
  958. margin: 0 0 20px 0;
  959. padding: 0 0 20px 0;
  960. border-bottom: 1px solid rgba(0,0,0,0.14);
  961. }
  962. .post {
  963.    display: block;
  964.    overflow: hidden;
  965.    word-wrap: break-word;
  966. background: #ffffff;
  967. }
  968. .post h2 {
  969. margin-bottom: 12px;
  970. line-height: 30px;
  971.    font-size: 20px;
  972.    font-weight: 700;
  973. }
  974. .post h2 a {
  975. color: #000;
  976. letter-spacing: 1px;
  977. }
  978. .post h2 {
  979.    margin: 0 0 10px;
  980.    padding: 0;
  981. }
  982. .post-head h1 {
  983.    color: #000;
  984.    font-size: 28px;
  985.    font-weight: 400;
  986.    line-height: 44px;
  987. }
  988.  
  989. .retitle h2 {
  990.    margin: 0 0 8px;
  991.    display: block;
  992. }
  993. .post-body {
  994. margin: 0px;
  995. padding:10px;
  996. font-size: 14px;
  997. line-height: 26px;
  998. box-sizing:border-box;
  999. }
  1000. .post-home-image {
  1001.    float: left;
  1002.    width: 300px;
  1003.    height: 220px;
  1004.    margin-right: 20px;
  1005. position:relative;
  1006. }
  1007. .post-home-image .post-thumb {
  1008.    width: 100%;
  1009.    height: 220px;
  1010.    position: relative;
  1011.    display: block;
  1012.    overflow: hidden;
  1013. }
  1014. .post-home-image .post-thumb img {
  1015.    width: 100%;
  1016.    height: 220px;
  1017.    display: block;
  1018.    padding: 3px;
  1019.    box-sizing: border-box;
  1020.    border: 1px solid #e6e6e6;
  1021. object-fit:cover;
  1022.    transition: all .3s ease-out!important;
  1023.    -webkit-transition: all .3s ease-out!important;
  1024.    -moz-transition: all .3s ease-out!important;
  1025.    -o-transition: all .3s ease-out!important;
  1026. }
  1027. .index .post-home-image .post-labels, .archive .post-home-image .post-labels {
  1028.    position: absolute;
  1029.    top: 10px;
  1030.    left: 10px;
  1031.    padding: 8px 12px 6px;
  1032.    background: $maincolor;
  1033.    color: #fff;
  1034.    font-size: 12px;
  1035.    text-transform: uppercase;
  1036.    display: inline-block;
  1037.    z-index: 9;
  1038. }
  1039. .index .post-home-image .post-labels a, .archive .post-home-image .post-labels a {
  1040.    color: #fff;
  1041. }
  1042. .date-header {
  1043.    color: #bdbdbd;
  1044.    display: block;
  1045.    font-size: 12px;
  1046.    font-weight: 400;
  1047.    line-height: 1.3em;
  1048.    margin: 0!important;
  1049.    padding: 0;
  1050. }
  1051. .date-header a {
  1052.    color: #bdbdbd;
  1053. }
  1054. .post-header {
  1055.    padding: 10px;
  1056. }
  1057. #meta-post {
  1058.    border: 1px solid #f0f0f0;
  1059.    border-width: 1px 0;
  1060.    padding: 5px 0;
  1061. font-size: 13px;
  1062. }
  1063. #meta-post i {
  1064.    margin-left: 8px;
  1065. color:#999;
  1066. }
  1067. #meta-post a {
  1068. color:#999;
  1069. }
  1070. .post-meta {
  1071.    color: #bdbdbd;
  1072.    display: block;
  1073.    font-size: 13px;
  1074.    font-weight: 400;
  1075.    line-height: 21px;
  1076. margin: 10px 0 0;
  1077.    padding: 0;
  1078. }
  1079. .post-meta a, .post-meta i {
  1080.    color: #CBCBCB;
  1081. }
  1082. .post-timestamp {
  1083.    margin-left: 5px;
  1084. }
  1085. .label-head {
  1086.    margin-left: 5px;
  1087. }
  1088. .label-head a {
  1089.    padding-left: 2px;
  1090. }
  1091. .resumo {
  1092.    margin-top: 10px;
  1093.    color: #111;
  1094. }
  1095. .resumo span {
  1096.    display: block;
  1097.    margin-bottom: 8px;
  1098. font-size: 15.4px;
  1099.    line-height: 1.5;
  1100. text-align:justify;
  1101. }
  1102. .date-header .read-more {
  1103.    background: $darkcolor;
  1104.    padding: 5px 12px !important;
  1105.    display: inline-block;
  1106.    vertical-align: middle;
  1107.    margin: 10px 0 0;
  1108.    font-size: 12px;
  1109.   text-transform: capitalize;
  1110.    border-radius: 2px;
  1111.    color: #f7f7f7;
  1112.    font-weight: bold;
  1113. white-space: nowrap;
  1114. }
  1115. .read-more:hover {
  1116.    background: $maincolor;
  1117. color:#fff;
  1118. }
  1119. .post-body img {
  1120. max-width: 100%;
  1121. padding: 10px 0;
  1122. position: relative;
  1123. margin:0 auto;
  1124. }
  1125. .post h3 {
  1126. font-size: 18px;
  1127. margin-top: 20px;
  1128. margin-bottom: 10px;
  1129. line-height: 1.1;
  1130. }
  1131. .second-meta {
  1132.    display: none;
  1133. }
  1134. .comment-link {
  1135.    white-space: normal;
  1136. }
  1137. #blog-pager {
  1138.    clear: both;
  1139.    text-align: center;
  1140.    margin: 0;
  1141. }
  1142. .index .blog-pager,
  1143. .index #blog-pager {
  1144.    display: block
  1145. }
  1146. .index .blog-pager,
  1147. .index #blog-pager,
  1148. .archive .blog-pager,
  1149. .archive #blog-pager {
  1150.    -webkit-border-radius: 0;
  1151.    -moz-border-radius: 0;
  1152.    border-radius: 0;
  1153.    padding: 15px 0 5px;
  1154.    text-align: center;
  1155. }
  1156. .showpageNum a,
  1157. .showpage a,
  1158. #blog-pager-newer-link a,
  1159. #blog-pager-older-link a {
  1160.    color: #fff;
  1161.    background-color: $darkcolor;
  1162.    font-size: 14px;
  1163.    font-weight: 400;
  1164.    line-height: 24px;
  1165.    margin-right: 5px;
  1166.    overflow: hidden;
  1167.    padding: 4px 10px;
  1168.    text-decoration: none
  1169. }
  1170. .showpageNum a:hover,
  1171. .showpage a:hover,
  1172. #blog-pager-newer-link a:hover,
  1173. #blog-pager-older-link a:hover {
  1174.    decoration: none;
  1175.    background-color: $maincolor
  1176. }
  1177. .showpageOf {
  1178.    display: none;
  1179.    font-size: 0
  1180. }
  1181. .showpagePoint {
  1182.    color: #fff;
  1183.    background-color: $maincolor;
  1184.    font-size: 14px;
  1185.    font-weight: 400;
  1186.    line-height: 24px;
  1187.    margin-right: 5px;
  1188.    overflow: hidden;
  1189.    padding: 4px 10px;
  1190.    text-decoration: none
  1191. }
  1192. #post-pager .blog-pager-older-link:hover, #post-pager .blog-pager-newer-link:hover {
  1193. color:$maincolor;
  1194. background:inherit;
  1195. }
  1196. #post-pager {
  1197. clear:both;
  1198.    float: left;
  1199.    display: block;
  1200.    width: 100%;
  1201.    box-sizing: border-box;
  1202. margin: 15px 0;
  1203. }
  1204. #post-pager .blog-pager-older-link, #post-pager .blog-pager-newer-link {
  1205. border:0;
  1206. text-align:right;
  1207. background:none;
  1208. color:$darkcolor;
  1209. }
  1210. #post-pager .blog-pager-newer-link {
  1211.    border: 0;
  1212. text-align:left;
  1213. }
  1214. #post-pager #blog-pager-newer-link, #post-pager #blog-pager-older-link {
  1215.    width: 50%;
  1216. }
  1217. #post-pager a b {
  1218.    display: block;
  1219.    padding: 0 0 5px;
  1220.    font-weight: 700;
  1221.    letter-spacing: 1px;
  1222.    font-size: 15px;
  1223. color:$maincolor;
  1224. }
  1225. #post-pager a span {
  1226.    text-transform:capitalize;
  1227. }
  1228. #post-pager .blog-pager-older-link, #post-pager .blog-pager-newer-link {
  1229.    padding:0;
  1230. display: block;
  1231. }
  1232. .item #blog-pager {
  1233.    display: none;
  1234.    height: 0;
  1235.    opacity: 0;
  1236.    visibility: hidden;
  1237. }
  1238. .ty-author-box {
  1239. border: 1px solid #f2f2f2;
  1240. background: #f8f8f8;
  1241. overflow: hidden;
  1242. padding: 10px;
  1243. margin: 10px 0;
  1244. }
  1245. .ty-author-box img {
  1246. float: left;
  1247. margin-right: 10px;
  1248. object-fit: cover;
  1249. }
  1250. .ty-author-box p {
  1251. padding: 0;
  1252. -webkit-margin-before: 0;
  1253.    -webkit-margin-after: 0;
  1254. }
  1255. .ty-author-box b {
  1256. font-weight: 700;
  1257. font-style: normal;
  1258. letter-spacing: 1px;
  1259. font-size: 20px;
  1260. }
  1261. .item .post-footer .share-box {
  1262. position: relative;
  1263. padding:10px 0;
  1264. }
  1265. .item .post-footer .share-title {
  1266. color: #aeaeae;
  1267. display: inline-block;
  1268. padding-bottom: 7px;
  1269. font-size: 12px;
  1270. font-weight: 700;
  1271. position: relative;
  1272. top: 2px;
  1273. text-transform:uppercase;
  1274. }
  1275. .item .post-footer .share-art {
  1276. display:inline-block;
  1277. padding: 0;
  1278. padding-top: 0;
  1279. font-size: 12px;
  1280. font-weight: 400;
  1281. text-transform: capitalize;
  1282. letter-spacing:1px;
  1283. }
  1284. .item .post-footer .share-art a {
  1285. color: #fff;
  1286. padding: 3px 8px;
  1287. margin-left: 4px;
  1288. border-radius: 2px;
  1289. display: inline-block;
  1290. margin-right: 0;
  1291. background: #010101;
  1292. }
  1293. .item .post-footer .share-art a:hover{color:#fff}
  1294. .item .post-footer .share-art .fac-art{background:#3b5998}
  1295. .item .post-footer .share-art .fac-art:hover{background:rgba(49,77,145,0.7)}
  1296. .item .post-footer .share-art .twi-art{background:#00acee}
  1297. .item .post-footer .share-art .twi-art:hover{background:rgba(7,190,237,0.7)}
  1298. .item .post-footer .share-art .goo-art{background:#db4a39}
  1299. .item .post-footer .share-art .goo-art:hover{background:rgba(221,75,56,0.7)}
  1300. .item .post-footer .share-art .pin-art{background:#CA2127}
  1301. .item .post-footer .share-art .pin-art:hover{background:rgba(202,33,39,0.7)}
  1302. .item .post-footer .share-art .lin-art{background:#0077B5}
  1303. .item .post-footer .share-art .lin-art:hover{background:rgba(0,119,181,0.7)}
  1304. .item .post-footer .share-art .wat-art{background:#25d266;display:none;}
  1305. .item .post-footer .share-art .wat-art:hover{background:rgba(37, 210, 102, 0.73)}
  1306. @media only screen and (max-width: 768px) {
  1307. .item .post-footer .share-art .wat-art{display:inline-block;}
  1308. }
  1309. #subscribe-box {
  1310.   background-color: #f7f7f7;
  1311.    margin: 0;
  1312.    padding: 20px;
  1313.    overflow: hidden;
  1314.    border: 8px solid #f0f0f0;
  1315. }
  1316. #subscribe-box h4 {
  1317.    color: #827459;
  1318.    font-size: 16px;
  1319.    margin-bottom: 20px;
  1320.    text-align: center;
  1321.    text-transform: uppercase
  1322. }
  1323. #subscribe-box .emailfield {
  1324.    margin: auto;
  1325.    text-align: center;
  1326. }
  1327. #subscribe-box .emailfield form {
  1328.    margin: 0;
  1329. }
  1330. #subscribe-box .emailfield input {
  1331.    padding: 12px;
  1332.    color: #bcc4ca;
  1333.    border: 1px solid #ebd099;
  1334.    font-size: 14px;
  1335.    margin-bottom: 10px
  1336. }
  1337. #subscribe-box .emailfield input:focus {
  1338.    color: #454545;
  1339.    outline: none;
  1340.    border-color: #d5bc88;
  1341. }
  1342. #subscribe-box .emailfield .submitbutton {
  1343.    background-color: #f8695f;
  1344.    color: #fff;
  1345.    margin: 0;
  1346.    font-size: 14px;
  1347.    letter-spacing: .7px;
  1348.    text-transform: uppercase;
  1349.    cursor: pointer;
  1350.    border: 0;
  1351.    transition: all .3s
  1352. }
  1353. #subscribe-box .emailfield .submitbutton:active,
  1354. #subscribe-box .emailfield .submitbutton:hover {
  1355.    background-color: #e0594f;
  1356.    color: #fff;
  1357. }
  1358. #related-posts {
  1359. margin-bottom: 10px;
  1360. padding: 10px 0;
  1361. }
  1362. .related li {
  1363. width: 23.94%;
  1364. display: inline-block;
  1365. height: auto;
  1366. min-height: 184px;
  1367. float: left;
  1368. margin-right: 10px;
  1369. overflow: hidden;
  1370. position: relative;
  1371. }
  1372. .related li h3 {
  1373. margin-top:0;
  1374. }
  1375. .related-thumb {
  1376. width: 100%;
  1377. height: 100px;
  1378. overflow: hidden;
  1379. border-radius: 2px;
  1380. }
  1381. .related li .related-img {
  1382. width: 100%;
  1383. height: 100px;
  1384. display: block;
  1385. position: relative;
  1386. transition: all .3s ease-out!important;
  1387. -webkit-transition: all .3s ease-out!important;
  1388. -moz-transition: all .3s ease-out!important;
  1389. -o-transition: all .3s ease-out!important;
  1390. }
  1391. .related li .related-img:hover {
  1392. -webkit-transform: scale(1.1) rotate(-1.5deg)!important;
  1393. -moz-transform: scale(1.1) rotate(-1.5deg)!important;
  1394. transform: scale(1.1) rotate(-1.5deg)!important;
  1395. transition: all .3s ease-out!important;
  1396. -webkit-transition: all .3s ease-out!important;
  1397. -moz-transition: all .3s ease-out!important;
  1398. -o-transition: all .3s ease-out!important;
  1399. }
  1400. .related-title a {
  1401. font-size: 12px;
  1402. line-height: 1.4em;
  1403. padding: 10px 0 0;
  1404. font-weight: 400;
  1405. font-style: normal;
  1406. letter-spacing: 1px;
  1407. color: $darkcolor;
  1408. display: block;
  1409. }
  1410. .related li:nth-of-type(4),
  1411. .related li:nth-of-type(8),
  1412. .related li:nth-of-type(12) {
  1413. margin-right: 0;
  1414. }
  1415. .related .related-tag {
  1416. display:none;
  1417. }
  1418. .related-overlay {
  1419. position: absolute;
  1420. left: 0;
  1421. top: 0;
  1422. z-index: 1;
  1423. width: 100%;
  1424. height: 100%;
  1425. background-color: rgba(40,35,40,0.05);
  1426. }
  1427. .related-content {
  1428. display: block;
  1429. bottom: 0;
  1430. padding: 0px 0px 11px;
  1431. width: 100%;
  1432. line-height: 1.2em;
  1433. box-sizing: border-box;
  1434. z-index: 2;
  1435. }
  1436. .related .related-content .recent-date {
  1437. display:none;
  1438. }
  1439. .recent-date:before, .p-date:before {
  1440. content: '\f017';
  1441. font-family: fontawesome;
  1442. margin-right: 5px;
  1443. }
  1444. .comment-form {
  1445. overflow:hidden;
  1446. }
  1447. iframe.blogger-iframe-colorize,
  1448. iframe.blogger-comment-from-post {
  1449. height: 283px!important
  1450. }
  1451. .comments-title {
  1452. position: relative;
  1453. clear: both;
  1454. z-index: 1;
  1455. margin: 0;
  1456. line-height: 33px
  1457. }
  1458. .comments-title h2 {
  1459. display: inline-block;
  1460. position: relative;
  1461. background-color: #fff;
  1462. color: #1c1c1c;
  1463. font-size: 18px;
  1464. letter-spacing: -.4px;
  1465. text-transform: uppercase;
  1466. font-weight: 700;
  1467. z-index: 1;
  1468. margin: 0;
  1469. padding-right: 15px
  1470. }
  1471. .comments-title:after {
  1472. content: "";
  1473. position: absolute;
  1474. z-index: 0;
  1475. top: 14px;
  1476. left: 0;
  1477. width: 100%;
  1478. height: 5px;
  1479. background-color: #F5F5F5
  1480. }
  1481. .comments {
  1482. clear: both;
  1483. margin: 0;
  1484. color: #1c1c1c;
  1485. background: #ffffff;
  1486. padding: 0 10px;
  1487. }
  1488. .comments .comments-content .comment-thread ol li {
  1489.    list-style: none;
  1490. }
  1491. .comments h4 {
  1492. color: #000;
  1493.    font-size: 14px;
  1494.    padding: 5px 20px;
  1495.    font-weight: 700;
  1496.    letter-spacing: 1.5px;
  1497.    text-transform: Uppercase;
  1498.    position: relative;
  1499.    text-align: center;
  1500.    background: #ffffff;
  1501.    z-index: 1;
  1502. margin-bottom: 15px;
  1503.  
  1504. }
  1505. .comments h4:after {
  1506.    content: '';
  1507.    position: absolute;
  1508.    bottom: 0;
  1509.    left: 50%;
  1510.    width: 40px;
  1511.    height: 2px;
  1512.    background: #000;
  1513.    margin-left: -20px;
  1514. }
  1515. .comments .comments-content {
  1516. margin: 0;
  1517. padding: 0
  1518. }
  1519. .comments .comments-content .comment {
  1520. margin-bottom: 0;
  1521. padding-bottom: 8px
  1522. }
  1523. .comments .comments-content .comment:first-child {
  1524. padding-top: 0
  1525. }
  1526. .facebook-tab,
  1527. .fb_iframe_widget_fluid span,
  1528. .fb_iframe_widget iframe {
  1529. width: 100%!important
  1530. }
  1531. .comments .item-control {
  1532. position: static
  1533. }
  1534. .comments .avatar-image-container {
  1535. float: left;
  1536. overflow: hidden;
  1537. position: absolute
  1538. }
  1539. .comments .avatar-image-container,
  1540. .comments .avatar-image-container img {
  1541. height: 45px;
  1542. max-height: 45px;
  1543. width: 45px;
  1544. max-width: 45px;
  1545. border-radius: 0
  1546. }
  1547. .comments .comment-block {
  1548. overflow: hidden;
  1549. padding: 0 0 10px
  1550. }
  1551. .comments .comment-block,
  1552. .comments .comments-content .comment-replies {
  1553. margin-left: 60px;
  1554. margin-top: 0
  1555. }
  1556. .comments .comments-content .inline-thread {
  1557. padding: 0
  1558. }
  1559. .comments .comment-actions {
  1560. float: left;
  1561. width: 100%;
  1562. position: relative;
  1563. margin: 0
  1564. }
  1565. .comments .comments-content .comment-header {
  1566. font-size: 14px;
  1567. display: block;
  1568. overflow: hidden;
  1569. clear: both;
  1570. margin: 0 0 3px;
  1571. padding: 0 0 5px;
  1572. border-bottom: 1px dotted #f5f5f5
  1573. }
  1574. .comments .comments-content .user {
  1575. font-style: normal;
  1576. font-weight: 500;
  1577. display: block;
  1578. font-size: 16px
  1579. }
  1580. .comments .comments-content .icon.blog-author {
  1581. display: none
  1582. }
  1583. .comments .comments-content .comment-content {
  1584. float: left;
  1585. text-align: left;
  1586. font-size: 13px;
  1587. line-height: 1.4em;
  1588. color: #656565
  1589. }
  1590. .comments .comment .comment-actions a {
  1591. margin-right: 5px;
  1592. padding: 2px 5px;
  1593. color: #fff;
  1594. font-weight: 400;
  1595. background-color: #000;
  1596. font-size: 10px
  1597. }
  1598. .comments .comment .comment-actions a:hover {
  1599. color: #fff;
  1600. background-color: $maincolor;
  1601. text-decoration: none
  1602. }
  1603. .comments .comments-content .datetime {
  1604. color: #999;
  1605. float: left;
  1606. font-size: 11px;
  1607. position: relative;
  1608. font-style: italic;
  1609. margin: 2px 0 0;
  1610. display: block
  1611. }
  1612. .comments .comments-content .datetime:before {
  1613. content: '\f017';
  1614. font-family: fontawesome;
  1615. font-style: normal;
  1616. margin-right: 3px
  1617. }
  1618. .comments .comments-content .comment-header a {
  1619. color: inherit
  1620. }
  1621. .comments .comments-content .comment-header a:hover {
  1622. color: $maincolor
  1623. }
  1624. .comments .thread-toggle {
  1625. margin-bottom: 4px
  1626. }
  1627. .comments .thread-toggle .thread-arrow {
  1628. height: 7px;
  1629. margin: 0 3px 2px 0
  1630. }
  1631. .comments .thread-expanded {
  1632. padding: 8px 0 0
  1633. }
  1634. .comments .comments-content .comment-thread {
  1635. margin: 0
  1636. }
  1637. .comments .continue a {
  1638. padding: 0 0 0 60px;
  1639. font-weight: 400
  1640. }
  1641. .comments .comments-content .loadmore.loaded {
  1642. margin: 0;
  1643. padding: 0
  1644. }
  1645. .comments .comment-replybox-thread {
  1646. margin: 0
  1647. }
  1648. /*****************************************
  1649. Footer Bottom CSS
  1650. ******************************************/
  1651. #lower {
  1652. margin:auto;
  1653. padding: 0px 0px 10px 0px;
  1654. width: 100%;
  1655. background:#222;
  1656. box-shadow: 0 5px 6px rgba(0,0,0,0.4) inset;
  1657.    border-top: 4px solid #E6E6E6;
  1658. }
  1659. #lower-wrapper {
  1660. margin:auto;
  1661. padding: 20px 0px 20px 0px;
  1662. }
  1663. #lowerbar-wrapper {
  1664. float: left;
  1665. margin: 0px 5px auto;
  1666. padding-bottom: 20px;
  1667. width: 32%;
  1668. text-align: justify;
  1669. color:#ddd;
  1670. line-height: 1.6em;
  1671. word-wrap: break-word;
  1672. overflow: hidden;
  1673. max-width: 375px;
  1674. }
  1675. .lowerbar {margin: 0; padding: 0;}
  1676. .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;box-sizing:border-box;}
  1677. .lowerbar h2 {
  1678.    position: relative;
  1679.    overflow: hidden;
  1680.    margin: 0;
  1681.    font-size: 18px;
  1682.    vertical-align: middle;
  1683.    padding: 0 0 10px 0;
  1684.    border-bottom:1px solid #3D3D3D;
  1685.    font-weight: 700;
  1686. color:#fff;
  1687.    clear: both;
  1688. }
  1689.  
  1690. .lowerbar ul {
  1691. margin: 0 auto;
  1692. padding: 0;
  1693. list-style-type: none;
  1694. }
  1695. .lowerbar li {
  1696. display:block;
  1697. line-height: 1.6em;
  1698. margin-left: 0 !important;
  1699. list-style-type: none;
  1700. }
  1701. .lowerbar li a {
  1702. text-decoration:none; color: #DBDBDB;
  1703. }
  1704. .lowerbar li a:hover {
  1705. text-decoration:none;
  1706. }
  1707. .lowerbar li:hover {
  1708. display:block;
  1709. }
  1710. .lowerbar .PopularPosts ul li a, .lowerbar, .lowerbar .ty-bonus .ty-bonos-entry a, .lowerbar .tyard-komet a  {
  1711. color:#fff;
  1712. }
  1713. .lowerbar .PopularPosts .widget-content ul li {
  1714. border-bottom: 1px solid rgb(51, 51, 51);
  1715. border-top: 0;
  1716. }
  1717. .lowerbar .PopularPosts .widget-content ul li:last-child {
  1718. border: 0;
  1719. }
  1720. .lowerbar .widget-content {
  1721.    padding: 10px 0;
  1722. }
  1723. /* ######## Footer Css ######################### */
  1724. #ty_footer {
  1725.    background: #161616;
  1726.    color: #ccc;
  1727.    font-weight: 300;
  1728.    padding: 15px 0px;
  1729. }
  1730. .ty-copy-container {
  1731.    margin: 0 auto;
  1732.    overflow: hidden;
  1733. }
  1734. .ty_footer_copyright a {
  1735.    color:#fff;
  1736. }
  1737. .ty_footer_copyright {
  1738. text-align:center;
  1739.    display:block;
  1740.    line-height: 30px;
  1741. }
  1742. /* ######## Custom Widget Css ######################### */
  1743.  
  1744. .sosmedarl-info h4 {
  1745.    background: transparent;
  1746.    position: relative;
  1747.    padding: 0;
  1748.    margin: 0;
  1749.    border: 0;
  1750.    text-align: center;
  1751.    font-size: 120%
  1752. }
  1753. .sosmedarl-img {
  1754.    position: relative;
  1755.    max-height: 200px;
  1756.    overflow: hidden
  1757. }
  1758. .sosmedarl-img img {
  1759.    max-width: 100%;
  1760.    width: 100%;
  1761.    transition: all .6s;
  1762. }
  1763. .sosmedarl-img:hover img {
  1764.    transform: scale(1.2) rotate(-10deg)
  1765. }
  1766. .sosmedarl-img:before {
  1767.    content: '';
  1768.    background: rgba(0, 0, 0, 0.3);
  1769.    position: absolute;
  1770.    top: 0;
  1771.    left: 0;
  1772.    right: 0;
  1773.    bottom: 0;
  1774.    z-index: 2;
  1775.    transition: all .3s
  1776. }
  1777. .sosmedarl-img:hover:before {
  1778.    background: rgba(0, 0, 0, 0.6);
  1779. }
  1780. .aboutfloat-img {
  1781.    text-align: center;
  1782. }
  1783. .sosmedarl-float {
  1784.    text-align: center;
  1785.    display: inline-block;
  1786. }
  1787. .sosmedarl-float a {
  1788.    background: transparent;
  1789.    color: $darkcolor;
  1790.    padding: 8px 14px;
  1791.    z-index: 2;
  1792.    display: table-cell;
  1793.    font-size: 90%;
  1794.    text-transform: uppercase;
  1795.    vertical-align: middle;
  1796.    border: 2px solid $maincolor;
  1797.    border-radius: 3px;
  1798.    transition: all .3s;
  1799. }
  1800. .sosmedarl-float:hover a {
  1801.    background: #e74c3c;
  1802.    color: #fff;
  1803.    border-color: transparent;
  1804. }
  1805. .sosmedarl-float a i {
  1806.    font-weight: normal;
  1807.    margin: 0 5px 0 0
  1808. }
  1809. .sosmedarl-wrpicon {
  1810.    display: block;
  1811.    margin: 15px auto 0;
  1812.    position: relative;
  1813. }
  1814. .sosmedarl-wrpicon .extender {
  1815.    width: 100%;
  1816.    display: block;
  1817. }
  1818. .extender {
  1819.    text-align: center;
  1820.    font-size: 16px
  1821. }
  1822. .extender .sosmedarl-icon {
  1823.    display: inline-block;
  1824.    border: 0;
  1825.    margin: 0;
  1826.    padding: 0;
  1827.    width: 32%;
  1828. }
  1829. .extender .sosmedarl-icon a {
  1830.    background: #ccc;
  1831.    display: inline-block;
  1832.    font-weight: 400;
  1833.    color: #fff;
  1834.    padding: 0 12px;
  1835.    line-height: 32px;
  1836.    border-radius: 3px;
  1837.    font-size: 12px;
  1838.    width: 100%;
  1839. }
  1840. .extender .sosmedarl-icon i {
  1841.    font-family: fontawesome;
  1842.    margin: 0 3px 0 0
  1843. }
  1844. .sosmedarl-icon.fbl a {
  1845.    background: #3b5998
  1846. }
  1847. .sosmedarl-icon.twitt a {
  1848.    background: #19bfe5
  1849. }
  1850. .sosmedarl-icon.crcl a {
  1851.    background: #d64136
  1852. }
  1853. .sosmedarl-icon.fbl a:hover,
  1854. .sosmedarl-icon.twitt a:hover,
  1855. .sosmedarl-icon.crcl a:hover {
  1856.    background: #404040
  1857. }
  1858. .extender .sosmedarl-icon:hover a,
  1859. .extender .sosmedarl-icon a:hover {
  1860.    color: #fff;
  1861. }
  1862. .sosmedarl-info {
  1863.    margin: 10px 0;
  1864.    font-size: 13px;
  1865.    text-align: center;
  1866. }
  1867. .sosmedarl-info p {
  1868.    margin: 5px 0
  1869. }
  1870. .sosmedarl-info h4 {
  1871.    margin-bottom: 10px;
  1872.    font-size: 16px;
  1873.    text-transform: uppercase;
  1874.    color: #444;
  1875.    font-weight: 700
  1876. }
  1877. .sosmedarl-info h4 span {
  1878.    position: relative;
  1879.    display: inline-block;
  1880.    padding: 0 10px;
  1881.    margin: 0 auto;
  1882. }
  1883. select#BlogArchive1_ArchiveMenu {
  1884. width: 100%;
  1885. padding: 10px;
  1886. border-color: #777;
  1887. }
  1888. #adwidegt1 .widget, #adwidegt2 .widget, #adwidegt3 .widget {
  1889.    width: 728px;
  1890.    max-height: 90px;
  1891.    padding: 0;
  1892.    max-width: 100%;
  1893.    box-sizing: border-box;
  1894. display:none;
  1895. }
  1896. #adwidegt1 .widget {
  1897.    margin: 15px auto 10px !important;
  1898. display:block !important;
  1899. }
  1900. #adwidegt2 .widget {
  1901.    margin: 15px auto 0 !important;
  1902. }
  1903. #adwidegt1 .widget h2, #adwidegt2 .widget h2, #adwidegt3 .widget h2 {
  1904. display:none;
  1905. visibility:hidden;
  1906. }
  1907. .ads-posting {
  1908.    margin: 10px 0 0;
  1909. }
  1910. .post-footer .ads-posting {
  1911.    margin: 15px 0 0;
  1912. }
  1913. .contact-form-name, .contact-form-email, .contact-form-email-message, .contact-form-widget {
  1914. max-width: none;
  1915. }
  1916. .contact-form-name, .contact-form-email, .contact-form-email-message {
  1917. background-color: #EBEBEB;
  1918. border: 1px solid #ccc;
  1919. }
  1920. .contact-form-widget .form {
  1921. }
  1922. .contact-form-button-submit {
  1923. max-width: none;
  1924. width: 100%;
  1925. height: 35px;
  1926. border:0;
  1927. background-image: none;
  1928. background-color: $maincolor !important;
  1929. cursor: pointer;
  1930. font-style: normal;
  1931. font-weight: 400;
  1932. }
  1933. .contact-form-name:focus, .contact-form-email:focus, .contact-form-email-message:focus {
  1934. border: 0;
  1935. box-shadow: none;
  1936. }
  1937. .contact-form-name:hover, .contact-form-email:hover, .contact-form-email-message:hover {
  1938. border: 0;
  1939. }
  1940. .contact-form-button-submit:hover {
  1941. background-color: #303030;
  1942. background-image: none;
  1943. border: 0;
  1944. }
  1945. .sidebar .FollowByEmail > h3.title,
  1946. .sidebar .FollowByEmail .title-wrap {
  1947. margin-bottom: 0
  1948. }
  1949. #FollowByEmail1 {
  1950.    clear: both;
  1951. }
  1952. .FollowByEmail td {
  1953. width: 100%;
  1954. float: left;
  1955. box-sizing: border-box
  1956. }
  1957. .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  1958. margin-left: 0;
  1959. width: 100%;
  1960. border-radius: 0;
  1961. height: 30px;
  1962. font-size: 11px;
  1963. color: #fff;
  1964. background-color: $maincolor;
  1965. text-transform: uppercase;
  1966. font-weight: 700;
  1967. letter-spacing: 1px
  1968. }
  1969. .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  1970. background-color: #000
  1971. }
  1972. .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  1973. padding-left: 10px;
  1974. height: 30px;
  1975. border: 1px solid #FFF;
  1976. margin-bottom: 5px;
  1977. box-sizing: border-box;
  1978. font-size: 11px;
  1979. font-family: inherit
  1980. }
  1981. .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
  1982. border: 1px solid #FFF
  1983. }
  1984. .FollowByEmail .widget-content {
  1985. background-color: #2b2b2b;
  1986. box-sizing: border-box;
  1987. padding: 10px
  1988. }
  1989. .lowerbar .FollowByEmail .widget-content {
  1990.    margin-top: 10px;
  1991. }
  1992. .FollowByEmail .widget-content:before {
  1993. content: "Enter your email address to subscribe to this blog and receive notifications of new posts by email.";
  1994. font-size: 14px;
  1995. color: #f2f2f2;
  1996. line-height: 1.4em;
  1997. margin-bottom: 5px;
  1998. display: block;
  1999. padding: 0 2px
  2000. }
  2001. .sidebar .PopularPosts .widget-content ul li:first-child,
  2002. .sidebar .ty-bonus .ty-wow:first-child {
  2003.    padding-top: 0;
  2004.    border-top: 0;
  2005. }
  2006. .sidebar .PopularPosts .widget-content ul li:last-child,
  2007. .sidebar .ty-bonus .ty-wow:last-child {
  2008.    padding-bottom: 0;
  2009. }
  2010. .cloud-label-widget-content {
  2011. display: inline-block;
  2012. text-align: left;
  2013. }
  2014. .cloud-label-widget-content .label-size {
  2015. display: inline-block;
  2016. float: left;
  2017. font-size: 12px;
  2018. line-height: normal;
  2019. margin: 0 5px 5px 0;
  2020. opacity: 1
  2021. }
  2022. .cloud-label-widget-content .label-size a {
  2023. background: #efefef;
  2024. color: #000;
  2025. float: left;
  2026. font-weight: 400;
  2027. line-height: 100%;
  2028. margin: 0;
  2029. padding: 8px 10px;
  2030. text-transform: uppercase;
  2031. transition: all .6s;
  2032. letter-spacing: 1.5px;
  2033. }
  2034. .cloud-label-widget-content .label-size a:hover,
  2035. .cloud-label-widget-content .label-size a:active {
  2036. background:$maincolor;
  2037. color: #fff;
  2038. }
  2039. .cloud-label-widget-content .label-size .label-count {
  2040. display:none;
  2041. }
  2042. .list-label-widget-content li {
  2043. display: block;
  2044. padding: 8px 0;
  2045. border-bottom: 1px solid #ececec;
  2046. position: relative
  2047. }
  2048. .list-label-widget-content li a:before {
  2049. content: '\203a';
  2050. position: absolute;
  2051. left: 0px;
  2052. top:5px;
  2053. font-size: 22px;
  2054. color: $maincolor
  2055. }
  2056. .lowerbar .list-label-widget-content li a {
  2057. color:#fff;
  2058. }
  2059. .lowerbar .list-label-widget-content li {
  2060. border-bottom: 1px solid rgb(51, 51, 51);
  2061. border-top: 0;
  2062. }
  2063. .lowerbar .list-label-widget-content li:last-child {
  2064. border: 0;
  2065. }
  2066. .list-label-widget-content li a {
  2067. color: #282828;
  2068. font-size: 14px;
  2069. padding-left: 20px;
  2070. font-weight: 400;
  2071. text-transform: capitalize;
  2072. letter-spacing: 1.5px;
  2073. }
  2074. .list-label-widget-content li span:last-child {
  2075. color: #f6b2ca;
  2076. font-size: 12px;
  2077. font-weight: 700;
  2078. position: absolute;
  2079. top: 9px;
  2080. right: 0
  2081. }
  2082. .PopularPosts .item-thumbnail {
  2083. margin: 0 15px 0 0 !important;
  2084. width: 80px;
  2085. height: 60px;
  2086. float: left;
  2087. overflow: hidden;
  2088. position: relative
  2089. }
  2090. .PopularPosts .item-thumbnail a {
  2091. position: relative;
  2092. display: block;
  2093. overflow: hidden;
  2094. line-height: 0
  2095. }
  2096. .PopularPosts ul li img {
  2097. width: 90px;
  2098. height: 65px;
  2099. object-fit: cover;
  2100. padding: 0;
  2101. transition: all .3s ease
  2102. }
  2103. .PopularPosts .widget-content ul li {
  2104. overflow: hidden;
  2105. padding: 10px 0;
  2106. border-top: 1px solid #f2f2f2
  2107. }
  2108. .sidebar .PopularPosts .widget-content ul li:first-child,
  2109. #sidetabs .PopularPosts .widget-content ul li:first-child {
  2110. padding-top: 0;
  2111. border-top: 0
  2112. }
  2113. .sidebar .PopularPosts .widget-content ul li:last-child,
  2114. .sidebar .ty-bonus .ty-wow:last-child,
  2115. .tab-widget .PopularPosts .widget-content ul li:last-child,
  2116. .tab-widget .ty-bonus .ty-wow:last-child {
  2117. padding-bottom: 0
  2118. }
  2119. .PopularPosts ul li a {
  2120. color: $darkcolor;
  2121. font-weight: 400;
  2122. font-size: 13px;
  2123. line-height: 1.4em;
  2124. transition: color .3s;
  2125. letter-spacing:1.5px;
  2126. }
  2127. .PopularPosts ul li a:hover {
  2128. color: #a0d3db
  2129. }
  2130. .PopularPosts .item-title {
  2131. margin: 0 0 4px;
  2132. padding: 0;
  2133. line-height: 0
  2134. }
  2135. .item-snippet {
  2136. display: none;
  2137. font-size: 0;
  2138. padding-top: 0
  2139. }
  2140. .PopularPosts ul {
  2141. counter-reset: popularcount;
  2142. margin: 0;
  2143. padding: 0;
  2144. }
  2145. .PopularPosts .item-thumbnail::before {
  2146. background: rgba(0, 0, 0, 0.3);
  2147. bottom: 0px;
  2148. content: "";
  2149. height: 100px;
  2150. width: 100px;
  2151. left: 0px;
  2152. right: 0px;
  2153. margin: 0px auto;
  2154. position: absolute;
  2155. z-index: 3;
  2156. }
  2157. /* ######## Responsive Css ######################### */
  2158. @media only screen and (max-width: 1200px) {
  2159. .body-row {
  2160. width: 96% !important;
  2161. margin: 0 auto;
  2162. float: none;
  2163. }
  2164. .feat-main-wrapper {
  2165.  margin:10px auto;
  2166. }
  2167. .headerright, .headerleft {
  2168.    float: none;
  2169.    width: 100%;
  2170.    text-align: center;
  2171.    height: auto;
  2172.    margin: 0 auto;
  2173.    clear: both;
  2174. }
  2175. .headerleft img {
  2176.    margin: auto;
  2177.    padding-bottom: 15px;
  2178. }
  2179. .headerright {
  2180.    margin: 10px auto 0;
  2181. }
  2182. }
  2183. @media only screen and (max-width: 980px) {
  2184. .top-bar-social {
  2185.    position: static;
  2186. }
  2187. #main-wrapper, #sidebar-wrapper, #lowerbar-wrapper {
  2188. float: none;
  2189. clear: both;
  2190. width: 100%;
  2191. margin: 0 auto;
  2192. }
  2193. #main-wrapper {
  2194. max-width: 100%;
  2195. }
  2196. #sidebar-wrapper {
  2197. padding-top: 20px;
  2198. }
  2199. .tyard-wrapper {
  2200.    width: 100%;
  2201.    float: none;
  2202.    max-width: 100%;
  2203.    clear: both;
  2204. }
  2205. #nav1, #nav {
  2206. display: none;
  2207. }
  2208. .selectnav {
  2209. width: auto;
  2210. color: #222;
  2211. background: #f4f4f4;
  2212. border: 1px solid rgba(255,255,255,0.1);
  2213. position: relative;
  2214. border: 0;
  2215. padding: 6px 10px!important;
  2216. margin: 5px 0;
  2217. }
  2218. .selectnav {
  2219. display: block;
  2220. width: 100%;
  2221. max-width:200px;
  2222. }
  2223. .tm-menu .selectnav {
  2224. display:inline-block;
  2225.    margin: 10px 0 0 10px;
  2226. }
  2227. #menu {
  2228. text-align:left;
  2229. }
  2230. }
  2231. @media screen and (max-width: 880px) {
  2232.  
  2233. .item #content-wrapper {
  2234. padding: 0 0 30px;
  2235. }
  2236. }
  2237. @media only screen and (max-width: 768px) {
  2238.  
  2239. .top-bar-social, .bottom-bar-social {
  2240.    float: none;
  2241.    width: 100%;
  2242.    clear: both;
  2243.    overflow: hidden;
  2244. }
  2245. .top-bar-menu {
  2246.    float: none;
  2247.    width: 100%;
  2248.    clear: both;
  2249.    margin-top: 0;
  2250.    margin-bottom: 10px;
  2251. text-align: center;
  2252. }
  2253. .top-bar-social li, .bottom-bar-social li {
  2254.    display: inline-block;
  2255.    float: none;
  2256. }
  2257. .selectnav {
  2258.    display: inline-block;
  2259. }
  2260. #search-bar {
  2261.    display: none;
  2262. }
  2263. .ops-404 {
  2264. width: 80%!important;
  2265. }
  2266. .title-404 {
  2267. font-size: 160px!important;
  2268. }
  2269. #post-pager #blog-pager-newer-link {
  2270. margin: 0 auto 10px;
  2271. }
  2272. #post-pager #blog-pager-older-link, #post-pager #blog-pager-newer-link {
  2273. float: none;
  2274. clear: both;
  2275. margin: 0 auto;
  2276. display: block;
  2277. width:100%;
  2278. }
  2279. .post-home-image {
  2280.    float: none;
  2281.    width: 100%;
  2282.    margin-bottom: 20px;
  2283.    position: relative;
  2284. }
  2285. .item .post-footer .share-art a span {
  2286.    display: none;
  2287. }
  2288. .related li {
  2289.    width: 48%;
  2290. }
  2291. .related li:nth-child(2) {
  2292. margin-right: 0;
  2293. }
  2294. #meta-post {
  2295. text-align: center;
  2296. }
  2297. .index .post, .archive .post {
  2298. text-align:center;
  2299. }
  2300. .ty_footer_copyright {
  2301.    text-align: center;
  2302.    display: block;
  2303.    clear: both;
  2304. }
  2305. }
  2306. @media only screen and (max-width: 620px) {
  2307. .ty-post-share li {
  2308.    width: 50%;
  2309. }
  2310.  
  2311. }
  2312. @media only screen and (max-width: 480px) {
  2313. .ticker-wrap .title {
  2314.    display: none;
  2315. }
  2316. .tyard .ty-first {
  2317.    width: 100%;
  2318.    float: none;
  2319.    padding: 0;
  2320.    clear: both;
  2321. }
  2322. .templatesyard .ty-feat .ty-rest .tyard-thumb, .templatesyard .ty-feat .ty-rest .yard-img {
  2323.    height: 235px;
  2324. }
  2325. #ticker {
  2326. padding:0;
  2327. }
  2328. .index .post h2,.archive .post h2 {
  2329. line-height: 34px;
  2330. font-size: 23px;
  2331. }
  2332. h1.post-title {
  2333. font-size: 22px;
  2334. margin-bottom: 10px;
  2335. }
  2336. .related li {
  2337.    width: 100%;
  2338. margin-right:0;
  2339. }
  2340. #meta-post {
  2341. display: inline-block;
  2342. }
  2343. #meta-post .post-labels {
  2344. display: block;
  2345. margin: 0 0 10px;
  2346. clear: both;
  2347. }
  2348. .blog-pager-newer-link .pager-title, .blog-pager-newer-link .pager-heading, .blog-pager-older-link .pager-title, .blog-pager-older-link .pager-heading {
  2349. display: none;
  2350. }
  2351. .blog-pager-older-link .post-nav-icon, .blog-pager-newer-link .post-nav-icon {
  2352. line-height: 40px;
  2353. width: 100%;
  2354. }
  2355. .other-meta .other-meta-desc, .other-meta .other-meta-read {
  2356. float: none;
  2357. display: block;
  2358. text-align: center;
  2359. }
  2360. .share-title {
  2361. display: none;
  2362. }
  2363. .social-btns {
  2364. float: none;
  2365. text-align: center;
  2366. }
  2367. #sidebar-wrapper {
  2368. max-width: 100%;
  2369. }
  2370. .index .post-outer {
  2371. padding: 0 0 10px 0;
  2372. }
  2373. .ty-copy-container {
  2374. text-align: center;
  2375. }
  2376. .temp-cred {
  2377. float: none;
  2378. display: block;
  2379. clear: both;
  2380. margin: 5px 0 0;
  2381. }
  2382. .ty_footer_copyright {
  2383. float: none;
  2384. display: block;
  2385. clear: both;
  2386. }
  2387. }
  2388. @media only screen and (max-width: 360px) {
  2389. .title-404 {
  2390. font-size: 150px!important;
  2391. }
  2392. .Header .description p, .showpageOf{display:none}
  2393. }
  2394. @media only screen and (max-width: 300px) {
  2395. #sidebar-wrapper {display:none}
  2396. .related-thumb {
  2397. width: 100%;
  2398. float: none;
  2399. }
  2400. .archive .post h2,.index .post h2 {
  2401. line-height: 29px!important;
  2402. font-size: 15px!important;
  2403. }
  2404. article {
  2405. overflow: hidden;
  2406. }
  2407. #blog-pager {
  2408. padding: 0;
  2409. margin: 0;
  2410. }
  2411. .item #blog-pager {
  2412.    margin: 0 0 15px;
  2413. }
  2414. .index .resumo span,.archive .resumo span,.ty-author-box img, .breadcrumbs {
  2415. display: none;
  2416. }
  2417. .ty-author-box ul li a {
  2418.    padding: 0;
  2419.    background: none;
  2420. }
  2421. .ops-404 {
  2422. font-size: 20px!important;
  2423. }
  2424. .title-404 {
  2425. font-size: 120px!important;
  2426. }
  2427. h1.post-title {
  2428. font-size: 17px;
  2429. }
  2430. .top-bar-social #social a {
  2431. width: 24px;
  2432. height: 24px;
  2433. line-height: 24px;
  2434. }
  2435. .top-bar-menu, .ty-ran-yard {
  2436. display:none;
  2437. }
  2438. .ty-post-share li {
  2439.    width: 100%;
  2440. }
  2441. .comments .comments-content .comment-header {
  2442. width: 100%;
  2443. float: none;
  2444. clear: both;
  2445. margin: 0;
  2446. padding: 0;
  2447. }
  2448. .comments .comments-content .comment-header {
  2449. width: 100%;
  2450. float: none;
  2451. clear: both;
  2452. margin: 0px 0 0px -35px;
  2453. padding: 0;
  2454. }
  2455. }
  2456. ]]></b:skin>
  2457.  
  2458. <style>
  2459. /*-------Typography and ShortCodes-------*/
  2460. .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}}
  2461. .FollowByEmail {
  2462.     clear: both;
  2463. }
  2464. .widget .post-body ol {
  2465.     padding: 0 0 0 15px;
  2466. }
  2467. .post-body ul li {
  2468.     list-style: none;
  2469. }
  2470. </style>
  2471. <b:template-skin><![CDATA[
  2472. /*------Layout (No Edit)----------*/
  2473. body#layout {
  2474. width:800px;
  2475. }
  2476. body#layout #body-wrapper {
  2477.    padding: 0;
  2478.    width: 800px
  2479. }
  2480. body#layout .section h4 {
  2481. color: #333!important;
  2482. text-align:center;
  2483. text-transform:uppercase;
  2484. letter-spacing:1.5px;
  2485. }
  2486. body#layout #header-wrappers {
  2487.    padding: 0;
  2488. }
  2489. body#layout #featured {
  2490.    opacity: 1;
  2491. }
  2492. body#layout .tm-menu {
  2493. height: auto;
  2494. }
  2495. body#layout #menu {
  2496. display: block;
  2497. visibility:visible;
  2498. height: auto;
  2499. }
  2500. body#layout .tyard-ran .randoom {
  2501.    min-height: inherit;
  2502.    max-height: inherit;
  2503. }
  2504. body#layout #menu .widget {
  2505. display: block;
  2506. visibility:visible;
  2507. }
  2508. body#layout .lowerbar {
  2509.    width: 28.07%;
  2510.    float: left;
  2511. }
  2512. body#layout .top-bar-social {
  2513.    height: auto;
  2514. }
  2515. body#layout .headerleft {
  2516.    width: 280px;
  2517. }
  2518. body#layout .headerright {
  2519.    width: 440px;
  2520. }
  2521. body#layout #content-wrapper {
  2522.    margin: 0 auto
  2523. }
  2524.  
  2525. body#layout #main-wrapper {
  2526.    float: left;
  2527.    width: 70%;
  2528.    margin: 0;
  2529.    padding: 0
  2530. }
  2531.  
  2532. body#layout #sidebar-wrapper {
  2533.    float: right;
  2534.    width: 30%;
  2535.    margin: 0;
  2536.    padding: 5px 0 0;
  2537.    background-color: #f8e244!important
  2538. }
  2539. body#layout #sidebar-wrapper .section {
  2540.    background-color: #fff;
  2541.    border: 1px solid #fff
  2542. }
  2543. body#layout #sidebar-wrapper .section .widget-content {
  2544.    border-color: #5a7ea2!important
  2545. }
  2546. body#layout #sidebar-wrapper .section .draggable-widget .widget-wrap2 {
  2547.    background-color: #5a7ea2!important
  2548. }
  2549.  
  2550. body#layout #main-wrapper #main {
  2551.    margin-right: 4px;
  2552.    background-color: #5a7ea2;
  2553.    border-color: #34495e
  2554. }
  2555. body#layout #main-wrapper #main h4 {
  2556.    color: #fff!important
  2557. }
  2558. body#layout .layout-widget-description {
  2559.    display: none!important
  2560. }
  2561. body#layout #Blog1 .widget-content {
  2562.    border-color: #34495e
  2563. }
  2564. body#layout .FollowByEmail .widget-content:before, body#layout #ty_footer {
  2565. display:none;
  2566. }
  2567. /*------Layout (end)----------*/
  2568. ]]></b:template-skin>
  2569.  
  2570.  
  2571.  
  2572. <b:include data='blog' name='google-analytics'/>
  2573. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  2574. <script type='text/javascript'>
  2575. //<![CDATA[
  2576. //CSS Ready
  2577. function loadCSS(e, t, n) {
  2578.    "use strict";
  2579.    var i = window.document.createElement("link");
  2580.    var o = t || window.document.getElementsByTagName("script")[0];
  2581.    i.rel = "stylesheet";
  2582.    i.href = e;
  2583.    i.media = "only x";
  2584.    o.parentNode.insertBefore(i, o);
  2585.    setTimeout(function() {
  2586.        i.media = n || "all"
  2587.    })
  2588. }
  2589. loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400i,700|Bungee+Inline");
  2590. loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
  2591.  
  2592. //]]>
  2593. </script>
  2594.  
  2595. </head>
  2596. <body expr:class='data:blog.pageType'>
  2597. &lt;div id=&quot;body-wrapper&quot; class=&quot;<data:blog.pageType/><b:if cond='data:blog.url == data:blog.homepageUrl'> home</b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'> item</b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'> index</b:if>&quot;&gt;
  2598.  
  2599. <div class='ticker-wrap'>
  2600. <div class='ticker-wrap-wrapper body-row'>
  2601. <h2 class='title'>Breaking</h2>
  2602. <div id='ticker'>
  2603. </div>
  2604.     <b:section class='top-bar-social blue' id='header social widget' maxwidgets='1' name='Top Social Widget' showaddelement='no'>
  2605. <b:widget id='LinkList230' locked='true' title='Social Media Icons' type='LinkList' version='1'>
  2606.   <b:widget-settings>
  2607.     <b:widget-setting name='text-8'>delicious</b:widget-setting>
  2608.     <b:widget-setting name='link-7'>#</b:widget-setting>
  2609.     <b:widget-setting name='link-8'>#</b:widget-setting>
  2610.     <b:widget-setting name='link-5'>#</b:widget-setting>
  2611.     <b:widget-setting name='link-6'>#</b:widget-setting>
  2612.     <b:widget-setting name='link-3'>#</b:widget-setting>
  2613.     <b:widget-setting name='link-4'>#</b:widget-setting>
  2614.     <b:widget-setting name='text-1'>twitter</b:widget-setting>
  2615.     <b:widget-setting name='text-0'>facebook</b:widget-setting>
  2616.     <b:widget-setting name='text-3'>bloglovin</b:widget-setting>
  2617.     <b:widget-setting name='text-2'>pinterest</b:widget-setting>
  2618.     <b:widget-setting name='text-5'>rss</b:widget-setting>
  2619.     <b:widget-setting name='text-4'>dribbble</b:widget-setting>
  2620.     <b:widget-setting name='text-7'>instagram</b:widget-setting>
  2621.     <b:widget-setting name='text-6'>behance</b:widget-setting>
  2622.     <b:widget-setting name='sorting'>NONE</b:widget-setting>
  2623.     <b:widget-setting name='link-1'>#</b:widget-setting>
  2624.     <b:widget-setting name='link-2'>#</b:widget-setting>
  2625.     <b:widget-setting name='link-0'>#</b:widget-setting>
  2626.   </b:widget-settings>
  2627.   <b:includable id='main'>
  2628.             <div class='widget-content'>
  2629.               <ul id='social'>
  2630.                 <b:loop values='data:links' var='link'>
  2631.                   <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
  2632.                 </b:loop>
  2633.               </ul>
  2634.             </div>
  2635.           </b:includable>
  2636. </b:widget>
  2637. </b:section>
  2638. </div>
  2639.   </div>
  2640. <div style='clear: both;'/>
  2641. <div class='header-wrap'>
  2642.  <div class='body-row' id='header-wrappers'>
  2643.     <div class='headerleft'>
  2644.       <b:section class='headerleft' id='headerleft' maxwidgets='1' name='Blog Logo' showaddelement='no'>
  2645.          <b:widget id='Header1' locked='true' title='X-Mag (Header)' type='Header' version='1'>
  2646.            <b:widget-settings>
  2647.              <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-amWpFhDQJ2k/WpBpAjgveWI/AAAAAAAAEv4/LbJWdlin7XcY_tzDf4yhHrrixkjwwiBtwCK4BGAYYCw/s1600/logo.png</b:widget-setting>
  2648.              <b:widget-setting name='displayHeight'>91</b:widget-setting>
  2649.              <b:widget-setting name='sectionWidth'>314</b:widget-setting>
  2650.              <b:widget-setting name='useImage'>true</b:widget-setting>
  2651.              <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  2652.              <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  2653.              <b:widget-setting name='displayWidth'>230</b:widget-setting>
  2654.            </b:widget-settings>
  2655.            <b:includable id='main'>
  2656.  
  2657.   <b:if cond='data:useImage'>
  2658.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  2659.       <!--
  2660.      Show image as background to text. You can't really calculate the width
  2661.      reliably in JS because margins are not taken into account by any of
  2662.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  2663.      width if the user is using shrink to fit.
  2664.      This results in a margin-width's worth of pixels being cropped. If the
  2665.      user is not using shrink to fit then we expand the header.
  2666.      -->
  2667.       <b:if cond='data:mobile'>
  2668.         <div id='header-inner'>
  2669.           <div class='titlewrapper' style='background: transparent'>
  2670.             <h1 class='title' style='background: transparent; border-width: 0px'>
  2671.               <b:include name='title'/>
  2672.             </h1>
  2673.           </div>
  2674.           <b:include name='description'/>
  2675.         </div>
  2676.       <b:else/>
  2677.         <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  2678.           <div class='titlewrapper' style='background: transparent'>
  2679.             <h1 class='title' style='background: transparent; border-width: 0px'>
  2680.               <b:include name='title'/>
  2681.             </h1>
  2682.           </div>
  2683.           <b:include name='description'/>
  2684.         </div>
  2685.       </b:if>
  2686.     <b:else/>
  2687.       <!--Show the image only-->
  2688.       <div id='header-inner'>
  2689.         <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none'/>
  2690.           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  2691.         </a>
  2692.         <!--Show the description-->
  2693.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  2694.           <b:include name='description'/>
  2695.         </b:if>
  2696.       </div>
  2697.     </b:if>
  2698.   <b:else/>
  2699.     <!--No header image -->
  2700.     <div id='header-inner'>
  2701.       <div class='titlewrapper'>
  2702.         <h1 class='title'>
  2703.           <b:include name='title'/>
  2704.         </h1>
  2705.       </div>
  2706.       <b:include name='description'/>
  2707.     </div>
  2708.   </b:if>
  2709. </b:includable>
  2710.            <b:includable id='description'>
  2711.   <div class='descriptionwrapper'>
  2712.     <p class='description'><span><data:description/></span></p>
  2713.   </div>
  2714. </b:includable>
  2715.            <b:includable id='title'>
  2716.   <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
  2717.     <data:title/>
  2718.   </b:tag>
  2719. </b:includable>
  2720.          </b:widget>
  2721.        </b:section>
  2722. </div>
  2723. <div class='headerright'>
  2724. <b:section class='headerright' id='headerright' maxwidgets='1' name='Header Ads' showaddelement='yes'>
  2725.    <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
  2726.      <b:widget-settings>
  2727.        <b:widget-setting name='content'><![CDATA[<div style="max-width:728px;height:90px;margin:0 auto;text-align: center;line-height: 90px;color: #000;text-transform: uppercase;font-size: 30px;font-weight: bold;cursor: pointer;border: 5px solid #ccc;box-sizing: border-box;">BANNER 728X90</div>]]></b:widget-setting>
  2728.      </b:widget-settings>
  2729.      <b:includable id='main'>
  2730.   <!-- only display title if it's non-empty -->
  2731.   <b:if cond='data:title != &quot;&quot;'>
  2732.     <h2 class='title'><data:title/></h2>
  2733.   </b:if>
  2734.   <div class='widget-content'>
  2735.     <data:content/>
  2736.   </div>
  2737.  
  2738.   <!--b:include name='quickedit'/-->
  2739. </b:includable>
  2740.    </b:widget>
  2741.  </b:section>
  2742. </div>
  2743. <div style='clear: both;'/>
  2744.   </div>
  2745.  
  2746.   </div>
  2747. <div class='tm-menu'>
  2748. <div class='body-row menu-wrap'>
  2749.         <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
  2750.           <b:widget id='LinkList210' locked='true' title='Menu' type='LinkList' version='1'>
  2751.             <b:widget-settings>
  2752.               <b:widget-setting name='text-10'>_Video Doc</b:widget-setting>
  2753.               <b:widget-setting name='sorting'>NONE</b:widget-setting>
  2754.               <b:widget-setting name='link-1'>#</b:widget-setting>
  2755.               <b:widget-setting name='link-2'>#</b:widget-setting>
  2756.               <b:widget-setting name='link-0'>#</b:widget-setting>
  2757.               <b:widget-setting name='link-11'>http://www.soratemplates.com/2018/02/xmag-blogger-templates.html</b:widget-setting>
  2758.               <b:widget-setting name='link-10'>https://youtu.be/nQ37fDRMSss</b:widget-setting>
  2759.               <b:widget-setting name='text-9'>_Web Doc</b:widget-setting>
  2760.               <b:widget-setting name='link-9'>https://www.sorabloggingtips.com/2018/02/how-to-setup-xmag-blogger-template.html</b:widget-setting>
  2761.               <b:widget-setting name='text-8'>Documentation</b:widget-setting>
  2762.               <b:widget-setting name='link-7'>https://xmag-soratemplates.blogspot.com/soratemplates</b:widget-setting>
  2763.               <b:widget-setting name='link-8'>#</b:widget-setting>
  2764.               <b:widget-setting name='link-5'>https://xmag-soratemplates.blogspot.com/p/post-format-and-page-markup_7.html</b:widget-setting>
  2765.               <b:widget-setting name='link-6'>https://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html</b:widget-setting>
  2766.               <b:widget-setting name='link-3'>#</b:widget-setting>
  2767.               <b:widget-setting name='link-4'>#</b:widget-setting>
  2768.               <b:widget-setting name='text-1'>_Multi DropDown</b:widget-setting>
  2769.               <b:widget-setting name='text-0'>Features</b:widget-setting>
  2770.               <b:widget-setting name='text-3'>__DropDown 2</b:widget-setting>
  2771.               <b:widget-setting name='text-2'>__DropDown 1</b:widget-setting>
  2772.               <b:widget-setting name='text-5'>_ShortCodes</b:widget-setting>
  2773.               <b:widget-setting name='text-4'>__DropDown 3</b:widget-setting>
  2774.               <b:widget-setting name='text-7'>_Error Page</b:widget-setting>
  2775.               <b:widget-setting name='text-6'>_SiteMap</b:widget-setting>
  2776.               <b:widget-setting name='text-11'>Download This Template</b:widget-setting>
  2777.             </b:widget-settings>
  2778.             <b:includable id='main'>
  2779.             <div class='widget-content'>
  2780.               <ul itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
  2781.                 <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  2782.                 <b:loop values='data:links' var='link'>
  2783.                   <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
  2784.                 </b:loop>
  2785.               </ul>
  2786.             </div>
  2787.           </b:includable>
  2788.           </b:widget>
  2789.         </b:section>
  2790. <div class='ty-ran-yard'><span><a class='ran-sym'/></span></div>
  2791.   </div>
  2792.       </div>
  2793. <div style='clear: both;'/>
  2794.  
  2795. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2796.  <div class='feat-main-wrapper body-row'>
  2797. <div class='tyard-wrapper'>
  2798.  
  2799. <b:section class='featured preload' id='featured' maxwidget='1' showaddelement='yes'>
  2800.   <b:widget id='HTML299' locked='true' title='Featured' type='HTML' version='1'>
  2801.     <b:widget-settings>
  2802.       <b:widget-setting name='content'><![CDATA[<span data-type="tyard-recent"></span>]]></b:widget-setting>
  2803.     </b:widget-settings>
  2804.     <b:includable id='main'>
  2805.   <!-- only display title if it's non-empty -->
  2806.   <b:if cond='data:title != &quot;&quot;'>
  2807.     <h2 class='title'><data:title/></h2>
  2808.   </b:if>
  2809.   <div class='widget-content'>
  2810.     <data:content/>
  2811.   </div>
  2812.  
  2813.   <!--b:include name='quickedit'/-->
  2814. </b:includable>
  2815.   </b:widget>
  2816. </b:section>
  2817.   </div>
  2818. <div class='tyard-ran'>
  2819.  <b:section class='randoom ready-widget' id='Random-Post' maxwidgets='1' name='Random Post' showaddelement='yes'>
  2820.    <b:widget id='HTML5' locked='false' title='Recommended Posts' type='HTML' version='1'>
  2821.      <b:widget-settings>
  2822.        <b:widget-setting name='content'>randomposts</b:widget-setting>
  2823.      </b:widget-settings>
  2824.      <b:includable id='main'>
  2825.   <!-- only display title if it's non-empty -->
  2826.   <b:if cond='data:title != &quot;&quot;'>
  2827.     <h2 class='title'><data:title/></h2>
  2828.   </b:if>
  2829.   <div class='widget-content'>
  2830.     <data:content/>
  2831.   </div>
  2832.  
  2833.   <!--b:include name='quickedit'/-->
  2834. </b:includable>
  2835.    </b:widget>
  2836.  </b:section>
  2837.    </div>
  2838.   </div>
  2839. <div style='clear: both;'/>
  2840.   </b:if>
  2841.     <div class='body-row' id='content-wrapper'>
  2842.     <div id='main-wrapper'>
  2843.    <b:section class='main' id='main' showaddelement='yes'>
  2844.      <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
  2845.        <b:widget-settings>
  2846.          <b:widget-setting name='commentLabel'>Reviews</b:widget-setting>
  2847.          <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  2848.          <b:widget-setting name='authorLabel'>By</b:widget-setting>
  2849.          <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  2850.          <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  2851.          <b:widget-setting name='timestampLabel'>Price:</b:widget-setting>
  2852.          <b:widget-setting name='reactionsLabel'>Share This</b:widget-setting>
  2853.          <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  2854.          <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  2855.          <b:widget-setting name='showLocation'>false</b:widget-setting>
  2856.          <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  2857.          <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  2858.          <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  2859.          <b:widget-setting name='backlinksLabel'>Related Products</b:widget-setting>
  2860.          <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  2861.          <b:widget-setting name='style.textcolor'>#222222</b:widget-setting>
  2862.          <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  2863.          <b:widget-setting name='style.urlcolor'>#2c3242</b:widget-setting>
  2864.          <b:widget-setting name='showAuthor'>true</b:widget-setting>
  2865.          <b:widget-setting name='style.linkcolor'>#fb4834</b:widget-setting>
  2866.          <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  2867.          <b:widget-setting name='showLabels'>true</b:widget-setting>
  2868.          <b:widget-setting name='postLabelsLabel'>Product Tags:</b:widget-setting>
  2869.          <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  2870.          <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  2871.          <b:widget-setting name='showReactions'>false</b:widget-setting>
  2872.        </b:widget-settings>
  2873.        <b:includable id='main' var='top'>
  2874.   <b:if cond='!data:mobile'>
  2875.     <!-- posts -->
  2876.     <div class='blog-posts hfeed'>
  2877.  
  2878.       <b:include data='top' name='status-message'/>
  2879.  
  2880.       <b:loop values='data:posts' var='post'>
  2881.         <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  2882.           &lt;/div&gt;&lt;/div&gt;
  2883.         </b:if>
  2884.         <b:if cond='data:post.isDateStart'>
  2885.           &lt;div class=&quot;date-outer&quot;&gt;
  2886.         </b:if>
  2887.         <b:if cond='data:post.dateHeader'>
  2888.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2889.         </b:if>
  2890.         <b:if cond='data:post.isDateStart'>
  2891.           &lt;div class=&quot;date-posts&quot;&gt;
  2892.         </b:if>
  2893.         <div class='post-outer'>
  2894.           <b:include data='post' name='post'/>
  2895.           <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  2896.         </div>
  2897.  
  2898.         <!-- Ad -->
  2899.         <b:if cond='data:post.includeAd'>
  2900.           <div class='inline-ad'>
  2901.             <data:adCode/>
  2902.           </div>
  2903.         </b:if>
  2904.       </b:loop>
  2905.       <b:if cond='data:numPosts != 0'>
  2906.         &lt;/div&gt;&lt;/div&gt;
  2907.       </b:if>
  2908.     </div>
  2909.  
  2910.     <!-- navigation -->
  2911.     <b:include name='nextprev'/>
  2912.  
  2913.     <!-- feed links -->
  2914.     <b:include name='feedLinks'/>
  2915.  
  2916.   <b:else/>
  2917.     <b:include name='mobile-main'/>
  2918.   </b:if>
  2919.  
  2920.   <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
  2921. </b:includable>
  2922.        <b:includable id='backlinkDeleteIcon' var='backlink'>
  2923.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2924.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2925.       <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  2926.     </a>
  2927.   </span>
  2928. </b:includable>
  2929.        <b:includable id='backlinks' var='post'>
  2930.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2931.   <b:if cond='data:post.numBacklinks != 0'>
  2932.     <dl class='comments-block' id='comments-block'>
  2933.       <b:loop values='data:post.backlinks' var='backlink'>
  2934.         <div class='collapsed-backlink backlink-control'>
  2935.           <dt class='comment-title'>
  2936.             <span class='backlink-toggle-zippy'>&#160;</span>
  2937.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2938.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  2939.           </dt>
  2940.           <dd class='comment-body collapseable'>
  2941.             <data:backlink.snippet/>
  2942.           </dd>
  2943.           <dd class='comment-footer collapseable'>
  2944.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2945.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  2946.           </dd>
  2947.         </div>
  2948.       </b:loop>
  2949.     </dl>
  2950.   </b:if>
  2951.   <p class='comment-footer'>
  2952.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  2953.   </p>
  2954. </b:includable>
  2955.        <b:includable id='comment-form' var='post'>
  2956.   <div class='comment-form'>
  2957.     <a name='comment-form'/>
  2958.     <b:if cond='data:mobile'>
  2959.       <h4 id='comment-post-message'>
  2960.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2961.       <p><data:blogCommentMessage/></p>
  2962.       <data:blogTeamBlogMessage/>
  2963.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2964.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2965.     <b:else/>
  2966.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  2967.       <p><data:blogCommentMessage/></p>
  2968.       <data:blogTeamBlogMessage/>
  2969.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2970.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2971.     </b:if>
  2972.     <data:post.cmtfpIframe/>
  2973.     <script type='text/javascript'>
  2974.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2975.     </script>
  2976.   </div>
  2977. </b:includable>
  2978.        <b:includable id='commentDeleteIcon' var='comment'>
  2979.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2980.     <b:if cond='data:showCmtPopup'>
  2981.       <div class='goog-toggle-button'>
  2982.         <div class='goog-inline-block comment-action-icon'/>
  2983.       </div>
  2984.     <b:else/>
  2985.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2986.         <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  2987.       </a>
  2988.     </b:if>
  2989.   </span>
  2990. </b:includable>
  2991.        <b:includable id='comment_count_picker' var='post'>
  2992.   <b:if cond='data:post.commentSource == 1'>
  2993.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
  2994.     </span>
  2995.   <b:else/>
  2996.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2997.       <data:post.commentLabelFull/>:
  2998.     </a>
  2999.   </b:if>
  3000. </b:includable>
  3001.        <b:includable id='comment_picker' var='post'>
  3002.   <b:if cond='data:post.commentSource == 1'>
  3003.     <b:include data='post' name='iframe_comments'/>
  3004.   <b:elseif cond='data:post.showThreadedComments'/>
  3005.     <b:include data='post' name='threaded_comments'/>
  3006.   <b:else/>
  3007.     <b:include data='post' name='comments'/>
  3008.   </b:if>
  3009. </b:includable>
  3010.        <b:includable id='comments' var='post'>
  3011.   <div class='comments' id='comments'>
  3012.     <a name='comments'/>
  3013.     <b:if cond='data:post.allowComments'>
  3014.       <h4><data:post.commentLabelFull/>:</h4>
  3015.  
  3016.       <b:if cond='data:post.commentPagingRequired'>
  3017.         <span class='paging-control-container'>
  3018.           <b:if cond='data:post.hasOlderLinks'>
  3019.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  3020.               &#160;
  3021.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  3022.               &#160;
  3023.           </b:if>
  3024.  
  3025.           <data:post.commentRangeText/>
  3026.  
  3027.           <b:if cond='data:post.hasNewerLinks'>
  3028.             &#160;
  3029.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  3030.             &#160;
  3031.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  3032.           </b:if>
  3033.         </span>
  3034.       </b:if>
  3035.  
  3036.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  3037.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  3038.           <b:loop values='data:post.comments' var='comment'>
  3039.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  3040.               <b:if cond='data:comment.favicon'>
  3041.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  3042.               </b:if>
  3043.               <a expr:name='data:comment.anchorName'/>
  3044.               <b:if cond='data:blog.enabledCommentProfileImages'>
  3045.                 <data:comment.authorAvatarImage/>
  3046.               </b:if>
  3047.               <b:if cond='data:comment.authorUrl'>
  3048.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  3049.               <b:else/>
  3050.                 <data:comment.author/>
  3051.               </b:if>
  3052.               <data:commentPostedByMsg/>
  3053.             </dt>
  3054.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  3055.               <b:if cond='data:comment.isDeleted'>
  3056.                 <span class='deleted-comment'><data:comment.body/></span>
  3057.               <b:else/>
  3058.                 <p>
  3059.                   <data:comment.body/>
  3060.                 </p>
  3061.               </b:if>
  3062.             </dd>
  3063.             <dd class='comment-footer'>
  3064.               <span class='comment-timestamp'>
  3065.                 <a expr:href='data:comment.url' title='comment permalink'>
  3066.                   <data:comment.timestamp/>
  3067.                 </a>
  3068.                 <b:include data='comment' name='commentDeleteIcon'/>
  3069.               </span>
  3070.             </dd>
  3071.           </b:loop>
  3072.         </dl>
  3073.       </div>
  3074.  
  3075.       <b:if cond='data:post.commentPagingRequired'>
  3076.         <span class='paging-control-container'>
  3077.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  3078.             <data:post.oldestLinkText/>
  3079.           </a>
  3080.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  3081.             <data:post.olderLinkText/>
  3082.           </a>
  3083.           &#160;
  3084.           <data:post.commentRangeText/>
  3085.           &#160;
  3086.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  3087.             <data:post.newerLinkText/>
  3088.           </a>
  3089.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  3090.             <data:post.newestLinkText/>
  3091.           </a>
  3092.         </span>
  3093.       </b:if>
  3094.  
  3095.       <p class='comment-footer'>
  3096.         <b:if cond='data:post.embedCommentForm'>
  3097.           <b:if cond='data:post.allowNewComments'>
  3098.             <b:include data='post' name='comment-form'/>
  3099.           <b:else/>
  3100.             <data:post.noNewCommentsText/>
  3101.           </b:if>
  3102.         <b:elseif cond='data:post.allowComments'/>
  3103.           <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  3104.         </b:if>
  3105.       </p>
  3106.     </b:if>
  3107.     <b:if cond='data:showCmtPopup'>
  3108.       <div id='comment-popup'>
  3109.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3110.         </iframe>
  3111.       </div>
  3112.     </b:if>
  3113.  
  3114.     <div id='backlinks-container'>
  3115.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3116.        <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  3117.     </div>
  3118.     </div>
  3119.   </div>
  3120. </b:includable>
  3121.        <b:includable id='feedLinks'>
  3122.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  3123.     <b:if cond='data:feedLinks'>
  3124.       <div class='blog-feeds'>
  3125.       </div>
  3126.     </b:if>
  3127.  
  3128.   <b:else/> <!--Post feed links -->
  3129.     <div class='post-feeds'>
  3130.       <b:loop values='data:posts' var='post'>
  3131.         <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  3132.       </b:loop>
  3133.     </div>
  3134.   </b:if>
  3135. </b:includable>
  3136.        <b:includable id='feedLinksBody' var='links'>
  3137.   <div class='feed-links'>
  3138.   <data:feedLinksMsg/>
  3139.   <b:loop values='data:links' var='f'>
  3140.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  3141.   </b:loop>
  3142.   </div>
  3143. </b:includable>
  3144.        <b:includable id='iframe_comments' var='post'>
  3145.  
  3146.   <b:if cond='data:post.allowIframeComments'>
  3147.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  3148.     <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  3149.  
  3150.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  3151.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  3152.     </b:if>
  3153.   </b:if>
  3154. </b:includable>
  3155.        <b:includable id='mobile-index-post' var='post'>
  3156.   <div class='mobile-date-outer date-outer'>
  3157.     <b:if cond='data:post.dateHeader'>
  3158.       <div class='date-header'>
  3159.         <span><data:post.dateHeader/></span>
  3160.       </div>
  3161.     </b:if>
  3162.  
  3163.     <div class='mobile-post-outer'>
  3164.       <a expr:href='data:post.url'>
  3165.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  3166.           <data:post.title/>
  3167.         </h3>
  3168.  
  3169.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  3170.  
  3171.         <div class='mobile-index-contents'>
  3172.           <b:if cond='data:post.thumbnailUrl'>
  3173.             <div class='mobile-index-thumbnail'>
  3174.               <div class='Image'>
  3175.                 <img expr:src='data:post.thumbnailUrl'/>
  3176.               </div>
  3177.             </div>
  3178.           </b:if>
  3179.  
  3180.           <div class='post-body'>
  3181.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  3182.           </div>
  3183.         </div>
  3184.  
  3185.         <div style='clear: both;'/>
  3186.       </a>
  3187.  
  3188.       <div class='mobile-index-comment'>
  3189.         <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  3190.       </div>
  3191.     </div>
  3192.   </div>
  3193. </b:includable>
  3194.        <b:includable id='mobile-main' var='top'>
  3195.     <!-- posts -->
  3196.     <div class='blog-posts hfeed'>
  3197.  
  3198.       <b:include data='top' name='status-message'/>
  3199.  
  3200.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3201.         <b:loop values='data:posts' var='post'>
  3202.           <b:include data='post' name='mobile-index-post'/>
  3203.         </b:loop>
  3204.       <b:else/>
  3205.         <b:loop values='data:posts' var='post'>
  3206.           <b:include data='post' name='mobile-post'/>
  3207.         </b:loop>
  3208.       </b:if>
  3209.     </div>
  3210.  
  3211.    <b:include name='mobile-nextprev'/>
  3212. </b:includable>
  3213.        <b:includable id='mobile-nextprev'>
  3214.   <div class='blog-pager' id='blog-pager'>
  3215.     <b:if cond='data:newerPageUrl'>
  3216.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  3217.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  3218.       </div>
  3219.     </b:if>
  3220.  
  3221.     <b:if cond='data:olderPageUrl'>
  3222.       <div class='mobile-link-button' id='blog-pager-older-link'>
  3223.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  3224.       </div>
  3225.     </b:if>
  3226.  
  3227.     <div class='mobile-link-button' id='blog-pager-home-link'>
  3228.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3229.     </div>
  3230.  
  3231.     <div class='mobile-desktop-link'>
  3232.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  3233.     </div>
  3234.  
  3235.   </div>
  3236.   <div class='clear'/>
  3237. </b:includable>
  3238.        <b:includable id='mobile-post' var='post'>
  3239.   <div class='date-outer'>
  3240.     <b:if cond='data:post.dateHeader'>
  3241.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  3242.     </b:if>
  3243.     <div class='date-posts'>
  3244.       <div class='post-outer'>
  3245.  
  3246.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  3247.           <b:if cond='data:post.thumbnailUrl'>
  3248.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  3249.           </b:if>
  3250.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  3251.           <meta expr:content='data:post.id' itemprop='postId'/>
  3252.  
  3253.           <a expr:name='data:post.id'/>
  3254.         <b:if cond='data:post.title'>
  3255.                      <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3256.     <h2 class='post-title entry-title' itemprop='name'>
  3257.      <b:if cond='data:post.link'>
  3258.        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  3259.      <b:else/>
  3260.         <b:if cond='data:post.url'>
  3261. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  3262. <b:else/>
  3263.           <data:post.title/>
  3264.         </b:if>
  3265.      </b:if>
  3266.      </h2>
  3267.                        <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
  3268. <h2 class='post-title entry-title' itemprop='name'>
  3269.      <b:if cond='data:post.link'>
  3270.        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  3271.      <b:else/>
  3272.         <b:if cond='data:post.url'>
  3273. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  3274. <b:else/>
  3275.           <data:post.title/>
  3276.         </b:if>
  3277.      </b:if>
  3278.       </h2>
  3279. <b:else/>
  3280. <h1 class='post-title entry-title' itemprop='name'>
  3281.      <b:if cond='data:post.link'>
  3282.        <data:post.title/>
  3283.      <b:else/>
  3284.         <b:if cond='data:post.url'>
  3285.          <data:post.title/>
  3286. <b:else/>
  3287.           <data:post.title/>
  3288.         </b:if>
  3289.      </b:if>
  3290.       </h1>
  3291. </b:if>
  3292.                     </b:if>
  3293.  
  3294.           <div class='post-header'>
  3295.             <div class='post-header-line-1'/>
  3296.           </div>
  3297.  
  3298.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  3299.             <data:post.body/>
  3300.             <div style='clear: both;'/> <!-- clear for photos floats -->
  3301.           </div>
  3302.  
  3303.           <div class='post-footer'>
  3304.             <div class='post-footer-line post-footer-line-1'>
  3305.               <span class='post-author vcard'>
  3306.                 <b:if cond='data:top.showAuthor'>
  3307.                   <b:if cond='data:post.authorProfileUrl'>
  3308.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3309.                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3310.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3311.                         <span itemprop='name'><data:post.author/></span>
  3312.                       </a>
  3313.                     </span>
  3314.                   <b:else/>
  3315.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3316.                       <span itemprop='name'><data:post.author/></span>
  3317.                     </span>
  3318.                   </b:if>
  3319.                 </b:if>
  3320.               </span>
  3321.  
  3322.               <span class='post-timestamp'>
  3323.                 <b:if cond='data:top.showTimestamp'>
  3324.                   <data:top.timestampLabel/>
  3325.                   <b:if cond='data:post.url'>
  3326.                     <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  3327.                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  3328.                   </b:if>
  3329.                 </b:if>
  3330.               </span>
  3331.  
  3332.               <span class='post-comment-link'>
  3333.                 <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
  3334.               </span>
  3335.             </div>
  3336.  
  3337.             <div class='post-footer-line post-footer-line-2'>
  3338.               <b:if cond='data:top.showMobileShare'>
  3339.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  3340.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  3341.                 </div>
  3342.               </b:if>
  3343.               <b:if cond='data:top.showDummy'>
  3344.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  3345.               </b:if>
  3346.             </div>
  3347.  
  3348.           </div>
  3349.         </div>
  3350.  
  3351.         <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  3352.       </div>
  3353.     </div>
  3354.   </div>
  3355. </b:includable>
  3356.        <b:includable id='nextprev'>
  3357.   <div class='blog-pager' id='blog-pager'>
  3358.     <b:if cond='data:newerPageUrl'>
  3359.       <span id='blog-pager-newer-link'>
  3360.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  3361.       </span>
  3362.     </b:if>
  3363.  
  3364.     <b:if cond='data:olderPageUrl'>
  3365.       <span id='blog-pager-older-link'>
  3366.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  3367.       </span>
  3368.     </b:if>
  3369.  
  3370.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3371.  
  3372.     <b:if cond='data:mobileLinkUrl'>
  3373.       <div class='blog-mobile-link'>
  3374.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  3375.       </div>
  3376.     </b:if>
  3377.  
  3378.   </div>
  3379.   <div class='clear'/>
  3380. </b:includable>
  3381.        <b:includable id='post' var='post'>
  3382.   <div class='post hentry'>
  3383.  
  3384.      <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3385.              <b:if cond='data:post.firstImageUrl'>
  3386.                <div class='post-home-image'>
  3387. <span class='post-labels'>
  3388.         <b:if cond='data:post.labels'>
  3389.          <i class='fa fa-folder-open-o'/>
  3390.          <b:loop values='data:post.labels' var='label'>
  3391.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  3392.                                     <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  3393.                                   </b:if>
  3394.                                 </b:loop>
  3395.         </b:if>
  3396.        </span>
  3397. <a class='post-thumb' expr:href='data:post.url'>
  3398.                  <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
  3399.                  </a>
  3400.                  </div>
  3401.                <b:else/>
  3402.                <b:if cond='data:post.thumbnailUrl'>
  3403.                  <div class='post-home-image'>
  3404. <span class='post-labels'>
  3405.         <b:if cond='data:post.labels'>
  3406.          <i class='fa fa-folder-open-o'/>
  3407.          <b:loop values='data:post.labels' var='label'>
  3408.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  3409.                                     <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  3410.                                   </b:if>
  3411.                                 </b:loop>
  3412.         </b:if>
  3413.        </span>
  3414.                    <a class='post-thumb' expr:href='data:post.url'>
  3415.                  <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
  3416.                  </a>
  3417.                    </div>
  3418.                  <b:else/>
  3419.                  <div class='post-home-image'>
  3420. <span class='post-labels'>
  3421.         <b:if cond='data:post.labels'>
  3422.          <i class='fa fa-folder-open-o'/>
  3423.          <b:loop values='data:post.labels' var='label'>
  3424.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  3425.                                     <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  3426.                                   </b:if>
  3427.                                 </b:loop>
  3428.         </b:if>
  3429.        </span>
  3430.                    <a class='post-thumb' expr:href='data:post.url'>
  3431.                  <img expr:alt='data:post.title' src='http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png'/>
  3432.                  </a>
  3433.                    </div>
  3434.                </b:if></b:if>
  3435.            </b:if>
  3436.            <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  3437.              <b:if cond='data:post.firstImageUrl'>
  3438.                <div class='post-home-image'>
  3439. <span class='post-labels'>
  3440.         <b:if cond='data:post.labels'>
  3441.          <i class='fa fa-folder-open-o'/>
  3442.          <b:loop values='data:post.labels' var='label'>
  3443.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  3444.                                     <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  3445.                                   </b:if>
  3446.                                 </b:loop>
  3447.         </b:if>
  3448.        </span>
  3449. <a class='post-thumb' expr:href='data:post.url'>
  3450.                  <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
  3451.                  </a>
  3452.                  </div>
  3453.                <b:else/>
  3454.                <b:if cond='data:post.thumbnailUrl'>
  3455.                  <div class='post-home-image'>
  3456. <span class='post-labels'>
  3457.         <b:if cond='data:post.labels'>
  3458.          <i class='fa fa-folder-open-o'/>
  3459.          <b:loop values='data:post.labels' var='label'>
  3460.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  3461.                                     <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  3462.                                   </b:if>
  3463.                                 </b:loop>
  3464.         </b:if>
  3465.        </span>
  3466.                    <a class='post-thumb' expr:href='data:post.url'>
  3467.                  <img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
  3468.                  </a>
  3469.                    </div>
  3470.                  <b:else/>
  3471.                  <div class='post-home-image'>
  3472. <span class='post-labels'>
  3473.         <b:if cond='data:post.labels'>
  3474.          <i class='fa fa-folder-open-o'/>
  3475.          <b:loop values='data:post.labels' var='label'>
  3476.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  3477.                                     <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  3478.                                   </b:if>
  3479.                                 </b:loop>
  3480.         </b:if>
  3481.        </span>
  3482.                    <a class='post-thumb' expr:href='data:post.url'>
  3483.                  <img expr:alt='data:post.title' src='http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png'/>
  3484.                  </a>
  3485.                    </div>
  3486.                </b:if></b:if>
  3487.            </b:if>
  3488.          
  3489.      <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3490.     &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
  3491.       <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3492.     </b:if>
  3493. <div id='new-badge' style='display:none;'>New</div>
  3494.     <div class='post-header'>
  3495.  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3496.         <b:if cond='data:post.title'>
  3497.       <div class='post-head'><h1 class='post-title entry-title' itemprop='name headline'>
  3498.       <b:if cond='data:post.link'>
  3499.         <a expr:href='data:post.link'><data:post.title/></a>
  3500.       <b:else/>
  3501.         <b:if cond='data:post.url'>
  3502.           <b:if cond='data:blog.url != data:post.url'>
  3503.             <a expr:href='data:post.url'><data:post.title/></a>
  3504.           <b:else/>
  3505.             <data:post.title/>
  3506.           </b:if>
  3507.         <b:else/>
  3508.           <data:post.title/>
  3509.         </b:if>
  3510.       </b:if>
  3511.         </h1></div>
  3512.     </b:if>
  3513.         <div class='post-meta'>
  3514. <span class='post-author vcard'>
  3515.         <b:if cond='data:top.showAuthor'>
  3516.           <i class='fa fa-user'/>
  3517.             <b:if cond='data:post.authorProfileUrl'>
  3518.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3519.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3520.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  3521.                   <span itemprop='name'><data:post.author/></span>
  3522.                 </a>
  3523.               </span>
  3524.             <b:else/>
  3525.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3526.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  3527.                   <span itemprop='name'><data:post.author/></span></a>
  3528.               </span>
  3529.             </b:if>
  3530.         </b:if>
  3531.       </span>
  3532.  <span class='post-timestamp'>
  3533.         <b:if cond='data:top.showTimestamp'>
  3534.           <i class='fa fa-calendar-o'/>
  3535.         <b:if cond='data:post.url'>
  3536.           <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  3537.           <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  3538.         </b:if>
  3539.         </b:if>
  3540.       </span>
  3541. <span class='label-head'>
  3542.         <b:if cond='data:post.labels'>
  3543.          <i class='fa fa-folder-open-o'/>
  3544.           <b:loop values='data:post.labels' var='label'>
  3545.             <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  3546.           </b:loop>
  3547.         </b:if>
  3548.       </span>
  3549.         </div>
  3550.    </b:if>
  3551.   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  3552.     <b:if cond='data:post.title'>
  3553.       <div class='post-head'><h1 class='post-title entry-title' itemprop='name'>
  3554.       <b:if cond='data:post.link'>
  3555.         <a expr:href='data:post.link'><data:post.title/></a>
  3556.       <b:else/>
  3557.         <b:if cond='data:post.url'>
  3558.           <b:if cond='data:blog.url != data:post.url'>
  3559.             <a expr:href='data:post.url'><data:post.title/></a>
  3560.           <b:else/>
  3561.             <data:post.title/>
  3562.           </b:if>
  3563.         <b:else/>
  3564.           <data:post.title/>
  3565.         </b:if>
  3566.       </b:if>
  3567.         </h1></div>
  3568.     </b:if>
  3569.     </b:if>
  3570.    
  3571.     </div>
  3572.  
  3573.     <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  3574.     <article>
  3575.          <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3576.          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3577.           <b:if cond='data:post.title'>
  3578.               <font class='retitle'>
  3579.                 <h2 class='post-title entry-title'>
  3580.                    <b:if cond='data:post.link'>
  3581.                     <a expr:href='data:post.link'>
  3582.                        <data:post.title/>
  3583.                       </a>
  3584.                       <b:else/>
  3585.                       <b:if cond='data:post.url'>
  3586.                        <a expr:href='data:post.url'>
  3587.                        <data:post.title/>
  3588.                       </a>
  3589.                       <b:else/>
  3590.                      <data:post.title/>
  3591.                      </b:if>
  3592.                    </b:if>
  3593.                   </h2>
  3594.                     </font>
  3595.                 </b:if>
  3596.                   <div class='date-header'>
  3597.                      <div id='meta-post'>
  3598.                        <i class='fa fa-user'/>
  3599. <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  3600.                   <span itemprop='name'><data:post.author/></span></a>
  3601. <i class='fa fa-calendar-o'/>
  3602. <abbr class='published timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
  3603.  <span class='post-comment-link'>
  3604.    <i class='fa fa-comments-o'/>
  3605.                           <b:if cond='data:post.allowComments'>
  3606.             <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  3607.                <data:post.numComments/> Comments
  3608.             </a>
  3609.         </b:if>
  3610.   </span>
  3611. </div>
  3612. <div class='resumo'><span><data:post.snippet/></span></div>
  3613.                       <div style='clear: both;'/>
  3614. <a class='read-more anchor-hover' expr:href='data:post.url'>Read More</a>
  3615.                       </div>
  3616.             <b:else/>
  3617.        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  3618.          <meta expr:content='data:post.snippet' name='twitter:description'/>
  3619.          <data:post.body/>
  3620.        </div>
  3621.           </b:if>
  3622.           <b:else/>
  3623.        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  3624.          <meta expr:content='data:post.snippet' name='twitter:description'/>
  3625.          <data:post.body/>
  3626.        </div>
  3627.          </b:if>
  3628. <div class='second-meta'>
  3629.   <a class='read-more anchor-hover' expr:href='data:post.url'>Read more <i class='fa fa-chevron-right'/></a>
  3630.                           <span class='post-comment-link'>
  3631.                             <i class='fa fa-comment'/>
  3632.                             <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  3633.                           </span>
  3634.       </div>
  3635.      </article>
  3636.  
  3637.     <b:if cond='data:post.hasJumpLink'>
  3638.       <div class='jump-link'>
  3639.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  3640.       </div>
  3641.     </b:if>
  3642.  
  3643.     <div class='post-footer'>
  3644. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3645.  
  3646.                  
  3647.       <div style='clear:both'/>
  3648. <div id='subscribe-box'>
  3649. <h4>Subscribe via email</h4>
  3650. <div class='emailfield'>
  3651. <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=templatesyard&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  3652. <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Email&quot;;}' onfocus='if (this.value == &quot;Enter Email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter Email'/>
  3653. <input name='uri' type='hidden' value='templatesyard'/>
  3654. <input name='loc' type='hidden' value='en_US'/>
  3655. <input class='submitbutton' type='submit' value='Submit'/>
  3656. </form>
  3657. </div>
  3658.   <div style='clear:both'/>
  3659. <div class='share-box'>
  3660.  
  3661.           <h8 class='share-title'>Share This:</h8>
  3662.                <div class='share-art'>
  3663. <a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='resp_del'> Facebook</span></a>
  3664.  
  3665. <a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='resp_del2'> Twitter</span></a>
  3666.  
  3667. <a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='resp_del4'> Pinterest</span></a>  
  3668.  
  3669. <a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/><span class='resp_del5'> Linkedin</span></a>
  3670.  
  3671. <whatsapp expr:href='data:post.url' expr:text='data:post.title'/>
  3672. <a class='wat-art' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'/><span class='resp_del5'> Whatsapp</span></a>
  3673.  
  3674. </div>
  3675.          </div>
  3676. </div>
  3677. <div style='clear:both;'/>
  3678. <div class='ty-author-box'>
  3679.  
  3680. <img alt='Author Image' class='avatar avatar-60 photo' expr:src='data:post.authorPhoto.url' height='100' width='110'/>
  3681. <p>
  3682. <b>About <data:post.author/></b>
  3683.   <br/>
  3684. <span><data:post.authorAboutMe/></span>
  3685.  </p>
  3686. </div>
  3687.                  <div style='clear:both'/>    
  3688. <div class='post-pager' id='post-pager'>
  3689.     <b:if cond='data:newerPageUrl'>
  3690.       <span id='blog-pager-newer-link'>
  3691.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'/>
  3692.       </span>
  3693.     </b:if>
  3694.  
  3695.     <b:if cond='data:olderPageUrl'>
  3696.       <span id='blog-pager-older-link'>
  3697.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'/>
  3698.       </span>
  3699.     </b:if>
  3700.  
  3701.   </div>              
  3702.      
  3703.              
  3704.  
  3705.       <div style='clear:both'/>
  3706.  
  3707. <div id='related-posts'>
  3708.         <b:if cond='data:post.labels'>
  3709.           <b:loop values='data:post.labels' var='label'>
  3710.             <b:if cond='data:label.isLast == &quot;true&quot;'>
  3711.               <data:label.name/>
  3712.             </b:if>
  3713.           </b:loop>
  3714.         </b:if>
  3715.       </div>
  3716.    </b:if>
  3717.     <div class='post-footer-line post-footer-line-1'>
  3718.       <span class='post-author vcard'>
  3719.         <b:if cond='data:top.showAuthor'>
  3720.           <data:top.authorLabel/>
  3721.             <b:if cond='data:post.authorProfileUrl'>
  3722.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3723.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3724.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3725.                   <span itemprop='name'><data:post.author/></span>
  3726.                 </a>
  3727.               </span>
  3728.             <b:else/>
  3729.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3730.                 <span itemprop='name'><data:post.author/></span>
  3731.               </span>
  3732.             </b:if>
  3733.         </b:if>
  3734.       </span>
  3735.  
  3736.       <span class='post-timestamp'>
  3737.         <b:if cond='data:top.showTimestamp'>
  3738.           <data:top.timestampLabel/>
  3739.           <b:if cond='data:post.url'>
  3740.             <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  3741.             <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  3742.           </b:if>
  3743.         </b:if>
  3744.       </span>
  3745.  
  3746.       <span class='reaction-buttons'>
  3747.         <b:if cond='data:top.showReactions'>
  3748.           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  3749.             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  3750.               <span class='reactions-label'>
  3751.               <data:top.reactionsLabel/></span>&#160;</td>
  3752.             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  3753.            </tr></table>
  3754.         </b:if>
  3755.       </span>
  3756.  
  3757.       <span class='post-comment-link'>
  3758.         <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
  3759.       </span>
  3760.  
  3761.        <!-- backlinks -->
  3762.        <span class='post-backlinks post-comment-link'>
  3763.          <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                      and data:post.showBacklinks'>
  3764.            <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  3765.          </b:if>
  3766.        </span>
  3767.  
  3768.       <span class='post-icons'>
  3769.         <!-- email post links -->
  3770.         <b:if cond='data:post.emailPostUrl'>
  3771.           <span class='item-action'>
  3772.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  3773.             <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
  3774.           </a>
  3775.           </span>
  3776.         </b:if>
  3777.  
  3778.         <!-- quickedit pencil -->
  3779.         <b:include data='post' name='postQuickEdit'/>
  3780.       </span>
  3781.  
  3782.       <!-- share buttons -->
  3783.       <div class='post-share-buttons goog-inline-block'>
  3784.         <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
  3785.       </div>
  3786.  
  3787.       </div>
  3788.  
  3789.       <div class='post-footer-line post-footer-line-2'>
  3790.       <span class='post-labels'>
  3791.         <b:if cond='data:post.labels'>
  3792.           <data:postLabelsLabel/>
  3793.           <b:loop values='data:post.labels' var='label'>
  3794.             <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  3795.           </b:loop>
  3796.         </b:if>
  3797.       </span>
  3798.       </div>
  3799.  
  3800.       <div class='post-footer-line post-footer-line-3'>
  3801.       <span class='post-location'>
  3802.         <b:if cond='data:top.showLocation'>
  3803.           <b:if cond='data:post.location'>
  3804.             <data:postLocationLabel/>
  3805.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  3806.           </b:if>
  3807.         </b:if>
  3808.       </span>
  3809.       </div>
  3810.       <b:if cond='data:post.authorAboutMe'>
  3811.         <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3812.           <b:if cond='data:post.authorPhoto.url'>
  3813.             <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  3814.           </b:if>
  3815.           <div>
  3816.             <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  3817.               <span itemprop='name'><data:post.author/></span>
  3818.             </a>
  3819.           </div>
  3820.           <span itemprop='description'><data:post.authorAboutMe/></span>
  3821.         </div>
  3822.       </b:if>
  3823.     </div>
  3824.    <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3825.       &lt;/div&gt;
  3826.     </b:if>
  3827.   </div>
  3828. </b:includable>
  3829.        <b:includable id='postQuickEdit' var='post'>
  3830.   <b:if cond='data:post.editUrl'>
  3831.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  3832.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  3833.         <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  3834.       </a>
  3835.     </span>
  3836.   </b:if>
  3837. </b:includable>
  3838.        <b:includable id='shareButtons' var='post'>
  3839.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
  3840. </b:includable>
  3841.        <b:includable id='status-message'>
  3842.   <b:if cond='data:navMessage'>
  3843.   <div class='status-msg-wrap'>
  3844.     <div class='status-msg-body'>
  3845.       <data:navMessage/>
  3846.     </div>
  3847.     <div class='status-msg-border'>
  3848.       <div class='status-msg-bg'>
  3849.         <div class='status-msg-hidden'><data:navMessage/></div>
  3850.       </div>
  3851.     </div>
  3852.   </div>
  3853.   <div style='clear: both;'/>
  3854. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  3855.   <div class='post-404'>
  3856. <div class='actions-404'>
  3857. <div class='ops-404'><span>Oops;</span> Sorry, but the page you were trying to view does not exist.
  3858.                         </div>
  3859. <div class='title-404'>404</div>
  3860. <div class='link-404'>
  3861. <a href='/'><i class='fa fa-car'/>
  3862. <trans>Back to Home</trans></a>
  3863. </div></div>
  3864. </div>
  3865. <style>
  3866. .post-404 {
  3867.     padding-top: 40px;
  3868.     padding-bottom: 60px;
  3869. }
  3870. .actions-404 {
  3871.     width: 100%;
  3872.     float: right;
  3873.     text-align: center;
  3874. }
  3875. .ops-404 {
  3876.     width: 50%;
  3877.     margin: 0 auto;
  3878.     font-size: 26px;
  3879.     font-weight: 400;
  3880. letter-spacing:1.5px;
  3881. }
  3882. .ops-404 span {
  3883.     font-weight: 700;
  3884. }
  3885. .title-404 {
  3886.     font-size: 200px;
  3887.     font-weight: 700;
  3888.     line-height: 1.1;
  3889.     color:#f61010;
  3890. }
  3891. .link-404 {
  3892.     font-size: 18px;
  3893.     padding-top: 20px;
  3894.     padding-bottom: 50px;
  3895. }
  3896. #blog-pager, #sidebar-wrapper,.status-msg-wrap {
  3897.     display: none;
  3898. }
  3899. .status-msg-border {
  3900.          border: 0 !important;
  3901.        }
  3902.        .status-msg-bg {
  3903.          background-color: #fff;
  3904.        }
  3905. #main-wrapper {
  3906.     float: none;
  3907.     width: 100%;
  3908.     max-width: 100%;
  3909. }
  3910. </style>
  3911.       </b:if>
  3912.   </b:if>
  3913. </b:includable>
  3914.        <b:includable id='threaded-comment-form' var='post'>
  3915.   <div class='comment-form'>
  3916.     <a name='comment-form'/>
  3917.     <b:if cond='data:mobile'>
  3918.       <p><data:blogCommentMessage/></p>
  3919.       <data:blogTeamBlogMessage/>
  3920.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3921.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  3922.     <b:else/>
  3923.       <p><data:blogCommentMessage/></p>
  3924.       <data:blogTeamBlogMessage/>
  3925.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3926.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3927.     </b:if>
  3928.     <data:post.cmtfpIframe/>
  3929.     <script type='text/javascript'>
  3930.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3931.     </script>
  3932.   </div>
  3933. </b:includable>
  3934.        <b:includable id='threaded_comment_js' var='post'>
  3935.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  3936.  
  3937.   <script type='text/javascript'>
  3938.     (function() {
  3939.       var items = <data:post.commentJso/>;
  3940.       var msgs = <data:post.commentMsgs/>;
  3941.       var config = <data:post.commentConfig/>;
  3942.  
  3943. // <![CDATA[
  3944.      var cursor = null;
  3945.      if (items && items.length > 0) {
  3946.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  3947.      }
  3948.  
  3949.      var bodyFromEntry = function(entry) {
  3950.        if (entry.gd$extendedProperty) {
  3951.          for (var k in entry.gd$extendedProperty) {
  3952.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  3953.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  3954.            }
  3955.          }
  3956.        }
  3957.        return entry.content.$t;
  3958.      }
  3959.  
  3960.      var parse = function(data) {
  3961.        cursor = null;
  3962.        var comments = [];
  3963.        if (data && data.feed && data.feed.entry) {
  3964.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3965.            var comment = {};
  3966.            // comment ID, parsed out of the original id format
  3967.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3968.            comment.id = id ? id[2] : null;
  3969.            comment.body = bodyFromEntry(entry);
  3970.            comment.timestamp = Date.parse(entry.published.$t) + '';
  3971.            if (entry.author && entry.author.constructor === Array) {
  3972.              var auth = entry.author[0];
  3973.              if (auth) {
  3974.                comment.author = {
  3975.                  name: (auth.name ? auth.name.$t : undefined),
  3976.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3977.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3978.                };
  3979.              }
  3980.            }
  3981.            if (entry.link) {
  3982.              if (entry.link[2]) {
  3983.                comment.link = comment.permalink = entry.link[2].href;
  3984.              }
  3985.              if (entry.link[3]) {
  3986.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3987.                if (pid && pid[1]) {
  3988.                  comment.parentId = pid[1];
  3989.                }
  3990.              }
  3991.            }
  3992.            comment.deleteclass = 'item-control blog-admin';
  3993.            if (entry.gd$extendedProperty) {
  3994.              for (var k in entry.gd$extendedProperty) {
  3995.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3996.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3997.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3998.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  3999.                }
  4000.              }
  4001.            }
  4002.            comments.push(comment);
  4003.          }
  4004.        }
  4005.        return comments;
  4006.      };
  4007.  
  4008.      var paginator = function(callback) {
  4009.        if (hasMore()) {
  4010.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  4011.          if (cursor) {
  4012.            url += '&published-min=' + new Date(cursor).toISOString();
  4013.          }
  4014.          window.bloggercomments = function(data) {
  4015.            var parsed = parse(data);
  4016.            cursor = parsed.length < 50 ? null
  4017.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  4018.            callback(parsed);
  4019.            window.bloggercomments = null;
  4020.          }
  4021.          url += '&callback=bloggercomments';
  4022.          var script = document.createElement('script');
  4023.          script.type = 'text/javascript';
  4024.          script.src = url;
  4025.          document.getElementsByTagName('head')[0].appendChild(script);
  4026.        }
  4027.      };
  4028.      var hasMore = function() {
  4029.        return !!cursor;
  4030.      };
  4031.      var getMeta = function(key, comment) {
  4032.        if ('iswriter' == key) {
  4033.          var matches = !!comment.author
  4034.              && comment.author.name == config.authorName
  4035.              && comment.author.profileUrl == config.authorUrl;
  4036.          return matches ? 'true' : '';
  4037.        } else if ('deletelink' == key) {
  4038.          return config.baseUri + '/delete-comment.g?blogID='
  4039.               + config.blogId + '&postID=' + comment.id;
  4040.        } else if ('deleteclass' == key) {
  4041.          return comment.deleteclass;
  4042.        }
  4043.        return '';
  4044.      };
  4045.  
  4046.      var replybox = null;
  4047.      var replyUrlParts = null;
  4048.      var replyParent = undefined;
  4049.  
  4050.      var onReply = function(commentId, domId) {
  4051.        if (replybox == null) {
  4052.          // lazily cache replybox, and adjust to suit this style:
  4053.          replybox = document.getElementById('comment-editor');
  4054.          if (replybox != null) {
  4055.            replybox.height = '250px';
  4056.            replybox.style.display = 'block';
  4057.            replyUrlParts = replybox.src.split('#');
  4058.          }
  4059.        }
  4060.        if (replybox && (commentId !== replyParent)) {
  4061.          replybox.src = '';
  4062.          document.getElementById(domId).insertBefore(replybox, null);
  4063.          replybox.src = replyUrlParts[0]
  4064.              + (commentId ? '&parentID=' + commentId : '')
  4065.              + '#' + replyUrlParts[1];
  4066.          replyParent = commentId;
  4067.        }
  4068.      };
  4069.  
  4070.      var hash = (window.location.hash || '#').substring(1);
  4071.      var startThread, targetComment;
  4072.      if (/^comment-form_/.test(hash)) {
  4073.        startThread = hash.substring('comment-form_'.length);
  4074.      } else if (/^c[0-9]+$/.test(hash)) {
  4075.        targetComment = hash.substring(1);
  4076.      }
  4077.  
  4078.      // Configure commenting API:
  4079.      var configJso = {
  4080.        'maxDepth': config.maxThreadDepth
  4081.      };
  4082.      var provider = {
  4083.        'id': config.postId,
  4084.        'data': items,
  4085.        'loadNext': paginator,
  4086.        'hasMore': hasMore,
  4087.        'getMeta': getMeta,
  4088.        'onReply': onReply,
  4089.        'rendered': true,
  4090.        'initComment': targetComment,
  4091.        'initReplyThread': startThread,
  4092.        'config': configJso,
  4093.        'messages': msgs
  4094.      };
  4095.  
  4096.      var render = function() {
  4097.        if (window.goog && window.goog.comments) {
  4098.          var holder = document.getElementById('comment-holder');
  4099.          window.goog.comments.render(holder, provider);
  4100.        }
  4101.      };
  4102.  
  4103.      // render now, or queue to render when library loads:
  4104.      if (window.goog && window.goog.comments) {
  4105.        render();
  4106.      } else {
  4107.        window.goog = window.goog || {};
  4108.        window.goog.comments = window.goog.comments || {};
  4109.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  4110.        window.goog.comments.loadQueue.push(render);
  4111.      }
  4112.    })();
  4113. // ]]>
  4114.   </script>
  4115. </b:includable>
  4116.        <b:includable id='threaded_comments' var='post'>
  4117.   <div class='comments' id='comments'>
  4118.     <a name='comments'/>
  4119.     <h4><data:post.commentLabelFull/>:</h4>
  4120.  
  4121.     <div class='comments-content'>
  4122.       <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  4123.       <div id='comment-holder'>
  4124.          <data:post.commentHtml/>
  4125.       </div>
  4126.     </div>
  4127.  
  4128.     <p class='comment-footer'>
  4129.       <b:if cond='data:post.allowNewComments'>
  4130.         <b:include data='post' name='threaded-comment-form'/>
  4131.       <b:else/>
  4132.         <data:post.noNewCommentsText/>
  4133.       </b:if>
  4134.     </p>
  4135.  
  4136.     <b:if cond='data:showCmtPopup'>
  4137.       <div id='comment-popup'>
  4138.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  4139.         </iframe>
  4140.       </div>
  4141.     </b:if>
  4142.  
  4143.     <div id='backlinks-container'>
  4144.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  4145.       <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  4146.     </div>
  4147.     </div>
  4148.   </div>
  4149. </b:includable>
  4150.      </b:widget>
  4151.    </b:section>    
  4152.  
  4153. </div>
  4154.   <div id='sidebar-wrapper'>
  4155. <b:section class='sidebar' id='sidebar' preferred='yes'>
  4156.   <b:widget id='HTML4' locked='false' title='Search' type='HTML' version='1'>
  4157.     <b:widget-settings>
  4158.       <b:widget-setting name='content'>&lt;style&gt;
  4159. #search-box {
  4160. position: relative;
  4161. width: 100%;
  4162. margin: 0;
  4163. }
  4164.  
  4165. #search-form
  4166. {
  4167. height: 42px;
  4168. border: 1px solid #ebebeb;
  4169. background-color: #fff;
  4170. overflow: hidden;
  4171. }
  4172. #search-text
  4173. {
  4174. font-size: 14px;
  4175. color: #ddd;
  4176. border-width: 0;
  4177. background: transparent;
  4178. height: 42px;
  4179.     line-height: 42px;
  4180. }
  4181.  
  4182. #search-box input[type=&quot;text&quot;]
  4183. {
  4184. width: 90%;
  4185. padding: 11px 0 12px 1em;
  4186. color: #333;
  4187. outline: none;
  4188. }
  4189.  
  4190. #search-button {
  4191. position: absolute;
  4192. top: 0;
  4193. right: 0;
  4194. height: 42px;
  4195. width: 80px;
  4196. font-size: 14px;
  4197. color: #fff;
  4198. text-align: center;
  4199. line-height: 42px;
  4200. border-width: 0;
  4201. background-color: #fb4834;
  4202.  
  4203. cursor: pointer;
  4204. }
  4205. &lt;/style&gt;
  4206.  
  4207. &lt;div id=&quot;search-box&quot;&gt;
  4208. &lt;form action=&quot;/search&quot; id=&quot;search-form&quot; method=&quot;get&quot; target=&quot;_top&quot;&gt;
  4209. &lt;input id=&quot;search-text&quot; name=&quot;q&quot; placeholder=&quot;Enter keyword...&quot; type=&quot;text&quot; /&gt;
  4210. &lt;button id=&quot;search-button&quot; type=&quot;submit&quot;&gt;&lt;span&gt;&lt;i class=&quot;fa fa-search&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;/button&gt;
  4211. &lt;/form&gt;
  4212. &lt;/div&gt;</b:widget-setting>
  4213.     </b:widget-settings>
  4214.     <b:includable id='main'>
  4215.   <!-- only display title if it's non-empty -->
  4216.   <b:if cond='data:title != &quot;&quot;'>
  4217.     <h2 class='title'><data:title/></h2>
  4218.   </b:if>
  4219.   <div class='widget-content'>
  4220.     <data:content/>
  4221.   </div>
  4222.  
  4223.    <!--b:include name='quickedit'/-->
  4224. </b:includable>
  4225.   </b:widget>
  4226.   <b:widget id='HTML3' locked='false' title='About &amp;amp; Social' type='HTML' version='1'>
  4227.     <b:widget-settings>
  4228.       <b:widget-setting name='content'>&lt;div class=&#39;sidebar_about_author&#39;&gt;
  4229. &lt;div class=&#39;inner_wrapper&#39;&gt;
  4230. &lt;div class=&#39;sosmedarl-img&#39;&gt;
  4231. &lt;img alt=&#39;Judul Blog&#39; class=&#39;img-responsive&#39; height=&#39;auto&#39; src=&#39;//4.bp.blogspot.com/-7pWJpJ09ct0/VnpUJoqNvKI/AAAAAAAAANw/2KR6NOt6GnE/h200-w320-c/captain_jack_sparrow___vector.png&#39; title=&#39;Judul Blog&#39; width=&#39;300&#39;/&gt;
  4232.  
  4233. &lt;/div&gt;
  4234. &lt;/div&gt;
  4235. &lt;div class=&#39;sosmedarl-info&#39;&gt;
  4236.   &lt;h4&gt;&lt;span&gt;Aplha Blog&lt;/span&gt;&lt;/h4&gt;
  4237. &lt;p&gt;Our flagship theme is highly customizable through the options panel, so you can modify the design, layout and typography.&lt;/p&gt;
  4238. &lt;/div&gt;
  4239. &lt;div class=&#39;aboutfloat-img&#39;&gt;&lt;span class=&#39;sosmedarl-float&#39;&gt;&lt;a href=&#39;#&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Join Our Site&#39;&gt;&lt;i class=&#39;fa fa-user&#39;&gt;&lt;/i&gt; Join Our Site&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
  4240. &lt;div class=&#39;sosmedarl-wrpicon&#39;&gt;
  4241. &lt;ul class=&#39;extender&#39;&gt;
  4242. &lt;li class=&#39;sosmedarl-icon fbl&#39;&gt;&lt;a href=&#39;#&#39; target=&#39;_blank&#39; title=&#39;Follow Our Facebook&#39;&gt;&lt;i class=&#39;fa fa-facebook fa-fw&#39;/&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4243. &lt;li class=&#39;sosmedarl-icon twitt&#39;&gt;&lt;a href=&#39;#&#39; target=&#39;_blank&#39; title=&#39;Follow Our Twitter&#39;&gt;&lt;i class=&#39;fa fa-twitter fa-fw&#39;/&gt; &lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4244. &lt;li class=&#39;sosmedarl-icon crcl&#39;&gt;&lt;a href=&#39;#&#39; rel=&#39;nofollow&#39; target=&#39;_blank&#39; title=&#39;Follow Our Instagram&#39;&gt;&lt;i class=&#39;fa fa-instagram fa-fw&#39;/&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  4245. &lt;/ul&gt;
  4246. &lt;/div&gt;
  4247. &lt;/div&gt;</b:widget-setting>
  4248.     </b:widget-settings>
  4249.     <b:includable id='main'>
  4250.   <!-- only display title if it's non-empty -->
  4251.   <b:if cond='data:title != &quot;&quot;'>
  4252.     <h2 class='title'><data:title/></h2>
  4253.   </b:if>
  4254.   <div class='widget-content'>
  4255.     <data:content/>
  4256.   </div>
  4257.  
  4258.   <!--b:include name='quickedit'/-->
  4259. </b:includable>
  4260.   </b:widget>
  4261.   <b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>
  4262.     <b:widget-settings>
  4263.       <b:widget-setting name='numItemsToShow'>2</b:widget-setting>
  4264.       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4265.       <b:widget-setting name='showSnippets'>false</b:widget-setting>
  4266.       <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
  4267.     </b:widget-settings>
  4268.     <b:includable id='main'>
  4269.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  4270.   <div class='widget-content popular-posts'>
  4271.     <ul>
  4272.       <b:loop values='data:posts' var='post'>
  4273.       <li>
  4274.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  4275.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  4276.             <!-- (1) No snippet/thumbnail -->
  4277.             <a expr:href='data:post.href'><data:post.title/></a>
  4278.           <b:else/>
  4279.             <!-- (2) Show only snippets -->
  4280.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4281.             <div class='item-snippet'><data:post.snippet/></div>
  4282.           </b:if>
  4283.         <b:else/>
  4284.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  4285.             <!-- (3) Show only thumbnails -->
  4286.             <div class='item-thumbnail-only'>
  4287.               <b:if cond='data:post.thumbnail'>
  4288.                 <div class='item-thumbnail'>
  4289.                   <a expr:href='data:post.href' target='_blank'>
  4290.                     <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  4291.                   </a>
  4292.                 </div>
  4293.               </b:if>
  4294.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4295.             </div>
  4296.             <div style='clear: both;'/>
  4297.           <b:else/>
  4298.             <!-- (4) Show snippets and thumbnails -->
  4299.             <div class='item-content'>
  4300.               <b:if cond='data:post.thumbnail'>
  4301.                 <div class='item-thumbnail'>
  4302.                   <a expr:href='data:post.href' target='_blank'>
  4303.                     <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  4304.                   </a>
  4305.                 </div>
  4306.               </b:if>
  4307.               <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4308.               <div class='item-snippet'><data:post.snippet/></div>
  4309.             </div>
  4310.             <div style='clear: both;'/>
  4311.           </b:if>
  4312.         </b:if>
  4313.       </li>
  4314.       </b:loop>
  4315.     </ul>
  4316.     <b:include name='quickedit'/>
  4317.   </div>
  4318. </b:includable>
  4319.   </b:widget>
  4320.   <b:widget id='HTML2' locked='false' title='Subscribe Us' type='HTML' version='1'>
  4321.     <b:widget-settings>
  4322.       <b:widget-setting name='content'>&lt;div class=&quot;videoWrapper&quot;&gt;
  4323.     &lt;!-- Copy &amp; Pasted from YouTube --&gt;
  4324.     &lt;iframe width=&quot;560&quot; height=&quot;349&quot; src=&quot;https://www.youtube.com/embed/vC_7wzbis6s&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
  4325. &lt;/div&gt;
  4326. &lt;style&gt;
  4327. .videoWrapper {
  4328. position: relative;
  4329. padding-bottom: 56.25%; /* 16:9 */
  4330. padding-top: 25px;
  4331. height: 0;
  4332. }
  4333. .videoWrapper iframe {
  4334. position: absolute;
  4335. top: 0;
  4336. left: 0;
  4337. width: 100%;
  4338. height: 100%;
  4339. }
  4340. &lt;/style&gt;</b:widget-setting>
  4341.     </b:widget-settings>
  4342.     <b:includable id='main'>
  4343.   <!-- only display title if it's non-empty -->
  4344.   <b:if cond='data:title != &quot;&quot;'>
  4345.     <h2 class='title'><data:title/></h2>
  4346.   </b:if>
  4347.   <div class='widget-content'>
  4348.     <data:content/>
  4349.   </div>
  4350.  
  4351.   <!--b:include name='quickedit'/-->
  4352. </b:includable>
  4353.   </b:widget>
  4354.   <b:widget id='Label1' locked='false' title='Categories' type='Label' version='1'>
  4355.     <b:widget-settings>
  4356.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4357.       <b:widget-setting name='display'>CLOUD</b:widget-setting>
  4358.       <b:widget-setting name='selectedLabelsList'>kids,mens,mobile,women</b:widget-setting>
  4359.       <b:widget-setting name='showType'>ALL</b:widget-setting>
  4360.       <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  4361.     </b:widget-settings>
  4362.     <b:includable id='main'>
  4363.   <b:if cond='data:title != &quot;&quot;'>
  4364.     <h2><data:title/></h2>
  4365.   </b:if>
  4366.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  4367.     <b:if cond='data:display == &quot;list&quot;'>
  4368.       <ul>
  4369.         <b:loop values='data:labels' var='label'>
  4370.           <li>
  4371.             <b:if cond='data:blog.url == data:label.url'>
  4372.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4373.             <b:else/>
  4374.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4375.             </b:if>
  4376.             <b:if cond='data:showFreqNumbers'>
  4377.               <span dir='ltr'>(<data:label.count/>)</span>
  4378.             </b:if>
  4379.           </li>
  4380.         </b:loop>
  4381.       </ul>
  4382.     <b:else/>
  4383.       <b:loop values='data:labels' var='label'>
  4384.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  4385.           <b:if cond='data:blog.url == data:label.url'>
  4386.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4387.           <b:else/>
  4388.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4389.           </b:if>
  4390.           <b:if cond='data:showFreqNumbers'>
  4391.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  4392.           </b:if>
  4393.         </span>
  4394.       </b:loop>
  4395.     </b:if>
  4396.    <!--b:include name='quickedit'/-->
  4397.   </div>
  4398. </b:includable>
  4399.   </b:widget>
  4400. </b:section>
  4401.     </div>
  4402.  <div style='clear: both;'/>
  4403.     </div>
  4404.     <!-- end content-wrapper -->
  4405. <div id='lower'>
  4406. <div class='body-row' id='lower-wrapper'>
  4407. <div id='lowerbar-wrapper'>
  4408. <b:section class='lowerbar ready-widget' id='Footer Widget (A)' preferred='yes'>
  4409.   <b:widget id='Label3' locked='false' title='Tags' type='Label' version='1'>
  4410.     <b:widget-settings>
  4411.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4412.       <b:widget-setting name='display'>CLOUD</b:widget-setting>
  4413.       <b:widget-setting name='selectedLabelsList'>Android,Food,Mobile,News,Sport,Technology,Watch,gadgets,ios,ipad</b:widget-setting>
  4414.       <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
  4415.       <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  4416.     </b:widget-settings>
  4417.     <b:includable id='main'>
  4418.   <b:if cond='data:title != &quot;&quot;'>
  4419.     <h2><data:title/></h2>
  4420.   </b:if>
  4421.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  4422.     <b:if cond='data:display == &quot;list&quot;'>
  4423.       <ul>
  4424.         <b:loop values='data:labels' var='label'>
  4425.           <li>
  4426.             <b:if cond='data:blog.url == data:label.url'>
  4427.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4428.             <b:else/>
  4429.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4430.             </b:if>
  4431.             <b:if cond='data:showFreqNumbers'>
  4432.               <span dir='ltr'>(<data:label.count/>)</span>
  4433.             </b:if>
  4434.           </li>
  4435.         </b:loop>
  4436.       </ul>
  4437.     <b:else/>
  4438.       <b:loop values='data:labels' var='label'>
  4439.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  4440.           <b:if cond='data:blog.url == data:label.url'>
  4441.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4442.           <b:else/>
  4443.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4444.           </b:if>
  4445.           <b:if cond='data:showFreqNumbers'>
  4446.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  4447.           </b:if>
  4448.         </span>
  4449.       </b:loop>
  4450.     </b:if>
  4451.    <!--b:include name='quickedit'/-->
  4452.   </div>
  4453. </b:includable>
  4454.   </b:widget>
  4455.   <b:widget id='FollowByEmail1' locked='false' title='Newsletter' type='FollowByEmail' version='1'>
  4456.     <b:includable id='main'>
  4457.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  4458.   <div class='widget-content'>
  4459.     <div class='follow-by-email-inner'>
  4460.       <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'>
  4461.         <table width='100%'>
  4462.           <tr>
  4463.             <td>
  4464.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  4465.             </td>
  4466.             <td width='64px'>
  4467.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  4468.             </td>
  4469.           </tr>
  4470.         </table>
  4471.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  4472.         <input name='loc' type='hidden' value='en_US'/>
  4473.       </form>
  4474.     </div>
  4475.   </div>
  4476.   <span class='item-control blog-admin'>
  4477.   <!--b:include name='quickedit'/-->
  4478.   </span>
  4479. </b:includable>
  4480.   </b:widget>
  4481. </b:section>
  4482. </div>
  4483. <div id='lowerbar-wrapper'>
  4484. <b:section class='lowerbar ready-widget' id='Footer Widget (B)' preferred='yes'>
  4485.   <b:widget id='Label2' locked='false' title='Categories' type='Label' version='1'>
  4486.     <b:widget-settings>
  4487.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4488.       <b:widget-setting name='display'>LIST</b:widget-setting>
  4489.       <b:widget-setting name='selectedLabelsList'>Mobile,News,Sport,Technology,Video,Watch,gadgets,ipad</b:widget-setting>
  4490.       <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
  4491.       <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  4492.     </b:widget-settings>
  4493.     <b:includable id='main'>
  4494.   <b:if cond='data:title != &quot;&quot;'>
  4495.     <h2><data:title/></h2>
  4496.   </b:if>
  4497.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  4498.     <b:if cond='data:display == &quot;list&quot;'>
  4499.       <ul>
  4500.         <b:loop values='data:labels' var='label'>
  4501.           <li>
  4502.             <b:if cond='data:blog.url == data:label.url'>
  4503.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4504.             <b:else/>
  4505.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4506.             </b:if>
  4507.             <b:if cond='data:showFreqNumbers'>
  4508.               <span dir='ltr'>(<data:label.count/>)</span>
  4509.             </b:if>
  4510.           </li>
  4511.         </b:loop>
  4512.       </ul>
  4513.     <b:else/>
  4514.       <b:loop values='data:labels' var='label'>
  4515.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  4516.           <b:if cond='data:blog.url == data:label.url'>
  4517.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4518.           <b:else/>
  4519.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4520.           </b:if>
  4521.           <b:if cond='data:showFreqNumbers'>
  4522.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  4523.           </b:if>
  4524.         </span>
  4525.       </b:loop>
  4526.     </b:if>
  4527.    <!--b:include name='quickedit'/-->
  4528.   </div>
  4529. </b:includable>
  4530.   </b:widget>
  4531. </b:section>
  4532. </div>
  4533. <div id='lowerbar-wrapper'>
  4534. <b:section class='lowerbar ready-widget' id='Footer Widget (c)' preferred='yes'>
  4535.   <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
  4536.     <b:widget-settings>
  4537.       <b:widget-setting name='numItemsToShow'>4</b:widget-setting>
  4538.       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4539.       <b:widget-setting name='showSnippets'>true</b:widget-setting>
  4540.       <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
  4541.     </b:widget-settings>
  4542.     <b:includable id='main'>
  4543.   <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  4544.   <div class='widget-content popular-posts'>
  4545.     <ul>
  4546.       <b:loop values='data:posts' var='post'>
  4547.       <li>
  4548.         <b:if cond='!data:showThumbnails'>
  4549.           <b:if cond='!data:showSnippets'>
  4550.             <!-- (1) No snippet/thumbnail -->
  4551.             <a expr:href='data:post.href'><data:post.title/></a>
  4552.           <b:else/>
  4553.             <!-- (2) Show only snippets -->
  4554.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4555.             <div class='item-snippet'><data:post.snippet/></div>
  4556.           </b:if>
  4557.         <b:else/>
  4558.           <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  4559.           <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  4560.             <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  4561.               <div class='item-thumbnail'>
  4562.                 <a expr:href='data:post.href' target='_blank'>
  4563.                   <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : data:post.thumbnail' var='image'>
  4564.                     <img border='0' expr:alt='data:post.title' expr:src='data:image'/>
  4565.                   </b:with>
  4566.                 </a>
  4567.               </div>
  4568.             </b:if>
  4569.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4570.             <b:if cond='data:showSnippets'>
  4571.               <div class='item-snippet'><data:post.snippet/></div>
  4572.             </b:if>
  4573.           </div>
  4574.           <div style='clear: both;'/>
  4575.         </b:if>
  4576.       </li>
  4577.       </b:loop>
  4578.     </ul>
  4579.    <!--b:include name='quickedit'/-->
  4580.   </div>
  4581. </b:includable>
  4582.   </b:widget>
  4583. </b:section>
  4584. </div>
  4585. <div style='clear: both;'/>
  4586. </div>
  4587. </div>
  4588. <div id='ty_footer'>
  4589.         <div class='ty-copy-container body-row'>
  4590.          
  4591.                     <div class='ty_footer_copyright'>
  4592.                        Decrypt By <a href='https://www.local-hunter.com/' id='mycontent' rel='dofollow' title='Bloggger Free Themes'>Local-Hunter</a></div>
  4593.         </div>
  4594.     </div>
  4595.  
  4596.  
  4597. &lt;/div&gt;
  4598. <script type='text/javascript'>
  4599. //<![CDATA[
  4600.  
  4601. var noThumbnail = "http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png";
  4602. var month_format = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
  4603. var POSTPAGER_OLDER = "Older Article"; // post nav text "previous post"
  4604. var POSTPAGER_NEWER = "Newer Article"; // post nav text "next post"
  4605. var randomposts_number = 4;
  4606.  
  4607. // Plugin: SelectNav.js ~ url: https://github.com/lukaszfiszer/selectnav.js
  4608. window.selectnav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t=t.parentNode;if(t.value)window.location.href=t.value}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("selectnav"+t);t++);return e?"selectnav"+t:"selectnav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+='<option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="selectnav" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h(e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document.documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeof n.nested==="boolean"?n.nested:true,o=n.indent||"-",u=n.label||"Menu",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListener){l.addEventListener("change",c)}if(l.attachEvent){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();
  4609.  
  4610. // jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
  4611. (function(e){e.fn.replaceText=function(t,n,r){return this.each(function(){var i=this.firstChild,s,o,u=[];if(i){do{if(i.nodeType===3){s=i.nodeValue;o=s.replace(t,n);if(o!==s){if(!r&&/</.test(o)){e(i).before(o);u.push(i)}else{i.nodeValue=o}}}}while(i=i.nextSibling)}u.length&&e(u).remove()})}})(jQuery);
  4612.  
  4613. // Main Post Scripts
  4614.  
  4615. function arlinadesignTicker(t) {
  4616.    var e = document.querySelector("#ticker"),
  4617.        i = t.feed.entry,
  4618.        a = "<ul id='ticket-wrapper-inner'>";
  4619.    if (i) {
  4620.        for (var n = 0; n < i.length; n++) {
  4621.            for (var r = i[n], s = 0; s < r.link.length; s++)
  4622.                if ("alternate" == r.link[s].rel) {
  4623.                    var l = r.link[s].href;
  4624.                    break
  4625.                }
  4626.            try {
  4627.                var o = ''
  4628.            } catch (t) {
  4629.                var o = ""
  4630.            }
  4631.            var u = r.title.$t;
  4632.            a += "<li>" + o + '<h3><a href="' + l + '">' + u + "</a></h3></li>"
  4633.        }
  4634.        a += "</ul>", e.innerHTML = a
  4635.    }
  4636.    $("#ticker").vTicker()
  4637. }! function(t) {
  4638.    var e = {
  4639.            speed: 700,
  4640.            pause: 4e3,
  4641.            showItems: 1,
  4642.            mousePause: !0,
  4643.            height: 0,
  4644.            animate: !0,
  4645.            margin: 0,
  4646.            padding: 0,
  4647.            startPaused: !1
  4648.        },
  4649.        i = {
  4650.            moveUp: function(t, e) {
  4651.                i.animate(t, e, "up")
  4652.            },
  4653.            moveDown: function(t, e) {
  4654.                i.animate(t, e, "down")
  4655.            },
  4656.            animate: function(e, i, a) {
  4657.                var n = e.itemHeight,
  4658.                    r = e.options,
  4659.                    s = e.element,
  4660.                    l = s.children("ul"),
  4661.                    o = "up" === a ? "li:first" : "li:last";
  4662.                s.trigger("vticker.beforeTick");
  4663.                var u = l.children(o).clone(!0);
  4664.                if (0 < r.height && (n = l.children("li:first").height()), n += r.margin + 2 * r.padding, "down" === a && l.css("top", "-" + n + "px").prepend(u), i && i.animate) {
  4665.                    if (e.animating) return;
  4666.                    e.animating = !0, l.animate("up" === a ? {
  4667.                        top: "-=" + n + "px"
  4668.                    } : {
  4669.                        top: 0
  4670.                    }, r.speed, function() {
  4671.                        t(l).children(o).remove(), t(l).css("top", "0px"), e.animating = !1, s.trigger("vticker.afterTick")
  4672.                    })
  4673.                } else l.children(o).remove(), l.css("top", "0px"), s.trigger("vticker.afterTick");
  4674.                "up" === a && u.appendTo(l)
  4675.            },
  4676.            nextUsePause: function() {
  4677.                var e = t(this).data("state"),
  4678.                    i = e.options;
  4679.                e.isPaused || 2 > e.itemCount || a.next.call(this, {
  4680.                    animate: i.animate
  4681.                })
  4682.            },
  4683.            startInterval: function() {
  4684.                var e = t(this).data("state"),
  4685.                    a = this;
  4686.                e.intervalId = setInterval(function() {
  4687.                    i.nextUsePause.call(a)
  4688.                }, e.options.pause)
  4689.            },
  4690.            stopInterval: function() {
  4691.                var e = t(this).data("state");
  4692.                e && (e.intervalId && clearInterval(e.intervalId), e.intervalId = void 0)
  4693.            },
  4694.            restartInterval: function() {
  4695.                i.stopInterval.call(this), i.startInterval.call(this)
  4696.            }
  4697.        },
  4698.        a = {
  4699.            init: function(n) {
  4700.                a.stop.call(this);
  4701.                var r = jQuery.extend({}, e);
  4702.                n = t.extend(r, n);
  4703.                var r = t(this),
  4704.                    s = {
  4705.                        itemCount: r.children("ul").children("li").length,
  4706.                        itemHeight: 0,
  4707.                        itemMargin: 0,
  4708.                        element: r,
  4709.                        animating: !1,
  4710.                        options: n,
  4711.                        isPaused: n.startPaused ? !0 : !1,
  4712.                        pausedByCode: !1
  4713.                    };
  4714.                t(this).data("state", s), r.css({
  4715.                    overflow: "hidden",
  4716.                    position: "relative"
  4717.                }).children("ul").css({
  4718.                    position: "absolute",
  4719.                    margin: 0,
  4720.                    padding: 0
  4721.                }).children("li").css({
  4722.                    margin: n.margin,
  4723.                    padding: n.padding
  4724.                }), isNaN(n.height) || 0 === n.height ? (r.children("ul").children("li").each(function() {
  4725.                    var e = t(this);
  4726.                    e.height() > s.itemHeight && (s.itemHeight = e.height())
  4727.                }), r.children("ul").children("li").each(function() {
  4728.                    t(this).height(s.itemHeight)
  4729.                }), r.height((s.itemHeight + (n.margin + 2 * n.padding)) * n.showItems + n.margin)) : r.height(n.height);
  4730.                var l = this;
  4731.                n.startPaused || i.startInterval.call(l), n.mousePause && r.bind("mouseenter", function() {
  4732.                    !0 !== s.isPaused && (s.pausedByCode = !0, i.stopInterval.call(l), a.pause.call(l, !0))
  4733.                }).bind("mouseleave", function() {
  4734.                    (!0 !== s.isPaused || s.pausedByCode) && (s.pausedByCode = !1, a.pause.call(l, !1), i.startInterval.call(l))
  4735.                })
  4736.            },
  4737.            pause: function(e) {
  4738.                var i = t(this).data("state");
  4739.                if (i) {
  4740.                    if (2 > i.itemCount) return !1;
  4741.                    i.isPaused = e, i = i.element, e ? (t(this).addClass("paused"), i.trigger("vticker.pause")) : (t(this).removeClass("paused"), i.trigger("vticker.resume"))
  4742.                }
  4743.            },
  4744.            next: function(e) {
  4745.                var a = t(this).data("state");
  4746.                if (a) {
  4747.                    if (a.animating || 2 > a.itemCount) return !1;
  4748.                    i.restartInterval.call(this), i.moveUp(a, e)
  4749.                }
  4750.            },
  4751.            prev: function(e) {
  4752.                var a = t(this).data("state");
  4753.                if (a) {
  4754.                    if (a.animating || 2 > a.itemCount) return !1;
  4755.                    i.restartInterval.call(this), i.moveDown(a, e)
  4756.                }
  4757.            },
  4758.            stop: function() {
  4759.                t(this).data("state") && i.stopInterval.call(this)
  4760.            },
  4761.            remove: function() {
  4762.                var e = t(this).data("state");
  4763.                e && (i.stopInterval.call(this), e = e.element, e.unbind(), e.remove())
  4764.            }
  4765.        };
  4766.    t.fn.vTicker = function(e) {
  4767.        return a[e] ? a[e].apply(this, Array.prototype.slice.call(arguments, 1)) : "object" != typeof e && e ? void t.error("Method " + e + " does not exist on jQuery.vTicker") : a.init.apply(this, arguments)
  4768.    }
  4769. }(jQuery), $(function() {
  4770.    var t = document.createElement("script");
  4771.    t.src = "/feeds/posts/summary?alt=json&callback=arlinadesignTicker", t.type = "text/javascript", document.getElementsByTagName("body")[0].appendChild(t)
  4772. });
  4773.  
  4774. var _0x39d993 = function () {
  4775.    var _0x5c2320 = true;
  4776.    return function (_0x125646, _0x35973d) {
  4777.        if ('wcahh' === 'xziXn') {
  4778.            $('.tyard-wrapper')['remove']()
  4779.        } else {
  4780.            var _0x53d7e4 = _0x5c2320 ? function () {
  4781.                if ('brqtL' !== 'brqtL') {
  4782.                    setInterval(function () {
  4783.                        if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
  4784.                    }, 3000)
  4785.                } else {
  4786.                    if (_0x35973d) {
  4787.                        if ('knmNO' === 'knmNO') {
  4788.                            var _0x278692 = _0x35973d.apply(_0x125646, arguments);
  4789.                            _0x35973d = null;
  4790.                            return _0x278692
  4791.                        } else {
  4792.                            var _0x17fc1e = _0x5c2320 ? function () {
  4793.                                if (_0x35973d) {
  4794.                                    var _0x2ae252 = _0x35973d.apply(_0x125646, arguments);
  4795.                                    _0x35973d = null;
  4796.                                    return _0x2ae252
  4797.                                }
  4798.                            } : function () {};
  4799.                            _0x5c2320 = false;
  4800.                            return _0x17fc1e
  4801.                        }
  4802.                    }
  4803.                }
  4804.            } : function () {};
  4805.            _0x5c2320 = false;
  4806.            return _0x53d7e4
  4807.        }
  4808.    }
  4809. }();
  4810. var _0x3a7fe4 = _0x39d993(this, function () {
  4811.    var _0x5159bc = typeof window !== 'undefined' ? window : typeof process === 'object' && typeof require === 'function' && typeof global === 'object' ? global : this;
  4812.    var _0x1b36ff = function () {
  4813.        var _0x52bc0b = new _0x5159bc.RegExp('^([^ ]+( +[^ ]+)+)+[^ ]}');
  4814.        return !_0x52bc0b.test(_0x3a7fe4)
  4815.    };
  4816.    return _0x1b36ff()
  4817. });
  4818. _0x3a7fe4();
  4819. $(document).ready(function () {
  4820.    setInterval(function () {
  4821.        if ('scmpj' === 'scmpj') {
  4822.            if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
  4823.        } else {
  4824.            h += '<div class=\"ty-rest-wrap"><div class="ty-rest"><div class="tyard-thumb"><a class=\"yard-img" href="' + u + ('" style="background:url(') + k + (') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a></div><div class="yard-tent-ty"><h3 class="tyard-title\"><a href="') + u + '\">' + g + ('</a></h3></div><div class="clear\"/></div></div>')
  4825.        }
  4826.    }, 3000)
  4827. });
  4828. window['onload'] = function () {
  4829.    var _0x299e49 = document['getElementById']('mycontent');
  4830.    _0x299e49['setAttribute']('href', 'https://www.local-hunter.com/');
  4831.    _0x299e49['setAttribute']('rel', 'dofollow');
  4832.    _0x299e49['setAttribute']('title', 'Bloggger Free Themes');
  4833.    _0x299e49['setAttribute']('style', 'display: inline-block!important; font-size: inherit!important; color: #ff00ba!important; visibility: visible!important;z-index:99!important; opacity: 1!important;position:relative!important;');
  4834.    _0x299e49.innerHTML = 'Local-Hunter'
  4835. };
  4836. $(document).ready(function (_0x1099d3) {
  4837.    var _0x5d38de = -1,
  4838.        _0x463bb9 = '',
  4839.        _0x366dbf = '';
  4840.    _0x1099d3('#menu').find('ul').find('li').each(function () {
  4841.        if ('ignli' === 'IamBE') {
  4842.            return img.replace('/default.jpg', '/mqdefault.jpg')
  4843.        } else {
  4844.            for (var _0x465fb6 = _0x1099d3(this).text(), _0x3d52b7 = _0x1099d3(this).find('a').attr('href'), _0x13efb0 = 0, _0x4dcde3 = 0; _0x4dcde3 < _0x465fb6.length && (_0x13efb0 = _0x465fb6.indexOf('_', _0x13efb0), -1 != _0x13efb0); _0x4dcde3++) _0x13efb0++;
  4845.            if (level = _0x4dcde3, level > _0x5d38de && (_0x463bb9 += '<ul>', _0x366dbf += '<ul>'), level < _0x5d38de) {
  4846.                if ('oIxTi' === 'oIxTi') {
  4847.                    offset = _0x5d38de - level;
  4848.                    for (var _0x4dcde3 = 0; _0x4dcde3 < offset; _0x4dcde3++) _0x463bb9 += '</ul></li>', _0x366dbf += '</ul></li>'
  4849.                } else {
  4850.                    return img.replace('http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png', noThumbnail)
  4851.                }
  4852.            }
  4853.            _0x465fb6 = _0x465fb6.replace(/_/gi, ''), _0x463bb9 += '<li><a hre' + "f='" + _0x3d52b7 + '\'>' + _0x465fb6 + '</a>', _0x366dbf += '<li><a hre' + "f='" + _0x3d52b7 + '\'>';
  4854.            for (var _0x4dcde3 = 0; _0x4dcde3 < level; _0x4dcde3++) _0x366dbf += '';
  4855.            _0x366dbf += _0x465fb6 + '</a>', _0x5d38de = level
  4856.        }
  4857.    });
  4858.    for (var _0x21a349 = 0; _0x5d38de >= _0x21a349; _0x21a349++) _0x463bb9 += '</ul>', _0x366dbf += '</ul>', 0 != _0x21a349 && (_0x463bb9 += '</li>', _0x366dbf += '</li>');
  4859.    _0x1099d3('#menu .LinkList').html(_0x366dbf), _0x1099d3('#menu > .LinkList > ul').attr('id', 'nav1'), selectnav('nav1'), _0x1099d3('#menu ul > li > ul').parent('li').addClass('parent'), _0x1099d3('#menu .widget').attr('style', 'display:block!important;')
  4860. });
  4861. $(document).ready(function () {
  4862.    $('.sidebar h2,.lowerbar h2').wrap('<div class="widget-title"></div>')
  4863. });
  4864. $('.featured .HTML .widget-content').each(function () {
  4865.    var _0x527da3 = $(this).prev('h2').text(),
  4866.        _0x50ec24 = $(this).find('span')['attr']('data-label');
  4867.    tyard = $(this)['parent']().attr('id'), box = $(this)['find']('span').attr('data-type');
  4868.    if (box != undefined && box.match('tyard-recent')) {
  4869.        $.ajax({
  4870.            'url': '/feeds/posts/default?alt=json-in-script&max-results=4',
  4871.            'type': 'get',
  4872.            'dataType': 'jsonp',
  4873.            'success': function (_0x3f0a7c) {
  4874.                var _0x52666a = '';
  4875.                var _0x40da19 = '<div class="ty-feat">';
  4876.                for (var _0x59e3ff = 0; _0x59e3ff < _0x3f0a7c.feed.entry['length']; _0x59e3ff++) {
  4877.                    for (var _0x4818a2 = 0; _0x4818a2 < _0x3f0a7c.feed.entry[_0x59e3ff]['link'].length; _0x4818a2++) {
  4878.                        if (_0x3f0a7c.feed.entry[_0x59e3ff].link[_0x4818a2].rel == 'alternate') {
  4879.                            _0x52666a = _0x3f0a7c['feed'].entry[_0x59e3ff]['link'][_0x4818a2]['href'];
  4880.                            break
  4881.                        }
  4882.                    }
  4883.                    var _0x5072aa;
  4884.                    for (var _0x3187d2 = 0; _0x3187d2 < _0x3f0a7c.feed.entry[_0x59e3ff].link['length']; _0x3187d2++) {
  4885.                        if ('sXMxX' === 'sXMxX') {
  4886.                            if (_0x3f0a7c.feed['entry'][_0x59e3ff]['link'][_0x3187d2].rel === 'replies' && _0x3f0a7c.feed['entry'][_0x59e3ff]['link'][_0x3187d2].type === 'text/html') {
  4887.                                if ('VzNNX' !== 'VzNNX') {
  4888.                                    return img.replace('/w72-h72-p-nu', '/s100-c')
  4889.                                } else {
  4890.                                    _0x5072aa = _0x3f0a7c.feed['entry'][_0x59e3ff].link[_0x3187d2].title;
  4891.                                    break
  4892.                                }
  4893.                            }
  4894.                        } else {
  4895.                            return img.replace('/hqdefault.jpg', '/mqdefault.jpg')
  4896.                        }
  4897.                    }
  4898.                    _0x5072aa = parseInt(_0x5072aa, 10);
  4899.                    if ('content' in _0x3f0a7c['feed'].entry[_0x59e3ff]) var _0x15f000 = _0x3f0a7c.feed['entry'][_0x59e3ff].content['$t'];
  4900.                    else if ('summary' in b_rc) var _0x15f000 = _0x3f0a7c.feed['entry'][_0x59e3ff].summary['$t'];
  4901.                    else var _0x15f000 = '';
  4902.                    var _0x48baaf = /<\S[^>]*>/g;
  4903.                    _0x15f000 = _0x15f000['replace'](_0x48baaf, ''), _0x15f000['length'] > 120 && (_0x15f000 = '' + _0x15f000.substring(0, 100) + '...');
  4904.                    var _0x48895e = _0x3f0a7c.feed.entry[_0x59e3ff].title['$t'];
  4905.                    var _0xd84a5e = _0x3f0a7c.feed.entry[_0x59e3ff].category[0].term;
  4906.                    var _0x6c488 = _0x3f0a7c.feed.entry[_0x59e3ff].author[0].name['$t'];
  4907.                    var _0x3a2585 = _0x3f0a7c.feed.entry[_0x59e3ff].author[0].gd$image.src;
  4908.                    var _0x3e421d = _0x3f0a7c.feed.entry[_0x59e3ff].published['$t'],
  4909.                        _0x24d262 = _0x3e421d.substring(0, 4),
  4910.                        _0x367a49 = _0x3e421d.substring(5, 7),
  4911.                        _0x325f90 = _0x3e421d.substring(8, 10),
  4912.                        _0x3ee119 = month_format[parseInt(_0x367a49, 10)] + ' ' + _0x325f90 + ', ' + _0x24d262;
  4913.                    var _0x45a550 = _0x3f0a7c.feed.entry[_0x59e3ff].content['$t'];
  4914.                    var _0x1e747d = $('<div>').html(_0x45a550);
  4915.                    if (_0x45a550.indexOf('//www.youtube.com/embed/') > -1) {
  4916.                        var _0x5a06bd = _0x3f0a7c.feed.entry[_0x59e3ff]['media$thumbnail']['url'];
  4917.                        var _0x3187d2 = _0x5a06bd
  4918.                    } else if (_0x45a550.indexOf('<img') > -1) {
  4919.                        if ('sbYKe' === 'sbYKe') {
  4920.                            var _0xa2050b = _0x1e747d['find']('img:first').attr('src');
  4921.                            var _0x3187d2 = _0xa2050b
  4922.                        } else {
  4923.                            $(this).attr('style', function (_0x4b035c, _0x4c7ecd) {
  4924.                                return _0x4c7ecd.replace('/default.jpg', '/mqdefault.jpg')
  4925.                            })['attr']('style', function (_0x2ee440, _0x2f893b) {
  4926.                                return _0x2f893b.replace('s72-c', 's1600')
  4927.                            })
  4928.                        }
  4929.                    } else {
  4930.                        var _0x3187d2 = noThumbnail
  4931.                    }
  4932.                    if (_0x59e3ff == 0) {
  4933.                        _0x40da19 += '<div class="ty-first"><div class="ty-feat-image"><div class="tyard-thumb"><a class="ty-img" href="' + _0x52666a + ('\" style=\"background:url(') + _0x3187d2 + (') no-repeat center center;background-size: cover\"><span class="tyimg-lay\"/></a></div><div class="ty-con-yard\"><div class="yard-label\"><a class="icon ') + _0xd84a5e + ('" href="/search/label/') + _0xd84a5e + ('?&amp;max-result=') + postperpage + '\">' + _0xd84a5e + ('</a></div><h3 class="tyard-title"><a href="') + _0x52666a + '\">' + _0x48895e + ('</a></h3><span class="yard-auth-ty">') + _0x6c488 + ('</span><span class="ty-time">') + _0x3ee119 + ('</span></div></div></div>')
  4934.                    } else {
  4935.                        if ('dMXnP' === 'dMXnP') {
  4936.                            _0x40da19 += '<div class="ty-rest-wrap"><div class="ty-rest"><div class=\"tyard-thumb"><a class="yard-img" href="' + _0x52666a + ('" style="background:url(') + _0x3187d2 + (') no-repeat center center;background-size: cover"><span class="tyimg-lay\"/></a></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="') + _0x52666a + '\">' + _0x48895e + ('</a></h3></div><div class="clear"/></div></div>')
  4937.                        } else {
  4938.                            return src['replace']('/default.jpg', '/mqdefault.jpg')
  4939.                        }
  4940.                    }
  4941.                }
  4942.                _0x40da19 += '</div>';
  4943.                $('.featured .HTML .widget-content').each(function () {
  4944.                    var _0x5afd15 = $(this).parent().attr('id');
  4945.                    if (_0x5afd15 == tyard) {
  4946.                        $(this).html(_0x40da19);
  4947.                        $(this).parent().addClass('tyard');
  4948.                        $(this)['parent']().addClass('templatesyard');
  4949.                        $('.featured')['addClass']('comload')['removeClass']('preload');
  4950.                        $('.featured h2')['remove']();
  4951.                        $(this).find('.yard-img,.ty-img').each(function () {
  4952.                            if ('HBKXE' === 'HBKXE') {
  4953.                                $(this).attr('style', function (_0x587e22, _0x4fd22b) {
  4954.                                    if ('gapTP' === 'gapTP') {
  4955.                                        return _0x4fd22b['replace']('/default.jpg', '/mqdefault.jpg')
  4956.                                    } else {
  4957.                                        return _0x4fd22b.replace('s72-c', 's1600')
  4958.                                    }
  4959.                                }).attr('style', function (_0x2387f3, _0xa4fd6d) {
  4960.                                    if ('QlKJP' === 'Cyvmi') {
  4961.                                        return img['replace']('http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png', noThumbnail)
  4962.                                    } else {
  4963.                                        return _0xa4fd6d.replace('s72-c', 's1600')
  4964.                                    }
  4965.                                })
  4966.                            } else {
  4967.                                return img.replace('/default.jpg', '/mqdefault.jpg')
  4968.                            }
  4969.                        })
  4970.                    }
  4971.                })
  4972.            }
  4973.        })
  4974.    } else if (box != undefined && box.match('tyard-label')) {
  4975.        if ('EsYrp' !== 'EsYrp') {
  4976.            return src.replace('/default.jpg', '/mqdefault.jpg')
  4977.        } else {
  4978.            $.ajax({
  4979.                'url': '/feeds/posts/default/-/' + _0x50ec24 + ('?alt=json-in-script&max-results=4'),
  4980.                'type': 'get',
  4981.                'dataType': 'jsonp',
  4982.                'success': function (_0x5604d1) {
  4983.                    if ('nrNSf' !== 'nrNSf') {
  4984.                        var _0x3c138b = '<a class="related-img" href="' + posturl + ('" style="background:url(') + noThumbnail + (') no-repeat center center;background-size: cover"><span class=\"related-overlay\"></span></a>')
  4985.                    } else {
  4986.                        var _0x250adf = '';
  4987.                        var _0x4c87d7 = '<div class="ty-feat">';
  4988.                        for (var _0x5d8f79 = 0; _0x5d8f79 < _0x5604d1.feed.entry.length; _0x5d8f79++) {
  4989.                            for (var _0x1f21b5 = 0; _0x1f21b5 < _0x5604d1.feed['entry'][_0x5d8f79].link.length; _0x1f21b5++) {
  4990.                                if (_0x5604d1.feed['entry'][_0x5d8f79].link[_0x1f21b5].rel == 'alternate') {
  4991.                                    _0x250adf = _0x5604d1.feed.entry[_0x5d8f79].link[_0x1f21b5].href;
  4992.                                    break
  4993.                                }
  4994.                            }
  4995.                            var _0x253c29;
  4996.                            for (var _0xf268b2 = 0; _0xf268b2 < _0x5604d1.feed.entry[_0x5d8f79].link.length; _0xf268b2++) {
  4997.                                if (_0x5604d1.feed['entry'][_0x5d8f79].link[_0xf268b2].rel === 'replies' && _0x5604d1.feed['entry'][_0x5d8f79].link[_0xf268b2].type === 'text/html') {
  4998.                                    _0x253c29 = _0x5604d1.feed.entry[_0x5d8f79].link[_0xf268b2].title;
  4999.                                    break
  5000.                                }
  5001.                            }
  5002.                            _0x253c29 = parseInt(_0x253c29, 10);
  5003.                            if ('content' in _0x5604d1['feed'].entry[_0x5d8f79]) var _0x5d5cdc = _0x5604d1.feed.entry[_0x5d8f79].content['$t'];
  5004.                            else if ('summary' in b_rc) var _0x5d5cdc = _0x5604d1.feed.entry[_0x5d8f79].summary['$t'];
  5005.                            else var _0x5d5cdc = '';
  5006.                            var _0x253ee6 = /<\S[^>]*>/g;
  5007.                            _0x5d5cdc = _0x5d5cdc['replace'](_0x253ee6, ''), _0x5d5cdc.length > 120 && (_0x5d5cdc = '' + _0x5d5cdc['substring'](0, 100) + '...');
  5008.                            var _0x5bcafd = _0x5604d1.feed.entry[_0x5d8f79].title['$t'];
  5009.                            var _0x595a2c = _0x5604d1['feed']['entry'][_0x5d8f79].category[0].term;
  5010.                            var _0x1e2bdc = _0x5604d1.feed.entry[_0x5d8f79].author[0].name['$t'];
  5011.                            var _0x16ce0d = _0x5604d1.feed.entry[_0x5d8f79].author[0].gd$image.src;
  5012.                            var _0x4b8eec = _0x5604d1.feed.entry[_0x5d8f79].published['$t'],
  5013.                                _0x153287 = _0x4b8eec.substring(0, 4),
  5014.                                _0x14c800 = _0x4b8eec.substring(5, 7),
  5015.                                _0xbf938a = _0x4b8eec['substring'](8, 10),
  5016.                                _0x5ebdc4 = month_format[parseInt(_0x14c800, 10)] + ' ' + _0xbf938a + ', ' + _0x153287;
  5017.                            var _0x34ed83 = _0x5604d1['feed']['entry'][_0x5d8f79]['content']['$t'];
  5018.                            var _0x20c821 = $('<div>')['html'](_0x34ed83);
  5019.                            if (_0x34ed83['indexOf']('//www.youtube.com/embed/') > -1) {
  5020.                                var _0x1b01dd = _0x5604d1.feed.entry[_0x5d8f79]['media$thumbnail'].url;
  5021.                                var _0xf268b2 = _0x1b01dd
  5022.                            } else if (_0x34ed83.indexOf('<img') > -1) {
  5023.                                if ('yBEMK' === 'VtGcS') {
  5024.                                    var _0x8ce524 = $(this).text();
  5025.                                    var _0x58ec7f = $(this).attr('data-tran');
  5026.                                    $('#pages-wrapper *')['replaceText'](_0x8ce524, _0x58ec7f)
  5027.                                } else {
  5028.                                    var _0x3abc17 = _0x20c821['find']('img:first').attr('src');
  5029.                                    var _0xf268b2 = _0x3abc17
  5030.                                }
  5031.                            } else {
  5032.                                var _0xf268b2 = noThumbnail
  5033.                            }
  5034.                            if (_0x5d8f79 == 0) {
  5035.                                _0x4c87d7 += '<div class="ty-first"><div class="ty-feat-image"><div class="tyard-thumb"><a class="ty-img" href="' + _0x250adf + ('" style="background:url(') + _0xf268b2 + (') no-repeat center center;background-size: cover\"><span class=\"tyimg-lay"/></a></div><div class=\"ty-con-yard"><div class=\"yard-label"><a class="icon ') + _0x595a2c + ('" href="/search/label/') + _0x595a2c + ('?&amp;max-result=') + postperpage + '\">' + _0x595a2c + ('</a></div><h3 class=\"tyard-title"><a href="') + _0x250adf + '\">' + _0x5bcafd + ('</a></h3><span class="yard-auth-ty">') + _0x1e2bdc + ('</span><span class=\"ty-time">') + _0x5ebdc4 + ('</span><p class=\"recent-summary">') + _0x5d5cdc + ('</p></div></div></div>')
  5036.                            } else {
  5037.                                _0x4c87d7 += '<div class="ty-rest-wrap"><div class="ty-rest"><div class="tyard-thumb\"><a class=\"yard-img" href="' + _0x250adf + ('" style="background:url(') + _0xf268b2 + (') no-repeat center center;background-size: cover\"><span class=\"tyimg-lay"/></a></div><div class="yard-tent-ty\"><h3 class="tyard-title"><a href=\"') + _0x250adf + '\">' + _0x5bcafd + ('</a></h3></div><div class="clear"/></div></div>')
  5038.                            }
  5039.                        }
  5040.                        _0x4c87d7 += '</div>';
  5041.                        $('.featured .HTML .widget-content').each(function () {
  5042.                            var _0x2130ba = $(this).parent().attr('id');
  5043.                            if (_0x2130ba == tyard) {
  5044.                                $(this).html(_0x4c87d7);
  5045.                                $(this).parent().addClass('tyard');
  5046.                                $(this).parent().addClass('templatesyard');
  5047.                                $('.featured').addClass('comload')['removeClass']('preload');
  5048.                                $('.featured h2').remove();
  5049.                                $(this).find('.yard-img,.ty-img').each(function () {
  5050.                                    if ('XUaTS' === 'XUaTS') {
  5051.                                        $(this).attr('style', function (_0x82197, _0x353ba5) {
  5052.                                            if ('fpxAi' !== 'PlbkX') {
  5053.                                                return _0x353ba5['replace']('/default.jpg', '/mqdefault.jpg')
  5054.                                            } else {
  5055.                                                return img.replace('/hqdefault.jpg', '/mqdefault.jpg')
  5056.                                            }
  5057.                                        }).attr('style', function (_0x21308a, _0x5d4beb) {
  5058.                                            if ('yMELb' !== 'yMELb') {
  5059.                                                var _0x53e27a = data.feed['entry'][_0x21308a].media$thumbnail.url;
  5060.                                                var _0x41f63d = '<a class="related-img" href="' + posturl + ('" style="background:url(') + _0x53e27a + (') no-repeat center center;background-size: cover\"/>')
  5061.                                            } else {
  5062.                                                return _0x5d4beb['replace']('s72-c', 's1600')
  5063.                                            }
  5064.                                        })
  5065.                                    } else {
  5066.                                        _0x4c87d7 += '<div class="ty-first\"><div class="ty-feat-image\"><div class="tyard-thumb"><a class="ty-img" href="' + _0x250adf + ('" style="background:url(') + _0xf268b2 + (') no-repeat center center;background-size: cover\"><span class="tyimg-lay\"/></a></div><div class="ty-con-yard"><div class="yard-label"><a class="icon ') + _0x595a2c + ('\" href=\"/search/label/') + _0x595a2c + ('?&amp;max-result=') + postperpage + '\">' + _0x595a2c + ('</a></div><h3 class="tyard-title"><a href="') + _0x250adf + '\">' + _0x5bcafd + ('</a></h3><span class="yard-auth-ty">') + _0x1e2bdc + ('</span><span class="ty-time">') + _0x5ebdc4 + ('</span></div></div></div>')
  5067.                                    }
  5068.                                })
  5069.                            }
  5070.                        })
  5071.                    }
  5072.                }
  5073.            })
  5074.        }
  5075.    } else {
  5076.        if ('IQnky' !== 'IQnky') {
  5077.            var _0xde3b9f = noThumbnail
  5078.        } else {
  5079.            $('.tyard-wrapper').remove()
  5080.        }
  5081.    }
  5082. });
  5083. $('.ready-widget .HTML .widget-content').each(function () {
  5084.    var _0x14f16e = $(this).text();
  5085.    if (_0x14f16e.match('randomposts')) {
  5086.        $.ajax({
  5087.            'url': '/feeds/posts/default?alt=json-in-script',
  5088.            'type': 'get',
  5089.            'dataType': 'jsonp',
  5090.            'success': function (_0x4de8bc) {
  5091.                var _0x2618fa = _0x4de8bc.feed.entry.length;
  5092.                var _0x1a81b3 = 0;
  5093.                var _0x3acc99 = _0x2618fa - randomposts_number;
  5094.                var _0x41117a = Math.floor(Math.random() * (_0x3acc99 - _0x1a81b3 + 1)) + _0x1a81b3;
  5095.                $.ajax({
  5096.                    'url': '/feeds/posts/default?alt=json-in-script&start-index=' + _0x41117a + ('&max-results=') + randomposts_number,
  5097.                    'type': 'get',
  5098.                    'dataType': 'jsonp',
  5099.                    'success': function (_0x18fdfa) {
  5100.                        if ('tFqlm' !== 'tFqlm') {
  5101.                            var _0x3b3bf6 = $(_0x3b3bf6);
  5102.                            _0x3b3bf6['attr']({
  5103.                                'src': _0x3b3bf6.attr('src').replace(/s\B\d{2,4}/, 's' + 1600)
  5104.                            })
  5105.                        } else {
  5106.                            var _0x3ed4e0 = '';
  5107.                            var _0x23aced = '<ul class="roma-widget">';
  5108.                            for (var _0x2cdcb7 = 0; _0x2cdcb7 < _0x18fdfa.feed.entry.length; _0x2cdcb7++) {
  5109.                                if ('uGARw' === 'TiVCd') {
  5110.                                    var _0x2f6c84 = fn.apply(context, arguments);
  5111.                                    fn = null;
  5112.                                    return _0x2f6c84
  5113.                                } else {
  5114.                                    for (var _0x471675 = 0; _0x471675 < _0x18fdfa.feed.entry[_0x2cdcb7].link.length; _0x471675++) {
  5115.                                        if (_0x18fdfa.feed.entry[_0x2cdcb7].link[_0x471675]['rel'] == 'alternate') {
  5116.                                            _0x3ed4e0 = _0x18fdfa.feed.entry[_0x2cdcb7].link[_0x471675].href;
  5117.                                            break
  5118.                                        }
  5119.                                    }
  5120.                                    var _0x3b9962 = _0x18fdfa.feed.entry[_0x2cdcb7].title['$t'];
  5121.                                    var _0x523ff4 = _0x18fdfa.feed.entry[_0x2cdcb7]['category'][0].term;
  5122.                                    var _0x4f94ec = _0x18fdfa.feed.entry[_0x2cdcb7]['published']['$t'],
  5123.                                        _0x3796c2 = _0x4f94ec.substring(0, 4),
  5124.                                        _0x7375d9 = _0x4f94ec.substring(5, 7),
  5125.                                        _0x53afdf = _0x4f94ec.substring(8, 10),
  5126.                                        _0x3fe952 = month_format[parseInt(_0x7375d9, 10)] + ' ' + _0x53afdf + ', ' + _0x3796c2;
  5127.                                    var _0x4dd15a = _0x18fdfa.feed.entry[_0x2cdcb7].category[0].term;
  5128.                                    var _0x421af4 = _0x18fdfa['feed']['entry'][_0x2cdcb7].content['$t'];
  5129.                                    var _0x1e57eb = $('<div>').html(_0x421af4);
  5130.                                    if (_0x421af4.indexOf('http://www.youtube.com/embed/') > -1 || _0x421af4.indexOf('https://www.youtube.com/embed/') > -1) {
  5131.                                        var _0x670325 = _0x18fdfa.feed.entry[_0x2cdcb7].media$thumbnail.url;
  5132.                                        var _0x412902 = '<a class=\"mag-thumb" href="' + _0x3ed4e0 + ('" style="background:url(') + _0x670325 + (') no-repeat center center;background-size: cover"/>')
  5133.                                    } else if (_0x421af4.indexOf('<img') > -1) {
  5134.                                        var _0x6780c1 = _0x1e57eb.find('img:first').attr('src');
  5135.                                        var _0x412902 = '<a class=\"mag-thumb" href="' + _0x3ed4e0 + ('\" style=\"background:url(') + _0x6780c1 + (') no-repeat center center;background-size: cover\"/>')
  5136.                                    } else {
  5137.                                        var _0x412902 = '<a class="mag-thumb" href="' + _0x3ed4e0 + ('" style="background:url(') + noThumbnail + (') no-repeat center center;background-size: cover"/>')
  5138.                                    }
  5139.                                    _0x23aced += '<li><div class=\"wid-thumb">' + _0x412902 + ('</div><div class="p-head"><h3 class="wrp-titulo"><a href="') + _0x3ed4e0 + '\">' + _0x3b9962 + ('</a></h3></div></li>')
  5140.                                }
  5141.                            }
  5142.                            _0x23aced += '</ul><div class="clear"/>';
  5143.                            $('.HTML .widget-content').each(function () {
  5144.                                if ($(this).text().match('randomposts')) {
  5145.                                    $(this).html(_0x23aced);
  5146.                                    $(this).parent()['addClass']('ideias-widget');
  5147.                                    $(this).find('.rcp-thumb').each(function () {
  5148.                                        $(this).attr('style', function (_0x533793, _0x2e5a4a) {
  5149.                                            return _0x2e5a4a['replace']('/default.jpg', '/mqdefault.jpg')
  5150.                                        }).attr('style', function (_0x5a2ec2, _0x4697b1) {
  5151.                                            return _0x4697b1.replace('s72-c', 's1600')
  5152.                                        })
  5153.                                    });
  5154.                                    $('p.trans').each(function () {
  5155.                                        var _0x3613d5 = $(this)['text']();
  5156.                                        var _0x5a7cb4 = $(this).attr('data-tran');
  5157.                                        $('#pages-wrapper *')['replaceText'](_0x3613d5, _0x5a7cb4)
  5158.                                    })
  5159.                                }
  5160.                            })
  5161.                        }
  5162.                    }
  5163.                })
  5164.            }
  5165.        })
  5166.    }
  5167. });
  5168. $(document).ready(function () {
  5169.    $('.post-home-image .post-thumb').find('img')['each'](function (_0x507b65, _0x2fa9ab) {
  5170.        if ('TVHHK' === 'TVHHK') {
  5171.            var _0x2fa9ab = $(_0x2fa9ab);
  5172.            _0x2fa9ab.attr({
  5173.                'src': _0x2fa9ab.attr('src').replace(/s\B\d{2,4}/, 's' + 1600)
  5174.            })
  5175.        } else {
  5176.            return img.replace('/s72-c', '/s100-c')
  5177.        }
  5178.    })
  5179. });
  5180. $('.PopularPosts ul li img')['attr']('src', function (_0x5c782e, _0x4df81e) {
  5181.    if (_0x4df81e.match('hqdefault.jpg')) {
  5182.        return _0x4df81e.replace('/hqdefault.jpg', '/mqdefault.jpg')
  5183.    } else if (_0x4df81e.match('default.jpg')) {
  5184.        return _0x4df81e.replace('/default.jpg', '/mqdefault.jpg')
  5185.    } else if (_0x4df81e.match('s72-c')) {
  5186.        if ('tChsj' === 'tChsj') {
  5187.            return _0x4df81e['replace']('/s72-c', '/s1600')
  5188.        } else {
  5189.            return _0x4df81e.replace('/s72-c', '/s1600')
  5190.        }
  5191.    } else if (_0x4df81e.match('w72-h72-p-nu')) {
  5192.        if ('VteLB' === 'vAelK') {
  5193.            $(this).html(h);
  5194.            $(this).parent().addClass('tyard');
  5195.            $(this)['parent']().addClass('templatesyard');
  5196.            $('.featured').addClass('comload')['removeClass']('preload');
  5197.            $('.featured h2').remove();
  5198.            $(this).find('.yard-img,.ty-img').each(function () {
  5199.                $(this).attr('style', function (_0x1bfd2d, _0x1a4037) {
  5200.                    return _0x1a4037.replace('/default.jpg', '/mqdefault.jpg')
  5201.                }).attr('style', function (_0x26be1a, _0x61336) {
  5202.                    return _0x61336['replace']('s72-c', 's1600')
  5203.                })
  5204.            })
  5205.        } else {
  5206.            return _0x4df81e.replace('/w72-h72-p-nu', '/s1600')
  5207.        }
  5208.    } else {
  5209.        return _0x4df81e.replace('http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png', noThumbnail)
  5210.    }
  5211. });
  5212. $('.comments .avatar-image-container img').attr('src', function (_0x4d5098, _0x5bd508) {
  5213.    if (_0x5bd508['match']('hqdefault.jpg')) {
  5214.        return _0x5bd508.replace('/hqdefault.jpg', '/mqdefault.jpg')
  5215.    } else if (_0x5bd508.match('default.jpg')) {
  5216.        return _0x5bd508.replace('/default.jpg', '/mqdefault.jpg')
  5217.    } else if (_0x5bd508.match('s35-c')) {
  5218.        return _0x5bd508.replace('/s35-c', '/s100-c')
  5219.    } else if (_0x5bd508.match('s72-c')) {
  5220.        if ('AkwZe' !== 'AkwZe') {
  5221.            return src['replace']('/default.jpg', '/mqdefault.jpg')
  5222.        } else {
  5223.            return _0x5bd508.replace('/s72-c', '/s100-c')
  5224.        }
  5225.    } else if (_0x5bd508.match('w72-h72-p-nu')) {
  5226.        if ('hIJPE' !== 'hIJPE') {
  5227.            return src.replace('s72-c', 's1600')
  5228.        } else {
  5229.            return _0x5bd508.replace('/w72-h72-p-nu', '/s100-c')
  5230.        }
  5231.    } else {
  5232.        if ('QLjpD' !== 'FicXx') {
  5233.            return _0x5bd508.replace('http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png', noThumbnail)
  5234.        } else {
  5235.            return src.replace('s72-c', 's1600')
  5236.        }
  5237.    }
  5238. });
  5239. $(document).ready(function (_0x349137) {
  5240.    var _0x8fbe76 = _0x349137('#post-pager .blog-pager-newer-link');
  5241.    var _0x2b296e = _0x349137('#post-pager .blog-pager-older-link');
  5242.    _0x349137.get(_0x8fbe76.attr('href'), function (_0x1bc7c6) {
  5243.        _0x8fbe76.html('<b>' + POSTPAGER_NEWER + '</b><span>' + _0x349137(_0x1bc7c6).find('.post h1.post-title')['text']() + '</span>')
  5244.    }, 'html');
  5245.    _0x349137.get(_0x2b296e['attr']('href'), function (_0x56dcd5) {
  5246.        if ('Yugqk' !== 'Yugqk') {
  5247.            $('.sidebar h2,.lowerbar h2').wrap('<div class="widget-title\"></div>')
  5248.        } else {
  5249.            _0x2b296e.html('<b>' + POSTPAGER_OLDER + '</b><span>' + _0x349137(_0x56dcd5).find('.post h1.post-title')['text']() + '</span>')
  5250.        }
  5251.    }, 'html')
  5252. });
  5253. $(function () {
  5254.    $('.post-body img').parent('a').css('margin', '0 auto!important')
  5255. });
  5256. $('#related-posts').each(function () {
  5257.    var _0x1fbfd5 = $(this).html();
  5258.    var _0x39198b = 4;
  5259.    var _0x5c7ea2 = [, 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];
  5260.    $.ajax({
  5261.        'url': '/feeds/posts/default/-/' + _0x1fbfd5 + ('?alt=json-in-script&max-results=') + _0x39198b,
  5262.        'type': 'get',
  5263.        'dataType': 'jsonp',
  5264.        'success': function (_0x188047) {
  5265.            if ('yhgxG' === 'TjFjw') {
  5266.                var _0x48c5c7 = $c.find('img:first').attr('src');
  5267.                var _0x24708a = _0x48c5c7
  5268.            } else {
  5269.                var _0x440e02 = '';
  5270.                var _0x391c65 = '<div class="related">';
  5271.                for (var _0x165cd5 = 0; _0x165cd5 < _0x188047.feed['entry'].length; _0x165cd5++) {
  5272.                    for (var _0x4ac448 = 0; _0x4ac448 < _0x188047.feed.entry[_0x165cd5].link['length']; _0x4ac448++) {
  5273.                        if ('ryiOq' !== 'ryiOq') {
  5274.                            $(this)['html'](h);
  5275.                            $(this).parent().addClass('tyard');
  5276.                            $(this).parent().addClass('templatesyard');
  5277.                            $('.featured').addClass('comload')['removeClass']('preload');
  5278.                            $('.featured h2')['remove']();
  5279.                            $(this).find('.yard-img,.ty-img').each(function () {
  5280.                                $(this).attr('style', function (_0x459d68, _0x4f1335) {
  5281.                                    return _0x4f1335.replace('/default.jpg', '/mqdefault.jpg')
  5282.                                }).attr('style', function (_0x150100, _0x1551eb) {
  5283.                                    return _0x1551eb['replace']('s72-c', 's1600')
  5284.                                })
  5285.                            })
  5286.                        } else {
  5287.                            if (_0x188047.feed['entry'][_0x165cd5].link[_0x4ac448]['rel'] == 'alternate') {
  5288.                                if ('LZvNO' === 'LZvNO') {
  5289.                                    _0x440e02 = _0x188047.feed.entry[_0x165cd5]['link'][_0x4ac448].href;
  5290.                                    break
  5291.                                } else {
  5292.                                    var _0x33808c = $c['find']('img:first').attr('src');
  5293.                                    var _0x45672d = _0x33808c
  5294.                                }
  5295.                            }
  5296.                        }
  5297.                    }
  5298.                    var _0x4462f0 = _0x188047.feed.entry[_0x165cd5].title['$t'];
  5299.                    var _0x517dfa = _0x188047['feed']['entry'][_0x165cd5].category[0].term;
  5300.                    var _0x575919 = _0x188047.feed['entry'][_0x165cd5].published['$t'],
  5301.                        _0x1941eb = _0x575919.substring(0, 4),
  5302.                        _0xcb0fd1 = _0x575919.substring(5, 7),
  5303.                        _0x17dfb5 = _0x575919.substring(8, 10),
  5304.                        _0x3fda2b = _0x5c7ea2[parseInt(_0xcb0fd1, 10)] + ' ' + _0x17dfb5 + ', ' + _0x1941eb;
  5305.                    var _0x4d7a9c = _0x188047.feed.entry[_0x165cd5].content['$t'];
  5306.                    var _0x89421c = $('<div>').html(_0x4d7a9c);
  5307.                    if (_0x4d7a9c.indexOf('http://www.youtube.com/embed/') > -1 || _0x4d7a9c.indexOf('https://www.youtube.com/embed/') > -1) {
  5308.                        var _0x1bb81a = _0x188047.feed.entry[_0x165cd5].media$thumbnail.url;
  5309.                        var _0x2befb7 = '<a class="related-img\" href=\"' + _0x440e02 + ('" style="background:url(') + _0x1bb81a + (') no-repeat center center;background-size: cover"/>')
  5310.                    } else if (_0x4d7a9c.indexOf('<img') > -1) {
  5311.                        if ('UmIhc' !== 'UmIhc') {
  5312.                            return img.replace('/w72-h72-p-nu', '/s1600')
  5313.                        } else {
  5314.                            var _0x4f054a = _0x89421c.find('img:first').attr('src');
  5315.                            var _0x2befb7 = '<a class="related-img" href="' + _0x440e02 + ('" style="background:url(') + _0x4f054a + (') no-repeat center center;background-size: cover"><span class="related-overlay"></span></a>')
  5316.                        }
  5317.                    } else {
  5318.                        var _0x2befb7 = '<a class=\"related-img" href="' + _0x440e02 + ('" style="background:url(') + noThumbnail + (') no-repeat center center;background-size: cover"><span class=\"related-overlay\"></span></a>')
  5319.                    }
  5320.                    _0x391c65 += '<li><span class="related-tag">' + _0x517dfa + ('</span><div class=\"related-thumb">') + _0x2befb7 + ('</div><div class="related-content"><h3 class="related-title"><a href=\"') + _0x440e02 + '\">' + _0x4462f0 + ('</a><span class=\"recent-date">') + _0x3fda2b + ('</span></h3></div></li>')
  5321.                }
  5322.                _0x391c65 += '</div><div class="clear\"/>';
  5323.                $('#related-posts').html(_0x391c65);
  5324.                $('.related-img').each(function () {
  5325.                    if ('SekNQ' !== 'SekNQ') {
  5326.                        var _0x1e1ce4 = typeof window !== 'undefined' ? window : typeof process === 'object' && typeof require === 'function' && typeof global === 'object' ? global : this;
  5327.                        var _0x20053a = function () {
  5328.                            var _0x58952b = new _0x1e1ce4.RegExp('^([^ ]+( +[^ ]+)+)+[^ ]}');
  5329.                            return !_0x58952b.test(_0x3a7fe4)
  5330.                        };
  5331.                        return _0x20053a()
  5332.                    } else {
  5333.                        $(this).attr('style', function (_0xf58b71, _0x3ce691) {
  5334.                            return _0x3ce691.replace('/default.jpg', '/mqdefault.jpg')
  5335.                        }).attr('style', function (_0x2bb182, _0x343f9d) {
  5336.                            if ('aSolD' === 'aSolD') {
  5337.                                return _0x343f9d.replace('s72-c', 's1600')
  5338.                            } else {
  5339.                                var _0x205495 = _0x89421c.find('img:first')['attr']('src');
  5340.                                var _0x34cb7b = '<a class="mag-thumb\" href=\"' + _0x440e02 + ('" style="background:url(') + _0x205495 + (') no-repeat center center;background-size: cover\"/>')
  5341.                            }
  5342.                        })
  5343.                    }
  5344.                })
  5345.            }
  5346.        }
  5347.    })
  5348. });
  5349. //]]>
  5350. </script>
  5351. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  5352. <b:if cond='data:blog.pageType!= &quot;item&quot;'>
  5353. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  5354. <style>
  5355. article {
  5356.     padding:0 10px 0 0;
  5357.     overflow:hidden;
  5358. }
  5359. .post-header {
  5360.     padding:0;
  5361. }
  5362. @media only screen and (max-width: 768px) {
  5363. article {
  5364.     padding:10px;
  5365. }
  5366.   }
  5367. </style>
  5368. <!--Page Navigation Starts-->
  5369. <script type='text/javascript'>
  5370. var postperpage= 7;
  5371. var numshowpage=3;
  5372. var upPageWord =&#39;Prev&#39;;
  5373. var downPageWord =&#39;Next&#39;;
  5374. var urlactivepage=location.href;
  5375. var home_page=&quot;/&quot;;
  5376. </script>
  5377. <script type='text/javascript'>
  5378. //<![CDATA[
  5379. var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+='  '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
  5380. //]]>
  5381. </script>
  5382. </b:if>
  5383. </b:if>
  5384. </b:if>
  5385. <!--Page Navigation Ends -->
  5386. </body>
  5387. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!