API tools faq
paste
shamp0erna99

NewFlash Templates Blogger - Premium

shamp0erna99
Jul 21st, 2020 (edited)
248
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 281.78 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' name='viewport'/>
  15. <meta content='blogger' name='generator'/>
  16. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  17. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  18. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  19. <link expr:href='data:blog.url' rel='canonical'/>
  20. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  21. <title><data:blog.pageTitle/></title>
  22.   <meta content='Portal of news technology archives' name='description'/>
  23. <b:else/>
  24. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  25. <title><data:blog.pageName/> - <data:blog.title/></title>
  26. </b:if></b:if>
  27. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  28. <title>Page Not Found - <data:blog.title/></title>
  29. </b:if>
  30. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  31. <meta content='noindex' name='robots'/>
  32. </b:if>
  33. <b:if cond='data:blog.searchLabel'>
  34. <meta content='noindex,nofollow' name='robots'/>
  35. </b:if>
  36. <b:if cond='data:blog.isMobile'>
  37. <meta content='noindex,nofollow' name='robots'/>
  38. </b:if>
  39. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  40. <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
  41. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  42. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  43. </b:if></b:if>
  44.  <b:if cond='data:blog.pageType == &quot;index&quot;'>
  45.     <meta content='Portal of news technology archives' name='description'/>
  46.     </b:if>
  47. <meta content='Portal of news technology archives' name='description'/>
  48.     <meta content='Java Haxor' name='keywords'/>
  49. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  50. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  51. <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  52. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  53. <b:if cond='data:blog.postImageThumbnailUrl'>
  54. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  55. </b:if></b:if>
  56. <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  57. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  58. <meta content='0AvR2Fg8-LBM7UQJPzIXGYGd8UOlrxkeX0WZRRj_mps' name='google-site-verification'/>
  59. <meta content='google5326207c3b094a4a.html' name='google-site-verification'/>
  60. <meta content='D5875533CA83A88345A0CFE9E08798C7' name='msvalidate.01'/>
  61. <meta content='D5875533CA83A88345A0CFE9E08798C7' name='msvalidate.01'/>
  62. <meta content='indonesia' name='geo.placename'/>
  63. <meta content='kepoya' name='Author'/>
  64. <!-- [ Social Media Meta Tag ] -->
  65. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  66. <meta expr:content='data:blog.pageName' property='og:title'/>
  67. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  68. <meta content='article' property='og:type'/>
  69. </b:if>
  70. <meta expr:content='data:blog.title' property='og:site_name'/>
  71. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  72. <meta expr:content='data:blog.metaDescription' name='description'/>
  73. <meta expr:content='data:blog.title' property='og:title'/>
  74. <meta content='website' property='og:type'/>
  75. <b:if cond='data:blog.metaDescription'>
  76. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  77. <b:else/>
  78. <meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
  79. </b:if>
  80. </b:if>
  81. <b:if cond='data:blog.postImageUrl'>
  82. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  83. <b:else/>
  84. <b:if cond='data:blog.postImageThumbnailUrl'>
  85. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  86. <b:else/>
  87. <meta content='https://3.bp.blogspot.com/-Hjc6_7njIRs/WIsN28cBbYI/AAAAAAAACL4/tyYVf_C1WGwqUEpqQAzvdvE0F3L7X-6pgCLcB/s125-c/Logo%2BPsd.png' property='og:image'/>
  88. </b:if>
  89. </b:if>
  90. <meta content='https://www.facebook.com/FikriNetral7' property='article:author'/>
  91. <meta content='https://www.facebook.com/localhuntercom' property='article:publisher'/>
  92. <meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
  93. <meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
  94. <meta content='en_US' property='og:locale'/>
  95. <meta content='en_GB' property='og:locale:alternate'/>
  96. <meta content='id_ID' property='og:locale:alternate'/>
  97. <meta content='summary' name='twitter:card'/>
  98. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  99. <meta content='https://twitter.com/shamp0erna99' name='twitter:creator'/>    
  100.   <b:skin><![CDATA[/*
  101. -----------------------------------------------
  102. Blogger Template Style
  103. Name       : Newsflash
  104. Author     : https://www.templatesyard.com
  105. License    : Premium Version
  106. Visit to   : https://www.local-hunter.com
  107. ----------------------------------------------- */
  108. /* Variable definitions
  109. -----------------------
  110. <Variable name="body.background" description="Background" type="background" color="#f0f0f0" default="$(color) url(http://1.bp.blogspot.com/-0bObXH0-WHI/VmnwwA4dQiI/AAAAAAAACVY/NEHl0xoZ58s/s0-r/bg1.png) repeat fixed top left" value="$(color) url(http://1.bp.blogspot.com/-0bObXH0-WHI/VmnwwA4dQiI/AAAAAAAACVY/NEHl0xoZ58s/s0-r/bg1.png) repeat fixed top left"/>
  111. <Group description="Main Settings" selector="body">
  112. <Variable name="maincolor" description="Primary Color" type="color" default="#0088ff"  value="#cc0000"/>
  113. <Variable name="darkcolor" description="Primary Text Color" type="color" default="#3d3d3d"  value="#3d3d3d"/>
  114. <Variable name="seconddarkcolor" description="Primary Dark Color" type="color" default="#373e59"  value="#1f45da"/>
  115. </Group>
  116. -----------------------
  117. */
  118. /*****************************************
  119. reset.css
  120. ******************************************/
  121. html, body, .section, .widget, div, span, applet, object, iframe,
  122. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  123. a, abbr, acronym, address, big, cite, code,
  124. del, dfn, em, font, img, ins, kbd, q, s, samp,
  125. small, strike, strong, sub, sup, tt, var,
  126. dl, dt, dd, ol, ul, li,
  127. fieldset, form, label, legend,
  128. table, caption, tbody, tfoot, thead, tr, th, td, figure {    margin: 0;    padding: 0;}
  129. html {   overflow-x: hidden;}
  130. a {text-decoration:none;color:#000;}
  131. article,aside,details,figcaption,figure,
  132. footer,header,hgroup,menu,nav,section {     display:block;}
  133. table {    border-collapse: separate;    border-spacing: 0;}
  134. caption, th, td {    text-align: left;    font-weight: normal;}
  135. blockquote:before, blockquote:after,
  136. q:before, q:after {    content: "";}
  137. .quickedit, .home-link{display:none;}
  138. blockquote, q {    quotes: "" "";}
  139. sup{    vertical-align: super;    font-size:smaller;}
  140. code{    font-family: 'Courier New', Courier, monospace;    font-size:12px;    color:#272727;}
  141. ::selection {background:transparent; text-shadow:#000 0 0 2px;}
  142. ::-moz-selection {background:transparent; text-shadow:#000 0 0 2px;}
  143. ::-webkit-selection {background:transparent; text-shadow:#000 0 0 2px;}
  144. ::-o-selection {background:transparent; text-shadow:#000 0 0 2px;}
  145. a img{  border: none;}
  146. ol, ul { padding:0;  margin:0;  text-align: left;  }
  147. ol li { list-style-type: decimal;  padding:0 0 5px;  }
  148. ul li { list-style-type: disc;  padding: 0 0 5px;  }
  149. ul ul, ol ol { padding: 0; }
  150. .section, .widget, .widget ul {
  151.    margin: 0;
  152.    padding: 0;
  153. }
  154. abbr.published.timeago {
  155.    text-decoration: none;
  156. }
  157. #ContactForm1 {
  158.    display: none;
  159.    visibility: hidden;
  160.    opacity: 0;
  161. }
  162. #navbar-iframe, .navbar, .Attribution, .post-author-widget, .post-author-social {   height:0px;   visibility:hidden;   display:none   }
  163. .feed-links, .post-footer-line.post-footer-line-1, .post-footer-line.post-footer-line-2 , .post-footer-line.post-footer-line-3 {
  164. display: none;
  165. }
  166. .item-control {
  167. display: none !important;
  168. }
  169. h2.date-header, h4.date-header {display:none;margin:1.5em 0 .5em}
  170. h1, h2, h3, h4, h5, h6 {
  171. font-family: Poppins;
  172. font-weight: 400;
  173. color: #2e2e2e;
  174. }
  175. blockquote {
  176. padding: 8px;
  177. background-color: #faebbc;
  178. border-top: 1px solid #e1cc89;
  179. border-bottom: 1px solid #e1cc89;
  180. margin: 5px;
  181. background-image: url(http://1.bp.blogspot.com/-siy6EKYCLtM/U6X4AdKrr0I/AAAAAAAANDs/HCjRvuedDro/s1600/openquote1.gif);
  182. background-position: top left;
  183. background-repeat: no-repeat;
  184. text-indent: 23px;
  185. }
  186. blockquote p{
  187. display: block;
  188. background-image: url(http://3.bp.blogspot.com/-UjppXQI-ww0/U6X4IpheNiI/AAAAAAAAND0/PJhRvvhAWGU/s1600/closequote1.gif);
  189. background-repeat: no-repeat;
  190. background-position: bottom right;
  191. }
  192. img {
  193.    max-width: 100%;
  194.    vertical-align: middle;
  195.    border: 0;
  196. }
  197. .widget iframe, .widget img {
  198.    max-width: 100%;
  199. }
  200. .status-msg-border {
  201. border: 1px solid #ff545a;
  202. background:$maincolor;
  203. }
  204. .status-msg-body {
  205.    color: $darkcolor;
  206.    font-family: Poppins;
  207.    letter-spacing: 0px;
  208.    font-weight: 400;
  209. }
  210. :after, :before, * {
  211.    outline: 0;
  212.    transition: all .0s ease;
  213.    -webkit-transition: all .0s ease;
  214.    -moz-transition: all .0s ease;
  215.    -o-transition: all .0s ease;
  216. }
  217. #loader {
  218.    background: #fff;
  219.    width: 100%;
  220.    height: auto;
  221.    display: block;
  222.    z-index: 99;
  223. position: relative;
  224. }
  225. .tyard-wrapper #loader {
  226. height:390px;
  227. }
  228. .feat-slider-wrap.top-widget #loader {
  229. height: 412px;
  230. }
  231. .tybox-wrapper #loader {
  232.    height: 627px;
  233. }
  234. .tylist-wrapper #loader {
  235.    height: 385px;
  236. }
  237. .feat-slider-wrap.post-slider #loader {
  238.    height: 263px;
  239. }
  240. .ty-column-wrap #loader {
  241.    height: 625px;
  242. }
  243. .tygridbox-wrapper #loader {
  244.    height: 447px;
  245. }
  246. #loader:before {
  247.    content: '\f110';
  248.    font-family: FontAwesome;
  249.    width: 40px;
  250.    height: 40px;
  251.    font-size: 40px;
  252.    text-align: center;
  253.    line-height: 40px;
  254.    display: block;
  255.    position: absolute;
  256.    top: 50%;
  257.    right: 50%;
  258.    margin-right: -20px;
  259.    margin-top: -20px;
  260.    z-index: 1;
  261.    -webkit-animation: fa-spin 2s infinite linear;
  262.    animation: fa-spin 2s infinite linear;
  263. }
  264. /*****************************************
  265. Custom css starts
  266. ******************************************/
  267. body {
  268. color: #2e2e2e;
  269. font-family:'Open Sans', sans-serif;
  270. font-size: 14px;
  271. font-weight: normal;
  272. line-height: 21px;
  273. background:$(body.background);
  274. }
  275. /* ######## Wrapper Css ######################### */
  276. #body-wrapper{max-width:100%;margin:0 auto;background-color:#FFF;box-shadow:0 0 5px RGBA(0, 0, 0, 0.2)}
  277. .body-row{width:1170px}
  278. #content-wrapper {
  279. margin: 0 auto;
  280. padding: 20px 0 40px;
  281. overflow: hidden;
  282. }
  283. #main-wrapper {
  284. float: left;
  285. width:68%;
  286.    max-width: 800px;
  287. }
  288. #sidebar-wrapper {
  289. float: right;
  290. width:30%;
  291.    max-width: 340px;
  292. }
  293. /* ######## Top Header Bar Css ######################### */
  294. .top-bar {
  295. background: $darkcolor;
  296. }
  297. .top-bar-wrapper {
  298. position: relative;
  299. min-height:40px;
  300. color: #aaaaaa;
  301. margin:0 auto;
  302. }
  303. .top-bar-social {
  304. float: right;
  305. padding: 5px 0;
  306. }
  307. .top-bar-social li {
  308. display: inline;
  309. padding: 0;
  310. float: left;
  311. margin-right: 5px;
  312. ;
  313. }
  314. .top-bar-social .widget ul {
  315. padding: 0;
  316. }
  317. .top-bar-social .LinkList ul {
  318. text-align: center;
  319. margin: 0;
  320.    padding-right: 40px;
  321. }
  322. .top-bar-social #social a {
  323. display: block;
  324. width: 30px;
  325. height: 30px;
  326. line-height: 30px;
  327. font-size: 15px;
  328. color: #eeeeee;
  329. transition: background 0.3s linear;
  330. -moz-transition: background 0.3s linear;
  331. -webkit-transition: background 0.3s linear;
  332. -o-transition: background 0.3s linear;
  333. }
  334. .top-bar-social #social a:before {
  335. display: inline-block;
  336. font: normal normal normal 22px/1 FontAwesome;
  337. font-size: inherit;
  338. font-style: normal;
  339. font-weight: 400;
  340. -webkit-font-smoothing: antialiased;
  341. -moz-osx-font-smoothing: grayscale;
  342. }
  343. .top-bar-social .bloglovin:before{content:"\f004"}
  344. .top-bar-social .facebook:before{content:"\f09a"}
  345. .top-bar-social .twitter:before{content:"\f099"}
  346. .top-bar-social .gplus:before{content:"\f0d5"}
  347. .top-bar-social .rss:before{content:"\f09e"}
  348. .top-bar-social .youtube:before{content:"\f167"}
  349. .top-bar-social .skype:before{content:"\f17e"}
  350. .top-bar-social .stumbleupon:before{content:"\f1a4"}
  351. .top-bar-social .tumblr:before{content:"\f173"}
  352. .top-bar-social .vine:before{content:"\f1ca"}
  353. .top-bar-social .stack-overflow:before{content:"\f16c"}
  354. .top-bar-social .linkedin:before{content:"\f0e1"}
  355. .top-bar-social .dribbble:before{content:"\f17d"}
  356. .top-bar-social .soundcloud:before{content:"\f1be"}
  357. .top-bar-social .behance:before{content:"\f1b4"}
  358. .top-bar-social .digg:before{content:"\f1a6"}
  359. .top-bar-social .instagram:before{content:"\f16d"}
  360. .top-bar-social .pinterest:before{content:"\f0d2"}
  361. .top-bar-social .delicious:before{content:"\f1a5"}
  362. .top-bar-social .codepen:before{content:"\f1cb"}
  363.  
  364. .top-bar-social .bloglovin{background:$maincolor}
  365. .top-bar-social .facebook{background:#3b5998}
  366. .top-bar-social .twitter{background:#00aced}
  367. .top-bar-social .gplus{background:#df4b37}
  368. .top-bar-social .rss{background:#f26522}
  369. .top-bar-social .youtube{background:#cd201f}
  370. .top-bar-social .skype{background:#00aff0}
  371. .top-bar-social .stumbleupon{background:#eb4924}
  372. .top-bar-social .tumblr{background:#35465c}
  373. .top-bar-social .vine{background:#00b488}
  374. .top-bar-social .stack-overflow{background:#f48024}
  375. .top-bar-social .linkedin{background:#0077b5}
  376. .top-bar-social .dribbble{background:#ea4c89}
  377. .top-bar-social .soundcloud{background:#ff3300}
  378. .top-bar-social .behance{background:#1769ff}
  379. .top-bar-social .digg{background:#005be2}
  380. .top-bar-social .instagram{background:#c13584}
  381. .top-bar-social .pinterest{background:#bd081c}
  382. .top-bar-social .delicious{background:#3399ff}
  383. .top-bar-social .codepen{background:#47cf73}
  384. .top-bar-social ul#social a:hover {
  385. opacity: 0.8;
  386. }
  387. .top-bar-menu {
  388. float: left;
  389. }
  390. .top-menu ul {
  391. overflow: hidden;
  392. list-style: none;
  393. padding: 0;
  394. margin: 0;
  395. }
  396. .top-menu ul li {
  397. float: left;
  398. display: inline-block;
  399. list-style: none;
  400. padding: 0;
  401. }
  402. .top-menu ul li a {
  403. padding: 10px 16px;
  404. display: block;
  405. border: none !important;
  406. text-decoration: none;
  407. line-height: inherit;
  408. font-size: 14px;
  409. font-weight: normal;
  410. color: #eeeeee;
  411. text-transform: capitalize;
  412.    font-family: Poppins;
  413. }
  414. .top-menu ul li a:hover {
  415. color:$maincolor;
  416. }
  417. /* ######## Search widget Css ######################### */
  418. #search-bar {
  419. position: absolute;
  420. right: 0;
  421. top: 0;
  422. z-index:99;
  423. }
  424. .header-search {
  425. color: #fff;
  426. position: absolute;
  427. top: 15px;
  428. right: 15px;
  429. }
  430. .header-search i {
  431. font-style: normal;
  432. font-size: 13px;
  433. cursor: pointer;
  434. }
  435. .header-search .fa-times.active, .fa-search {
  436. display: inline-block;
  437. }
  438. .header-search .fa-times,.fa-search.active {
  439. display: none;
  440. }
  441. .search-form {
  442. display: none;
  443. position: absolute;
  444. top: 50px;
  445. right: 0;
  446. padding: 15px;
  447. height: 35px;
  448. background: #fff;
  449. z-index: 9999;
  450. transition: none;
  451. border: 1px solid #222;
  452. border-top: 0;
  453. }
  454. .search-form input {
  455. border: 1px solid #e9e9e9;
  456. height: 36px;
  457. text-indent: 5px;
  458. }
  459. .search-form button {
  460. border: none;
  461. border-radius: 3px;
  462. color: #ffffff;
  463. cursor: pointer;
  464. font-size: 14px;
  465. height: 36px;
  466. width: 36px;
  467. position: relative;
  468. background: #ff6644;
  469. }
  470. .iconheader {
  471. position: relative;
  472. float: right;
  473. }
  474. .iconheader a i {
  475. font-size: 18px;
  476. line-height: 80px;
  477. margin-left: 10px;
  478. color: #999;
  479. }
  480. .iconheader a i:hover {
  481. color:#E80007;
  482. }
  483. /* ######## Header Css ######################### */
  484. .header-wrap {
  485. background:#fff;
  486. }
  487. #header-wrappers {
  488. color: #fff;
  489. padding: 30px 0;
  490. margin:0 auto;
  491. }
  492. #header-inner {
  493. background-position: left;
  494. background-repeat: no;
  495. }
  496. .headerleft img {
  497. height: auto;
  498. max-height: 100%;
  499. margin:0
  500. }
  501. .headerleft h1,
  502. .headerleft h1 a,
  503. .headerleft h1 a:hover,
  504. .headerleft h1 a:visited {
  505. font-family:  'Black Ops One', cursive;
  506. color: $darkcolor;
  507. font-size: 52px;
  508. font-weight:normal;
  509. line-height: 1.2em;
  510. margin: 0;
  511. padding: 0 0 5px;
  512. text-decoration: none;
  513. text-transform: uppercase;
  514.    letter-spacing: 1px;
  515. }
  516. .headerleft h3 {
  517. font-weight: 400;
  518. margin: 0;
  519. padding: 0;
  520. }
  521. .headerleft .description {
  522. color: #666;
  523.    margin: 0;
  524.    padding: 0;
  525.    text-transform: capitalize;
  526.    text-align: right;
  527.    text-indent: 0;
  528.    letter-spacing: 1px;
  529.    font-size: 13px;
  530. }
  531. .headerleft {
  532. float: left;
  533. margin: 0;
  534. padding: 0;
  535. width: auto;
  536. max-width:320px;
  537. }
  538. .headerright {
  539. float: right;
  540. margin: 0;
  541. padding: 1px 0 0;
  542. width: 730px;
  543. }
  544. .headerleft .description span {
  545.    padding: 0;
  546. }
  547. /* ######## Navigation Menu Css ######################### */
  548. .selectnav {
  549. display:none;
  550. }
  551. .tm-menu {
  552.    font-weight: 400;
  553.    margin: 0 auto;
  554.    height:50px;
  555. background: $seconddarkcolor;
  556. }
  557. ul#nav1 {
  558.    list-style: none;
  559.    margin: 0;
  560.    padding: 0;
  561. }
  562. #menu .widget {
  563.    display: none;
  564. }
  565. #menu {
  566.    height: 50px;
  567.    position: relative;
  568.    text-align: center;
  569.    z-index: 15;
  570. margin:0 auto;
  571. padding-right:50px;
  572. }
  573. .menu-wrap {
  574. margin:0 auto;
  575. position: relative;
  576. }
  577. #menu ul > li {
  578.    position: relative;
  579.    vertical-align: middle;
  580.    display: inline-block;
  581.    padding: 0;
  582.    margin: 0;
  583. }
  584. #menu ul > li.hub-home {
  585. background:$maincolor;
  586.    border-top: 5px solid #08f;
  587.    margin-top: -5px;
  588. position:relative;
  589. }
  590. #menu ul > li.hub-home:before {
  591.    content: "";
  592.    width: 0;
  593.    height: 0;
  594.    position: absolute;
  595.    top: -5px;
  596.    left: -5px;
  597.    border-right: 0;
  598.    border-left: 5px solid transparent;
  599.    border-bottom: 5px solid #0088ff;
  600. }
  601. #menu ul > li.hub-home a:before {
  602.    content: "\f015";
  603. font-family: Fontawesome;
  604.    text-align: center;
  605.    margin-right: 5px;
  606. }
  607. #menu ul > li.hub-home:after {
  608. display:none;
  609. }
  610. #menu ul > li:hover > a {
  611.  
  612. }
  613. #menu ul > li > a {
  614.    color: #fff;
  615.    font-size: 14px;
  616.    font-weight: 500;
  617.    line-height: 50px;
  618.    display: inline-block;
  619.    text-transform: uppercase;
  620.    text-decoration: none;
  621.    letter-spacing: 1px;
  622.    margin: 0;
  623.    padding: 0 12px;
  624.    font-family: Poppins;
  625. }
  626.  
  627. #menu ul > li > ul > li:first-child > a {
  628.    padding-left: 12px
  629. }
  630. #menu ul > li > ul {
  631.    position: absolute;
  632.    background: $seconddarkcolor;
  633.    top: 100%;
  634.    left: 0;
  635.    min-width: 180px;
  636.    padding: 0;
  637.    z-index: 99;
  638.    margin-top: 0;
  639.    visibility: hidden;
  640.    opacity: 0;
  641.    -webkit-transform: translateY(10px);
  642.    -moz-transform: translateY(10px);
  643.    transform: translateY(10px)
  644. }
  645. #menu ul > li > ul > li > ul {
  646.    position: absolute;
  647.    top: 0;
  648.    left: 180px;
  649.    width: 180px;
  650.    background: $seconddarkcolor;
  651.    z-index: 99;
  652.    margin-top: 0;
  653.    margin-left: 0;
  654.    padding: 0;
  655.    border-left: 1px solid #555D7D;
  656.    visibility: hidden;
  657.    opacity: 0;
  658.    -webkit-transform: translateX(-10px);
  659.    -moz-transform: translateX(-10px);
  660.    transform: translateX(-10px);
  661. transition: all 0.2s ease-in-out;
  662. }
  663.  
  664. #menu ul > li > ul > li {
  665.    display: block;
  666.    float: none;
  667.    text-align: left;
  668.    position: relative;
  669. border-bottom: 1px solid;
  670.    border-top: none;
  671.    border-color: #555D7D;
  672. }
  673. #menu ul > li > ul > li:last-child {
  674.    border: 0;
  675. }
  676. #menu ul li:after {
  677.    content: "|";
  678.    display: block;
  679.    position: absolute;
  680.    margin: auto;
  681.    top: -20px;
  682.    right: -5px;
  683.    bottom: 0;
  684.    width: 8px;
  685.    height: 8px;
  686.    text-align: center;
  687.    font-weight: 400;
  688.    font-size: 20px;
  689.    text-rendering: auto;
  690.    -webkit-font-smoothing: antialiased;
  691.    -moz-osx-font-smoothing: grayscale;
  692.    color: #5c5c5c;
  693. }
  694. #menu ul li.parent ul li:after, #menu ul li:last-child:after {
  695.   display:none;
  696. }
  697. #menu ul > li:hover {
  698.    background-color: $maincolor
  699. }
  700. #menu ul > li > ul > li a {
  701.    font-size: 11px;
  702.    display: block;
  703.    color: #fff;
  704.    line-height: 35px;
  705.    text-transform: uppercase;
  706.    text-decoration: none;
  707.    margin: 0;
  708.    padding: 0 12px;
  709.    border-right: 0;
  710.    border: 0
  711. }
  712. #menu ul > li.parent > a:after {
  713.    content: '\f107';
  714.    font-family: FontAwesome;
  715.    float: right;
  716.    margin-left: 5px
  717. }
  718. #menu ul > li:hover > ul,
  719. #menu ul > li > ul > li:hover > ul {
  720.    opacity: 1;
  721.    visibility: visible;
  722.    -webkit-transform: translateY(0);
  723.    -moz-transform: translateY(0);
  724.    transform: translateY(0);
  725. transition: all 0.2s ease-in-out;
  726. }
  727. #menu ul > li > ul > li:hover > ul {
  728. -webkit-transform: translateX(0);
  729.    -moz-transform: translateX(0);
  730.    transform: translateX(0);
  731. }
  732. #menu ul > li > ul > li.parent > a:after {
  733.    content: '\f105';
  734.    float: right
  735. }
  736. #menu ul ul {
  737.  
  738. }
  739. .ty-ran-yard {
  740.  position: absolute;
  741.    right: 0;
  742.    top: 0;
  743.    z-index: 99;
  744. }
  745. .ty-ran-yard span {
  746.    list-style: none;
  747. }
  748. .ty-ran-yard a.ran-sym {
  749.    cursor: pointer;
  750.    display: block;
  751.    height: 40px;
  752.    text-align: center;
  753.    position: relative;
  754.    right: 0;
  755.    top: 0;
  756.    width: 40px;
  757.    border-radius: 0;
  758.    box-sizing: border-box;
  759. background:$maincolor;
  760. }
  761. .ty-ran-yard a.ran-sym:hover {
  762. background-color:#6d6d6d;
  763. }
  764. .ty-ran-yard a.ran-sym:before {
  765.    color: #fff;
  766.    content: '\f074';
  767.    font-family: FontAwesome;
  768.    font-size: 16px;
  769.    text-rendering: auto;
  770.    -webkit-font-smoothing: antialiased;
  771.    -moz-osx-font-smoothing: grayscale;
  772.    line-height: 40px;
  773. }
  774. /* ######## Ticker Css ######################### */
  775. .news-tick-wrap {
  776.    background-color: #f5f5f5;
  777.    border-bottom: 1px solid #e9e9e9;
  778. }
  779. .news-tick-bar {
  780. margin:0 auto;
  781. border-right: 1px solid #e9e9e9;
  782.    border-left: 1px solid #e9e9e9;
  783. position:relative;
  784. }
  785. .ticker .title {
  786. float: left;
  787. height: 40px;
  788. font-size: 15px;
  789. line-height: 40px;
  790. font-weight: 400;
  791. overflow: hidden;
  792. padding: 0 10px;
  793. color:$maincolor;
  794.    font-family: 'Poppins';
  795. text-transform:uppercase;
  796. }
  797. .ticker .title .fa {
  798. margin-right: 10px;
  799.    background: #fff;
  800.    padding: 5px 6px;
  801.    border-radius: 100%;
  802.    color: $maincolor;
  803. }
  804. .ticker .widget-content {
  805. height: 40px;
  806. box-sizing: border-box;
  807. overflow: hidden;
  808. padding: 0 4px;
  809. }
  810. .ticker .widget-content li {
  811. float: left;
  812. margin-left: 30px;
  813. display: inline-block;
  814. height: 38px;
  815. line-height: 38px;
  816. padding: 0
  817. }
  818. .ticker .widget {
  819. height: 40px;
  820. overflow: hidden;
  821. }
  822. .tk-thumb {
  823. float: left;
  824. margin: 4px 10px 0 0
  825. }
  826. .tk-img {
  827. position: relative;
  828. display: block;
  829. width: 35px;
  830. height: 30px;
  831. overflow: hidden
  832. }
  833. .ticker .post-tag {
  834. display: inline-block;
  835. background-color: $maincolor;
  836. color: #fff;
  837. margin-right: 10px;
  838. font-weight: 400;
  839. border-radius: 2px;
  840. height: 18px;
  841. line-height: 18px;
  842. padding: 0 6px;
  843. font-size: 10px;
  844. text-transform: uppercase;
  845. position: relative;
  846. margin-top: 10px;
  847. float: left
  848. }
  849. .ticker .tyard-title {
  850. font-size: 14px;
  851. font-weight: 400;
  852. display: inline-block
  853. }
  854. .ticker .tyard-title a {
  855. color: $darkcolor;
  856. }
  857. .ticker .tyard-title a:hover {
  858. color: $maincolor;
  859. }
  860. .tickercontainer,
  861. .tickercontainer .mask,
  862. ul.newsticker {
  863. -webkit-transition: all 0 linear;
  864. -moz-transition: all 0 linear;
  865. -o-transition: all 0 linear;
  866. transition: all 0 linear;
  867. list-style: none;
  868. margin: 0
  869. }
  870. .tickercontainer {
  871. margin: 0;
  872. padding: 0;
  873. overflow: hidden
  874. }
  875. .tickercontainer .mask {
  876. position: relative;
  877. overflow: hidden
  878. }
  879. .newsticker {
  880. position: relative;
  881. list-style-type: none;
  882. margin: 0;
  883. padding: 0
  884. }
  885. ul.newsticker {
  886. -webkit-transition: all 0s linear;
  887. -moz-transition: all 0s linear;
  888. -o-transition: all 0s linear;
  889. transition: all 0s linear;
  890. position: relative;
  891. list-style-type: none;
  892. margin: 0;
  893. padding: 0
  894. }
  895. .tickeroverlay-left {
  896. display: none
  897. }
  898. .tickeroverlay-right {
  899. display: none
  900. }
  901. /* ######## Slider Css ######################### */
  902. .feat-slider-wrap {
  903.    position: relative;
  904.    margin: 15px auto 0;
  905. }
  906.  
  907. .ty-slide-show {
  908. margin: 0 auto;
  909. overflow: hidden;
  910. opacity:0;
  911. }
  912. .ty-slide-show.slide-block {
  913.    opacity: 1;
  914. }
  915. .ty-slide-show ul {
  916. padding:0;
  917. list-style:none;
  918. }
  919. .ty-slide-show li {
  920. list-style:none;
  921. padding:0;
  922. }
  923. .ty-slide .ty-wow {
  924.    overflow: hidden;
  925.    border-bottom: 1px solid #F5F5F5;
  926.    padding: 0;
  927. position:relative;
  928. }
  929. .ty-slide .ty-wow:hover .ty-thumb-bonos img {
  930.    transform: scale(1.1) rotate(-1deg);
  931.    transition: all .3s ease-in-out;
  932. }
  933. .ty-slide .ty-thumb-bonos img {
  934.    position: relative;
  935.    float: left;
  936.    margin: 0!important;
  937.    width: 100%;
  938.    height: 200px;
  939.    overflow: hidden;
  940.    display: block;
  941.    vertical-align: middle;
  942. object-fit:cover;
  943. transition: all .3s ease-in-out;
  944. }
  945. .top-widget .ty-slide .ty-thumb-bonos img, .top-widget .ty-slide .ty-slide-con {
  946. height:350px;
  947. }
  948. .ty-slide .ty-slide-con {
  949.       position: absolute;
  950.    top: 0;
  951.    text-align: center;
  952.    display: table;
  953.    width: 100%;
  954.    height: 200px;
  955.    z-index: 2;
  956.    box-sizing: border-box;
  957.    text-align: center;
  958.    -webkit-transition: all 0.2s ease-in-out;
  959.    -moz-transition: all 0.2s ease-in-out;
  960.    -ms-transition: all 0.2s ease-in-out;
  961.    -o-transition: all 0.2s ease-in-out;
  962.    transition: all 0.2s ease-in-out;
  963. }
  964. .ty-slide .ty-slide-con-tab {
  965.    display: table-cell;
  966.    vertical-align: middle;
  967.    padding: 10px;
  968.    box-sizing: border-box;
  969. }
  970. .ty-slide .ty-slide-con-cell {
  971.    position: relative;
  972.    width: 80%;
  973.    margin: 0 auto;
  974.    padding: 20px 10px;
  975. }
  976. .ty-slide .ty-slide-con-tab .recent-summary {
  977.    display: block;
  978.    color: #dfdfdf;
  979.    padding:5px 10px 10px;
  980. line-height: 1.4;
  981. }
  982. .post-slider .ty-slide .ty-slide-con-tab .recent-summary {
  983.    display: none;
  984. }
  985. .post-slider .ty-slide-con-tab .recent-date {
  986.    display: block;
  987.    margin-bottom: 10px;
  988. }
  989. .tyslide-more {
  990.    background: $maincolor;
  991.    padding: 5px 12px !important;
  992.    display: inline-block;
  993.    vertical-align: middle;
  994.    margin: 0;
  995.    font-size: 12px;
  996.    text-transform: capitalize;
  997.    border-radius: 2px;
  998.    color: #f7f7f7;
  999.    font-weight: 500;
  1000.    white-space: nowrap;
  1001.    font-family: Poppins;
  1002. }
  1003. .ty-slide .ty-bonos-entry {
  1004.    overflow: hidden;
  1005.    line-height: 0;
  1006.    margin: 10px 0 10px;
  1007.    padding: 0 10px;
  1008. font-family:'Poppins';
  1009. }
  1010. .ty-slide .ty-bonos-entry a {
  1011.    color: #fff;
  1012.    font-weight: 400;
  1013. letter-spacing:1px;
  1014. text-transform:capitalize;
  1015.    font-size: 16px;
  1016.    line-height: 1.5em;
  1017. -webkit-transition: all 0.2s ease-in-out;
  1018. -moz-transition: all 0.2s ease-in-out;
  1019. -ms-transition: all 0.2s ease-in-out;
  1020. -o-transition: all 0.2s ease-in-out;
  1021. transition: all 0.2s ease-in-out;
  1022. }
  1023. .ty-slide .ty-bonos-entry a:hover {
  1024.  
  1025. }
  1026. .yard-auth-ty {
  1027.  
  1028. }
  1029. .yard-auth-ty,
  1030. .ty-time {
  1031.    color: #bdbdbd;
  1032.    font-size: 12px;
  1033.    font-weight: 400;
  1034. 'Merriweather', serif
  1035. }
  1036.  
  1037. .ty-wow .tyimg-lay {
  1038.    position: absolute;
  1039.    left: 0;
  1040.    right: 0;
  1041.    top: 0;
  1042.    bottom: 0;
  1043.    opacity: .5;
  1044.    content: '';
  1045.    transition: all .2s ease;
  1046.    background: #2c2f30;
  1047. }
  1048. .ty-slide:hover .tyimg-lay {
  1049.    opacity: .75;
  1050. }
  1051. .ty-slide-con-tab .recent-date {
  1052.    color: #fff;
  1053. }
  1054. .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
  1055.  
  1056. .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
  1057. .owl-prev, .owl-next {
  1058.    top: 0;
  1059.    color: $maincolor;
  1060.    font-family: FontAwesome;
  1061.    position: absolute;
  1062. background:#F5f5f5;
  1063.    z-index: 1;
  1064.    display: block;
  1065.    cursor: pointer;
  1066.        padding: 10px;
  1067.    text-align: center;
  1068.    overflow: hidden;
  1069. transition: all .2s linear;
  1070. -moz-transition: all .2s linear;
  1071. -webkit-transition: all .2s linear;
  1072. -o-transition: all .2s linear;
  1073. }
  1074. .owl-prev:before {
  1075.    content: '\f0a5';
  1076.    font-family: fontawesome;
  1077. }
  1078. .owl-next:before {
  1079.    content: '\f0a4';
  1080.    font-family: fontawesome;
  1081. }
  1082. .owl-next {
  1083.    right: 0;
  1084. }
  1085. .owl-prev {
  1086.    left: 0;
  1087. }
  1088. .ty-slide:hover .owl-prev, .ty-slide:hover .owl-next {
  1089. background:$maincolor;
  1090. color:#fff;
  1091. }
  1092.  
  1093. /* ######## Sidebar Css ######################### */
  1094. .sidebar .widget {
  1095. margin-bottom: 20px;
  1096. position: relative;
  1097. }
  1098. .sidebar h2 {
  1099. background:$seconddarkcolor;
  1100.    color: #fff;
  1101.    font-size: 16px;
  1102.    font-weight: 700;
  1103.    text-transform: uppercase;
  1104.    margin:0 0 10px 0;
  1105.    padding: 0;
  1106.    position: relative;
  1107.   border-bottom: 2px solid $maincolor;
  1108.    transition: all .5s ease-out;
  1109. }
  1110.    .sidebar h2 span {
  1111.    padding: 12px 8px;
  1112.    margin-bottom: -2px;
  1113.    display: inline-block;
  1114.    background: $maincolor;
  1115.    color: #fff;
  1116. }
  1117. .sidebar h2 span:after {
  1118.    content: "";
  1119.    width: 0;
  1120.    height: 0;
  1121.    position: absolute;
  1122.    bottom: -8px;
  1123.    left: 0;
  1124.    border-left: 0;
  1125.    border-right: 9px solid transparent;
  1126.    border-top: 9px solid $maincolor;
  1127. }
  1128.  
  1129. .sidebar ul,.sidebar li{
  1130. list-style-type:none;
  1131. margin:0;
  1132. padding:0;
  1133. }
  1134. .sidebar .widget-content {
  1135.    padding: 0;
  1136. }
  1137. /* Multi Tab Widget */
  1138. .menu-tab li a,
  1139. .sidetabs .section {
  1140. transition: all 0s ease;
  1141. -webkit-transition: all 0s ease;
  1142. -moz-transition: all 0s ease;
  1143. -o-transition: all 0s ease;
  1144. -ms-transition: all 0s ease
  1145. }
  1146. .menu-tab {
  1147. display: flex;
  1148. clear: both;
  1149. padding: 0;
  1150. margin: 0;
  1151. border-bottom: 3px solid $maincolor;
  1152. }
  1153. .sidetabs .widget h2 {
  1154. display: none
  1155. }
  1156. .menu-tab li {
  1157. width: 33.3%;
  1158. float: left;
  1159. display: inline-block;
  1160. padding: 0;
  1161. position:relative;
  1162. }
  1163. .menu-tab li.active:after{
  1164. content: "";
  1165.    width: 0;
  1166.    height: 0;
  1167.    position: absolute;
  1168.    bottom: -8px;
  1169.    left: 0;
  1170.    border-left: 0;
  1171.    border-right: 9px solid transparent;
  1172.    border-top: 9px solid $maincolor;
  1173. }
  1174. .menu-tab li a {
  1175.    font-family: Poppins;
  1176. height: 32px;
  1177. text-align: center;
  1178. padding: 0;
  1179. font-weight: 400;
  1180. display: block;
  1181. color: #fff;
  1182. background-color:$seconddarkcolor;
  1183. font-size: 14px;
  1184. line-height: 32px;
  1185. letter-spacing: 1.5px;
  1186. text-transform: uppercase
  1187. }
  1188. .menu-tab li.active a {
  1189. color: #fff;
  1190. background-color:$maincolor;
  1191. }
  1192. .menu-tab li {
  1193. display: none
  1194. }
  1195. .hide-tab {
  1196. display: inline-block!important
  1197. }
  1198. #tabside3 {
  1199.    margin-bottom: 15px;
  1200. }
  1201. .sidetabs .widget-content {
  1202.    padding: 15px 0 0;
  1203. }
  1204. /* ######## Featured Widget Css ######################### */
  1205. .tyard-wrapper {
  1206.    margin:10px auto;
  1207. overflow:hidden;
  1208. }
  1209. .tyard h2 {
  1210.    display: none;
  1211.    visibility: hidden;
  1212. }
  1213. .preload {
  1214. opacity:0;
  1215. transition: all .3s ease;
  1216.    -webkit-transition: all .3s ease;
  1217.    -moz-transition: all .3s ease;
  1218.    -o-transition: all .3s ease;
  1219. }
  1220. .comload {
  1221. opacity:1;
  1222. transition: all .3s ease;
  1223.    -webkit-transition: all .3s ease;
  1224.    -moz-transition: all .3s ease;
  1225.    -o-transition: all .3s ease;
  1226. }
  1227. .tyard .ty-first {
  1228.    width: 50%;
  1229.    position: relative;
  1230.    float: left;
  1231.    padding-right: 1%;
  1232.    box-sizing: border-box;
  1233.    overflow: hidden;
  1234. }
  1235. .tyard .ty-feat-image {
  1236.    width: 100%;
  1237.    position: relative;
  1238.    overflow: hidden;
  1239. }
  1240. .templatesyard .ty-first .tyard-thumb {
  1241.    position: relative;
  1242.    width: 100%;
  1243.    height: 200px;
  1244. }
  1245. .tyard-thumb {
  1246.    overflow: hidden;
  1247. }
  1248. .templatesyard .ty-img {
  1249.    width: 100%;
  1250.    height: 200px;
  1251.    position: relative;
  1252.    display: block;
  1253.    transition: all .3s ease-in-out;
  1254. }
  1255. .tyard .ty-first .tyard-thumb, .tyard .ty-img {
  1256.    height: 390px;
  1257. }
  1258. .ty-first .ty-img:after {
  1259.    content: no-close-quote;
  1260.    position: absolute;
  1261.    left: 0;
  1262.    bottom: 0;
  1263.    width: 100%;
  1264.    height: 230px;
  1265.    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjMyZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-x;
  1266.    opacity: .8;
  1267. }
  1268. .templatesyard .ty-feat .ty-rest .yard-img:after {
  1269.    content: no-close-quote;
  1270.    position: absolute;
  1271.    left: 0;
  1272.    bottom: 0;
  1273.    width: 100%;
  1274.    height: 110px;
  1275.    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjMyZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-x;
  1276.    opacity: .8;
  1277. }
  1278. .templatesyard .ty-feat .ty-last .yard-img:after {
  1279. height:230px;
  1280. }
  1281. .tyard .tyard-thumb .yard-label {
  1282.    position: absolute;
  1283.    top: 0;
  1284.    left: 0;
  1285.    z-index: 2;
  1286. }
  1287. .tyard .tyard-thumb .yard-label {
  1288.    background: #FA29AF;
  1289.    color: #fff;
  1290.    text-transform: uppercase;
  1291.    height: 20px;
  1292.    line-height: 20px;
  1293.    display: inline-block;
  1294.    padding: 0 6px;
  1295.    font-size: 11px;
  1296.    font-weight: 400;
  1297. }
  1298. .tyard .tyard-thumb .yard-label a {
  1299. color:#fff;
  1300. }
  1301. .tyard .tyard-thumb .yard-label a:before {
  1302. content: "\f03e";
  1303.    margin-right: 5px;
  1304.    font-family: FontAwesome;
  1305.    font-style: normal;
  1306.    font-weight: normal;
  1307.    -webkit-font-smoothing: antialiased;
  1308.    -moz-osx-font-smoothing: grayscale;
  1309. }
  1310. .tyard .ty-rest:first-child .tyard-thumb .yard-label a:before {
  1311.    content: "\f03d";
  1312. }
  1313. .tyard .ty-rest:nth-child(2) .tyard-thumb .yard-label a:before {
  1314.    content: "\f001";
  1315. }
  1316. .tyard .ty-last .tyard-thumb .yard-label a:before {
  1317.    content: "\f143";
  1318. }
  1319. .tyard .ty-rest:first-child .tyard-thumb .yard-label {
  1320. background: #ff0033;
  1321. }
  1322. .tyard .ty-rest:nth-child(2) .tyard-thumb .yard-label {
  1323. background: #4ca80b;
  1324. }
  1325. .tyard .ty-last .tyard-thumb .yard-label {
  1326. background: #37cae8;
  1327. }
  1328. .tyard .tyard-thumb .item-cmm {
  1329.     position: absolute;
  1330.    top: 0;
  1331.    right: 0;
  1332.    z-index: 2;
  1333.    color: #fff;
  1334.    text-transform: uppercase;
  1335.    height: 20px;
  1336.    line-height: 20px;
  1337.    display: inline-block;
  1338.    padding: 0 6px;
  1339.    font-size: 11px;
  1340.    font-weight: 400;
  1341.    background: $maincolor;
  1342. }
  1343. .tyard .tyard-thumb .item-cmm:before {
  1344.    content: "\f086";
  1345.    margin-right: 5px;
  1346.    font-family: FontAwesome;
  1347.    font-style: normal;
  1348.    font-weight: normal;
  1349.    -webkit-font-smoothing: antialiased;
  1350.    -moz-osx-font-smoothing: grayscale;
  1351. }
  1352. .tyard .ty-first .ty-con-yard, .column .ty-first .ty-con-yard {
  1353.    position: absolute;
  1354.    bottom: 0;
  1355.    width: 100%;
  1356.    z-index: 2;
  1357.    padding: 15px;
  1358.    box-sizing: border-box;
  1359. }
  1360. .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 {
  1361.    display: block;
  1362.    font-size: 19px;
  1363.    color: #fff;
  1364.    font-weight: 400;
  1365.    line-height: 1.4em;
  1366.    margin-bottom: 5px;
  1367. }
  1368. .ty-con-yard .yard-auth-ty, .ty-con-yard .ty-time {
  1369.    color: #ccc;
  1370. }
  1371. .recent-summary {
  1372.    display: block;
  1373.    color: #ccc;
  1374.    padding: 10px 0;
  1375. }
  1376. .tyard .ty-feat .ty-rest-wrap {
  1377. width: 25%;
  1378.    position: relative;
  1379.    float: left;
  1380.    padding-right: 1%;
  1381.    box-sizing: border-box;
  1382.    overflow: hidden;
  1383. }
  1384. .tyard .ty-feat .ty-last {
  1385. width: 25%;
  1386.    position: relative;
  1387.    float: left;
  1388.    padding: 0;
  1389.    box-sizing: border-box;
  1390.    overflow: hidden;
  1391. }
  1392. .tyard .ty-feat .ty-rest {
  1393.   overflow: hidden;
  1394.    display: block;
  1395.     padding: 0;
  1396.    position: relative;
  1397. }
  1398. .tyard .ty-feat .ty-rest-wrap .ty-rest:last-child {
  1399.    margin-top: 10px;
  1400. }
  1401. .templatesyard .ty-feat .ty-rest .tyard-thumb {
  1402.    width: 100%;
  1403.    height: 190px;
  1404.    vertical-align: middle;
  1405. }
  1406. .templatesyard .ty-feat .ty-rest .yard-img {
  1407.    width: 100%;
  1408.    height: 190px;
  1409.    position: relative;
  1410.    display: block;
  1411.    transition: all .3s ease-in-out;
  1412. }
  1413. .templatesyard .ty-feat .ty-last .yard-img, .templatesyard .ty-feat .ty-last .tyard-thumb {
  1414. height:390px;
  1415. }
  1416. .tyimg-lay {
  1417.    position: absolute;
  1418.    left: 0;
  1419.    top: 0;
  1420.    z-index: 1;
  1421.    width: 100%;
  1422.    height: 100%;
  1423.    background-color: rgba(40,35,40,0.05);
  1424. }
  1425. .templatesyard .ty-feat .ty-rest .yard-tent-ty {
  1426.   position: absolute;
  1427.    bottom: 0;
  1428.    width: 100%;
  1429.    z-index: 2;
  1430.    padding: 15px;
  1431.    box-sizing: border-box;
  1432. transition: all .4s ease-in-out;
  1433. }
  1434. .templatesyard .ty-feat .ty-rest-wrap .ty-rest .yard-tent-ty {
  1435.    bottom: -85px;
  1436. }
  1437. .templatesyard .ty-feat .ty-rest-wrap .ty-rest:hover .yard-tent-ty {
  1438. bottom:0;
  1439. }
  1440. .tyard .ty-rest .yard-tent-ty .tyard-title {
  1441.    overflow: hidden;
  1442.    line-height: 0;
  1443.    margin: 0 0 2px;
  1444.    padding: 0;
  1445. }
  1446. .tyard .ty-rest-wrap .ty-rest .yard-tent-ty .tyard-title a {
  1447.    color: #fff;
  1448.    font-weight: 400;
  1449.    font-size: 13px;
  1450.    line-height: 1.5em;
  1451. }
  1452. .tyard .ty-first:hover .ty-img, .tyard .ty-rest:hover .yard-img {
  1453. transform: scale(1.1) rotate(-1deg);
  1454.    transition: all .3s ease-in-out;
  1455. }
  1456. .tyard .ty-first:hover .tyimg-lay, .tyard .ty-rest:hover .tyimg-lay {
  1457.    background-color: rgba(0,0,0,.2);
  1458.    transition: all .3s ease-in-out;
  1459. }
  1460. /* ######## Featured Box Css ######################### */
  1461. .tybox-wrapper {
  1462.    margin: 0 0 10px;
  1463. overflow:hidden;
  1464. }
  1465. .tybox .tybox-first {
  1466.    width: 50%;
  1467.    position: relative;
  1468.    float: left;
  1469.    padding-right: 1.4%;
  1470.    box-sizing: border-box;
  1471.    overflow: hidden;
  1472. }
  1473. .tybox .tybox-feat-image {
  1474. width: 100%;
  1475.    position: relative;
  1476.    overflow: hidden;
  1477. padding:10px;
  1478. box-sizing:border-box;
  1479. background:$maincolor;
  1480. }
  1481. .tybox .tybox-first .tyard-thumb, .tybox .tybox-img {
  1482.    height: 250px !important;
  1483. transition: all .3s ease-in-out;
  1484. }
  1485. .templatesyard .tyard-thumb:hover .tybox-img, .templatesyard .tyard-thumb:hover .yard-img, .templatesyard .tylist-first .tyard-thumb:hover .tylist-img, .templatesyard .col-left-first .tyard-thumb:hover .col-left-img, .templatesyard .col-right-first .tyard-thumb:hover .col-right-img, .templatesyard .ty-feat .tygrid-rest .tygrid-thumb:hover .yard-img, .post-home-image .post-thumb:hover a {
  1486.    transform: scale(1.1) rotate(-1deg);
  1487.    transition: all .3s ease-in-out;
  1488. }
  1489. .templatesyard .tyard-thumb .tybox-img, .templatesyard .tyard-thumb .yard-img, .templatesyard .tylist-first .tyard-thumb .tylist-img, .templatesyard .col-left-first .tyard-thumb .col-left-img, .templatesyard .col-right-first .tyard-thumb .col-right-img, .templatesyard .ty-feat .tygrid-rest .tygrid-thumb .yard-img, .post-home-image .post-thumb a {
  1490.    transition: all .3s ease-in-out;
  1491. }
  1492. .templatesyard .tybox-first .tyard-thumb {
  1493.    position: relative;
  1494.    width: 100%;
  1495.    height: 250px;
  1496. }
  1497. .templatesyard .tybox-img {
  1498.    width: 100%;
  1499.    height: 200px;
  1500.    position: relative;
  1501.    display: block;
  1502. }
  1503. .tybox-first .tyard-thumb .yard-label {
  1504.  
  1505. }
  1506. .tybox-first .tyard-thumb .yard-label a {
  1507.    background: $maincolor;
  1508.    color: #fff;
  1509.    text-transform: uppercase;
  1510.    height: 20px;
  1511.    line-height: 20px;
  1512.    display: inline-block;
  1513.    padding: 0 6px;
  1514.    font-size: 11px;
  1515.    font-weight: 400;
  1516.    border-radius: 2px;
  1517. }
  1518. .tybox .tybox-con-yard {
  1519.   position: absolute;
  1520.    bottom: 0;
  1521.    width: 100%;
  1522.    z-index: 2;
  1523.    padding: 15px;
  1524.    box-sizing: border-box;
  1525. }
  1526. .tybox .tybox-first .tybox-con-yard .tyard-title a {
  1527.    display: block;
  1528.    font-size: 19px;
  1529.    color: #fff;
  1530.    font-weight: 400;
  1531.    line-height: 1.4em;
  1532.    margin-bottom: 5px;
  1533.    margin-top: 5px;
  1534. }
  1535. .tybox .tybox-first .recent-summary {
  1536.    color: #fff;
  1537.    font-size: 14px;
  1538.    font-weight: normal;
  1539. }
  1540. .tybox-more {
  1541.    background: #3d3d3d;
  1542.    padding: 5px 12px !important;
  1543.    display: inline-block;
  1544.    vertical-align: middle;
  1545.    margin: 0;
  1546.    font-size: 12px;
  1547.    text-transform: capitalize;
  1548.    border-radius: 2px;
  1549.    color: #f7f7f7;
  1550.    font-weight: 500;
  1551.    white-space: nowrap;
  1552.    font-family: Poppins;
  1553. }
  1554. .tybox .ty-feat .tybox-rest {
  1555.    overflow: hidden;
  1556.    display: block;
  1557.    padding: 0;
  1558.    position: relative;
  1559. margin-bottom:10px;
  1560. }
  1561. .templatesyard .ty-feat .tybox-rest .tyard-thumb {
  1562.    position: relative;
  1563.    float: left;
  1564.    width: 100%;
  1565.    height: auto;
  1566.    overflow: hidden;
  1567.    display: block;
  1568.    vertical-align: middle;
  1569.    margin: 0 !important;
  1570. }
  1571. .templatesyard .ty-feat .tybox-rest .yard-img {
  1572.    width: 100%;
  1573.    height: 182px;
  1574.    position: relative;
  1575.    display: block;
  1576.    transition: all .3s ease-in-out;
  1577. }
  1578. .tybox .tyimg-lay {
  1579.    position: absolute;
  1580.    left: 0;
  1581.    top: 0;
  1582.    z-index: 1;
  1583.    width: 100%;
  1584.    height: 100%;
  1585. opacity:0.5;
  1586.    background-color: #2c2f30;
  1587. }
  1588. .tybox .yard-tent-ty {
  1589.    position: absolute;
  1590.    bottom: 0;
  1591.    width: 100%;
  1592.    z-index: 2;
  1593.    padding: 15px;
  1594.    box-sizing: border-box;
  1595. }
  1596.  
  1597.  
  1598. .tybox .yard-tent-ty .tyard-title {
  1599.      overflow: hidden;
  1600.    line-height: 0;
  1601.    margin: 0 0 2px;
  1602.    padding: 0;
  1603. }
  1604. .tybox .yard-tent-ty .tyard-title a {
  1605.   color: #fff;
  1606.    font-weight: 400;
  1607.    font-size: 14px;
  1608.    line-height: 1.5em;
  1609.    letter-spacing: 1px;
  1610. }
  1611. .tybox-time {
  1612.    color: #bdbdbd;
  1613.    font-size: 12px;
  1614.    font-weight: 400;
  1615. }
  1616. .tybox-time:before {
  1617.    content: '\f133';
  1618.    font-family: fontawesome;
  1619.    color: #bbb;
  1620.    margin-right: 5px;
  1621. }
  1622. .tybox .ty-feat .tybox-rest:nth-child(4), .tybox .ty-feat .tybox-rest:nth-child(5) {
  1623.    float: left;
  1624.    width: 50%;
  1625.    padding-right: 10px;
  1626.    box-sizing: border-box;
  1627. margin-bottom:0;
  1628. }
  1629. .tybox .ty-feat .tybox-rest:nth-child(5) {
  1630.    padding-right: 0;
  1631. }
  1632. .tybox .tyard-thumb .item-cmm {
  1633.    position: absolute;
  1634.    top: 0;
  1635.    left: 10px;
  1636.    z-index: 2;
  1637.    color: #fff;
  1638.    text-transform: uppercase;
  1639.    height: 20px;
  1640.    line-height: 20px;
  1641.    display: inline-block;
  1642.    padding: 5px 6px 0;
  1643.    font-size: 12px;
  1644.    font-weight: bold;
  1645.    background: $maincolor;
  1646.    border-radius: 0 0 2px 2px;
  1647. }
  1648. .tybox .tyard-thumb .item-cmm:before {
  1649.    content: "\f086";
  1650.    margin-right: 5px;
  1651.    font-family: FontAwesome;
  1652.    font-style: normal;
  1653.    font-weight: normal;
  1654.    -webkit-font-smoothing: antialiased;
  1655.    -moz-osx-font-smoothing: grayscale;
  1656. }
  1657. .tybox .category-gallery {
  1658.    position: absolute;
  1659.    top: 10px;
  1660.    right: 10px;
  1661.    z-index: 3;
  1662.    overflow: hidden;
  1663. }
  1664. .tybox .category-gallery a:before {
  1665.    display: block;
  1666.    background-color: #e74c3c;
  1667.    opacity: .5;
  1668.    color: #fff;
  1669.    height: 18px;
  1670.    line-height: 18px;
  1671.    padding: 0 5px;
  1672.    font-size: 10px;
  1673.    font-weight: 400;
  1674.    text-transform: uppercase;
  1675.    border-radius: 2px;
  1676.    transition: all .3s ease;
  1677. }
  1678. .icon:before {
  1679.    font-family: FontAwesome;
  1680.    font-weight: 400;
  1681.    font-style: normal;
  1682.    line-height: 1;
  1683.    padding-right: 4px;
  1684. }
  1685. /* ######## Featured List Css ######################### */
  1686. .tylist-wrapper {
  1687. margin: 0 0 10px;
  1688. }
  1689. .tyheading-head {
  1690. margin-bottom: 15px;
  1691. border-bottom: 2px solid $maincolor!important;
  1692. background: $seconddarkcolor;
  1693. }
  1694. .tyheading-head h2 {
  1695. font-size: 15px;
  1696.    background-color: $maincolor!important;
  1697.    display: inline-block;
  1698.    padding: 12px 16px;
  1699.    margin: 0;
  1700.    position: relative;
  1701. }
  1702. .tyheading-head h2 a {
  1703. color: #fff;
  1704.    text-transform: uppercase;
  1705.    font-weight: 500;
  1706. }
  1707. .tyheading-head h2:after {
  1708.    content: "";
  1709.    width: 0;
  1710.    height: 0;
  1711.    position: absolute;
  1712.    bottom: -6px;
  1713.    left: 0;
  1714.    border-left: 0;
  1715.    border-right: 9px solid transparent;
  1716.    border-top: 9px solid $maincolor;
  1717. }
  1718. .tyheading-head .tymore{
  1719. float: right;
  1720. margin-right: 10px;
  1721. margin-top: 12px;
  1722. height: 22px;
  1723. line-height: 22px;
  1724. padding: 0 10px;
  1725. background-color: $maincolor;
  1726. font-size: 13px;
  1727. color: #fff!important;
  1728. transition: background-color .3s ease-out;
  1729. }
  1730. .tylist .tylist-first {
  1731. width: 50%;
  1732. position: relative;
  1733. float: left;
  1734. padding-right: 1.4%;
  1735. box-sizing: border-box;
  1736. overflow: hidden;
  1737. }
  1738. .tylist .tylist-feat-image {
  1739. width: 100%;
  1740. position: relative;
  1741. overflow: hidden;
  1742. box-sizing:border-box;
  1743. }
  1744. .tylist .ty-list-first .tyard-thumb, .tylist .tylist-img {
  1745. height: 325px !important;
  1746. transition: all .3s ease-in-out;
  1747. }
  1748.  
  1749. .templatesyard .tylist-first .tyard-thumb {
  1750. position: relative;
  1751. width: 100%;
  1752. height: 325px;
  1753. }
  1754. .templatesyard .tylist-img {
  1755. width: 100%;
  1756. height: 200px;
  1757. position: relative;
  1758. display: block;
  1759. }
  1760. .tylist-first .tyard-thumb .yard-label {
  1761. }
  1762. .tylist-first .tyard-thumb .yard-label a {
  1763. background: $maincolor;
  1764. color: #fff;
  1765. text-transform: uppercase;
  1766. height: 20px;
  1767. line-height: 20px;
  1768. display: inline-block;
  1769. padding: 0 6px;
  1770. font-size: 11px;
  1771. font-weight: 400;
  1772. border-radius: 2px;
  1773. }
  1774. .tylist .tylist-con-yard {
  1775. position: absolute;
  1776. bottom: 0;
  1777. width: 100%;
  1778. z-index: 2;
  1779. padding: 15px;
  1780. box-sizing: border-box;
  1781. }
  1782. .tylist .tylist-first .tylist-con-yard .tyard-title a {
  1783. display: block;
  1784. font-size: 19px;
  1785. color: #fff;
  1786. font-weight: 400;
  1787. line-height: 1.4em;
  1788. margin-bottom: 5px;
  1789. margin-top: 5px;
  1790. }
  1791. .tylist .tylist-first .recent-summary {
  1792. color: #fff;
  1793. font-size: 14px;
  1794. font-weight: normal;
  1795. }
  1796. .tylist-more {
  1797. background: #3d3d3d;
  1798. padding: 5px 12px !important;
  1799. display: inline-block;
  1800. vertical-align: middle;
  1801. margin: 0;
  1802. font-size: 12px;
  1803. text-transform: capitalize;
  1804. border-radius: 2px;
  1805. color: #f7f7f7;
  1806. font-weight: 500;
  1807. white-space: nowrap;
  1808. font-family: Poppins;
  1809. }
  1810. .tylist .ty-feat .tylist-rest {
  1811. overflow: hidden;
  1812.    padding: 10px 0;
  1813.    border-bottom: 1px solid #f2f2f2;
  1814. }
  1815. .templatesyard .ty-feat .tylist-rest .tyard-thumb {
  1816.    position: relative;
  1817.    float: left;
  1818.    width: 90px;
  1819.    height: 65px;
  1820.    overflow: hidden;
  1821.    display: block;
  1822.    vertical-align: middle;
  1823.    margin: 0 !important;
  1824. }
  1825. .tylist .ty-feat .tylist-rest:last-child {
  1826.    border: 0;
  1827.    padding: 10px 0 0;
  1828. }
  1829. .templatesyard .ty-feat .tylist-rest .yard-img {
  1830.    position: relative;
  1831.    width: 90px;
  1832.    height: 65px;
  1833.    display: block;
  1834. transition: all .3s ease-in-out;
  1835. }
  1836. .tylist .tyimg-lay {
  1837. position: absolute;
  1838. left: 0;
  1839. top: 0;
  1840. z-index: 1;
  1841. width: 100%;
  1842. height: 100%;
  1843. opacity:0.5;
  1844. background-color: #2c2f30;
  1845. }
  1846. .tylist .yard-tent-ty {
  1847. padding-left: 15px;
  1848.    display: table-cell;
  1849. }
  1850. .tylist .ty-feat .tylist-rest:nth-child(2) {
  1851. padding:0 0 10px;
  1852. }
  1853. .tylist .yard-tent-ty .tyard-title {
  1854. overflow: hidden;
  1855.    font-weight: 400;
  1856.    font-size: 14px;
  1857.    line-height: 1.4em;
  1858.    margin: 0 0 4px;
  1859.    padding: 0;
  1860. }
  1861. .tylist .yard-tent-ty .tyard-title a {
  1862. color: #333333;
  1863.    transition: color .3s;
  1864. }
  1865. .tylist-time {
  1866. color: #bdbdbd;
  1867. font-size: 12px;
  1868. font-weight: 400;
  1869. }
  1870. .tylist-time:before {
  1871. content: '\f133';
  1872. font-family: fontawesome;
  1873. color: #bbb;
  1874. margin-right: 5px;
  1875. }
  1876. .tylist .tyard-thumb .item-cmm {
  1877. position: absolute;
  1878. top: 0;
  1879. left: 10px;
  1880. z-index: 2;
  1881. color: #fff;
  1882. text-transform: uppercase;
  1883. height: 20px;
  1884. line-height: 20px;
  1885. display: inline-block;
  1886. padding: 5px 6px 0;
  1887. font-size: 12px;
  1888. font-weight: bold;
  1889. background: $maincolor;
  1890. border-radius: 0 0 2px 2px;
  1891. }
  1892. .tylist .tyard-thumb .item-cmm:before {
  1893. content: "\f086";
  1894. margin-right: 5px;
  1895. font-family: FontAwesome;
  1896. font-style: normal;
  1897. font-weight: normal;
  1898. -webkit-font-smoothing: antialiased;
  1899. -moz-osx-font-smoothing: grayscale;
  1900. }
  1901. .tylist .category-gallery {
  1902. position: absolute;
  1903. top: 10px;
  1904. right: 10px;
  1905. z-index: 3;
  1906. overflow: hidden;
  1907. }
  1908. .tylist .ty-rest .category-gallery {
  1909. top:0;
  1910. right:0;
  1911. }
  1912. .tylist .category-gallery a:before {
  1913. display: block;
  1914. background-color: #e74c3c;
  1915. opacity: .5;
  1916. color: #fff;
  1917. height: 18px;
  1918. line-height: 18px;
  1919. padding: 0 5px;
  1920. font-size: 10px;
  1921. font-weight: 400;
  1922. text-transform: uppercase;
  1923. border-radius: 2px;
  1924. transition: all .3s ease;
  1925. }
  1926. .icon:before {
  1927. font-family: FontAwesome;
  1928. font-weight: 400;
  1929. font-style: normal;
  1930. line-height: 1;
  1931. padding-right: 4px;
  1932. }
  1933. /* ######## Featured Column Css ######################### */
  1934. .ty-column-wrap {
  1935.    overflow: hidden;
  1936.    margin: 10px 0;
  1937. }
  1938. .tyleft-wrapper {
  1939. float: left;
  1940.    width: 50%;
  1941. padding-right: 5px;
  1942.    box-sizing: border-box;
  1943. }
  1944. .tyleft .col-left-first {
  1945. width: 100%;
  1946. position: relative;
  1947. clear: both;
  1948. margin-bottom: 1.4%;
  1949. box-sizing: border-box;
  1950. overflow: hidden;
  1951. }
  1952. .tyleft .col-left-feat-image {
  1953. width: 100%;
  1954. position: relative;
  1955. overflow: hidden;
  1956. box-sizing:border-box;
  1957. }
  1958. .tyleft .col-left-first .tyard-thumb, .tyleft .col-left-img {
  1959. height: 225px !important;
  1960. }
  1961. .templatesyard .col-left-first .tyard-thumb {
  1962. position: relative;
  1963. width: 100%;
  1964. height: 225px;
  1965. }
  1966. .templatesyard .col-left-img {
  1967. width: 100%;
  1968. height: 200px;
  1969. position: relative;
  1970. display: block;
  1971. }
  1972. .col-left-first .tyard-thumb .yard-label {
  1973. position: absolute;
  1974.    top: 10px;
  1975.    left: 10px;
  1976.    z-index: 2;
  1977. }
  1978. .col-left-first .tyard-thumb .yard-label a {
  1979. background: $maincolor;
  1980. color: #fff;
  1981. text-transform: uppercase;
  1982. height: 20px;
  1983. line-height: 20px;
  1984. display: inline-block;
  1985. padding: 0 6px;
  1986. font-size: 11px;
  1987. font-weight: 400;
  1988. border-radius: 2px;
  1989. }
  1990. .tyleft .col-left-con-yard {
  1991. position: absolute;
  1992. bottom: 0;
  1993. width: 100%;
  1994. z-index: 2;
  1995. padding: 15px;
  1996. box-sizing: border-box;
  1997. }
  1998. .tyleft .col-left-first .col-left-con-yard .tyard-title a {
  1999. display: block;
  2000. font-size: 19px;
  2001. color: #fff;
  2002. font-weight: 400;
  2003. line-height: 1.4em;
  2004. margin-bottom: 5px;
  2005. margin-top: 5px;
  2006. }
  2007. .tyleft .col-left-first .recent-summary {
  2008. color: #fff;
  2009. font-size: 14px;
  2010. font-weight: normal;
  2011. }
  2012. .tyleft .ty-feat .col-left-rest {
  2013. overflow: hidden;
  2014. padding: 10px 0;
  2015. border-bottom: 1px solid #f2f2f2;
  2016. }
  2017. .templatesyard .ty-feat .col-left-rest .tyard-thumb {
  2018. position: relative;
  2019. float: left;
  2020. width: 90px;
  2021. height: 65px;
  2022. overflow: hidden;
  2023. display: block;
  2024. vertical-align: middle;
  2025. margin: 0 !important;
  2026. }
  2027. .tyleft .ty-feat .col-left-rest:last-child {
  2028. border: 0;
  2029. padding: 10px 0 0;
  2030. }
  2031. .templatesyard .ty-feat .col-left-rest .yard-img {
  2032. position: relative;
  2033. width: 90px;
  2034. height: 65px;
  2035. display: block;
  2036. }
  2037. .tyleft .tyimg-lay {
  2038. position: absolute;
  2039. left: 0;
  2040. top: 0;
  2041. z-index: 1;
  2042. width: 100%;
  2043. height: 100%;
  2044. opacity:0.5;
  2045. background-color: #2c2f30;
  2046. }
  2047. .tyleft .yard-tent-ty {
  2048. padding-left: 15px;
  2049. display: table-cell;
  2050. }
  2051.  
  2052. .tyleft .yard-tent-ty .tyard-title {
  2053. overflow: hidden;
  2054. font-weight: 400;
  2055. font-size: 14px;
  2056. line-height: 1.4em;
  2057. margin: 0 0 4px;
  2058. padding: 0;
  2059. }
  2060. .tyleft .yard-tent-ty .tyard-title a {
  2061. color: #333333;
  2062. transition: color .3s;
  2063. }
  2064. .col-left-time {
  2065. color: #bdbdbd;
  2066. font-size: 12px;
  2067. font-weight: 400;
  2068. }
  2069. .col-left-time:before {
  2070. content: '\f133';
  2071. font-family: fontawesome;
  2072. color: #bbb;
  2073. margin-right: 5px;
  2074. }
  2075. .tyleft .tyard-thumb .item-cmm {
  2076. position: absolute;
  2077. top: 0;
  2078. left: 10px;
  2079. z-index: 2;
  2080. color: #fff;
  2081. text-transform: uppercase;
  2082. height: 20px;
  2083. line-height: 20px;
  2084. display: inline-block;
  2085. padding: 5px 6px 0;
  2086. font-size: 12px;
  2087. font-weight: bold;
  2088. background: $maincolor;
  2089. border-radius: 0 0 2px 2px;
  2090. }
  2091. .tyleft .tyard-thumb .item-cmm:before {
  2092. content: "\f086";
  2093. margin-right: 5px;
  2094. font-family: FontAwesome;
  2095. font-style: normal;
  2096. font-weight: normal;
  2097. -webkit-font-smoothing: antialiased;
  2098. -moz-osx-font-smoothing: grayscale;
  2099. }
  2100. .tyleft .category-gallery {
  2101. position: absolute;
  2102. top: 10px;
  2103. right: 10px;
  2104. z-index: 3;
  2105. overflow: hidden;
  2106. }
  2107. .tyleft .col-left-rest .category-gallery {
  2108. top:0;
  2109. right:0;
  2110. }
  2111. .tyleft .category-gallery a:before {
  2112. display: block;
  2113. background-color: #e74c3c;
  2114. opacity: .5;
  2115. color: #fff;
  2116. height: 18px;
  2117. line-height: 18px;
  2118. padding: 0 5px;
  2119. font-size: 10px;
  2120. font-weight: 400;
  2121. text-transform: uppercase;
  2122. border-radius: 2px;
  2123. transition: all .3s ease;
  2124. }
  2125. .icon:before {
  2126. font-family: FontAwesome;
  2127. font-weight: 400;
  2128. font-style: normal;
  2129. line-height: 1;
  2130. padding-right: 4px;
  2131. }
  2132. .tyright-wrapper {
  2133. float: right;
  2134.    width: 50%;
  2135. padding-left: 5px;
  2136.    box-sizing: border-box;
  2137. }
  2138. .tyright .col-right-first {
  2139. width: 100%;
  2140. position: relative;
  2141. clear: both;
  2142. margin-bottom: 1.4%;
  2143. box-sizing: border-box;
  2144. overflow: hidden;
  2145. }
  2146. .tyright .col-right-feat-image {
  2147. width: 100%;
  2148. position: relative;
  2149. overflow: hidden;
  2150. box-sizing:border-box;
  2151. }
  2152. .tyright .col-right-first .tyard-thumb, .tyright .col-right-img {
  2153. height: 225px !important;
  2154. }
  2155. .templatesyard .col-right-first .tyard-thumb {
  2156. position: relative;
  2157. width: 100%;
  2158. height: 225px;
  2159. }
  2160. .templatesyard .col-right-img {
  2161. width: 100%;
  2162. height: 200px;
  2163. position: relative;
  2164. display: block;
  2165. }
  2166. .col-right-first .tyard-thumb .yard-label {
  2167. position: absolute;
  2168.    top: 10px;
  2169.    left: 10px;
  2170.    z-index: 2;
  2171. }
  2172. .col-right-first .tyard-thumb .yard-label a {
  2173. background: $maincolor;
  2174. color: #fff;
  2175. text-transform: uppercase;
  2176. height: 20px;
  2177. line-height: 20px;
  2178. display: inline-block;
  2179. padding: 0 6px;
  2180. font-size: 11px;
  2181. font-weight: 400;
  2182. border-radius: 2px;
  2183. }
  2184. .tyright .col-right-con-yard {
  2185. position: absolute;
  2186. bottom: 0;
  2187. width: 100%;
  2188. z-index: 2;
  2189. padding: 15px;
  2190. box-sizing: border-box;
  2191. }
  2192. .tyright .col-right-first .col-right-con-yard .tyard-title a {
  2193. display: block;
  2194. font-size: 19px;
  2195. color: #fff;
  2196. font-weight: 400;
  2197. line-height: 1.4em;
  2198. margin-bottom: 5px;
  2199. margin-top: 5px;
  2200. }
  2201. .tyright .col-right-first .recent-summary {
  2202. color: #fff;
  2203. font-size: 14px;
  2204. font-weight: normal;
  2205. }
  2206. .tyright .ty-feat .col-right-rest {
  2207. overflow: hidden;
  2208. padding: 10px 0;
  2209. border-bottom: 1px solid #f2f2f2;
  2210. }
  2211. .templatesyard .ty-feat .col-right-rest .tyard-thumb {
  2212. position: relative;
  2213. float: left;
  2214. width: 90px;
  2215. height: 65px;
  2216. overflow: hidden;
  2217. display: block;
  2218. vertical-align: middle;
  2219. margin: 0 !important;
  2220. }
  2221. .tyright .ty-feat .col-right-rest:last-child {
  2222. border: 0;
  2223. padding: 10px 0 0;
  2224. }
  2225. .templatesyard .ty-feat .col-right-rest .yard-img {
  2226. position: relative;
  2227. width: 90px;
  2228. height: 65px;
  2229. display: block;
  2230. }
  2231. .tyright .tyimg-lay {
  2232. position: absolute;
  2233. left: 0;
  2234. top: 0;
  2235. z-index: 1;
  2236. width: 100%;
  2237. height: 100%;
  2238. opacity:0.5;
  2239. background-color: #2c2f30;
  2240. }
  2241. .tyright .yard-tent-ty {
  2242. padding-left: 15px;
  2243. display: table-cell;
  2244. }
  2245.  
  2246. .tyright .yard-tent-ty .tyard-title {
  2247. overflow: hidden;
  2248. font-weight: 400;
  2249. font-size: 14px;
  2250. line-height: 1.4em;
  2251. margin: 0 0 4px;
  2252. padding: 0;
  2253. }
  2254. .tyright .yard-tent-ty .tyard-title a {
  2255. color: #333333;
  2256. transition: color .3s;
  2257. }
  2258. .col-right-time {
  2259. color: #bdbdbd;
  2260. font-size: 12px;
  2261. font-weight: 400;
  2262. }
  2263. .col-right-time:before {
  2264. content: '\f133';
  2265. font-family: fontawesome;
  2266. color: #bbb;
  2267. margin-right: 5px;
  2268. }
  2269. .tyright .tyard-thumb .item-cmm {
  2270. position: absolute;
  2271. top: 0;
  2272. left: 10px;
  2273. z-index: 2;
  2274. color: #fff;
  2275. text-transform: uppercase;
  2276. height: 20px;
  2277. line-height: 20px;
  2278. display: inline-block;
  2279. padding: 5px 6px 0;
  2280. font-size: 12px;
  2281. font-weight: bold;
  2282. background: $maincolor;
  2283. border-radius: 0 0 2px 2px;
  2284. }
  2285. .tyright .tyard-thumb .item-cmm:before {
  2286. content: "\f086";
  2287. margin-right: 5px;
  2288. font-family: FontAwesome;
  2289. font-style: normal;
  2290. font-weight: normal;
  2291. -webkit-font-smoothing: antialiased;
  2292. -moz-osx-font-smoothing: grayscale;
  2293. }
  2294. .tyright .category-gallery {
  2295. position: absolute;
  2296. top: 10px;
  2297. right: 10px;
  2298. z-index: 3;
  2299. overflow: hidden;
  2300. }
  2301. .tyright .col-right-rest .category-gallery {
  2302. top:0;
  2303. right:0;
  2304. }
  2305. .tyright .category-gallery a:before {
  2306. display: block;
  2307. background-color: #e74c3c;
  2308. opacity: .5;
  2309. color: #fff;
  2310. height: 18px;
  2311. line-height: 18px;
  2312. padding: 0 5px;
  2313. font-size: 10px;
  2314. font-weight: 400;
  2315. text-transform: uppercase;
  2316. border-radius: 2px;
  2317. transition: all .3s ease;
  2318. }
  2319. .icon:before {
  2320. font-family: FontAwesome;
  2321. font-weight: 400;
  2322. font-style: normal;
  2323. line-height: 1;
  2324. padding-right: 4px;
  2325. }
  2326.  
  2327. /* ######## Featured grid Css ######################### */
  2328. .tygrid-wrapper {
  2329. margin: 0 0 10px;
  2330. overflow:hidden;
  2331. }
  2332. .tygrid .ty-feat .tygrid-rest {
  2333. overflow: hidden;
  2334. float: left;
  2335. width: 33.33%;
  2336. padding-right: 1.4%;
  2337. box-sizing: border-box;
  2338. position: relative;
  2339.    margin-bottom: 1.4%;
  2340. }
  2341. .templatesyard .ty-feat .tygrid-rest .tygrid-thumb {
  2342. position: relative;
  2343. float: left;
  2344. width: 100%;
  2345. height: auto;
  2346. overflow: hidden;
  2347. display: block;
  2348. vertical-align: middle;
  2349. margin: 0 !important;
  2350. }
  2351. .templatesyard .ty-feat .tygrid-rest .yard-img {
  2352. width: 100%;
  2353. height: 182px;
  2354. position: relative;
  2355. display: block;
  2356. }
  2357. .tygrid .tyimg-lay {
  2358. position: absolute;
  2359. left: 0;
  2360. top: 0;
  2361. z-index: 1;
  2362. width: 100%;
  2363. height: 100%;
  2364. opacity:0.5;
  2365. background-color: #2c2f30;
  2366. }
  2367. .tygrid .yard-tent-ty {
  2368. position: absolute;
  2369. bottom: 0;
  2370. width: 100%;
  2371. z-index: 2;
  2372. padding: 15px;
  2373. box-sizing: border-box;
  2374. }
  2375.  
  2376. .tygrid .yard-tent-ty .tyard-title {
  2377. overflow: hidden;
  2378. line-height: 0;
  2379. margin: 0 0 2px;
  2380. padding: 0;
  2381. }
  2382. .tygrid .yard-tent-ty .tyard-title a {
  2383. color: #fff;
  2384. font-weight: 400;
  2385. font-size: 14px;
  2386. line-height: 1.5em;
  2387. letter-spacing: 1px;
  2388. }
  2389. .tygrid-time {
  2390. color: #bdbdbd;
  2391. font-size: 12px;
  2392. font-weight: 400;
  2393. }
  2394. .tygrid-time:before {
  2395. content: '\f133';
  2396. font-family: fontawesome;
  2397. color: #bbb;
  2398. margin-right: 5px;
  2399. }
  2400. .tygrid .ty-feat .tygrid-rest:nth-child(3n) {
  2401. padding-right: 0;
  2402. }
  2403. .tygrid .tygrid-thumb .item-cmm {
  2404. position: absolute;
  2405. top: 0;
  2406. left: 10px;
  2407. z-index: 2;
  2408. color: #fff;
  2409. text-transform: uppercase;
  2410. height: 20px;
  2411. line-height: 20px;
  2412. display: inline-block;
  2413. padding: 5px 6px 0;
  2414. font-size: 12px;
  2415. font-weight: bold;
  2416. background: #ff0036;
  2417. border-radius: 0 0 2px 2px;
  2418. }
  2419. .tygrid .tygrid-thumb .item-cmm:before {
  2420. content: "\f086";
  2421. margin-right: 5px;
  2422. font-family: FontAwesome;
  2423. font-style: normal;
  2424. font-weight: normal;
  2425. -webkit-font-smoothing: antialiased;
  2426. -moz-osx-font-smoothing: grayscale;
  2427. }
  2428. .tygrid .category-gallery {
  2429. position: absolute;
  2430. top: 10px;
  2431. right: 10px;
  2432. z-index: 3;
  2433. overflow: hidden;
  2434. }
  2435. .tygrid .category-gallery a:before {
  2436. display: block;
  2437. background-color: #e74c3c;
  2438. opacity: .5;
  2439. color: #fff;
  2440. height: 18px;
  2441. line-height: 18px;
  2442. padding: 0 5px;
  2443. font-size: 10px;
  2444. font-weight: 400;
  2445. text-transform: uppercase;
  2446. border-radius: 2px;
  2447. transition: all .3s ease;
  2448. }
  2449. .icon:before {
  2450. font-family: FontAwesome;
  2451. font-weight: 400;
  2452. font-style: normal;
  2453. line-height: 1;
  2454. padding-right: 4px;
  2455. }
  2456. /* ######## Post Css ######################### */
  2457. .breadcrumbs .fa-times:before {
  2458.    margin: 0 5px;
  2459. }
  2460. .breadcrumbs {
  2461.    margin: 0;
  2462.    font-size: 13px;
  2463.    padding: 0;
  2464. }
  2465. .breadcrumbs i {
  2466.    color: $maincolor;
  2467.    font-size: 8px !important;
  2468. }
  2469. .breadcrumbs span a.bhome {
  2470.    color: $maincolor;
  2471. }
  2472. .breadcrumbs span,
  2473. .breadcrumbs span a {
  2474.    color: #000;
  2475. }
  2476. .breadcrumbs span a:hover {
  2477.    color: $maincolor;
  2478. }
  2479. article {
  2480.    padding: 0;
  2481. overflow:hidden;
  2482. }
  2483. .post-outer {
  2484.    padding: 0 0 20px 0;
  2485. }
  2486. .post {
  2487.    display: block;
  2488.    overflow: hidden;
  2489.    word-wrap: break-word;
  2490. background: #ffffff;
  2491. }
  2492. .item .post-head {
  2493.    position: relative;
  2494.    margin: 10px 0;
  2495.    border-bottom: 2px solid #eee;
  2496. }
  2497. .post-head h1 {
  2498.    color: #000;
  2499.    font-size: 32px;
  2500.    font-weight: 400;
  2501.    line-height: 44px;
  2502. border-bottom: 2px solid #555;
  2503. display: inline-block;
  2504.    position: relative;
  2505.    top: 2px;
  2506. }
  2507. .post h2 {
  2508. margin-bottom: 12px;
  2509. line-height: 37px;
  2510.    font-size: 22px;
  2511.    font-weight:400;
  2512. }
  2513. .post h2 a {
  2514. color: #000;
  2515. letter-spacing: 1px;
  2516. }
  2517. .post h2 {
  2518.    margin: 0 0 10px;
  2519.    padding: 0;
  2520. }
  2521.  
  2522.  
  2523. .retitle h2 {
  2524.    margin: 8px 0;
  2525.    display: block;
  2526. }
  2527. .post-body {
  2528. margin: 0px;
  2529. padding:10px;
  2530. font-size: 14px;
  2531. line-height: 26px;
  2532. box-sizing:border-box;
  2533. }
  2534. .post-home-image {
  2535.    float: left;
  2536.    width: 270px;
  2537.    height: 182px;
  2538.    margin-right: 20px;
  2539. position: relative;
  2540. }
  2541. .post-home-image .post-thumb {
  2542.    width: 100%;
  2543.    height: 182px;
  2544.    position: relative;
  2545.    display: block;
  2546.    overflow: hidden;
  2547. }
  2548. .post-home-image .post-thumb a {
  2549.    width: 100%;
  2550.    height: 182px;
  2551.    display: block;
  2552.    transition: all .3s ease-out!important;
  2553.    -webkit-transition: all .3s ease-out!important;
  2554.    -moz-transition: all .3s ease-out!important;
  2555.    -o-transition: all .3s ease-out!important;
  2556. }
  2557. .index .post-labels, .archive .post-labels {
  2558. position: absolute;
  2559. top: 10px;
  2560. left: 10px;
  2561. padding: 8px 12px 6px;
  2562. background: $maincolor;
  2563. color: #fff;
  2564. font-size: 12px;
  2565. text-transform: uppercase;
  2566. display: inline-block;
  2567. z-index: 9;
  2568. }
  2569. .index .post-labels a, .archive .post-labels a {
  2570. color: #fff;
  2571. }
  2572. .date-header {
  2573.    color: #bdbdbd;
  2574.    display: block;
  2575.    font-size: 12px;
  2576.    font-weight: 400;
  2577.    line-height: 1.3em;
  2578.    margin: 0!important;
  2579.    padding: 0;
  2580. }
  2581. .date-header a {
  2582.    color: #bdbdbd;
  2583. }
  2584. .date-header .read-more {
  2585.    background: $darkcolor;
  2586.    padding: 5px 12px !important;
  2587.    display: inline-block;
  2588.    vertical-align: middle;
  2589.    margin: 10px 0 0;
  2590.    font-size: 12px;
  2591.   text-transform: capitalize;
  2592.    border-radius: 2px;
  2593.    color: #f7f7f7;
  2594.    font-weight: bold;
  2595. white-space: nowrap;
  2596. font-family:Poppins;
  2597. }
  2598. .read-more:hover {
  2599.    background: $maincolor;
  2600. color:#fff;
  2601. }
  2602. .post-header {
  2603.    padding: 10px;
  2604. margin-bottom: 10px;
  2605. }
  2606. #meta-post {
  2607.    border-top: 1px solid #f5f5f5;
  2608.    border-bottom: 1px solid #f5f5f5;
  2609.    padding: 5px 0;
  2610. }
  2611.  
  2612. .post-meta {
  2613.    color: #bdbdbd;
  2614.    display: block;
  2615.    font-size: 13px;
  2616.    font-weight: 400;
  2617.    line-height: 21px;
  2618.    margin: 0;
  2619.    padding: 0;
  2620. }
  2621. .post-meta a, .post-meta i {
  2622.    color: #CBCBCB;
  2623. }
  2624. .post-timestamp {
  2625.    margin-left: 5px;
  2626. }
  2627. .resumo {
  2628.    margin-top: 10px;
  2629.    color: #919191;
  2630. }
  2631. .resumo span {
  2632.    display: block;
  2633.    font-size: 15px;
  2634.    line-height: 25px;
  2635. text-align:justify;
  2636. }
  2637. .post-body img {
  2638. max-width: 100%;
  2639. padding: 10px 0;
  2640. position: relative;
  2641. margin:0 auto;
  2642. }
  2643. .post h3 {
  2644. font-size: 18px;
  2645. margin-top: 20px;
  2646. margin-bottom: 10px;
  2647. line-height: 1.1;
  2648. }
  2649. .second-meta {
  2650.    display: none;
  2651. }
  2652. .comment-link {
  2653.    white-space: normal;
  2654. }
  2655. #blog-pager {
  2656. clear: both;
  2657. text-align: center;
  2658. padding: 15px 0;
  2659. background: #ffffff;
  2660. color: #4d4d4d;
  2661. }
  2662. .item #blog-pager {
  2663.    display: none;
  2664.    height: 0;
  2665.    opacity: 0;
  2666.    visibility: hidden;
  2667. }
  2668. .displaypageNum a,
  2669. .showpage a,
  2670. .pagecurrent, .blog-pager-older-link, .blog-pager-newer-link {
  2671. padding: 5px 13px;
  2672. margin-right: 8px;
  2673. color: #fff;
  2674. background-color: $darkcolor;
  2675. display: inline-block;
  2676. line-height: 20px;
  2677. -moz-border-radius: 2px;
  2678. -webkit-border-radius: 2px;
  2679. border-radius: 2px;
  2680. margin-top: 10px;
  2681. }
  2682. .displaypageNum a:hover,
  2683. .showpage a:hover,
  2684. .pagecurrent, .blog-pager-older-link:hover, .blog-pager-newer-link:hover {
  2685. background: $maincolor;
  2686. text-decoration: none;
  2687. color: #fff;
  2688. }
  2689. .showpageOf {
  2690. display: none!important;
  2691. overflow: hidden;
  2692. }
  2693. #blog-pager .pages {
  2694. margin: 10px 0;
  2695. border: none;
  2696. }
  2697. #post-pager .blog-pager-older-link:hover, #post-pager .blog-pager-newer-link:hover {
  2698. color:$maincolor;
  2699. background:inherit;
  2700. }
  2701. #post-pager {
  2702. clear:both;
  2703.    float: left;
  2704.    display: block;
  2705.    width: 100%;
  2706.    box-sizing: border-box;
  2707. margin: 15px 0;
  2708. }
  2709. #post-pager .blog-pager-older-link, #post-pager .blog-pager-newer-link {
  2710. border:0;
  2711. text-align:right;
  2712. background:none;
  2713. color:#1a1b1c;
  2714. }
  2715. #post-pager .blog-pager-newer-link {
  2716.    border: 0;
  2717. text-align:left;
  2718. }
  2719. #post-pager #blog-pager-newer-link, #post-pager #blog-pager-older-link {
  2720.    width: 50%;
  2721. }
  2722. #post-pager a b {
  2723.    display: block;
  2724.    padding: 0 0 5px;
  2725.    font-weight: 700;
  2726.    letter-spacing: 1px;
  2727.    font-size: 15px;
  2728. color:$maincolor;
  2729.    font-family: Poppins;
  2730. }
  2731. #post-pager a span {
  2732.    text-transform:capitalize;
  2733. letter-spacing: 1px;
  2734. }
  2735. #post-pager .blog-pager-older-link, #post-pager .blog-pager-newer-link {
  2736.    padding:0;
  2737. display: block;
  2738. }
  2739. .item .post-footer .label-head .label-title {
  2740. color: #fff;
  2741.    padding: 3px 8px;
  2742.    font-size: 13px;
  2743. background-color: $maincolor;
  2744. }
  2745. .item .post-footer .label-head a {
  2746. color: #fff;
  2747.    padding: 3px 8px;
  2748.    font-size: 13px;
  2749. background-color: $darkcolor;
  2750. }
  2751. .ty-post-share {
  2752.   margin: 10px 0 0;
  2753.    font-size: 12px;
  2754.    padding: 0;
  2755. }
  2756. .ty-post-share ul {
  2757. padding: 0;
  2758.    overflow: hidden;
  2759.    list-style: none;
  2760. }
  2761. .ty-post-share li {
  2762.    display: block;
  2763.    float: left;
  2764.    width: 25%;
  2765.    text-align: center;
  2766. }
  2767. .ty-post-share li.ty-twitter a {
  2768.    background: #4b96d7;
  2769. }
  2770. .ty-post-share li.ty-facebook a {
  2771.    background: #2a3e8c;
  2772. }
  2773. .ty-post-share li.ty-pinterest a {
  2774.    background: #ae0000;
  2775. }
  2776. .ty-post-share li.ty-whatsapp a{background:#25d266;}
  2777. .ty-post-share li.ty-whatsapp{display:none;}
  2778. @media only screen and (max-width: 768px) {
  2779. .ty-post-share li.ty-whatsapp{display:block;}
  2780. .ty-post-share li.ty-comment{display:none;}
  2781. }
  2782. .ty-post-share a {
  2783.    display: block;
  2784.    width: 100%;
  2785.    font-size: 12px;
  2786.    padding: 1em;
  2787.    color: #fff;
  2788.    background: #000;
  2789.    font-weight: bold;
  2790.    text-transform: uppercase;
  2791.    letter-spacing: 1px;
  2792. }
  2793. .ty-post-share a .fa {
  2794.    font-size: 18px;
  2795.    margin-right: 15px;
  2796. }
  2797. .ty-author-box {
  2798. border: 1px solid #f2f2f2;
  2799. background: #f8f8f8;
  2800. overflow: hidden;
  2801. padding: 10px;
  2802. margin: 10px 0;
  2803. }
  2804. .ty-author-box img {
  2805. float: left;
  2806. margin-right: 10px;
  2807. object-fit: cover;
  2808. }
  2809. .ty-author-box p {
  2810. padding: 0;
  2811. -webkit-margin-before: 0;
  2812.    -webkit-margin-after: 0;
  2813. }
  2814. .ty-author-box b {
  2815.    font-family: Poppins;
  2816. font-weight: 700;
  2817. font-style: normal;
  2818. letter-spacing: 1px;
  2819. font-size: 20px;
  2820. }
  2821. .ty-author-box ul {
  2822.    overflow: hidden;
  2823.    padding: 0;
  2824.    margin: 6px;
  2825. }
  2826. .ty-author-box ul li:first-child {
  2827.    margin-left: 0;
  2828. }
  2829. .ty-author-box ul li {
  2830.  float: left;
  2831.    margin-left: 7px;
  2832.    text-align: center;
  2833.    font-size: .875rem;
  2834.    border-radius: 3px;
  2835.    list-style-type: none;
  2836.    padding: 0;
  2837. }
  2838. .ty-author-box ul li a {
  2839.    display: block;
  2840.        padding: 8px 10px;
  2841. background: #eee;
  2842. }
  2843. .ty-author-box ul li a:hover {
  2844. background:$maincolor;
  2845. color:#fff;
  2846. }
  2847. #related-posts {
  2848. margin-bottom: 10px;
  2849. }
  2850. #related-posts .related-text {
  2851. display: none;
  2852. }
  2853. .related li{width:32%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;margin:0 0 0 2%;padding:0}
  2854. .related li:first-child,.related li:nth-child(4){margin-left:0}
  2855. .related li h3 {
  2856. margin-top:0;
  2857. }
  2858. .related-thumb {
  2859. width: 100%;
  2860. height: 120px;
  2861. overflow: hidden;
  2862. border-radius: 2px;
  2863. }
  2864. .related li .related-img {
  2865. width: 100%;
  2866. height: 120px;
  2867. display: block;
  2868. transition: all .3s ease-out!important;
  2869. -webkit-transition: all .3s ease-out!important;
  2870. -moz-transition: all .3s ease-out!important;
  2871. -o-transition: all .3s ease-out!important;
  2872. }
  2873. .related li .related-img:hover {
  2874. -webkit-transform: scale(1.1) rotate(-1.5deg)!important;
  2875. -moz-transform: scale(1.1) rotate(-1.5deg)!important;
  2876. transform: scale(1.1) rotate(-1.5deg)!important;
  2877. transition: all .3s ease-out!important;
  2878. -webkit-transition: all .3s ease-out!important;
  2879. -moz-transition: all .3s ease-out!important;
  2880. -o-transition: all .3s ease-out!important;
  2881. }
  2882. .related-title a {
  2883. font-size: 15px;
  2884. line-height: 1.35em;
  2885. padding: 10px 5px 10px 0;
  2886. font-weight: 400;
  2887. color: #010101;
  2888. display: block;
  2889. }
  2890. .related-title a:hover {
  2891. color: #777;
  2892. text-decoration: underline;
  2893. }
  2894. /* ######## Comment Form Widget ######################### */
  2895. .comment-form {
  2896. overflow:hidden;
  2897. }
  2898. iframe.blogger-iframe-colorize,
  2899. iframe.blogger-comment-from-post {
  2900. height: 283px!important
  2901. }
  2902. .comments-title {
  2903. position: relative;
  2904. clear: both;
  2905. z-index: 1;
  2906. margin: 0;
  2907. line-height: 33px
  2908. }
  2909. .comments-title h2 {
  2910. display: inline-block;
  2911. position: relative;
  2912. background-color: #fff;
  2913. color: #1c1c1c;
  2914. font-size: 18px;
  2915. letter-spacing: -.4px;
  2916. text-transform: uppercase;
  2917. font-weight: 700;
  2918. z-index: 1;
  2919. margin: 0;
  2920. padding-right: 15px
  2921. }
  2922. .comments .comments-content .comment-thread ol li{
  2923. list-style:none;
  2924. }
  2925. .comments-title:after {
  2926. content: "";
  2927. position: absolute;
  2928. z-index: 0;
  2929. top: 14px;
  2930. left: 0;
  2931. width: 100%;
  2932. height: 5px;
  2933. background-color: #F5F5F5
  2934. }
  2935. .comments {
  2936. clear: both;
  2937. margin: 0;
  2938. color: #1c1c1c;
  2939. background: #ffffff;
  2940. padding: 10px 0;
  2941. }
  2942. .comments h4 {
  2943. color: #000;
  2944.    font-size: 14px;
  2945.    padding: 5px 20px;
  2946.    font-weight: 700;
  2947.    letter-spacing: 1.5px;
  2948.    text-transform: Uppercase;
  2949.    position: relative;
  2950.    text-align: center;
  2951.    background: #ffffff;
  2952.    z-index: 1;
  2953. margin-bottom: 15px;
  2954.  
  2955. }
  2956. .comments h4:after {
  2957.    content: '';
  2958.    position: absolute;
  2959.    bottom: 0;
  2960.    left: 50%;
  2961.    width: 40px;
  2962.    height: 2px;
  2963.    background: #000;
  2964.    margin-left: -20px;
  2965. }
  2966. .comments .comments-content {
  2967. margin: 0;
  2968. padding: 0
  2969. }
  2970. .comments .comments-content .comment {
  2971. margin-bottom: 0;
  2972. padding-bottom: 8px
  2973. }
  2974. .comments .comments-content .comment:first-child {
  2975. padding-top: 0
  2976. }
  2977. .facebook-tab,
  2978. .fb_iframe_widget_fluid span,
  2979. .fb_iframe_widget iframe {
  2980. width: 100%!important
  2981. }
  2982. .comments .item-control {
  2983. position: static
  2984. }
  2985. .comments .avatar-image-container {
  2986. float: left;
  2987. overflow: hidden;
  2988. position: absolute
  2989. }
  2990. .comments .avatar-image-container,
  2991. .comments .avatar-image-container img {
  2992. height: 45px;
  2993. max-height: 45px;
  2994. width: 45px;
  2995. max-width: 45px;
  2996. border-radius: 0
  2997. }
  2998. .comments .comment-block {
  2999. overflow: hidden;
  3000. padding: 0 0 10px
  3001. }
  3002. .comments .comment-block,
  3003. .comments .comments-content .comment-replies {
  3004. margin-left: 60px;
  3005. margin-top: 0
  3006. }
  3007. .comments .comments-content .inline-thread {
  3008. padding: 0
  3009. }
  3010. .comments .comment-actions {
  3011. float: left;
  3012. width: 100%;
  3013. position: relative;
  3014. margin: 0
  3015. }
  3016. .comments .comments-content .comment-header {
  3017. font-size: 14px;
  3018. display: block;
  3019. overflow: hidden;
  3020. clear: both;
  3021. margin: 0 0 3px;
  3022. padding: 0 0 5px;
  3023. border-bottom: 1px dotted #f5f5f5
  3024. }
  3025. .comments .comments-content .user {
  3026. font-style: normal;
  3027. font-weight: 500;
  3028. display: block;
  3029. font-size: 16px
  3030. }
  3031. .comments .comments-content .icon.blog-author {
  3032. display: none
  3033. }
  3034. .comments .comments-content .comment-content {
  3035. float: left;
  3036. text-align: left;
  3037. font-size: 13px;
  3038. line-height: 1.4em;
  3039. color: #656565
  3040. }
  3041. .comments .comment .comment-actions a {
  3042. margin-right: 5px;
  3043. padding: 2px 5px;
  3044. color: #fff;
  3045. font-weight: 400;
  3046. background-color: #000;
  3047. font-size: 10px
  3048. }
  3049. .comments .comment .comment-actions a:hover {
  3050. color: #fff;
  3051. background-color: $maincolor;
  3052. text-decoration: none
  3053. }
  3054. .comments .comments-content .datetime {
  3055. color: #999;
  3056. float: left;
  3057. font-size: 11px;
  3058. position: relative;
  3059. font-style: italic;
  3060. margin: 2px 0 0;
  3061. display: block
  3062. }
  3063. .comments .comments-content .datetime:before {
  3064. content: '\f017';
  3065. font-family: fontawesome;
  3066. font-style: normal;
  3067. margin-right: 3px
  3068. }
  3069. .comments .comments-content .comment-header a {
  3070. color: inherit
  3071. }
  3072. .comments .comments-content .comment-header a:hover {
  3073. color:$maincolor
  3074. }
  3075. .comments .thread-toggle {
  3076. margin-bottom: 4px
  3077. }
  3078. .comments .thread-toggle .thread-arrow {
  3079. height: 7px;
  3080. margin: 0 3px 2px 0
  3081. }
  3082. .comments .thread-expanded {
  3083. padding: 8px 0 0
  3084. }
  3085. .comments .comments-content .comment-thread {
  3086. margin: 0
  3087. }
  3088. .comments .continue a {
  3089. padding: 0 0 0 60px;
  3090. font-weight: 400
  3091. }
  3092. .comments .comments-content .loadmore.loaded {
  3093. margin: 0;
  3094. padding: 0
  3095. }
  3096. .comments .comment-replybox-thread {
  3097. margin: 0
  3098. }
  3099. .blogger-tab{
  3100. display:block;
  3101. }
  3102. .cmm-tabs .content-tab {
  3103. background-color: transparent;
  3104. padding: 0;
  3105. }
  3106. .cmm-tabs-header {
  3107. margin-bottom: 10px;
  3108. border-bottom: 2px solid #eee;
  3109. position: relative;
  3110. }
  3111. .cmm-tabs-header h3 {
  3112. display: inline-block;
  3113. font-size: 18px;
  3114. margin: 0;
  3115. border-bottom: 2px solid #777;
  3116. color: #010101;
  3117. top: 2px;
  3118. font-weight: 500;
  3119. padding-bottom: 2px;
  3120. }
  3121. .cmm-tabs-header h3 h9 {
  3122. display: none;
  3123. }
  3124. .simplyTab .cmm-tabs-header .wrap-tab {
  3125.  
  3126. }
  3127. .cmm-tabs-header .wrap-tab a {
  3128.    height: auto;
  3129.    line-height: 1.2em;
  3130.    padding: 8px 5px;
  3131.    display: block;
  3132.    text-align: center;
  3133. }
  3134. .cmm-tabs-header .wrap-tab li {
  3135. float: left;
  3136.    width: 33%;
  3137.    padding: 0;
  3138. }
  3139. .facebook-tab,
  3140. .fb_iframe_widget_fluid span,
  3141. .fb_iframe_widget iframe {
  3142. width: 100%!important;
  3143. }
  3144. .cmm-tabs.simplyTab .content-tab {
  3145. background-color: transparent;
  3146. padding: 0;
  3147. margin-top: 20px;
  3148. }
  3149. .cmm-tabs.simplyTab .wrap-tab li a {
  3150. text-transform: uppercase;
  3151. color: #FFF;
  3152. font-weight: 500;
  3153. background-color: $darkcolor;
  3154. font-size: 12px;
  3155. }
  3156. .cmm-tabs.simplyTab .wrap-tab li a.activeTab {
  3157. background-color: $maincolor;
  3158. color:#fff;
  3159. }
  3160. .cmm-tabs.simplyTab .wrap-tab {
  3161.  
  3162. }
  3163. .cmm-tabs.simplyTab .wrap-tab li {
  3164. margin:0;
  3165. list-style: none;
  3166. }
  3167. .wrap-tab {
  3168. list-style: none;
  3169. }
  3170. .content-tab {
  3171. transition: all .0s ease;
  3172. -webkit-transition: all .0s ease;
  3173. -moz-transition: all .0s ease;
  3174. -o-transition: all .0s ease;
  3175. }
  3176. /*****************************************
  3177. Footer Bottom CSS
  3178. ******************************************/
  3179. #lower {
  3180. margin:auto;
  3181. padding: 0px 0px 10px 0px;
  3182. width: 100%;
  3183. background:#24272c;
  3184. border-bottom: 1px solid $maincolor;
  3185. }
  3186. #lower-wrapper {
  3187. margin:auto;
  3188. padding: 20px 0px 20px 0px;
  3189. }
  3190. #lowerbar-wrapper {
  3191. float: left;
  3192. margin: 0px 5px auto;
  3193. padding-bottom: 20px;
  3194. width: 32%;
  3195. text-align: justify;
  3196. color:#ddd;
  3197. line-height: 1.6em;
  3198. word-wrap: break-word;
  3199. overflow: hidden;
  3200. max-width: 375px;
  3201. }
  3202. .lowerbar {margin: 0; padding: 0;}
  3203. .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;box-sizing:border-box;}
  3204. .lowerbar h2 {
  3205.    color: #fff;
  3206.    font-size: 16px;
  3207.    font-weight: 700;
  3208.    text-transform: uppercase;
  3209.    margin: 0 0 0 0;
  3210.    padding: 0;
  3211.    position: relative;
  3212.    border-bottom: 2px solid rgba(255,255,255,.2);
  3213.    transition: all .5s ease-out;
  3214.    overflow: hidden;
  3215. }
  3216. .lowerbar h2 span {
  3217.    padding: 12px 0;
  3218.    border-bottom: 2px solid $maincolor;
  3219.    margin-bottom: -2px;
  3220.    display: inline-block;
  3221. }
  3222. .lowerbar h2:after {
  3223.    content: '';
  3224.    display: inline-block;
  3225.    position: absolute;
  3226.    height: 15px;
  3227.    top: 0;
  3228.    margin: 12px 0 12px 10px;
  3229.    width: 100%;
  3230.    background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat;
  3231. }
  3232. .lowerbar ul {
  3233. margin: 0 auto;
  3234. padding: 0;
  3235. list-style-type: none;
  3236. }
  3237. .lowerbar li {
  3238. display:block;
  3239. line-height: 1.6em;
  3240. margin-left: 0 !important;
  3241. list-style-type: none;
  3242. }
  3243. .lowerbar li a {
  3244. text-decoration:none; color: #DBDBDB;
  3245. }
  3246. .lowerbar li a:hover {
  3247.  
  3248. }
  3249. .lowerbar li:hover {
  3250.  
  3251. }
  3252. .lowerbar .PopularPosts ul li a, .lowerbar, .lowerbar .ty-bonus .ty-bonos-entry a, .lowerbar .tyard-komet a  {
  3253. color:#fff;
  3254. }
  3255. .lowerbar .PopularPosts .widget-content ul li {
  3256. border-bottom: 1px solid rgb(51, 51, 51);
  3257. border-top: 0;
  3258. }
  3259. .lowerbar .ty-bonus .ty-wow {
  3260. border-bottom: 1px solid rgb(51, 51, 51);
  3261. border-top: 0;
  3262. }
  3263. .lowerbar .PopularPosts .widget-content ul li:last-child {
  3264. border: 0;
  3265. }
  3266. .lowerbar .widget-content {
  3267.    padding: 10px 0;
  3268. }
  3269. /* ######## Footer Copyright Css ######################### */
  3270. #ty_footer {
  3271.    background: #1f2329;
  3272.    color: #fff;
  3273.    font-weight: 300;
  3274.    padding: 15px 0px;
  3275. }
  3276. .ty-copy-container {
  3277.    margin: 0 auto;
  3278.    overflow: hidden;
  3279. }
  3280. .ty_footer_copyright a {
  3281.    color:#fff;
  3282. }
  3283. .ty_footer_copyright {
  3284. text-align: left;
  3285.    display: inline-block;
  3286.    line-height: 30px;
  3287. }
  3288. .bottom-bar-social {
  3289. float: right;
  3290. padding: 0 0;
  3291. }
  3292. .bottom-bar-social li {
  3293. display: inline;
  3294. padding: 0;
  3295. float: left;
  3296. margin-right: 5px;
  3297. ;
  3298. }
  3299. .bottom-bar-social .widget ul {
  3300. padding: 0;
  3301. }
  3302. .bottom-bar-social .LinkList ul {
  3303. text-align: center;
  3304. }
  3305. .bottom-bar-social #social a {
  3306. display: block;
  3307. width: 30px;
  3308. height: 30px;
  3309. line-height: 30px;
  3310. font-size: 15px;
  3311. color: #fff;
  3312. }
  3313. .bottom-bar-social #social a:before {
  3314. display: inline-block;
  3315. font: normal normal normal 22px/1 FontAwesome;
  3316. font-size: inherit;
  3317. font-style: normal;
  3318. font-weight: 400;
  3319. -webkit-font-smoothing: antialiased;
  3320. -moz-osx-font-smoothing: grayscale;
  3321. }
  3322. .bottom-bar-social .bloglovin:before{content:"\f004"}
  3323. .bottom-bar-social .facebook:before{content:"\f09a"}
  3324. .bottom-bar-social .twitter:before{content:"\f099"}
  3325. .bottom-bar-social .gplus:before{content:"\f0d5"}
  3326. .bottom-bar-social .rss:before{content:"\f09e"}
  3327. .bottom-bar-social .youtube:before{content:"\f167"}
  3328. .bottom-bar-social .skype:before{content:"\f17e"}
  3329. .bottom-bar-social .stumbleupon:before{content:"\f1a4"}
  3330. .bottom-bar-social .tumblr:before{content:"\f173"}
  3331. .bottom-bar-social .vine:before{content:"\f1ca"}
  3332. .bottom-bar-social .stack-overflow:before{content:"\f16c"}
  3333. .bottom-bar-social .linkedin:before{content:"\f0e1"}
  3334. .bottom-bar-social .dribbble:before{content:"\f17d"}
  3335. .bottom-bar-social .soundcloud:before{content:"\f1be"}
  3336. .bottom-bar-social .behance:before{content:"\f1b4"}
  3337. .bottom-bar-social .digg:before{content:"\f1a6"}
  3338. .bottom-bar-social .instagram:before{content:"\f16d"}
  3339. .bottom-bar-social .pinterest:before{content:"\f0d2"}
  3340. .bottom-bar-social .delicious:before{content:"\f1a5"}
  3341. .bottom-bar-social .codepen:before{content:"\f1cb"}
  3342. .bottom-bar-social ul#social a:hover {
  3343. color: $maincolor;
  3344. opacity: 1;
  3345. }
  3346. /* ######## Custom Widget Css ######################### */
  3347. .back-to-top {
  3348. display:none;
  3349. position: fixed;
  3350. right: 10px;
  3351. bottom: 0;
  3352. text-decoration: none;
  3353. color: #fff;
  3354. background:$maincolor;
  3355. font-size: 14px;
  3356. padding: 10px;
  3357. -webkit-border-radius:2px 2px 0 0;
  3358. -moz-border-radius: 2px 2px 0 0;
  3359. border-radius:2px 2px 0 0;
  3360. }
  3361.  
  3362. .back-to-top:hover {
  3363. background-color:$darkcolor;
  3364. text-decoration:none;
  3365. color:#ffffff;
  3366. }
  3367. .social-counter {
  3368. margin: 0;
  3369. padding: 0;
  3370. overflow: hidden;
  3371. }
  3372. .social-counter .widget {
  3373.    margin-bottom: 20px;
  3374. overflow: hidden;
  3375. }
  3376. .social-counter .widget-content {
  3377.    padding: 10px 0;
  3378. overflow: hidden;
  3379. }
  3380. .social-counter ul {
  3381. margin: 0;
  3382. padding: 0
  3383. }
  3384. .social-counter ul li {
  3385. width: 33%;
  3386.    float: left;
  3387.    text-align: center;
  3388.    margin: 0;
  3389.    padding: 0 8px 8px 0;
  3390.    position: relative;
  3391.    box-sizing: border-box;
  3392. }
  3393. .social-counter ul li:nth-child(3) {
  3394.    padding: 0 0 8px 0;
  3395. }
  3396. .social-counter ul li:nth-child(4), .social-counter ul li:nth-child(5), .social-counter ul li:nth-child(6) {
  3397. padding: 0 8px 0 0;
  3398. }
  3399. .social-counter ul li:nth-child(6) {
  3400. padding: 0;
  3401. }
  3402.  
  3403. .social-counter ul li a {
  3404.    margin: 0;
  3405.    padding:10px 5px;;
  3406.    border: 1px solid #f2f2f2;
  3407.    overflow: hidden;
  3408.    display: block;
  3409. }
  3410. .item-icon {
  3411. position: relative;
  3412.    text-align: center;
  3413.    vertical-align: middle;
  3414.    color: #fff;
  3415.    margin: 0;
  3416.    display: inline-block;
  3417.    width: 50px;
  3418.    height: 50px;
  3419.    line-height: 50px;
  3420.    font-size: 20px;
  3421.    border-radius: 100%;
  3422. }
  3423. .hide-count {
  3424. display: none
  3425. }
  3426. .item-count {
  3427. display: block;
  3428.    color: #202020;
  3429.    font-weight: 700;
  3430.    font-size: 14px;
  3431.    line-height: 28px;
  3432.    float: none;
  3433. }
  3434. .item-text {
  3435. float: none;
  3436.    display: block;
  3437.    color: #CBCBCB;
  3438.    font-size: 12px;
  3439.    font-weight: 400;
  3440. }
  3441. .item-social.facebook .item-icon {
  3442. background-color: #5271b3
  3443. }
  3444. .item-social.twitter .item-icon {
  3445. background-color: #49aff8
  3446. }
  3447. .item-social.gplus .item-icon {
  3448. background-color: #cb2027
  3449. }
  3450. .item-social.rss .item-icon {
  3451. background-color: #FFC200
  3452. }
  3453. .item-social.youtube .item-icon {
  3454. background-color: #eb1a21
  3455. }
  3456. .item-social.dribbble .item-icon {
  3457. background-color: #ea4c89
  3458. }
  3459. .item-social.instagram .item-icon {
  3460. background-color: #4E729A
  3461. }
  3462. .item-social.pinterest .item-icon {
  3463. background-color: #cb2027
  3464. }
  3465. .item-social.facebook .item-icon:before {
  3466. content: "\f09a"
  3467. }
  3468. .item-social.twitter .item-icon:before {
  3469. content: "\f099"
  3470. }
  3471. .item-social.gplus .item-icon:before {
  3472. content: "\f0d5"
  3473. }
  3474. .item-social.rss .item-icon:before {
  3475. content: "\f09e"
  3476. }
  3477. .item-social.youtube .item-icon:before {
  3478. content: "\f16a"
  3479. }
  3480. .item-social.instagram .item-icon:before {
  3481. content: "\f16d"
  3482. }
  3483. .item-social.dribbble .item-icon:before {
  3484. content: "\f17d"
  3485. }
  3486. .item-social.pinterest .item-icon:before {
  3487. content: "\f0d2"
  3488. }
  3489. .social-counter ul li:hover .item-icon {
  3490. background-color: #202020;
  3491. }
  3492. .social-counter ul li:hover .item-text {
  3493. color: #FFD439;
  3494. }
  3495. select#BlogArchive1_ArchiveMenu {
  3496. width: 100%;
  3497. padding: 10px;
  3498. border-color: #777;
  3499. }
  3500. #ads-blog {
  3501.    margin: 0 auto;
  3502. }
  3503. #adwidegt1 .widget, #adwidegt2 .widget, #adwidegt3 .widget {
  3504.    width: 728px;
  3505.    max-height: 90px;
  3506.    padding: 0;
  3507.    max-width: 100%;
  3508.    box-sizing: border-box;
  3509. display:none;
  3510.    width: 100%;
  3511. }
  3512. #adwidegt1 .widget {
  3513.    margin: 15px auto 0 !important;
  3514. display:block !important;
  3515.    width: 100%;
  3516.    max-height: 100%;
  3517. }
  3518. #adwidegt2 .widget {
  3519.    margin: 15px auto 0 !important;
  3520. }
  3521. #adwidegt1 .widget h2, #adwidegt2 .widget h2, #adwidegt3 .widget h2 {
  3522. display:none;
  3523. visibility:hidden;
  3524. }
  3525. .ads-posting {
  3526.    margin: 10px 0 0;
  3527. }
  3528. .post-footer .ads-posting {
  3529.    margin: 15px 0 0;
  3530. }
  3531. .sidebar .FollowByEmail > h3.title,
  3532. .sidebar .FollowByEmail .title-wrap {
  3533. margin-bottom: 0
  3534. }
  3535. .FollowByEmail {
  3536. padding: 4px;
  3537.    background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
  3538.    background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
  3539.    background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
  3540.    clear: both;
  3541. }
  3542. .FollowByEmail td {
  3543. width: 100%;
  3544. float: left;
  3545. box-sizing: border-box
  3546. }
  3547. .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  3548. margin-left: 0;
  3549. width: 100%;
  3550. border-radius: 0;
  3551. height: 30px;
  3552. font-size: 11px;
  3553. color: #fff;
  3554. background-color: $seconddarkcolor;
  3555. font-family: Poppins;
  3556. text-transform: uppercase;
  3557. font-weight: 700;
  3558. letter-spacing: 1px
  3559. }
  3560. .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  3561. background-color: $maincolor
  3562. }
  3563. .FollowByEmail .email-letter-text {
  3564.    padding: 10px;
  3565.    text-align: center;
  3566. box-sizing:border-box;
  3567. }
  3568. .FollowByEmail .email-letter-text .subhead {
  3569.    color: $maincolor;
  3570.    display: inline-block;
  3571.    font-size: 25px;
  3572.    font-weight: 700;
  3573.    letter-spacing: 1px;
  3574.    text-transform: uppercase;
  3575.    word-spacing: 2px;
  3576.    margin-bottom: 10px;
  3577. }
  3578. .FollowByEmail .email-letter-text .subtext {
  3579.    color: #000113;
  3580.    font-size: 17px;
  3581.    line-height: 25px;
  3582. }
  3583. .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  3584. height: 30px;
  3585.    border: 0px solid white;
  3586.    padding: 13px 15px;
  3587.    background: #f5f5f5;
  3588. margin-bottom: 5px;
  3589. box-sizing: border-box;
  3590. font-size: 11px;
  3591. font-family: inherit
  3592. }
  3593. .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
  3594. border: 0px solid #FFF
  3595. }
  3596. .FollowByEmail .widget-content {
  3597. background-color: #fff;
  3598. box-sizing: border-box;
  3599. padding: 10px
  3600. }
  3601. .lowerbar .FollowByEmail .widget-content {
  3602.    margin-top: 10px;
  3603. }
  3604.  
  3605. .ty-bonus .ty-wow {
  3606.    overflow: hidden;
  3607.    border-bottom: 1px solid #F5F5F5;
  3608.    padding: 10px 0;
  3609. }
  3610. .ty-bonus .ty-wow:first-child {
  3611.    padding-top: 0;
  3612. }
  3613. .ty-bonus .ty-wow:last-child {
  3614.    border-bottom: none;
  3615. }
  3616. .ty-bonus .ty-thumb-bonos {
  3617.    position: relative;
  3618.    float: left;
  3619.    margin: 0!important;
  3620.    width: 80px;
  3621.    height: 60px;
  3622.    overflow: hidden;
  3623.    display: block;
  3624.    vertical-align: middle;
  3625. }
  3626. .ty-bonus .ty-bonus-con {
  3627.    padding-left: 10px;
  3628.    display: table-cell;
  3629. }
  3630. .ty-bonus .ty-bonos-entry {
  3631.    overflow: hidden;
  3632.    line-height: 0;
  3633.    margin: 0 0 2px;
  3634.    padding: 0;
  3635. }
  3636. .ty-bonus .ty-bonos-entry a {
  3637.    color: $darkcolor;
  3638.    font-weight: 400;
  3639.    font-size: 13px;
  3640.    line-height: 1.5em;
  3641. }
  3642. .ty-bonus .ty-bonos-entry a:hover {
  3643.    color: $maincolor;
  3644. }
  3645. .ty-bonus .ty-thumb-bonos:hover .tyimg-lay {
  3646.    background-color: rgba(40, 35, 40, 0.3);
  3647. }
  3648. .yard-auth-ty {
  3649.    margin-right: 10px;
  3650. }
  3651. .yard-auth-ty::before {
  3652.    content: '\f007';
  3653.    font-family: fontawesome;
  3654.    color: #bbb;
  3655.    margin-right: 5px;
  3656. }
  3657. .yard-auth-ty,
  3658. .ty-time {
  3659.    color: #bdbdbd;
  3660.    font-size: 12px;
  3661.    font-weight: 400;
  3662. }
  3663. .ty-time:before {
  3664.    content: '\f133';
  3665.    font-family: fontawesome;
  3666.    color: #bbb;
  3667.    margin-right: 5px;
  3668. }
  3669. .sidebar .PopularPosts .widget-content ul li:first-child,
  3670. .sidebar .ty-bonus .ty-wow:first-child {
  3671.    padding-top: 0;
  3672.    border-top: 0;
  3673. }
  3674. .sidebar .PopularPosts .widget-content ul li:last-child,
  3675. .sidebar .ty-bonus .ty-wow:last-child {
  3676.    padding-bottom: 0;
  3677. }
  3678. .tyard-komet .ty-komet .ty-komet-tar {
  3679.    position: relative;
  3680.    overflow: hidden;
  3681.    padding: 0;
  3682.    width: 55px;
  3683.    height: 55px;
  3684.    float: left;
  3685.    margin: 0 10px 0 0;
  3686. }
  3687. .tyard-komet .ty-komet {
  3688.    background: none!important;
  3689.    clear: both;
  3690.    list-style: none;
  3691.    word-break: break-all;
  3692.    display: block;
  3693.    border-top: 1px solid #F5F5F5;
  3694.    border-bottom: 0 !important;
  3695.    overflow: hidden;
  3696.    margin: 0;
  3697.    padding: 10px 0;
  3698. }
  3699. .tyard-komet .ty-komet:first-child {
  3700.    padding-top: 0;
  3701.    border-top: 0;
  3702. }
  3703. .tyard-komet .ty-komet:last-child {
  3704.    padding-bottom: 0;
  3705. }
  3706. .tyard-komet .ty-komet span {
  3707.  color: #bdbdbd;
  3708.    display: block;
  3709.    line-height: 1.2em;
  3710.    text-transform: lowercase;
  3711.    font-size: 12px;
  3712.    font-style: italic;
  3713.    font-weight: 400;
  3714.    overflow: hidden;
  3715.    background: #f9f9f9;
  3716.    height: 38px;
  3717.    margin-top: 5px;
  3718.    box-sizing: border-box;
  3719.    padding: 5px 8px;
  3720. }
  3721. .yardimg-komet {
  3722.    width: 55px;
  3723.    height: 55px;
  3724.    float: left;
  3725.    margin: 0 10px 0 0;
  3726. }
  3727. .tyard-komet a {
  3728.    color: $darkcolor;
  3729.    position: relative;
  3730.    font-size: 13px;
  3731.    text-transform: capitalize;
  3732.    display: block;
  3733.    overflow: hidden;
  3734.    font-weight: 400;
  3735. }
  3736. .tyard-komet a:hover {
  3737.    color:$maincolor;
  3738. }
  3739. .tyard-komet {
  3740.    list-style: none;
  3741.    padding: 0;
  3742. }
  3743. .cloud-label-widget-content {
  3744. display: inline-block;
  3745. text-align: left;
  3746. }
  3747. .cloud-label-widget-content .label-size {
  3748. display: inline-block;
  3749. float: left;
  3750. font-size: 12px;
  3751. line-height: normal;
  3752. margin: 0 5px 5px 0;
  3753. opacity: 1
  3754. }
  3755. .cloud-label-widget-content .label-size a {
  3756. background: #efefef;
  3757. color: #000;
  3758. float: left;
  3759. font-weight: 400;
  3760. line-height: 100%;
  3761. margin: 0;
  3762. padding: 8px 10px;
  3763. text-transform: uppercase;
  3764. transition: all .6s;
  3765. letter-spacing: 1.5px;
  3766. font-family:Poppins;
  3767. }
  3768. .cloud-label-widget-content .label-size a:hover,
  3769. .cloud-label-widget-content .label-size a:active {
  3770. background:$maincolor;
  3771. color: #fff;
  3772. }
  3773. .cloud-label-widget-content .label-size .label-count {
  3774. display:none;
  3775. }
  3776. .list-label-widget-content li {
  3777. display: block;
  3778. padding: 8px 0;
  3779. border-bottom: 1px solid #ececec;
  3780. position: relative
  3781. }
  3782. .list-label-widget-content li a:before {
  3783. content: '\203a';
  3784. position: absolute;
  3785. left: 0px;
  3786. top:5px;
  3787. font-size: 22px;
  3788. color: #10b765
  3789. }
  3790. .lowerbar .list-label-widget-content li a {
  3791. color:#fff;
  3792. }
  3793. .lowerbar .list-label-widget-content li {
  3794. border-bottom: 1px solid rgb(51, 51, 51);
  3795. border-top: 0;
  3796. }
  3797. .lowerbar .list-label-widget-content li:last-child {
  3798. border: 0;
  3799. }
  3800. .list-label-widget-content li a {
  3801. color: #282828;
  3802. font-size: 14px;
  3803. padding-left: 20px;
  3804. font-weight: 400;
  3805. text-transform: capitalize;
  3806. font-family:Poppins;
  3807. letter-spacing: 1.5px;
  3808. }
  3809. .list-label-widget-content li span:last-child {
  3810. color: #f6b2ca;
  3811. font-size: 12px;
  3812. font-weight: 700;
  3813. position: absolute;
  3814. top: 9px;
  3815. right: 0
  3816. }
  3817. .PopularPosts .item-thumbnail {
  3818. margin: 0 15px 0 0 !important;
  3819. width: 80px;
  3820. height: 60px;
  3821. float: left;
  3822. overflow: hidden;
  3823. position: relative
  3824. }
  3825. .PopularPosts .item-thumbnail a {
  3826. position: relative;
  3827. display: block;
  3828. overflow: hidden;
  3829. line-height: 0
  3830. }
  3831. .PopularPosts ul li img {
  3832. width: 90px;
  3833. height: 65px;
  3834. object-fit: cover;
  3835. padding: 0;
  3836. transition: all .3s ease
  3837. }
  3838. .PopularPosts .widget-content ul li {
  3839. overflow: hidden;
  3840. padding: 10px 0;
  3841. border-top: 1px solid #f2f2f2
  3842. }
  3843. .sidebar .PopularPosts .widget-content ul li:first-child,
  3844. #sidetabs .PopularPosts .widget-content ul li:first-child {
  3845. padding-top: 0;
  3846. border-top: 0
  3847. }
  3848. .sidebar .PopularPosts .widget-content ul li:last-child,
  3849. .sidebar .ty-bonus .ty-wow:last-child,
  3850. .tab-widget .PopularPosts .widget-content ul li:last-child,
  3851. .tab-widget .ty-bonus .ty-wow:last-child {
  3852. padding-bottom: 0
  3853. }
  3854. .PopularPosts ul li a {
  3855. color: $darkcolor;
  3856. font-weight: 400;
  3857. font-size: 13px;
  3858. line-height: 1.4em;
  3859. transition: color .3s;
  3860. font-family: Poppins;
  3861. letter-spacing:1.5px;
  3862. }
  3863. .PopularPosts ul li a:hover {
  3864. color: #a0d3db
  3865. }
  3866. .PopularPosts .item-title {
  3867. margin: 0 0 4px;
  3868. padding: 0;
  3869. line-height: 0
  3870. }
  3871. .item-snippet {
  3872. display: none;
  3873. font-size: 0;
  3874. padding-top: 0
  3875. }
  3876. .PopularPosts ul {
  3877. counter-reset: popularcount;
  3878. margin: 0;
  3879. padding: 0;
  3880. }
  3881. .PopularPosts .item-thumbnail::before {
  3882. background: rgba(0, 0, 0, 0.3);
  3883. bottom: 0px;
  3884. content: "";
  3885. height: 100px;
  3886. width: 100px;
  3887. left: 0px;
  3888. right: 0px;
  3889. margin: 0px auto;
  3890. position: absolute;
  3891. z-index: 3;
  3892. }
  3893. /* ######## Responsive Css ######################### */
  3894. @media only screen and (max-width: 1200px) {
  3895. .body-row {
  3896. width: 96% !important;
  3897. margin: 0 auto;
  3898. float: none;
  3899. }
  3900. .tyard-wrapper {
  3901.    margin: 10px auto;
  3902. }
  3903. .headerright, .headerleft {
  3904.    float: none;
  3905.    width: 100%;
  3906.    text-align: center;
  3907.    height: auto;
  3908.    margin: 0 auto;
  3909.    clear: both;
  3910. }
  3911. .headerleft img {
  3912.    margin: auto;
  3913.    padding-bottom: 15px;
  3914. }
  3915. .headerright {
  3916.    margin: 10px auto 0;
  3917. }
  3918. .tybox-more {
  3919.    display: none;
  3920. }
  3921. .headerleft .description {
  3922.    text-align: center;
  3923. }
  3924. }
  3925. @media only screen and (max-width: 980px) {
  3926. #featured ul li {
  3927. width: 100%;
  3928. float: none;
  3929. margin: 0 auto 20px;
  3930. clear: both;
  3931. }
  3932. #main-wrapper, #sidebar-wrapper, #lowerbar-wrapper {
  3933. float: none;
  3934. clear: both;
  3935. width: 100%;
  3936. margin: 0 auto;
  3937. }
  3938. #main-wrapper {
  3939. max-width: 100%;
  3940. }
  3941. #sidebar-wrapper {
  3942. padding-top: 20px;
  3943. }
  3944. #nav1, #nav {
  3945. display: none;
  3946. }
  3947. .selectnav {
  3948. width: auto;
  3949. color: #222;
  3950. background: #f4f4f4;
  3951. border: 1px solid rgba(255,255,255,0.1);
  3952. position: relative;
  3953. border: 0;
  3954. padding: 6px 10px!important;
  3955. margin: 5px 0;
  3956. }
  3957. .selectnav {
  3958. display: block;
  3959. width: 100%;
  3960. max-width:200px;
  3961. }
  3962. .tm-menu .selectnav {
  3963. display:inline-block;
  3964.    margin: 10px 0 0 10px;
  3965. }
  3966. #menu {
  3967. text-align:left;
  3968. }
  3969. }
  3970. @media screen and (max-width: 880px) {
  3971.  
  3972. .item #content-wrapper {
  3973. padding: 0 0 30px;
  3974. }
  3975. .tyard .ty-feat .ty-rest .recent-summary {
  3976.    display: none;
  3977. }
  3978. .templatesyard .ty-feat .ty-rest-wrap .ty-rest .yard-tent-ty {
  3979.    bottom: 0;
  3980. }
  3981. }
  3982. @media only screen and (max-width: 768px) {
  3983. .top-bar-social, .bottom-bar-social {
  3984.    float: none;
  3985.    width: 100%;
  3986.    clear: both;
  3987.    overflow: hidden;
  3988. }
  3989. .top-bar-menu {
  3990.    float: none;
  3991.    width: 100%;
  3992.    clear: both;
  3993.    margin-top: 0;
  3994. text-align: center;
  3995. }
  3996. .top-bar-social li, .bottom-bar-social li {
  3997.    display: inline-block;
  3998.    float: none;
  3999. }
  4000. .selectnav {
  4001.    display: inline-block;
  4002. }
  4003. .ops-404 {
  4004. width: 80%!important;
  4005. }
  4006. .title-404 {
  4007. font-size: 160px!important;
  4008. }
  4009. .tyard .ty-first {
  4010.    width: 100%;
  4011.    float: none;
  4012.    padding-right: 0;
  4013. margin-bottom: 10px;
  4014. }
  4015. .tyard .ty-first .tyard-thumb, .tyard .ty-img, .templatesyard .ty-feat .ty-rest .tyard-thumb, .templatesyard .ty-feat .ty-rest .yard-img {
  4016. height: 300px;
  4017. }
  4018. .tyard .ty-feat .ty-rest-wrap, .tyard .ty-feat .ty-last {
  4019.    width: 100%;
  4020.    padding: 0;
  4021. }
  4022. .post-home-image {
  4023.    float: none;
  4024.    width: 100%;
  4025.    margin-bottom: 20px;
  4026.    position: relative;
  4027. }
  4028. .tyard .ty-feat .ty-last {
  4029.    margin-top: 10px;
  4030. }
  4031. .post-home-image .post-thumb a, .post-home-image .post-thumb, .post-home-image {
  4032. height:250px;
  4033. }
  4034. #meta-post {
  4035. text-align: center;
  4036. }
  4037. .index .post, .archive .post {
  4038. text-align:center;
  4039. }
  4040. .ty_footer_copyright {
  4041.    text-align: center;
  4042.    display: block;
  4043.    clear: both;
  4044. }
  4045. }
  4046. @media only screen and (max-width: 620px) {
  4047. #header-wrappers {
  4048.    padding: 10px 0;
  4049. }
  4050. .tyard .ty-first .ty-con-yard .recent-summary {
  4051. display:none;
  4052. }
  4053. .tybox .tybox-first, .tylist .tylist-first, .tyleft-wrapper, .tyright-wrapper {
  4054.    width: 100%;
  4055.    padding-right: 0;
  4056.    float: none;
  4057.    margin-bottom: 10px;
  4058.    clear: both;
  4059. }
  4060. .tyright-wrapper {
  4061.    padding-left: 0;
  4062. }
  4063. .tygrid .ty-feat .tygrid-rest {
  4064.    width: 50%;
  4065. }
  4066. .tygrid .ty-feat .tygrid-rest:nth-child(2n) {
  4067.    padding-right: 0;
  4068. }
  4069. .tygrid .ty-feat .tygrid-rest:nth-child(3n) {
  4070.    padding-right: 1.4%;
  4071. }
  4072. .ty-post-share li {
  4073.    width: 50%;
  4074. }
  4075. .related li {
  4076.    width: 100%;
  4077.    margin-left: 0;
  4078. }
  4079. }
  4080. @media only screen and (max-width: 480px) {
  4081. .top-bar-social #social a {
  4082.    display: block;
  4083.    width: 20px;
  4084.    height: 20px;
  4085.    line-height: 20px;
  4086.    font-size: 12px;
  4087. }
  4088. .ticker .title, .ticker .tk-thumb {
  4089.    display: none;
  4090. }
  4091. .tybox .ty-feat .tybox-rest:nth-child(4), .tybox .ty-feat .tybox-rest:nth-child(5) {
  4092.    width: 100%;
  4093.    float: none;
  4094.    padding: 0;
  4095.    margin-bottom: 10px;
  4096. }
  4097. .tygrid .ty-feat .tygrid-rest, .tygrid .ty-feat .tygrid-rest:nth-child(3n) {
  4098.    width: 100%;
  4099.    padding-right: 0;
  4100. }
  4101. .index .post h2,.archive .post h2 {
  4102. line-height: 34px;
  4103. font-size: 23px;
  4104. }
  4105. h1.post-title {
  4106. font-size: 22px;
  4107. margin-bottom: 10px;
  4108. }
  4109. #meta-post {
  4110. display: inline-block;
  4111. }
  4112. #meta-post .post-labels {
  4113. display: block;
  4114. margin: 0 0 10px;
  4115. clear: both;
  4116. }
  4117. .other-meta .other-meta-desc, .other-meta .other-meta-read {
  4118. float: none;
  4119. display: block;
  4120. text-align: center;
  4121. }
  4122. .share-title {
  4123. display: none;
  4124. }
  4125. .social-btns {
  4126. float: none;
  4127. text-align: center;
  4128. }
  4129. #post-pager #blog-pager-newer-link, #post-pager #blog-pager-older-link {
  4130.    width: 100%;
  4131.    float: none;
  4132.    clear: both;
  4133. }
  4134. #sidebar-wrapper {
  4135. max-width: 100%;
  4136. }
  4137. .index .post-outer {
  4138. padding: 0 0 10px 0;
  4139. }
  4140. .ty-copy-container {
  4141. text-align: center;
  4142. }
  4143. .temp-cred {
  4144. float: none;
  4145. display: block;
  4146. clear: both;
  4147. margin: 5px 0 0;
  4148. }
  4149. .ty_footer_copyright {
  4150. float: none;
  4151. display: block;
  4152. clear: both;
  4153. }
  4154. }
  4155. @media only screen and (max-width: 360px) {
  4156. .title-404 {
  4157. font-size: 150px!important;
  4158. }
  4159. .Header .description p, .showpageOf{display:none}
  4160. }
  4161. @media only screen and (max-width: 300px) {
  4162. #sidebar-wrapper {display:none}
  4163. .tyheading-head .tymore {
  4164.    display: none;
  4165. }
  4166. .related-thumb {
  4167. width: 100%;
  4168. float: none;
  4169. }
  4170. .archive .post h2,.index .post h2 {
  4171. line-height: 29px!important;
  4172. font-size: 15px!important;
  4173. }
  4174. article {
  4175. overflow: hidden;
  4176. }
  4177. #blog-pager {
  4178. padding: 0;
  4179. margin: 0 0 5px;
  4180. }
  4181. .item #blog-pager {
  4182.    margin: 0 0 15px;
  4183. }
  4184. .index .resumo span,.archive .resumo span,.ty-author-box img, .breadcrumbs {
  4185. display: none;
  4186. }
  4187. .ty-author-box ul li a {
  4188.    padding: 0;
  4189.    background: none;
  4190. }
  4191. .ops-404 {
  4192. font-size: 20px!important;
  4193. }
  4194. .title-404 {
  4195. font-size: 120px!important;
  4196. }
  4197. h1.post-title {
  4198. font-size: 17px;
  4199. }
  4200. .top-bar-social #social a {
  4201. width: 24px;
  4202. height: 24px;
  4203. line-height: 24px;
  4204. }
  4205. .top-bar-menu, .ty-ran-yard {
  4206. display:none;
  4207. }
  4208. .ty-post-share li {
  4209.    width: 100%;
  4210. }
  4211. .comments .comments-content .comment-header {
  4212. width: 100%;
  4213. float: none;
  4214. clear: both;
  4215. margin: 0;
  4216. padding: 0;
  4217. }
  4218. .comments .comments-content .comment-header {
  4219. width: 100%;
  4220. float: none;
  4221. clear: both;
  4222. margin: 0px 0 0px -35px;
  4223. padding: 0;
  4224. }
  4225. }
  4226. ]]></b:skin>
  4227. <b:template-skin>
  4228. <![CDATA[
  4229. /*------Layout (No Edit)----------*/
  4230. body#layout #body-wrapper {
  4231.    padding: 0;
  4232.    width: 800px
  4233. }
  4234. body#layout #loader {
  4235. display: none;
  4236. }
  4237. body#layout .ty-slide-show {
  4238. opacity:1;
  4239. }
  4240. body#layout .theme-opt {
  4241.    display: block !important;
  4242. }
  4243. body#layout .section h4 {
  4244.   color: #333!important;
  4245. text-align:center;
  4246. text-transform:uppercase;
  4247. letter-spacing:1.5px;
  4248. }
  4249. body#layout .top-bar-social, body#layout .top-bar-menu {
  4250.       width: 47.3%;
  4251. }
  4252. body#layout .headerleft {
  4253.    width: 250px;
  4254. }
  4255. body#layout .headerright {
  4256.    width: 460px;
  4257. }
  4258. body#layout .ticker .widget {
  4259.    height: auto;
  4260.    overflow: visible;
  4261. }
  4262. body#layout .ticker .widget-content {
  4263.    height: auto;
  4264. }
  4265. body#layout .post-author-widget, body#layout .post-author-social {
  4266.    display: block;
  4267. visibility:visible;
  4268.    height: auto;
  4269.  width: 42.43%;
  4270. float:left;
  4271. }
  4272. body#layout .post-author-social {
  4273. float:right;
  4274. }
  4275. body#layout .tm-menu {
  4276.    height: auto;
  4277. }
  4278. body#layout #menu {
  4279.  display: block;
  4280. visibility:visible;
  4281.    height: auto;
  4282. }
  4283. body#layout #menu .widget {
  4284.  display: block;
  4285. visibility:visible;
  4286. }
  4287. body#layout .preload {
  4288. opacity:1;
  4289. }
  4290. body#layout #content-wrapper {
  4291. margin: 0 auto;
  4292. padding:0;
  4293. }
  4294. body#layout #adwidegt1 .widget, body#layout #adwidegt2 .widget, body#layout #adwidegt3 .widget {
  4295. display:block;
  4296. }
  4297. body#layout .tyright-wrapper {
  4298.    width: 50%;
  4299.    float: right;
  4300. }
  4301. body#layout .tyleft-wrapper {
  4302.    width: 50%;
  4303.    float: left;
  4304. }
  4305. body#layout #lowerbar-wrapper {
  4306.    width: 33.33%;
  4307.    float: left;
  4308. }
  4309. body#layout #main-wrapper {
  4310.    float: left;
  4311.    width: 70%;
  4312.    margin: 0;
  4313.    padding: 0
  4314. }
  4315.  
  4316. body#layout #sidebar-wrapper {
  4317.    float: right;
  4318.    width: 30%;
  4319.    margin: 0;
  4320.    padding: 0;
  4321. }
  4322. body#layout .sidebar.section {
  4323.  background-color: #ff7f00!important;
  4324. border: 1px solid #ca7900;
  4325. }
  4326. body#layout .sidetabs .section {
  4327. background-color: #ffd400 !important;
  4328.    border: 1px solid #dcbc20;
  4329. }
  4330. body#layout #sidebar-wrapper .section .widget-content {
  4331.   border-color: #5a7ea2!important
  4332. }
  4333. body#layout .section .draggable-widget .widget-wrap2 {
  4334.   background-color: #ff0036!important
  4335. }
  4336.  
  4337. body#layout #main-wrapper #main {
  4338.    margin-right: 4px;
  4339.   background-color: #5a7ea2;
  4340. border-color: #34495e
  4341. }
  4342. body#layout #main-wrapper #main h4 {
  4343.    color: #fff!important
  4344. }
  4345. body#layout .layout-widget-description {
  4346.    display: none!important
  4347. }
  4348. body#layout #Blog1 .widget-content {
  4349.    border-color: #34495e
  4350. }
  4351. body#layout .add_widget {
  4352.    background: #ebebeb;
  4353.    border: 1px solid #dddddd;
  4354. }
  4355. body#layout .FollowByEmail .widget-content:before {
  4356.    display: none;
  4357. }
  4358. body#layout .bottom-bar-social {
  4359.    display: block;
  4360.    float: none;
  4361. }
  4362. body#layout #lower, body#layout #lower-wrapper, body#layout #lowerbar-wrapper, body#layout #ty_footer, body#layout #header-wrappers {
  4363.    padding: 0;
  4364. }
  4365. body#layout .editlink {
  4366. background: #0088ff;
  4367. color: #fff !important;
  4368. padding: 0 3px;
  4369. line-height: 18px;
  4370. border: 1px solid #0088ff;
  4371. border-radius: 3px;
  4372. text-transform: uppercase;
  4373. letter-spacing: 1px;
  4374. text-decoration: none !important;
  4375. }
  4376. body#layout .menu-tab {
  4377.    display: none;
  4378. }
  4379. /*------Layout (end)----------*/
  4380. ]]></b:template-skin>
  4381. <style>
  4382. /*-------Typography and ShortCodes-------*/
  4383. .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:#ff0036;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}}
  4384. .FollowByEmail {
  4385.     clear: both;
  4386. }
  4387. .widget .post-body ol {
  4388.     padding: 0 0 0 15px;
  4389. }
  4390. .post-body ul li {
  4391.     list-style: none;
  4392. }
  4393. .sidebar #contact, .lowerbar #contact {
  4394. margin:0!important;
  4395. background-color:transparent;
  4396.   }
  4397. </style>
  4398. <b:include data='blog' name='google-analytics'/>
  4399. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  4400. <script type='text/javascript'>
  4401. //<![CDATA[
  4402. //CSS Ready
  4403.  
  4404. //CSS Ready
  4405. function loadCSS(e, t, n) {
  4406.    "use strict";
  4407.    var i = window.document.createElement("link");
  4408.    var o = t || window.document.getElementsByTagName("script")[0];
  4409.    i.rel = "stylesheet";
  4410.    i.href = e;
  4411.    i.media = "only x";
  4412.    o.parentNode.insertBefore(i, o);
  4413.    setTimeout(function() {
  4414.        i.media = n || "all"
  4415.    })
  4416. }
  4417. loadCSS("//fonts.googleapis.com/css?family=Poppins:400,500,600,700|Open+Sans:400,600,700,400italic|Black+Ops+One");
  4418. loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
  4419.  
  4420. //]]>
  4421. </script>
  4422. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  4423. <script type='text/javascript'>
  4424.   /*<![CDATA[*/
  4425. $(document).ready(function(){var static_page_text=$.trim($(".post-body").text());var text_month=[,"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sept","Oct","Nov","Dec"];if(static_page_text==="[sitemap]"){var postbody=$(".post-body");$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=[];for(var n=0;n<e.feed.category.length;n++){t.push(e.feed.category[n].term)}var t=t.join("/");postbody.html('<div class="btnt-sitemap"></div>');$(".post-body .btnt-sitemap").text(t);var r=$(".btnt-sitemap").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".btnt-sitemap").html(i);$(".btnt-sitemap span").each(function(){var e=$(this);var t=$(this).text();$.ajax({url:"/feeds/posts/default/-/"+t+"?alt=json-in-script",type:"get",dataType:"jsonp",success:function(n){var r="";var i='<ul class="btnt-toc">';for(var s=0;s<n.feed.entry.length;s++){for(var o=0;o<n.feed.entry[s].link.length;o++){if(n.feed.entry[s].link[o].rel=="alternate"){r=n.feed.entry[s].link[o].href;break}}var u=n.feed.entry[s].title.$t;var a=n.feed.entry[s].published.$t,f=a.substring(0,4),l=a.substring(5,7),c=a.substring(8,10),h='<span class="day">'+c.replace(/^0+/,"")+'</span><span class="month">'+text_month[parseInt(l,10)]+' </span><span class="year">'+f+"</span>";i+='<li><div class="toc-date">'+h+'</div><div class="btnt-icon"></div><span class="btnt-post"><a href="'+r+'">'+u+"</a></span></li>"}i+="</ul>";e.replaceWith('<div class="btnt-toc-wrap"><div class="btnt-cat">'+t+'</div>'+i+"</div>")}})})}})}});
  4426.  /*]]>*/
  4427. </script>
  4428. <style type='text/css'>
  4429. .btnt-sitemap { border-bottom: 4px solid #444; }
  4430. .btnt-toc-wrap { display: inline-block; width: 100%; }
  4431. .btnt-toc-wrap .btnt-cat { background: #333; border-radius: 2px; color: #fff; font-size: 15px; font-weight: bold; padding: 10px 20px; text-transform: capitalize; }
  4432. .btnt-toc::before { background: #333; bottom: 0; content: &quot;&quot;; left: 20%; margin-left: -10px; position: absolute; top: 0; width: 4px; }
  4433. .btnt-toc { margin: 0; padding: 30px 20px; position: relative; }
  4434. .btnt-toc li { list-style: none; margin: 0; padding: 0; position: relative; }
  4435. .btnt-toc &gt; li .toc-date { color: #999; display: block; font-size: 14px; font-weight: bold; position: absolute; text-transform: uppercase; top: 25px; width: 15%; }
  4436. .btnt-toc &gt; li .btnt-icon { background: #fff; border-radius: 50%; box-shadow: 0 0 0 4px #333; color: #fff; font-size: 1.4em; font-style: normal; font-variant: normal; font-weight: normal; height: 10px; left: 18.6%; line-height: 10px; margin: 0 0 0 -25px; position: absolute; text-align: center; text-transform: none; top: 30px; width: 10px; }
  4437. .btnt-toc &gt; li .btnt-post::after { border-color: transparent #f5f5f5 transparent transparent; border-style: solid; border-width: 10px; content: &quot; &quot;; height: 0; pointer-events: none; position: absolute; right: 100%; top: auto; width: 0; }
  4438. .btnt-toc &gt; li .btnt-post { background: #f5f5f5; border-radius: 5px; display: block; font-size: 15px; line-height: 15px; margin: 0 0 15px 23%; padding: 25px 30px; position: relative; }
  4439. .btnt-toc &gt; li .btnt-post a { color: #333; font-weight: bold; font-family:Poppins;}
  4440. .btnt-toc &gt; li .btnt-post a:hover { color: #999; }
  4441. </style>
  4442. </b:if>
  4443.  
  4444. </head>
  4445. <body expr:class='data:blog.pageType'>
  4446. <div class='theme-opt' style='display:none'>
  4447.     <b:section class='option' id='option' maxwidgets='1' name='Theme Options' showaddelement='yes'>
  4448.       <b:widget id='HTML900' locked='true' title='Boxed(True/False)' type='HTML' version='1'>
  4449.         <b:widget-settings>
  4450.           <b:widget-setting name='content'/>
  4451.         </b:widget-settings>
  4452.         <b:includable id='main'>
  4453.  <b:if cond='data:content == &quot;true&quot;'>
  4454.           &lt;style&gt;@media only screen and (min-width:1143px){#body-wrapper{max-width:1220px;}}&lt;/style&gt;
  4455.           </b:if>
  4456.         </b:includable>
  4457.       </b:widget>
  4458.       <b:widget id='HTML911' locked='true' title='Label Icons CSS' type='HTML' version='1'>
  4459.         <b:widget-settings>
  4460.           <b:widget-setting name='content'>a.Video:before {content:&quot;\f144&quot;}
  4461. a.Car:before {content:&quot;\f1b9&quot;}
  4462. a.Business:before {content:&quot;\f0b1&quot;}
  4463. a.People:before {content:&quot;\f183&quot;}
  4464. a.Nature:before {content:&quot;\f06c&quot;}
  4465. a.Fashion:before {content:&quot;\f0c4&quot;}
  4466. a.Gallery:before {content:&quot;\f03e&quot;}
  4467. a.Technology:before {content:&quot;\f1e6&quot;}
  4468. a.Learn:before, a.Culture:before {content:&quot;\f02d&quot;}
  4469. a.Music:before {content:&quot;\f001&quot;}
  4470. a.Sports:before {content:&quot;\f091&quot;}
  4471. a.Children:before {content:&quot;\f1ae&quot;}
  4472. a.Photography:before {content:&quot;\f030&quot;}
  4473. a.Beauty:before {content:&quot;\f004&quot;}
  4474. a.Food:before {content:&quot;\f015&quot;}
  4475. a.News:before {content:&quot;\f1ea&quot;}</b:widget-setting>
  4476.         </b:widget-settings>
  4477.         <b:includable id='main'>
  4478.           &lt;style&gt;<data:content/>&lt;/style&gt;
  4479.         </b:includable>
  4480.       </b:widget>
  4481.       <b:widget id='HTML910' locked='true' title='PageNavi Results No.' type='HTML' version='1'>
  4482.         <b:widget-settings>
  4483.           <b:widget-setting name='content'/>
  4484.         </b:widget-settings>
  4485.         <b:includable id='main'>  
  4486.           <b:if cond='data:content == &quot;&quot;'>      
  4487.             <script type='text/javascript'>
  4488.               //<![CDATA[
  4489.              var perPage = 6;
  4490.              //]]>
  4491.             </script>
  4492.             <b:else/>
  4493.             &lt;script type=&#39;text/javascript&#39;&gt;
  4494.             //&lt;![CDATA[
  4495.                 var perPage = <data:content/>;
  4496.             //]]&gt;
  4497.             &lt;/script&gt;
  4498.           </b:if>
  4499.         </b:includable>
  4500.       </b:widget>
  4501.       <b:widget id='HTML207' locked='true' title='Fixed Sidebar (true/false)' type='HTML' version='1'>
  4502.         <b:widget-settings>
  4503.           <b:widget-setting name='content'/>
  4504.         </b:widget-settings>
  4505.         <b:includable id='main'>
  4506.           <b:if cond='data:content == &quot;&quot;'>
  4507.             <script type='text/javascript'>
  4508.               //<![CDATA[
  4509.              $(document).ready(function() {
  4510.                if ($(window).width() > 1100) {      
  4511.                  $("#main-wrapper, #sidebar-wrapper").theiaStickySidebar({
  4512.                    additionalMarginTop: 25,
  4513.                    additionalMarginBottom: 25
  4514.                  });  
  4515.                }
  4516.              });
  4517.              //]]>
  4518.             </script>
  4519.             <b:else/>
  4520.             <b:if cond='data:content == &quot;true&quot;'>
  4521.               <script type='text/javascript'>
  4522.                 //<![CDATA[
  4523.                $(document).ready(function() {
  4524.                  if ($(window).width() > 1100) {      
  4525.                    $("#main-wrapper, #sidebar-wrapper").theiaStickySidebar({
  4526.                      additionalMarginTop: 25,
  4527.                      additionalMarginBottom: 25
  4528.                    });  
  4529.                  }
  4530.                });
  4531.                //]]>
  4532.               </script>
  4533.             </b:if>
  4534.           </b:if>
  4535.         </b:includable>
  4536.       </b:widget>
  4537.     </b:section>
  4538.   </div>
  4539. &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;
  4540. <div class='top-bar'>
  4541.  
  4542.         <div class='top-bar-wrapper body-row'>
  4543.  
  4544.             <b:section class='top-bar-social blue' id='header social widget' maxwidgets='1' name='Top Social Widget' showaddelement='no'>
  4545. <b:widget id='LinkList230' locked='true' title='Social Media Icons' type='LinkList' version='1'>
  4546.   <b:widget-settings>
  4547.     <b:widget-setting name='link-3'>#</b:widget-setting>
  4548.     <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4549.     <b:widget-setting name='text-1'>twitter</b:widget-setting>
  4550.     <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  4551.     <b:widget-setting name='text-0'>facebook</b:widget-setting>
  4552.     <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  4553.     <b:widget-setting name='text-3'>rss</b:widget-setting>
  4554.     <b:widget-setting name='link-0'>https://www.facebook.com/Javahaxor/</b:widget-setting>
  4555.     <b:widget-setting name='text-2'>gplus</b:widget-setting>
  4556.   </b:widget-settings>
  4557.   <b:includable id='main'>
  4558.             <div class='widget-content'>
  4559.               <ul id='social'>
  4560.                 <b:loop values='data:links' var='link'>
  4561.                   <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
  4562.                 </b:loop>
  4563.               </ul>
  4564.             </div>
  4565.           </b:includable>
  4566. </b:widget>
  4567. </b:section>
  4568.     <div class='top-bar-menu'>
  4569.  
  4570.  
  4571. <div class='top-menu'>
  4572.   <b:section class='top-menu' id='top-menu' maxwidgets='1' showaddelement='yes'>
  4573.     <b:widget id='LinkList940' locked='true' title='Main Menu' type='LinkList' version='1'>
  4574.       <b:widget-settings>
  4575.         <b:widget-setting name='link-3'>http://javahaxor.blogspot.co.id/p/privacy.html</b:widget-setting>
  4576.         <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4577.         <b:widget-setting name='link-4'>http://javahaxor.blogspot.co.id/p/sitemap.html</b:widget-setting>
  4578.         <b:widget-setting name='text-1'>About</b:widget-setting>
  4579.         <b:widget-setting name='link-1'>http://javahaxor.blogspot.co.id/p/about.html</b:widget-setting>
  4580.         <b:widget-setting name='text-0'>Home</b:widget-setting>
  4581.         <b:widget-setting name='link-2'>http://javahaxor.blogspot.co.id/p/contact.html</b:widget-setting>
  4582.         <b:widget-setting name='text-3'>Privacy Police</b:widget-setting>
  4583.         <b:widget-setting name='link-0'>http://javahaxor.blogspot.co.id/</b:widget-setting>
  4584.         <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
  4585.         <b:widget-setting name='text-4'>Sitemap</b:widget-setting>
  4586.       </b:widget-settings>
  4587.       <b:includable id='main'>
  4588.           <div class='widget-content'>
  4589.             <ul id='nav' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
  4590.               <b:loop values='data:links' var='link'>
  4591.                 <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
  4592.               </b:loop>
  4593.            </ul>
  4594.          
  4595.  
  4596.           </div>
  4597.         </b:includable>
  4598.     </b:widget>
  4599.   </b:section>
  4600. </div>
  4601. <div class='ty-ran-yard'><span><a class='ran-sym'/></span></div>
  4602. </div>
  4603.         </div>
  4604.  
  4605.     </div>
  4606.  
  4607. <div style='clear: both;'/>
  4608. <div class='header-wrap'>
  4609.  <div class='body-row' id='header-wrappers'>
  4610.     <div class='headerleft'>
  4611.       <b:section class='headerleft' id='headerleft' maxwidgets='1' name='Blog Logo' showaddelement='no'>
  4612.          <b:widget id='Header1' locked='true' title='Gudang Informasi (Header)' type='Header' version='1'>
  4613.            <b:widget-settings>
  4614.              <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-8VZHkww20a8/Wsm6BXIDOpI/AAAAAAAAAAg/JnQDYnnDbrwu9iimvYgCcHR0rg94CIB9wCK4BGAYYCw/s1600/Header.png</b:widget-setting>
  4615.              <b:widget-setting name='displayHeight'>206</b:widget-setting>
  4616.              <b:widget-setting name='sectionWidth'>284</b:widget-setting>
  4617.              <b:widget-setting name='useImage'>true</b:widget-setting>
  4618.              <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  4619.              <b:widget-setting name='imagePlacement'>BEFORE_DESCRIPTION</b:widget-setting>
  4620.              <b:widget-setting name='displayWidth'>500</b:widget-setting>
  4621.            </b:widget-settings>
  4622.            <b:includable id='main'>
  4623.  
  4624.   <b:if cond='data:useImage'>
  4625.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  4626.       <!--
  4627.      Show image as background to text. You can't really calculate the width
  4628.      reliably in JS because margins are not taken into account by any of
  4629.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  4630.      width if the user is using shrink to fit.
  4631.      This results in a margin-width's worth of pixels being cropped. If the
  4632.      user is not using shrink to fit then we expand the header.
  4633.      -->
  4634.       <b:if cond='data:mobile'>
  4635.         <div id='header-inner'>
  4636.           <div class='titlewrapper' style='background: transparent'>
  4637.             <h1 class='title' style='background: transparent; border-width: 0px'>
  4638.               <b:include name='title'/>
  4639.             </h1>
  4640.           </div>
  4641.           <b:include name='description'/>
  4642.         </div>
  4643.       <b:else/>
  4644.         <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'>
  4645.           <div class='titlewrapper' style='background: transparent'>
  4646.             <h1 class='title' style='background: transparent; border-width: 0px'>
  4647.               <b:include name='title'/>
  4648.             </h1>
  4649.           </div>
  4650.           <b:include name='description'/>
  4651.         </div>
  4652.       </b:if>
  4653.     <b:else/>
  4654.       <!--Show the image only-->
  4655.       <div id='header-inner'>
  4656.         <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none'/>
  4657.           <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'/>
  4658.         </a>
  4659.         <!--Show the description-->
  4660.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  4661.           <b:include name='description'/>
  4662.         </b:if>
  4663.       </div>
  4664.     </b:if>
  4665.   <b:else/>
  4666.     <!--No header image -->
  4667.     <div id='header-inner'>
  4668.       <div class='titlewrapper'>
  4669.         <h1 class='title'>
  4670.           <b:include name='title'/>
  4671.         </h1>
  4672.       </div>
  4673.       <b:include name='description'/>
  4674.     </div>
  4675.   </b:if>
  4676. </b:includable>
  4677.            <b:includable id='description'>
  4678.   <div class='descriptionwrapper'>
  4679.     <p class='description'><span><data:description/></span></p>
  4680.   </div>
  4681. </b:includable>
  4682.            <b:includable id='title'>
  4683.   <b:if cond='data:blog.url == data:blog.homepageUrl'>
  4684.     <data:title/>
  4685.   <b:else/>
  4686.     <a expr:href='data:blog.homepageUrl'><data:title/></a>
  4687.   </b:if>
  4688. </b:includable>
  4689.          </b:widget>
  4690.        </b:section>
  4691. </div>
  4692. <div class='headerright'>
  4693. <b:section class='headerright' id='headerright' maxwidgets='1' name='Header Ads' showaddelement='yes'>
  4694.    <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
  4695.      <b:includable id='main'>
  4696.   <!-- only display title if it's non-empty -->
  4697.   <b:if cond='data:title != &quot;&quot;'>
  4698.     <h2 class='title'><data:title/></h2>
  4699.   </b:if>
  4700.   <div class='widget-content'>
  4701.     <data:content/>
  4702.   </div>
  4703.  
  4704.   <!--b:include name='quickedit'/-->
  4705. </b:includable>
  4706.    </b:widget>
  4707.  </b:section>
  4708. </div>
  4709. <div style='clear: both;'/>
  4710.   </div>
  4711.  
  4712.   </div>
  4713. <div class='tm-menu'>
  4714. <div class='body-row menu-wrap'>
  4715.         <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
  4716.           <b:widget id='LinkList210' locked='true' title='Menu' type='LinkList' version='1'>
  4717.             <b:widget-settings>
  4718.               <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4719.               <b:widget-setting name='text-1'>Tips</b:widget-setting>
  4720.               <b:widget-setting name='link-1'>http://www.gudanginformasi.org/search/label/security</b:widget-setting>
  4721.               <b:widget-setting name='text-0'>News</b:widget-setting>
  4722.               <b:widget-setting name='link-2'>http://www.gudanginformasi.org/search/label/fashion</b:widget-setting>
  4723.               <b:widget-setting name='link-0'>http://www.gudanginformasi.org/search/label/news</b:widget-setting>
  4724.               <b:widget-setting name='text-2'>Fashion</b:widget-setting>
  4725.             </b:widget-settings>
  4726.             <b:includable id='main'>
  4727.             <div class='widget-content'>
  4728.               <ul itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
  4729.                 <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  4730.                 <b:loop values='data:links' var='link'>
  4731.                   <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
  4732.                 </b:loop>
  4733.               </ul>
  4734.             </div>
  4735.           </b:includable>
  4736.           </b:widget>
  4737.         </b:section>
  4738. <div id='search-bar'>
  4739. <span class='header-search'>
  4740. <i class='fa fa-search'/>
  4741. <i class='fa fa-times'/>
  4742. </span>
  4743. <div class='search-form' style='display: none;'>
  4744. <form action='/search' id='searchform' method='get'>
  4745. <input name='q' placeholder='Search' type='text' vk_18d09='subscribed' vk_1ad21='subscribed' vk_1b6ba='subscribed'/>
  4746. </form>
  4747. </div></div>
  4748.   </div>
  4749.       </div>
  4750. <div style='clear: both;'/>
  4751. <div style='clear: both;'/>
  4752. <div class='news-tick-wrap'>
  4753. <div class='news-tick-bar body-row'>
  4754.  <b:section class='ticker' id='ticker' maxwidgets='1' name='Ticker News' showaddelement='yes'>
  4755.    <b:widget id='HTML13' locked='false' title='Breaking' type='HTML' version='1'>
  4756.      <b:widget-settings>
  4757.        <b:widget-setting name='content'><![CDATA[<span data-type="recent" data-no="5"></span>]]></b:widget-setting>
  4758.      </b:widget-settings>
  4759.      <b:includable id='main'>
  4760.   <!-- only display title if it's non-empty -->
  4761.   <b:if cond='data:title != &quot;&quot;'>
  4762.     <h2 class='title'><data:title/></h2>
  4763.   </b:if>
  4764.   <div class='widget-content'>
  4765.     <data:content/>
  4766.   </div>
  4767.  
  4768.  <!--<b:include name='quickedit'/>-->
  4769. </b:includable>
  4770.    </b:widget>
  4771.  </b:section>
  4772.  
  4773.     </div>
  4774.   </div>
  4775. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  4776. <div class='tyard-wrapper body-row'>
  4777. <b:section class='featured preload' id='featured' maxwidget='1' showaddelement='yes'>
  4778.   <b:widget id='HTML299' locked='true' title='Featured' type='HTML' version='1'>
  4779.     <b:widget-settings>
  4780.       <b:widget-setting name='content'><![CDATA[<span data-type="tyard-recent"></span>]]></b:widget-setting>
  4781.     </b:widget-settings>
  4782.     <b:includable id='main'>
  4783.   <!-- only display title if it's non-empty -->
  4784.   <b:if cond='data:title != &quot;&quot;'>
  4785.     <h2 class='title'><data:title/></h2>
  4786.   </b:if>
  4787.   <div class='widget-content'>
  4788.     <data:content/>
  4789.   </div>
  4790.  
  4791.   <!--b:include name='quickedit'/-->
  4792. </b:includable>
  4793.   </b:widget>
  4794. </b:section>
  4795.   </div>
  4796. <div style='clear: both;'/>
  4797.   </b:if>
  4798.  
  4799. <div class='body-row' id='ads-blog'>
  4800. <b:section class='ad-home-widget' id='adwidegt1' maxwidgets='1' name='Home Ad Widget' showaddelement='yes'>
  4801.   <b:widget id='HTML90' locked='false' title='Post Top Ad' type='HTML' version='1'>
  4802.     <b:widget-settings>
  4803.       <b:widget-setting name='content'>&lt;div class=&quot;lalulintas&quot;&gt;&lt;span class=&quot;rambuhijau&quot;&gt;Responsive Ads Here&lt;/span&gt;
  4804. &lt;/div&gt;
  4805. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  4806. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  4807. .rambuhijau{background:rgba(255,255,255,0.15);position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:180%;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
  4808. &lt;/style&gt;</b:widget-setting>
  4809.     </b:widget-settings>
  4810.     <b:includable id='main'>
  4811.   <!-- only display title if it's non-empty -->
  4812.   <b:if cond='data:title != &quot;&quot;'>
  4813.     <h2 class='title'><data:title/></h2>
  4814.   </b:if>
  4815.   <div class='widget-content'>
  4816.     <span>  <data:content/></span>
  4817.   </div>
  4818.  
  4819.   <!--b:include name='quickedit'/-->
  4820. </b:includable>
  4821.   </b:widget>
  4822. </b:section>
  4823. <div style='clear: both;'/>
  4824.       </div>
  4825.     <div class='body-row' id='content-wrapper'>
  4826.     <div id='main-wrapper'>
  4827. <div id='ads-blog'>
  4828. <b:section class='ad-top-widget' id='adwidegt2' maxwidgets='1' name='Post Top Ad Widget' showaddelement='yes'>
  4829.   <b:widget id='HTML95' locked='false' title='Post Top Ad' type='HTML' version='1'>
  4830.     <b:widget-settings>
  4831.       <b:widget-setting name='content'>&lt;span&gt;
  4832. &lt;div class=&quot;lalulintas&quot;&gt;&lt;span class=&quot;rambuhijau&quot;&gt;Responsive Ads Here&lt;/span&gt;
  4833. &lt;/div&gt;
  4834. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  4835. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  4836. .rambuhijau{background:rgba(255,255,255,0.15);position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:180%;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
  4837. &lt;/style&gt;&lt;/span&gt;</b:widget-setting>
  4838.     </b:widget-settings>
  4839.     <b:includable id='main'>
  4840.   <!-- only display title if it's non-empty -->
  4841.   <b:if cond='data:title != &quot;&quot;'>
  4842.     <h2 class='title'><data:title/></h2>
  4843.   </b:if>
  4844.   <div class='widget-content'>
  4845.     <span>  <data:content/></span>
  4846.   </div>
  4847.  
  4848.   <!--b:include name='quickedit'/-->
  4849. </b:includable>
  4850.   </b:widget>
  4851. </b:section>
  4852. <div style='clear: both;'/>
  4853.       </div>
  4854.  
  4855.    <b:section class='main' id='main' showaddelement='yes'>
  4856.      <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
  4857.        <b:widget-settings>
  4858.          <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  4859.          <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  4860.          <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  4861.          <b:widget-setting name='authorLabel'>By</b:widget-setting>
  4862.          <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  4863.          <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  4864.          <b:widget-setting name='showAuthor'>true</b:widget-setting>
  4865.          <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  4866.          <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  4867.          <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  4868.          <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  4869.          <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  4870.          <b:widget-setting name='showLabels'>true</b:widget-setting>
  4871.          <b:widget-setting name='showLocation'>true</b:widget-setting>
  4872.          <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  4873.          <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  4874.          <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  4875.          <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  4876.          <b:widget-setting name='showInlineAds'>true</b:widget-setting>
  4877.          <b:widget-setting name='showReactions'>false</b:widget-setting>
  4878.        </b:widget-settings>
  4879.        <b:includable id='main' var='top'>
  4880.   <b:if cond='!data:mobile'>
  4881.     <!-- posts -->
  4882.     <div class='blog-posts hfeed'>
  4883.  
  4884.       <b:include data='top' name='status-message'/>
  4885.  
  4886.       <b:loop values='data:posts' var='post'>
  4887.         <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  4888.           &lt;/div&gt;&lt;/div&gt;
  4889.         </b:if>
  4890.         <b:if cond='data:post.isDateStart'>
  4891.           &lt;div class=&quot;date-outer&quot;&gt;
  4892.         </b:if>
  4893.         <b:if cond='data:post.dateHeader'>
  4894.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  4895.         </b:if>
  4896.         <b:if cond='data:post.isDateStart'>
  4897.           &lt;div class=&quot;date-posts&quot;&gt;
  4898.         </b:if>
  4899.         <div class='post-outer'>
  4900.           <b:include data='post' name='post'/>
  4901.           <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  4902.         </div>
  4903.  
  4904.         <!-- Ad -->
  4905.         <b:if cond='data:post.includeAd'>
  4906.           <div class='inline-ad'>
  4907.             <data:adCode/>
  4908.           </div>
  4909.         </b:if>
  4910.       </b:loop>
  4911.       <b:if cond='data:numPosts != 0'>
  4912.         &lt;/div&gt;&lt;/div&gt;
  4913.       </b:if>
  4914.     </div>
  4915.  
  4916.     <!-- navigation -->
  4917.     <b:include name='nextprev'/>
  4918.  
  4919.     <!-- feed links -->
  4920.     <b:include name='feedLinks'/>
  4921.  
  4922.   <b:else/>
  4923.     <b:include name='mobile-main'/>
  4924.   </b:if>
  4925.  
  4926.   <b:if cond='data:top.showPlusOne'>
  4927.     <data:top.googlePlusBootstrap/>
  4928.   </b:if>
  4929.  
  4930. </b:includable>
  4931.        <b:includable id='backlinkDeleteIcon' var='backlink'>
  4932.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  4933.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  4934.       <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  4935.     </a>
  4936.   </span>
  4937. </b:includable>
  4938.        <b:includable id='backlinks' var='post'>
  4939.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  4940.   <b:if cond='data:post.numBacklinks != 0'>
  4941.     <dl class='comments-block' id='comments-block'>
  4942.       <b:loop values='data:post.backlinks' var='backlink'>
  4943.         <div class='collapsed-backlink backlink-control'>
  4944.           <dt class='comment-title'>
  4945.             <span class='backlink-toggle-zippy'>&#160;</span>
  4946.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  4947.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  4948.           </dt>
  4949.           <dd class='comment-body collapseable'>
  4950.             <data:backlink.snippet/>
  4951.           </dd>
  4952.           <dd class='comment-footer collapseable'>
  4953.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  4954.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  4955.           </dd>
  4956.         </div>
  4957.       </b:loop>
  4958.     </dl>
  4959.   </b:if>
  4960.   <p class='comment-footer'>
  4961.     <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>
  4962.   </p>
  4963. </b:includable>
  4964.        <b:includable id='comment-form' var='post'>
  4965.   <div class='comment-form'>
  4966.     <a name='comment-form'/>
  4967.     <b:if cond='data:mobile'>
  4968.       <h4 id='comment-post-message'>
  4969.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  4970.       <p><data:blogCommentMessage/></p>
  4971.       <data:blogTeamBlogMessage/>
  4972.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4973.       <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%'/>
  4974.     <b:else/>
  4975.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  4976.       <p><data:blogCommentMessage/></p>
  4977.       <data:blogTeamBlogMessage/>
  4978.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4979.       <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%'/>
  4980.     </b:if>
  4981.     <data:post.cmtfpIframe/>
  4982.     <script type='text/javascript'>
  4983.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  4984.     </script>
  4985.   </div>
  4986. </b:includable>
  4987.        <b:includable id='commentDeleteIcon' var='comment'>
  4988.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  4989.     <b:if cond='data:showCmtPopup'>
  4990.       <div class='goog-toggle-button'>
  4991.         <div class='goog-inline-block comment-action-icon'/>
  4992.       </div>
  4993.     <b:else/>
  4994.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  4995.         <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  4996.       </a>
  4997.     </b:if>
  4998.   </span>
  4999. </b:includable>
  5000.        <b:includable id='comment_count_picker' var='post'>
  5001.   <b:if cond='data:post.commentSource == 1'>
  5002.     <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'>
  5003.     </span>
  5004.   <b:else/>
  5005.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  5006.       <data:post.commentLabelFull/>:
  5007.     </a>
  5008.   </b:if>
  5009. </b:includable>
  5010.        <b:includable id='comment_picker' var='post'>
  5011.   <b:if cond='data:post.commentSource == 1'>
  5012.     <b:include data='post' name='iframe_comments'/>
  5013.   <b:elseif cond='data:post.showThreadedComments'/>
  5014.     <b:include data='post' name='threaded_comments'/>
  5015.   <b:else/>
  5016.     <b:include data='post' name='comments'/>
  5017.   </b:if>
  5018. </b:includable>
  5019.        <b:includable id='comments' var='post'>
  5020.   <div class='comments' id='comments'>
  5021.     <a name='comments'/>
  5022.     <b:if cond='data:post.allowComments'>
  5023.       <h4><data:post.commentLabelFull/>:</h4>
  5024.  
  5025.       <b:if cond='data:post.commentPagingRequired'>
  5026.         <span class='paging-control-container'>
  5027.           <b:if cond='data:post.hasOlderLinks'>
  5028.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  5029.               &#160;
  5030.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  5031.               &#160;
  5032.           </b:if>
  5033.  
  5034.           <data:post.commentRangeText/>
  5035.  
  5036.           <b:if cond='data:post.hasNewerLinks'>
  5037.             &#160;
  5038.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  5039.             &#160;
  5040.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  5041.           </b:if>
  5042.         </span>
  5043.       </b:if>
  5044.  
  5045.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  5046.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  5047.           <b:loop values='data:post.comments' var='comment'>
  5048.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  5049.               <b:if cond='data:comment.favicon'>
  5050.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  5051.               </b:if>
  5052.               <a expr:name='data:comment.anchorName'/>
  5053.               <b:if cond='data:blog.enabledCommentProfileImages'>
  5054.                 <data:comment.authorAvatarImage/>
  5055.               </b:if>
  5056.               <b:if cond='data:comment.authorUrl'>
  5057.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  5058.               <b:else/>
  5059.                 <data:comment.author/>
  5060.               </b:if>
  5061.               <data:commentPostedByMsg/>
  5062.             </dt>
  5063.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  5064.               <b:if cond='data:comment.isDeleted'>
  5065.                 <span class='deleted-comment'><data:comment.body/></span>
  5066.               <b:else/>
  5067.                 <p>
  5068.                   <data:comment.body/>
  5069.                 </p>
  5070.               </b:if>
  5071.             </dd>
  5072.             <dd class='comment-footer'>
  5073.               <span class='comment-timestamp'>
  5074.                 <a expr:href='data:comment.url' title='comment permalink'>
  5075.                   <data:comment.timestamp/>
  5076.                 </a>
  5077.                 <b:include data='comment' name='commentDeleteIcon'/>
  5078.               </span>
  5079.             </dd>
  5080.           </b:loop>
  5081.         </dl>
  5082.       </div>
  5083.  
  5084.       <b:if cond='data:post.commentPagingRequired'>
  5085.         <span class='paging-control-container'>
  5086.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  5087.             <data:post.oldestLinkText/>
  5088.           </a>
  5089.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  5090.             <data:post.olderLinkText/>
  5091.           </a>
  5092.           &#160;
  5093.           <data:post.commentRangeText/>
  5094.           &#160;
  5095.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  5096.             <data:post.newerLinkText/>
  5097.           </a>
  5098.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  5099.             <data:post.newestLinkText/>
  5100.           </a>
  5101.         </span>
  5102.       </b:if>
  5103.  
  5104.       <p class='comment-footer'>
  5105.         <b:if cond='data:post.embedCommentForm'>
  5106.           <b:if cond='data:post.allowNewComments'>
  5107.             <b:include data='post' name='comment-form'/>
  5108.           <b:else/>
  5109.             <data:post.noNewCommentsText/>
  5110.           </b:if>
  5111.         <b:elseif cond='data:post.allowComments'/>
  5112.           <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5113.         </b:if>
  5114.       </p>
  5115.     </b:if>
  5116.     <b:if cond='data:showCmtPopup'>
  5117.       <div id='comment-popup'>
  5118.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  5119.         </iframe>
  5120.       </div>
  5121.     </b:if>
  5122.  
  5123.     <div id='backlinks-container'>
  5124.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  5125.        <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  5126.     </div>
  5127.     </div>
  5128.   </div>
  5129. </b:includable>
  5130.        <b:includable id='feedLinks'>
  5131.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  5132.     <b:if cond='data:feedLinks'>
  5133.       <div class='blog-feeds'>
  5134.       </div>
  5135.     </b:if>
  5136.  
  5137.   <b:else/> <!--Post feed links -->
  5138.     <div class='post-feeds'>
  5139.       <b:loop values='data:posts' var='post'>
  5140.         <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  5141.       </b:loop>
  5142.     </div>
  5143.   </b:if>
  5144. </b:includable>
  5145.        <b:includable id='feedLinksBody' var='links'>
  5146.   <div class='feed-links'>
  5147.   <data:feedLinksMsg/>
  5148.   <b:loop values='data:links' var='f'>
  5149.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  5150.   </b:loop>
  5151.   </div>
  5152. </b:includable>
  5153.        <b:includable id='iframe_comments' var='post'>
  5154.  
  5155.   <b:if cond='data:post.allowIframeComments'>
  5156.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  5157.     <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  5158.  
  5159.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  5160.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5161.     </b:if>
  5162.   </b:if>
  5163. </b:includable>
  5164.        <b:includable id='mobile-index-post' var='post'>
  5165.   <div class='mobile-date-outer date-outer'>
  5166.     <b:if cond='data:post.dateHeader'>
  5167.       <div class='date-header'>
  5168.         <span><data:post.dateHeader/></span>
  5169.       </div>
  5170.     </b:if>
  5171.  
  5172.     <div class='mobile-post-outer'>
  5173.       <a expr:href='data:post.url'>
  5174.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  5175.           <data:post.title/>
  5176.         </h3>
  5177.  
  5178.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  5179.  
  5180.         <div class='mobile-index-contents'>
  5181.           <b:if cond='data:post.thumbnailUrl'>
  5182.             <div class='mobile-index-thumbnail'>
  5183.               <div class='Image'>
  5184.                 <img expr:src='data:post.thumbnailUrl'/>
  5185.               </div>
  5186.             </div>
  5187.           </b:if>
  5188.  
  5189.           <div class='post-body'>
  5190.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  5191.           </div>
  5192.         </div>
  5193.  
  5194.         <div style='clear: both;'/>
  5195.       </a>
  5196.  
  5197.       <div class='mobile-index-comment'>
  5198.         <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'/>
  5199.       </div>
  5200.     </div>
  5201.   </div>
  5202. </b:includable>
  5203.        <b:includable id='mobile-main' var='top'>
  5204.     <!-- posts -->
  5205.     <div class='blog-posts hfeed'>
  5206.  
  5207.       <b:include data='top' name='status-message'/>
  5208.  
  5209.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5210.         <b:loop values='data:posts' var='post'>
  5211.           <b:include data='post' name='mobile-index-post'/>
  5212.         </b:loop>
  5213.       <b:else/>
  5214.         <b:loop values='data:posts' var='post'>
  5215.           <b:include data='post' name='mobile-post'/>
  5216.         </b:loop>
  5217.       </b:if>
  5218.     </div>
  5219.  
  5220.    <b:include name='mobile-nextprev'/>
  5221. </b:includable>
  5222.        <b:includable id='mobile-nextprev'>
  5223.   <div class='blog-pager' id='blog-pager'>
  5224.     <b:if cond='data:newerPageUrl'>
  5225.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  5226.       <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>
  5227.       </div>
  5228.     </b:if>
  5229.  
  5230.     <b:if cond='data:olderPageUrl'>
  5231.       <div class='mobile-link-button' id='blog-pager-older-link'>
  5232.       <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>
  5233.       </div>
  5234.     </b:if>
  5235.  
  5236.     <div class='mobile-link-button' id='blog-pager-home-link'>
  5237.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  5238.     </div>
  5239.  
  5240.     <div class='mobile-desktop-link'>
  5241.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  5242.     </div>
  5243.  
  5244.   </div>
  5245.   <div class='clear'/>
  5246. </b:includable>
  5247.        <b:includable id='mobile-post' var='post'>
  5248.   <div class='date-outer'>
  5249.     <b:if cond='data:post.dateHeader'>
  5250.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  5251.     </b:if>
  5252.     <div class='date-posts'>
  5253.       <div class='post-outer'>
  5254.  
  5255.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  5256.           <b:if cond='data:post.thumbnailUrl'>
  5257.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  5258.           </b:if>
  5259.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  5260.           <meta expr:content='data:post.id' itemprop='postId'/>
  5261.  
  5262.           <a expr:name='data:post.id'/>
  5263.         <b:if cond='data:post.title'>
  5264.                      <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5265.     <h2 class='post-title entry-title' itemprop='name'>
  5266.      <b:if cond='data:post.link'>
  5267.        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  5268.      <b:else/>
  5269.         <b:if cond='data:post.url'>
  5270. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  5271. <b:else/>
  5272.           <data:post.title/>
  5273.         </b:if>
  5274.      </b:if>
  5275.      </h2>
  5276.                        <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
  5277. <h2 class='post-title entry-title' itemprop='name'>
  5278.      <b:if cond='data:post.link'>
  5279.        <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  5280.      <b:else/>
  5281.         <b:if cond='data:post.url'>
  5282. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  5283. <b:else/>
  5284.           <data:post.title/>
  5285.         </b:if>
  5286.      </b:if>
  5287.       </h2>
  5288. <b:else/>
  5289. <h1 class='post-title entry-title' itemprop='name'>
  5290.      <b:if cond='data:post.link'>
  5291.        <data:post.title/>
  5292.      <b:else/>
  5293.         <b:if cond='data:post.url'>
  5294.          <data:post.title/>
  5295. <b:else/>
  5296.           <data:post.title/>
  5297.         </b:if>
  5298.      </b:if>
  5299.       </h1>
  5300. </b:if>
  5301.                     </b:if>
  5302.  
  5303.           <div class='post-header'>
  5304.             <div class='post-header-line-1'/>
  5305.           </div>
  5306.  
  5307.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5308.             <data:post.body/>
  5309.             <div style='clear: both;'/> <!-- clear for photos floats -->
  5310.           </div>
  5311.  
  5312.           <div class='post-footer'>
  5313.             <div class='post-footer-line post-footer-line-1'>
  5314.               <span class='post-author vcard'>
  5315.                 <b:if cond='data:top.showAuthor'>
  5316.                   <b:if cond='data:post.authorProfileUrl'>
  5317.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5318.                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5319.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  5320.                         <span itemprop='name'><data:post.author/></span>
  5321.                       </a>
  5322.                     </span>
  5323.                   <b:else/>
  5324.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5325.                       <span itemprop='name'><data:post.author/></span>
  5326.                     </span>
  5327.                   </b:if>
  5328.                 </b:if>
  5329.               </span>
  5330.  
  5331.               <span class='post-timestamp'>
  5332.                 <b:if cond='data:top.showTimestamp'>
  5333.                   <data:top.timestampLabel/>
  5334.                   <b:if cond='data:post.url'>
  5335.                     <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  5336.                     <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>
  5337.                   </b:if>
  5338.                 </b:if>
  5339.               </span>
  5340.  
  5341.               <span class='post-comment-link'>
  5342.                 <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'/>
  5343.               </span>
  5344.             </div>
  5345.  
  5346.             <div class='post-footer-line post-footer-line-2'>
  5347.               <b:if cond='data:top.showMobileShare'>
  5348.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  5349.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  5350.                 </div>
  5351.               </b:if>
  5352.               <b:if cond='data:top.showDummy'>
  5353.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  5354.               </b:if>
  5355.             </div>
  5356.  
  5357.           </div>
  5358.         </div>
  5359.  
  5360.         <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  5361.       </div>
  5362.     </div>
  5363.   </div>
  5364. </b:includable>
  5365.        <b:includable id='nextprev'>
  5366.   <div class='blog-pager' id='blog-pager'>
  5367.     <b:if cond='data:newerPageUrl'>
  5368.       <span id='blog-pager-newer-link'>
  5369.       <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>
  5370.       </span>
  5371.     </b:if>
  5372.  
  5373.     <b:if cond='data:olderPageUrl'>
  5374.       <span id='blog-pager-older-link'>
  5375.       <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>
  5376.       </span>
  5377.     </b:if>
  5378.  
  5379.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  5380.  
  5381.     <b:if cond='data:mobileLinkUrl'>
  5382.       <div class='blog-mobile-link'>
  5383.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  5384.       </div>
  5385.     </b:if>
  5386.  
  5387.   </div>
  5388.   <div class='clear'/>
  5389. </b:includable>
  5390.        <b:includable id='post' var='post'>
  5391.   <div class='post hentry'>
  5392.   <b:if cond='data:blog.pageType != &quot;item&quot;'>
  5393.          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  5394.           <b:if cond='data:post.title'>
  5395.               <font class='retitle'>
  5396.                 <h2 class='post-title entry-title'>
  5397.                    <b:if cond='data:post.link'>
  5398.                     <a expr:href='data:post.link'>
  5399.                        <data:post.title/>
  5400.                       </a>
  5401.                       <b:else/>
  5402.                       <b:if cond='data:post.url'>
  5403.                        <a expr:href='data:post.url'>
  5404.                        <data:post.title/>
  5405.                       </a>
  5406.                       <b:else/>
  5407.                      <data:post.title/>
  5408.                      </b:if>
  5409.                    </b:if>
  5410.                   </h2>
  5411.                     </font>
  5412.                 </b:if>
  5413.            <div style='clear:both;'/>
  5414.     </b:if>
  5415.     </b:if>
  5416.      <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5417.               <b:if cond='data:post.thumbnailUrl'>
  5418.                 <div class='post-home-image'><span class='post-labels'>
  5419.         <b:if cond='data:post.labels'>
  5420.          <i class='fa fa-folder-open-o'/>
  5421.          <b:loop values='data:post.labels' var='label'>
  5422.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  5423.                                     <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5424.                                   </b:if>
  5425.                                 </b:loop>
  5426.         </b:if>
  5427.        </span><div class='post-thumb'>
  5428.                &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  5429.                 </div></div>
  5430.                 <b:else/>
  5431.               <b:if cond='data:post.firstImageUrl'>
  5432.                 <div class='post-home-image'><span class='post-labels'>
  5433.         <b:if cond='data:post.labels'>
  5434.          <i class='fa fa-folder-open-o'/>
  5435.          <b:loop values='data:post.labels' var='label'>
  5436.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  5437.                                     <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5438.                                   </b:if>
  5439.                                 </b:loop>
  5440.         </b:if>
  5441.        </span><div class='post-thumb'>
  5442.                   &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  5443.                 </div></div>
  5444.                 <b:else/>
  5445.                 <div class='post-home-image'><span class='post-labels'>
  5446.         <b:if cond='data:post.labels'>
  5447.          <i class='fa fa-folder-open-o'/>
  5448.          <b:loop values='data:post.labels' var='label'>
  5449.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  5450.                                     <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5451.                                   </b:if>
  5452.                                 </b:loop>
  5453.         </b:if>
  5454.        </span><div class='post-thumb'>
  5455.                &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  5456.                 </div></div>
  5457.              </b:if></b:if>
  5458.             </b:if>
  5459.             <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  5460.               <b:if cond='data:post.thumbnailUrl'>
  5461.                 <div class='post-home-image'><span class='post-labels'>
  5462.         <b:if cond='data:post.labels'>
  5463.          <i class='fa fa-folder-open-o'/>
  5464.          <b:loop values='data:post.labels' var='label'>
  5465.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  5466.                                     <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5467.                                   </b:if>
  5468.                                 </b:loop>
  5469.         </b:if>
  5470.        </span><div class='post-thumb'>
  5471.                &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  5472.                 </div></div>
  5473.                 <b:else/>
  5474.               <b:if cond='data:post.firstImageUrl'>
  5475.                 <div class='post-home-image'><span class='post-labels'>
  5476.         <b:if cond='data:post.labels'>
  5477.          <i class='fa fa-folder-open-o'/>
  5478.          <b:loop values='data:post.labels' var='label'>
  5479.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  5480.                                     <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5481.                                   </b:if>
  5482.                                 </b:loop>
  5483.         </b:if>
  5484.        </span><div class='post-thumb'>
  5485.                   &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  5486.                 </div></div>
  5487.                 <b:else/>
  5488.                 <div class='post-home-image'><span class='post-labels'>
  5489.         <b:if cond='data:post.labels'>
  5490.          <i class='fa fa-folder-open-o'/>
  5491.          <b:loop values='data:post.labels' var='label'>
  5492.                                   <b:if cond='data:label.isLast == &quot;true&quot;'>
  5493.                                     <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5494.                                   </b:if>
  5495.                                 </b:loop>
  5496.         </b:if>
  5497.        </span><div class='post-thumb'>
  5498.                &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  5499.                 </div></div>
  5500.              </b:if></b:if>
  5501.             </b:if>
  5502.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5503.     &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
  5504.       <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  5505.     </b:if>
  5506.     <div class='post-header'>
  5507.  <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5508.  <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  5509.     <span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span><i class='fa fa-times'/>
  5510.     <b:loop values='data:posts' var='post'>
  5511.       <b:if cond='data:post.labels'>
  5512.       <b:loop values='data:post.labels' var='label'>
  5513.         <span typeof='v:Breadcrumb'>
  5514.         <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
  5515.         <b:if cond='data:label.isLast != &quot;true&quot;'><i class='fa fa-times'/></b:if>
  5516.       </b:loop>
  5517.       <b:else/>
  5518.          Unlabelled
  5519.       </b:if>
  5520.        <i class='fa fa-times'/><span><data:post.title/></span>
  5521.     </b:loop>
  5522.   </div>
  5523.  
  5524.         <b:if cond='data:post.title'>
  5525.       <div class='post-head'>
  5526. <h1 class='post-title entry-title' itemprop='name headline'>
  5527.       <b:if cond='data:post.link'>
  5528.         <a expr:href='data:post.link'><data:post.title/></a>
  5529.       <b:else/>
  5530.         <b:if cond='data:post.url'>
  5531.           <b:if cond='data:blog.url != data:post.url'>
  5532.             <a expr:href='data:post.url'><data:post.title/></a>
  5533.           <b:else/>
  5534.             <data:post.title/>
  5535.           </b:if>
  5536.         <b:else/>
  5537.           <data:post.title/>
  5538.         </b:if>
  5539.       </b:if>
  5540.         </h1></div>
  5541.     </b:if>
  5542.         <div class='post-meta'>
  5543. <span class='post-author vcard'>
  5544.         <b:if cond='data:top.showAuthor'>
  5545.           <i class='fa fa-user'/>
  5546.             <b:if cond='data:post.authorProfileUrl'>
  5547.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5548.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5549.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  5550.                   <span itemprop='name'><data:post.author/></span>
  5551.                 </a>
  5552.               </span>
  5553.             <b:else/>
  5554.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5555.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  5556.                   <span itemprop='name'><data:post.author/></span></a>
  5557.               </span>
  5558.             </b:if>
  5559.         </b:if>
  5560.       </span>
  5561.  <span class='post-timestamp'>
  5562.         <b:if cond='data:top.showTimestamp'>
  5563.           <i class='fa fa-calendar-o'/>
  5564.         <b:if cond='data:post.url'>
  5565.           <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  5566.           <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>
  5567.         </b:if>
  5568.         </b:if>
  5569.       </span>
  5570. <span class='label-head'>
  5571.         <b:if cond='data:post.labels'>
  5572.            <i class='fa fa-folder-o'/>
  5573.           <b:loop values='data:post.labels' var='label'>
  5574.             <a expr:href='data:label.url' rel='tag'><data:label.name/>,</a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  5575.           </b:loop>
  5576.         </b:if>
  5577.       </span>
  5578.         </div>
  5579.  <div style='clear: both;'/>
  5580. <div class='ads-posting'>
  5581.   <a name='ad-post-top'/>
  5582. </div>
  5583.  <div style='clear: both;'/>
  5584.    </b:if>
  5585.   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  5586.     <b:if cond='data:post.title'>
  5587.       <div class='post-head'><h1 class='post-title entry-title' itemprop='name'>
  5588.       <b:if cond='data:post.link'>
  5589.         <a expr:href='data:post.link'><data:post.title/></a>
  5590.       <b:else/>
  5591.         <b:if cond='data:post.url'>
  5592.           <b:if cond='data:blog.url != data:post.url'>
  5593.             <a expr:href='data:post.url'><data:post.title/></a>
  5594.           <b:else/>
  5595.             <data:post.title/>
  5596.           </b:if>
  5597.         <b:else/>
  5598.           <data:post.title/>
  5599.         </b:if>
  5600.       </b:if>
  5601.         </h1></div>
  5602.     </b:if>
  5603.     </b:if>
  5604.    
  5605.     </div>
  5606.  
  5607.     <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  5608.     <article>
  5609.          <b:if cond='data:blog.pageType != &quot;item&quot;'>
  5610.          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  5611.                   <div class='date-header'>
  5612.                      <div id='meta-post'>
  5613.                        <i class='fa fa-pencil'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  5614.                   <span itemprop='name'><data:post.author/></span></a> <i aria-hidden='true' class='fa  fa-ellipsis-h' style='font-size: 8px;margin: 0 5px;'/> <i class='fa fa-calendar'/>
  5615. <abbr class='published timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr><i aria-hidden='true' class='fa  fa-ellipsis-h' style='font-size: 8px;margin: 0 5px;'/> <span class='post-comment-link'>
  5616.                             <i class='fa fa-commenting-o'/>
  5617.                            <b:if cond='data:post.allowComments'>
  5618.             <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  5619.                 <data:post.numComments/>
  5620.             </a>
  5621.         </b:if>
  5622.                           </span></div>
  5623. <div class='resumo'>
  5624. <span class='post-summary' expr:data-url='data:post.url'/>
  5625. </div>
  5626.                       <div style='clear: both;'/>
  5627. <a class='read-more anchor-hover' expr:href='data:post.url'>Read More</a>
  5628.                       </div>
  5629.             <b:else/>
  5630.        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5631.          <meta expr:content='data:post.snippet' name='twitter:description'/>
  5632.          <data:post.body/>
  5633.        </div>
  5634.           </b:if>
  5635.           <b:else/>
  5636.        <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5637.          <meta expr:content='data:post.snippet' name='twitter:description'/>
  5638.          <data:post.body/>
  5639.        </div>
  5640.          </b:if>
  5641.      </article>
  5642.  
  5643.     <b:if cond='data:post.hasJumpLink'>
  5644.       <div class='jump-link'>
  5645.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  5646.       </div>
  5647.     </b:if>
  5648.  
  5649.     <div class='post-footer'>
  5650. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5651. <span class='label-head'>
  5652.         <b:if cond='data:post.labels'>
  5653.           <span class='label-title'>Tags</span>
  5654.           <b:loop values='data:post.labels' var='label'>
  5655.             <a expr:href='data:label.url' rel='tag'># <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  5656.           </b:loop>
  5657.         </b:if>
  5658.       </span>
  5659. <div style='clear: both;'/>
  5660. <div class='ads-posting'>
  5661.   <a name='ad-post-bottom'/>
  5662. </div>
  5663.  <div style='clear: both;'/>
  5664. <div class='ty-post-share'>
  5665.  
  5666.    
  5667.     <ul class='ty-post-share-list'>
  5668.    
  5669.         <li class='ty-twitter'>
  5670.             <a expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>
  5671.                 <span class='fa fa-twitter'/>Tweet          </a>
  5672.         </li>
  5673.  
  5674.         <li class='ty-facebook'>
  5675.             <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>
  5676.                 <span class='fa fa-facebook'/>Share         </a>
  5677.         </li>
  5678.  
  5679.         <li class='ty-pinterest'>
  5680.             <a href='javascript:void((function()%7Bvar%20e=document.createElement(&apos;script&apos;);e.setAttribute(&apos;type&apos;,&apos;text/javascript&apos;);e.setAttribute(&apos;charset&apos;,&apos;UTF-8&apos;);e.setAttribute(&apos;src&apos;,&apos;http://assets.pinterest.com/js/pinmarklet.js?r=&apos;+Math.random()*99999999);document.body.appendChild(e)%7D)());' rel='nofollow' target='_blank'>
  5681.                 <span class='fa fa-pinterest'/>Pin it           </a>
  5682.         </li>
  5683.  
  5684.         <li class='ty-comment'>
  5685.             <a href='#put-your-comment' rel='nofollow' title='Comment'>
  5686.                 <span class='fa fa-commenting-o'/>Comment           </a>
  5687.         </li>
  5688. <whatsapp expr:href='data:post.url' expr:text='data:post.title'/>
  5689. <li class='ty-whatsapp'>
  5690.             <a expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank'>
  5691.                 <span class='fa fa-whatsapp'/>Whatsapp          </a>
  5692.         </li>
  5693.     </ul>
  5694.  
  5695. </div>
  5696.       <div style='clear:both'/>
  5697. <div class='ty-author-box'>
  5698.  
  5699. <img alt='Author Image' class='avatar avatar-60 photo' expr:src='data:post.authorPhoto.url' height='150' width='140'/>
  5700. <p>
  5701. <b>About <data:post.author/></b>
  5702.   <br/>
  5703.  <span name='author-post'/>
  5704. <span name='author-social'/>
  5705.  </p>
  5706. </div>
  5707.  
  5708.                  
  5709.     <div style='clear:both'/>  
  5710. <div class='post-pager' id='post-pager'>
  5711.     <b:if cond='data:newerPageUrl'>
  5712.       <span id='blog-pager-newer-link'>
  5713.       <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'/>
  5714.       </span>
  5715.     </b:if>
  5716.  
  5717.     <b:if cond='data:olderPageUrl'>
  5718.       <span id='blog-pager-older-link'>
  5719.       <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'/>
  5720.       </span>
  5721.     </b:if>
  5722.  
  5723.   </div>              
  5724.      
  5725.              
  5726.  
  5727.       <div style='clear:both'/>  
  5728. <div id='related-posts'>
  5729.         <b:if cond='data:post.labels'>
  5730.           <b:loop values='data:post.labels' var='label'>
  5731.             <b:if cond='data:label.isLast == &quot;true&quot;'>
  5732.               <data:label.name/>
  5733.             </b:if>
  5734.           </b:loop>
  5735.         </b:if>
  5736.       </div>
  5737. <div style='clear:both'/>  
  5738.  
  5739.    </b:if>
  5740.     <div class='post-footer-line post-footer-line-1'>
  5741.       <span class='post-author vcard'>
  5742.         <b:if cond='data:top.showAuthor'>
  5743.           <data:top.authorLabel/>
  5744.             <b:if cond='data:post.authorProfileUrl'>
  5745.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5746.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5747.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  5748.                   <span itemprop='name'><data:post.author/></span>
  5749.                 </a>
  5750.               </span>
  5751.             <b:else/>
  5752.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5753.                 <span itemprop='name'><data:post.author/></span>
  5754.               </span>
  5755.             </b:if>
  5756.         </b:if>
  5757.       </span>
  5758.  
  5759.       <span class='post-timestamp'>
  5760.         <b:if cond='data:top.showTimestamp'>
  5761.           <data:top.timestampLabel/>
  5762.           <b:if cond='data:post.url'>
  5763.             <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  5764.             <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>
  5765.           </b:if>
  5766.         </b:if>
  5767.       </span>
  5768.  
  5769.       <span class='reaction-buttons'>
  5770.         <b:if cond='data:top.showReactions'>
  5771.           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  5772.             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  5773.               <span class='reactions-label'>
  5774.               <data:top.reactionsLabel/></span>&#160;</td>
  5775.             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  5776.            </tr></table>
  5777.         </b:if>
  5778.       </span>
  5779.  
  5780.       <span class='post-comment-link'>
  5781.         <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'/>
  5782.       </span>
  5783.  
  5784.        <!-- backlinks -->
  5785.        <span class='post-backlinks post-comment-link'>
  5786.          <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                      and data:post.showBacklinks'>
  5787.            <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  5788.          </b:if>
  5789.        </span>
  5790.  
  5791.       <span class='post-icons'>
  5792.         <!-- email post links -->
  5793.         <b:if cond='data:post.emailPostUrl'>
  5794.           <span class='item-action'>
  5795.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  5796.             <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
  5797.           </a>
  5798.           </span>
  5799.         </b:if>
  5800.  
  5801.         <!-- quickedit pencil -->
  5802.         <b:include data='post' name='postQuickEdit'/>
  5803.       </span>
  5804.  
  5805.       <!-- share buttons -->
  5806.       <div class='post-share-buttons goog-inline-block'>
  5807.         <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
  5808.       </div>
  5809.  
  5810.       </div>
  5811.  
  5812.       <div class='post-footer-line post-footer-line-2'>
  5813.       <span class='post-labels'>
  5814.         <b:if cond='data:post.labels'>
  5815.           <data:postLabelsLabel/>
  5816.           <b:loop values='data:post.labels' var='label'>
  5817.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  5818.           </b:loop>
  5819.         </b:if>
  5820.       </span>
  5821.       </div>
  5822.  
  5823.       <div class='post-footer-line post-footer-line-3'>
  5824.       <span class='post-location'>
  5825.         <b:if cond='data:top.showLocation'>
  5826.           <b:if cond='data:post.location'>
  5827.             <data:postLocationLabel/>
  5828.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  5829.           </b:if>
  5830.         </b:if>
  5831.       </span>
  5832.       </div>
  5833.       <b:if cond='data:post.authorAboutMe'>
  5834.         <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5835.           <b:if cond='data:post.authorPhoto.url'>
  5836.             <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  5837.           </b:if>
  5838.           <div>
  5839.             <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  5840.               <span itemprop='name'><data:post.author/></span>
  5841.             </a>
  5842.           </div>
  5843.           <span itemprop='description'><data:post.authorAboutMe/></span>
  5844.         </div>
  5845.       </b:if>
  5846.     </div>
  5847.    <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5848.       &lt;/div&gt;
  5849.     </b:if>
  5850.   </div>
  5851. </b:includable>
  5852.        <b:includable id='postQuickEdit' var='post'>
  5853.   <b:if cond='data:post.editUrl'>
  5854.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  5855.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  5856.         <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  5857.       </a>
  5858.     </span>
  5859.   </b:if>
  5860. </b:includable>
  5861.        <b:includable id='shareButtons' var='post'>
  5862.   <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>
  5863. </b:includable>
  5864.        <b:includable id='status-message'>
  5865.   <b:if cond='data:navMessage'>
  5866.   <div class='status-msg-wrap'>
  5867.     <div class='status-msg-body'>
  5868.       <data:navMessage/>
  5869.     </div>
  5870.     <div class='status-msg-border'>
  5871.       <div class='status-msg-bg'>
  5872.         <div class='status-msg-hidden'><data:navMessage/></div>
  5873.       </div>
  5874.     </div>
  5875.   </div>
  5876.   <div style='clear: both;'/>
  5877. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  5878.   <div class='post-404'>
  5879. <div class='actions-404'>
  5880. <div class='ops-404'><span>Oops;</span> Sorry, but the page you were trying to view does not exist.
  5881.                         </div>
  5882. <div class='title-404'>404</div>
  5883. <div class='link-404'>
  5884. <a href='/'><i class='fa fa-car'/>
  5885. <trans>Back to Home</trans></a>
  5886. </div></div>
  5887. </div>
  5888. <style>
  5889. .post-404 {
  5890.     padding-top: 40px;
  5891.     padding-bottom: 60px;
  5892. }
  5893. .actions-404 {
  5894.     width: 100%;
  5895.     float: right;
  5896.     text-align: center;
  5897. }
  5898. .ops-404 {
  5899.     width: 50%;
  5900.     margin: 0 auto;
  5901.     font-size: 26px;
  5902.     font-weight: 400;
  5903.     font-family: Poppins;
  5904. letter-spacing:1.5px;
  5905. }
  5906. .ops-404 span {
  5907.     font-weight: 700;
  5908. }
  5909. .title-404 {
  5910.     font-size: 200px;
  5911.     font-weight: 700;
  5912.     line-height: 1.1;
  5913.     color:$maincolor;
  5914. }
  5915. .link-404 {
  5916.     font-size: 18px;
  5917.     padding-top: 20px;
  5918.     padding-bottom: 50px;
  5919. }
  5920. #blog-pager, #sidebar-wrapper,.status-msg-wrap {
  5921.     display: none;
  5922. }
  5923. .status-msg-border {
  5924.          border: 0 !important;
  5925.        }
  5926.  
  5927.        .status-msg-bg {
  5928.          background-color: #fff;
  5929.        }
  5930. #main-wrapper {
  5931.     float: none;
  5932.     width: 100%;
  5933.     max-width: 100%;
  5934. }
  5935. </style>
  5936.       </b:if>
  5937.   </b:if>
  5938. </b:includable>
  5939.        <b:includable id='threaded-comment-form' var='post'>
  5940.   <div class='comment-form'>
  5941.     <a name='comment-form'/>
  5942.     <b:if cond='data:mobile'>
  5943.       <p><data:blogCommentMessage/></p>
  5944.       <data:blogTeamBlogMessage/>
  5945.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5946.       <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%'/>
  5947.     <b:else/>
  5948.       <p><data:blogCommentMessage/></p>
  5949.       <data:blogTeamBlogMessage/>
  5950.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5951.       <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%'/>
  5952.     </b:if>
  5953.     <data:post.cmtfpIframe/>
  5954.     <script type='text/javascript'>
  5955.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  5956.     </script>
  5957.   </div>
  5958. </b:includable>
  5959.        <b:includable id='threaded_comment_js' var='post'>
  5960.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  5961.  
  5962.   <script type='text/javascript'>
  5963.     (function() {
  5964.       var items = <data:post.commentJso/>;
  5965.       var msgs = <data:post.commentMsgs/>;
  5966.       var config = <data:post.commentConfig/>;
  5967.  
  5968. // <![CDATA[
  5969.      var cursor = null;
  5970.      if (items && items.length > 0) {
  5971.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  5972.      }
  5973.  
  5974.      var bodyFromEntry = function(entry) {
  5975.        if (entry.gd$extendedProperty) {
  5976.          for (var k in entry.gd$extendedProperty) {
  5977.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  5978.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  5979.            }
  5980.          }
  5981.        }
  5982.        return entry.content.$t;
  5983.      }
  5984.  
  5985.      var parse = function(data) {
  5986.        cursor = null;
  5987.        var comments = [];
  5988.        if (data && data.feed && data.feed.entry) {
  5989.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  5990.            var comment = {};
  5991.            // comment ID, parsed out of the original id format
  5992.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  5993.            comment.id = id ? id[2] : null;
  5994.            comment.body = bodyFromEntry(entry);
  5995.            comment.timestamp = Date.parse(entry.published.$t) + '';
  5996.            if (entry.author && entry.author.constructor === Array) {
  5997.              var auth = entry.author[0];
  5998.              if (auth) {
  5999.                comment.author = {
  6000.                  name: (auth.name ? auth.name.$t : undefined),
  6001.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  6002.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  6003.                };
  6004.              }
  6005.            }
  6006.            if (entry.link) {
  6007.              if (entry.link[2]) {
  6008.                comment.link = comment.permalink = entry.link[2].href;
  6009.              }
  6010.              if (entry.link[3]) {
  6011.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  6012.                if (pid && pid[1]) {
  6013.                  comment.parentId = pid[1];
  6014.                }
  6015.              }
  6016.            }
  6017.            comment.deleteclass = 'item-control blog-admin';
  6018.            if (entry.gd$extendedProperty) {
  6019.              for (var k in entry.gd$extendedProperty) {
  6020.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  6021.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  6022.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  6023.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  6024.                }
  6025.              }
  6026.            }
  6027.            comments.push(comment);
  6028.          }
  6029.        }
  6030.        return comments;
  6031.      };
  6032.  
  6033.      var paginator = function(callback) {
  6034.        if (hasMore()) {
  6035.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  6036.          if (cursor) {
  6037.            url += '&published-min=' + new Date(cursor).toISOString();
  6038.          }
  6039.          window.bloggercomments = function(data) {
  6040.            var parsed = parse(data);
  6041.            cursor = parsed.length < 50 ? null
  6042.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  6043.            callback(parsed);
  6044.            window.bloggercomments = null;
  6045.          }
  6046.          url += '&callback=bloggercomments';
  6047.          var script = document.createElement('script');
  6048.          script.type = 'text/javascript';
  6049.          script.src = url;
  6050.          document.getElementsByTagName('head')[0].appendChild(script);
  6051.        }
  6052.      };
  6053.      var hasMore = function() {
  6054.        return !!cursor;
  6055.      };
  6056.      var getMeta = function(key, comment) {
  6057.        if ('iswriter' == key) {
  6058.          var matches = !!comment.author
  6059.              && comment.author.name == config.authorName
  6060.              && comment.author.profileUrl == config.authorUrl;
  6061.          return matches ? 'true' : '';
  6062.        } else if ('deletelink' == key) {
  6063.          return config.baseUri + '/delete-comment.g?blogID='
  6064.               + config.blogId + '&postID=' + comment.id;
  6065.        } else if ('deleteclass' == key) {
  6066.          return comment.deleteclass;
  6067.        }
  6068.        return '';
  6069.      };
  6070.  
  6071.      var replybox = null;
  6072.      var replyUrlParts = null;
  6073.      var replyParent = undefined;
  6074.  
  6075.      var onReply = function(commentId, domId) {
  6076.        if (replybox == null) {
  6077.          // lazily cache replybox, and adjust to suit this style:
  6078.          replybox = document.getElementById('comment-editor');
  6079.          if (replybox != null) {
  6080.            replybox.height = '250px';
  6081.            replybox.style.display = 'block';
  6082.            replyUrlParts = replybox.src.split('#');
  6083.          }
  6084.        }
  6085.        if (replybox && (commentId !== replyParent)) {
  6086.          replybox.src = '';
  6087.          document.getElementById(domId).insertBefore(replybox, null);
  6088.          replybox.src = replyUrlParts[0]
  6089.              + (commentId ? '&parentID=' + commentId : '')
  6090.              + '#' + replyUrlParts[1];
  6091.          replyParent = commentId;
  6092.        }
  6093.      };
  6094.  
  6095.      var hash = (window.location.hash || '#').substring(1);
  6096.      var startThread, targetComment;
  6097.      if (/^comment-form_/.test(hash)) {
  6098.        startThread = hash.substring('comment-form_'.length);
  6099.      } else if (/^c[0-9]+$/.test(hash)) {
  6100.        targetComment = hash.substring(1);
  6101.      }
  6102.  
  6103.      // Configure commenting API:
  6104.      var configJso = {
  6105.        'maxDepth': config.maxThreadDepth
  6106.      };
  6107.      var provider = {
  6108.        'id': config.postId,
  6109.        'data': items,
  6110.        'loadNext': paginator,
  6111.        'hasMore': hasMore,
  6112.        'getMeta': getMeta,
  6113.        'onReply': onReply,
  6114.        'rendered': true,
  6115.        'initComment': targetComment,
  6116.        'initReplyThread': startThread,
  6117.        'config': configJso,
  6118.        'messages': msgs
  6119.      };
  6120.  
  6121.      var render = function() {
  6122.        if (window.goog && window.goog.comments) {
  6123.          var holder = document.getElementById('comment-holder');
  6124.          window.goog.comments.render(holder, provider);
  6125.        }
  6126.      };
  6127.  
  6128.      // render now, or queue to render when library loads:
  6129.      if (window.goog && window.goog.comments) {
  6130.        render();
  6131.      } else {
  6132.        window.goog = window.goog || {};
  6133.        window.goog.comments = window.goog.comments || {};
  6134.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  6135.        window.goog.comments.loadQueue.push(render);
  6136.      }
  6137.    })();
  6138. // ]]>
  6139.   </script>
  6140. </b:includable>
  6141.        <b:includable id='threaded_comments' var='post'>
  6142.   <div class='comments' id='comments'>
  6143.     <a name='comments'/>
  6144.     <h4><data:post.commentLabelFull/>:</h4>
  6145.  
  6146.     <div class='comments-content'>
  6147.       <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  6148.       <div id='comment-holder'>
  6149.          <data:post.commentHtml/>
  6150.       </div>
  6151.     </div>
  6152.  
  6153.     <p class='comment-footer'>
  6154.       <b:if cond='data:post.allowNewComments'>
  6155.         <b:include data='post' name='threaded-comment-form'/>
  6156.       <b:else/>
  6157.         <data:post.noNewCommentsText/>
  6158.       </b:if>
  6159.     </p>
  6160.  
  6161.     <b:if cond='data:showCmtPopup'>
  6162.       <div id='comment-popup'>
  6163.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  6164.         </iframe>
  6165.       </div>
  6166.     </b:if>
  6167.  
  6168.     <div id='backlinks-container'>
  6169.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  6170.       <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  6171.     </div>
  6172.     </div>
  6173.   </div>
  6174. </b:includable>
  6175.      </b:widget>
  6176.      <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' version='1'>
  6177.        <b:widget-settings>
  6178.          <b:widget-setting name='content'>[blogger][disqus][facebook]</b:widget-setting>
  6179.        </b:widget-settings>
  6180.        <b:includable id='main'>
  6181.  
  6182.           <b:if cond='data:blog.pageType == &quot;item&quot;'>
  6183. <div id='put-your-comment'>
  6184.             <b:if cond='data:content == &quot;[blogger]&quot;'>
  6185.               <div class='cmm-tabs'>
  6186.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6187.               </div>
  6188.             </b:if>
  6189.             <b:if cond='data:content == &quot;[facebook]&quot;'>
  6190.               <div class='cmm-tabs'>
  6191.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6192.               </div>
  6193.               <script type='text/javascript'>
  6194.               //<![CDATA[
  6195.                $('#comments').remove();
  6196.              //]]>
  6197.               </script>    
  6198.             </b:if>
  6199.             <b:if cond='data:content == &quot;[disqus]&quot;'>
  6200.               <div class='cmm-tabs'>
  6201.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6202.               </div>
  6203.               <script type='text/javascript'>
  6204.               //<![CDATA[
  6205.                $('#comments').remove();
  6206.              //]]>
  6207.               </script>
  6208.             </b:if>
  6209.             <b:if cond='data:content == &quot;[blogger][facebook]&quot;'>
  6210.               <div class='cmm-tabs'>
  6211.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6212.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6213.               </div>
  6214.             </b:if>
  6215.             <b:if cond='data:content == &quot;[blogger][disqus]&quot;'>
  6216.               <div class='cmm-tabs'>
  6217.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6218.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6219.               </div>
  6220.             </b:if>
  6221.             <b:if cond='data:content == &quot;[facebook][blogger]&quot;'>
  6222.               <div class='cmm-tabs'>
  6223.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6224.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6225.               </div>
  6226.             </b:if>
  6227.             <b:if cond='data:content == &quot;[facebook][disqus]&quot;'>
  6228.               <div class='cmm-tabs'>
  6229.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6230.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6231.               <script type='text/javascript'>
  6232.               //<![CDATA[
  6233.                $('#comments').remove();
  6234.              //]]>
  6235.               </script>
  6236.               </div>
  6237.             </b:if>
  6238.             <b:if cond='data:content == &quot;[disqus][blogger]&quot;'>
  6239.               <div class='cmm-tabs'>
  6240.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6241.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6242.               </div>
  6243.             </b:if>
  6244.             <b:if cond='data:content == &quot;[disqus][facebook]&quot;'>
  6245.               <div class='cmm-tabs'>
  6246.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6247.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6248.               </div>
  6249.               <script type='text/javascript'>
  6250.               //<![CDATA[
  6251.                $('#comments').remove();
  6252.              //]]>
  6253.               </script>
  6254.             </b:if>
  6255.             <b:if cond='data:content == &quot;[blogger][facebook][disqus]&quot;'>
  6256.               <div class='cmm-tabs'>
  6257.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6258.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6259.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6260.               </div>
  6261.             </b:if>
  6262.             <b:if cond='data:content == &quot;[blogger][disqus][facebook]&quot;'>
  6263.               <div class='cmm-tabs'>
  6264.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6265.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6266.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6267.               </div>
  6268.             </b:if>
  6269.             <b:if cond='data:content == &quot;[facebook][blogger][disqus]&quot;'>
  6270.               <div class='cmm-tabs'>
  6271.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6272.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6273.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6274.               </div>
  6275.             </b:if>
  6276.             <b:if cond='data:content == &quot;[facebook][disqus][blogger]&quot;'>
  6277.               <div class='cmm-tabs'>
  6278.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6279.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6280.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6281.               </div>
  6282.             </b:if>
  6283.             <b:if cond='data:content == &quot;[disqus][blogger][facebook]&quot;'>
  6284.               <div class='cmm-tabs'>
  6285.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6286.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6287.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6288.               </div>
  6289.             </b:if>
  6290.             <b:if cond='data:content == &quot;[disqus][facebook][blogger]&quot;'>
  6291.               <div class='cmm-tabs'>
  6292.                 <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6293.                 <div data-tab='facebook'><div class='facebook-tab'/></div>
  6294.                 <div data-tab='blogger'><div class='blogger-tab'/></div>
  6295.               </div>
  6296.             </b:if>
  6297.             <div id='fb-root'/><script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0&quot;;fjs.parentNode.insertBefore(js, fjs);}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>&lt;script&gt;$(&quot;.facebook-tab&quot;).append(&quot;&lt;div class=&#39;fb-comments&#39; data-href=&#39;<data:blog.canonicalUrl/>&#39; data-width=&#39;100%&#39; data-numposts=&#39;5&#39; data-colorscheme=&#39;light&#39;&gt;&lt;/div&gt;&quot;);&lt;/script&gt;
  6298.          </div>  </b:if>
  6299.         </b:includable>
  6300.      </b:widget>
  6301.      <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' version='1'>
  6302.        <b:widget-settings>
  6303.          <b:widget-setting name='content'>sigma2</b:widget-setting>
  6304.        </b:widget-settings>
  6305.        <b:includable id='main'>
  6306.           <b:if cond='data:blog.pageType == &quot;item&quot;'>
  6307.             &lt;script type=&#39;text/javascript&#39;&gt;
  6308.             var disqus_shortname = &#39;<data:content/>&#39;;
  6309.              (function() {
  6310.               var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
  6311.               dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
  6312.               (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
  6313.               })();
  6314.             &lt;/script&gt;
  6315.           </b:if>
  6316.         </b:includable>
  6317.      </b:widget>
  6318.    </b:section>  
  6319.   <div id='ads-blog'>
  6320. <b:section class='ad-bottom-widget' id='adwidegt3' maxwidgets='1' name='Post Bottom Ad Widget' showaddelement='yes'>
  6321.   <b:widget id='HTML98' locked='false' title='Post Top Ad' type='HTML' version='1'>
  6322.     <b:widget-settings>
  6323.       <b:widget-setting name='content'>&lt;span&gt;
  6324. &lt;div class=&quot;lalulintas&quot;&gt;&lt;span class=&quot;rambuhijau&quot;&gt;Responsive Ads Here&lt;/span&gt;
  6325. &lt;/div&gt;
  6326. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  6327. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  6328. .rambuhijau{background:rgba(255,255,255,0.15);position:absolute;display:block;color:rgba(0,0,0,0.2);text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:180%;padding:10px;margin:5px;left:0;right:0;top:0;bottom:0;font-weight:700;line-height:4.4rem}
  6329. &lt;/style&gt;&lt;/span&gt;</b:widget-setting>
  6330.     </b:widget-settings>
  6331.     <b:includable id='main'>
  6332.   <!-- only display title if it's non-empty -->
  6333.   <b:if cond='data:title != &quot;&quot;'>
  6334.     <h2 class='title'><data:title/></h2>
  6335.   </b:if>
  6336.   <div class='widget-content'>
  6337.     <span>  <data:content/></span>
  6338.   </div>
  6339.  
  6340.   <!--b:include name='quickedit'/-->
  6341. </b:includable>
  6342.   </b:widget>
  6343. </b:section>
  6344. <div style='clear: both;'/>
  6345.       </div>
  6346. <b:section class='post-author-widget' id='Postwidegt1' maxwidgets='1' name='Post Author Details' showaddelement='yes'>
  6347.   <b:widget id='HTML10' locked='false' title='Author Details' type='HTML' version='1'>
  6348.     <b:widget-settings>
  6349.       <b:widget-setting name='content'>Hanya seorang mahasiswa + freelancer yang suka menulis dan mantengin JavHD :* teach me zaenal or Kaizen sir :p you understand?.</b:widget-setting>
  6350.     </b:widget-settings>
  6351.     <b:includable id='main'>
  6352.   <!-- only display title if it's non-empty -->
  6353.   <b:if cond='data:title != &quot;&quot;'>
  6354.     <h2 class='title'><data:title/></h2>
  6355.   </b:if>
  6356.   <div class='widget-content'>
  6357.     <span><data:content/></span>
  6358.   </div>
  6359.  
  6360.   <!--b:include name='quickedit'/-->
  6361. </b:includable>
  6362.   </b:widget>
  6363. </b:section>
  6364. <b:section class='post-author-social' id='Postwidegt2' maxwidgets='1' name='Post Author Social Profiles' showaddelement='yes'>
  6365.   <b:widget id='LinkList1' locked='false' title='' type='LinkList' version='1'>
  6366.     <b:widget-settings>
  6367.       <b:widget-setting name='link-5'>#</b:widget-setting>
  6368.       <b:widget-setting name='link-3'>#</b:widget-setting>
  6369.       <b:widget-setting name='link-4'>#</b:widget-setting>
  6370.       <b:widget-setting name='text-1'><![CDATA[<i class="fa fa-twitter"></i>]]></b:widget-setting>
  6371.       <b:widget-setting name='text-0'><![CDATA[<i class="fa fa-facebook"></i>]]></b:widget-setting>
  6372.       <b:widget-setting name='text-3'><![CDATA[<i class="fa fa-instagram"></i>]]></b:widget-setting>
  6373.       <b:widget-setting name='text-2'><![CDATA[<i class="fa fa-google-plus"></i>]]></b:widget-setting>
  6374.       <b:widget-setting name='text-5'><![CDATA[<i class="fa fa-linkedin"></i>]]></b:widget-setting>
  6375.       <b:widget-setting name='text-4'><![CDATA[<i class="fa fa-pinterest"></i>]]></b:widget-setting>
  6376.       <b:widget-setting name='sorting'>NONE</b:widget-setting>
  6377.       <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  6378.       <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  6379.       <b:widget-setting name='link-0'>https://www.facebook.com/Kaizen1337.gov</b:widget-setting>
  6380.     </b:widget-settings>
  6381.     <b:includable id='main'>
  6382.  
  6383. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  6384.  <div class='widget-content'>
  6385.    <ul>
  6386.      <b:loop values='data:links' var='link'>
  6387.        <li><a expr:href='data:link.target'><data:link.name/></a></li>
  6388.      </b:loop>
  6389.    </ul>
  6390.   <!--b:include name='quickedit'/-->
  6391.  </div>
  6392. </b:includable>
  6393.   </b:widget>
  6394. </b:section>
  6395. </div>
  6396. <div id='sidebar-wrapper'>
  6397. <b:section class='social-counter sidebar  ty-trigger' id='social-counter' maxwidgets='2' name='Social Counter' showaddelement='yes'>
  6398.   <b:widget id='LinkList62' locked='true' title='Socialize' type='LinkList' version='1'>
  6399.     <b:widget-settings>
  6400.       <b:widget-setting name='link-3'>https://www.youtube.com/channel/UCyrHMeyBIzxV9Zmqih0i3bg</b:widget-setting>
  6401.       <b:widget-setting name='sorting'>NONE</b:widget-setting>
  6402.       <b:widget-setting name='link-4'>#</b:widget-setting>
  6403.       <b:widget-setting name='text-1'>twitter count=1.7k;</b:widget-setting>
  6404.       <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  6405.       <b:widget-setting name='text-0'> facebook count=3.5k;</b:widget-setting>
  6406.       <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  6407.       <b:widget-setting name='text-3'>youtube count=2.8k;</b:widget-setting>
  6408.       <b:widget-setting name='link-0'>https://www.facebook.com/Javahaxor/</b:widget-setting>
  6409.       <b:widget-setting name='text-2'>gplus count=735;</b:widget-setting>
  6410.       <b:widget-setting name='text-4'>instagram count=849;</b:widget-setting>
  6411.     </b:widget-settings>
  6412.     <b:includable id='main'>
  6413.             <b:if cond='data:title != &quot;&quot;'>
  6414.               <h2 class='title'><data:title/></h2>
  6415.             </b:if>
  6416.             <div class='widget-content'>
  6417.               <ul id='social'>
  6418.                 <b:loop values='data:links' var='link'>
  6419.                   <li expr:class='&quot;item-social &quot; + data:link.name'><a expr:href='data:link.target'> <i class='item-icon fa'/><div class='hide-count'><data:link.name/></div><span class='item-text'>Followers</span> </a></li>
  6420.                 </b:loop>
  6421.               </ul>
  6422.             </div>
  6423.           </b:includable>
  6424.   </b:widget>
  6425. </b:section>
  6426. <div style='clear: both;'/>
  6427.     <b:section class='sidebar ty-trigger' id='sidebar(1)' preferred='yes'>
  6428.       <b:widget id='FollowByEmail2' locked='false' title='Follow by Email' type='FollowByEmail'>
  6429.         <b:includable id='main'>
  6430.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  6431.   <div class='widget-content'>
  6432.     <div class='follow-by-email-inner'>
  6433.       <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'>
  6434.         <table width='100%'>
  6435.           <tr>
  6436.             <td>
  6437.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  6438.             </td>
  6439.             <td width='64px'>
  6440.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  6441.             </td>
  6442.           </tr>
  6443.         </table>
  6444.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  6445.         <input name='loc' type='hidden' value='en_US'/>
  6446.       </form>
  6447.     </div>
  6448.   </div>
  6449.   <span class='item-control blog-admin'>
  6450.     <b:include name='quickedit'/>
  6451.   </span>
  6452. </b:includable>
  6453.       </b:widget>
  6454.     </b:section>
  6455. <div style='clear: both;'/>
  6456. <div class='sidetabs' id='sidetabs'>
  6457.       <ul class='menu-tab'>
  6458.         <li class='item-1'><a href='#tabside1'/></li>
  6459.         <li class='item-2'><a href='#tabside2'/></li>
  6460. <li class='item-3'><a href='#tabside3'/></li>
  6461.       </ul>
  6462.       <b:section class='sidebar ty-trigger' id='tabside1' maxwidgets='1' name='Tab 01' showaddelement='yes'>
  6463.         <b:widget id='HTML3' locked='false' title='Recent' type='HTML' version='1'>
  6464.           <b:widget-settings>
  6465.             <b:widget-setting name='content'><![CDATA[<span class="latestposts" data-no="5"></span>]]></b:widget-setting>
  6466.           </b:widget-settings>
  6467.           <b:includable id='main'>
  6468.   <!-- only display title if it's non-empty -->
  6469.   <b:if cond='data:title != &quot;&quot;'>
  6470.     <h2 class='title'><data:title/></h2>
  6471.   </b:if>
  6472.   <div class='widget-content'>
  6473.     <data:content/>
  6474.   </div>
  6475.  
  6476.  <!--b:include name='quickedit'/-->
  6477. </b:includable>
  6478.         </b:widget>
  6479.       </b:section>
  6480.       <b:section class='sidebar ty-trigger' id='tabside2' maxwidgets='1' name='Tab 02' showaddelement='yes'>
  6481.         <b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>
  6482.           <b:widget-settings>
  6483.             <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
  6484.             <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  6485.             <b:widget-setting name='showSnippets'>true</b:widget-setting>
  6486.             <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  6487.           </b:widget-settings>
  6488.           <b:includable id='main'>
  6489.                 <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  6490.                 <div class='widget-content popular-posts'>
  6491.                   <ul>
  6492.                     <b:loop values='data:posts' var='post'>
  6493.                       <li>
  6494.                         <b:if cond='!data:showThumbnails'>
  6495.                           <b:if cond='!data:showSnippets'>
  6496.                             <!-- (1) No snippet/thumbnail -->
  6497.                             <a expr:href='data:post.href'><data:post.title/></a>
  6498.                             <b:else/>
  6499.                             <!-- (2) Show only snippets -->
  6500.                             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  6501.                             <div class='item-snippet'><data:post.snippet/></div>
  6502.                           </b:if>
  6503.                           <b:else/>
  6504.                           <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  6505.                           <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  6506.                             <b:if cond='data:post.thumbnail'>
  6507.                               <div class='item-thumbnail'>
  6508.                                 <a expr:href='data:post.href'>
  6509.                                   <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  6510.                                 </a>
  6511.                               </div>
  6512.                             </b:if>
  6513.                             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  6514.                             <b:if cond='data:showSnippets'>
  6515.                               <div class='item-snippet'><data:post.snippet/></div>
  6516.                             </b:if>
  6517.                           </div>
  6518.                           <div style='clear: both;'/>
  6519.                         </b:if>
  6520.                       </li>
  6521.                     </b:loop>
  6522.                   </ul>
  6523.                  <!--b:include name='quickedit'/-->
  6524.                 </div>
  6525.               </b:includable>
  6526.         </b:widget>
  6527.       </b:section>
  6528.   <b:section class='sidebar ty-trigger' id='tabside3' maxwidgets='1' name='Tab 03' showaddelement='yes'>
  6529.     <b:widget id='HTML5' locked='false' title='Comments' type='HTML' version='1'>
  6530.       <b:widget-settings>
  6531.         <b:widget-setting name='content'><![CDATA[<span class="latestcomments" data-no="5"></span>]]></b:widget-setting>
  6532.       </b:widget-settings>
  6533.       <b:includable id='main'>
  6534.   <!-- only display title if it's non-empty -->
  6535.   <b:if cond='data:title != &quot;&quot;'>
  6536.     <h2 class='title'><data:title/></h2>
  6537.   </b:if>
  6538.   <div class='widget-content'>
  6539.     <data:content/>
  6540.   </div>
  6541.  
  6542.  <!--b:include name='quickedit'/-->
  6543. </b:includable>
  6544.     </b:widget>
  6545.   </b:section>
  6546.      </div>
  6547. <div style='clear: both;'/>
  6548. <b:section class='sidebar ty-trigger' id='sidebar(2)' preferred='yes'>
  6549.   <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive' version='1'>
  6550.     <b:widget-settings>
  6551.       <b:widget-setting name='showStyle'>MENU</b:widget-setting>
  6552.       <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  6553.       <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  6554.       <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
  6555.       <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  6556.       <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  6557.       <b:widget-setting name='chronological'>false</b:widget-setting>
  6558.       <b:widget-setting name='showPosts'>false</b:widget-setting>
  6559.       <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  6560.     </b:widget-settings>
  6561.     <b:includable id='main'>
  6562.   <b:if cond='data:title != &quot;&quot;'>
  6563.     <h2><data:title/></h2>
  6564.   </b:if>
  6565.   <div class='widget-content'>
  6566.   <div id='ArchiveList'>
  6567.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  6568.     <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
  6569.     <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
  6570.     <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  6571.   </div>
  6572.   </div>
  6573.   <!--b:include name='quickedit'/-->
  6574.   </div>
  6575. </b:includable>
  6576.     <b:includable id='flat' var='data'>
  6577.   <ul class='flat'>
  6578.     <b:loop values='data:data' var='i'>
  6579.       <li class='archivedate'>
  6580.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  6581.       </li>
  6582.     </b:loop>
  6583.   </ul>
  6584. </b:includable>
  6585.     <b:includable id='interval' var='intervalData'>
  6586.   <b:loop values='data:intervalData' var='interval'>
  6587.     <ul class='hierarchy'>
  6588.       <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
  6589.         <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
  6590.         <a class='post-count-link' expr:href='data:interval.url'>
  6591.           <data:interval.name/>
  6592.         </a>
  6593.         <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
  6594.         <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  6595.         <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  6596.       </li>
  6597.     </ul>
  6598.   </b:loop>
  6599. </b:includable>
  6600.     <b:includable id='menu' var='data'>
  6601.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  6602.     <option value=''><data:title/></option>
  6603.     <b:loop values='data:data' var='i'>
  6604.       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  6605.     </b:loop>
  6606.   </select>
  6607. </b:includable>
  6608.     <b:includable id='posts' var='posts'>
  6609.   <ul class='posts'>
  6610.     <b:loop values='data:posts' var='post'>
  6611.       <li><a expr:href='data:post.url'><data:post.title/></a></li>
  6612.     </b:loop>
  6613.   </ul>
  6614. </b:includable>
  6615.     <b:includable id='toggle' var='interval'>
  6616.   <a class='toggle' href='javascript:void(0)'>
  6617.     <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
  6618.       <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  6619.         &#9660;&#160;
  6620.       <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
  6621.         &#9668;&#160;
  6622.       <b:else/>
  6623.         &#9658;&#160;
  6624.       </b:if>
  6625.     </span>
  6626.   </a>
  6627. </b:includable>
  6628.   </b:widget>
  6629.   <b:widget id='HTML8' locked='false' title='Sponsor' type='HTML' version='1'>
  6630.     <b:widget-settings>
  6631.       <b:widget-setting name='content'><![CDATA[<center><img title="test" alt="test" src="https://2.bp.blogspot.com/-vk9cTiCMw_A/WJH4FN9GeZI/AAAAAAAACVs/5q6zsVjOibo7RzxukzvgsjZBNrTgapxbACLcB/s1600/Banner-Ad-Template-Fashion-.png" /></center>]]></b:widget-setting>
  6632.     </b:widget-settings>
  6633.     <b:includable id='main'>
  6634.   <!-- only display title if it's non-empty -->
  6635.   <b:if cond='data:title != &quot;&quot;'>
  6636.     <h2 class='title'><data:title/></h2>
  6637.   </b:if>
  6638.   <div class='widget-content'>
  6639.     <data:content/>
  6640.   </div>
  6641.  
  6642. <!--b:include name='quickedit'/-->
  6643. </b:includable>
  6644.   </b:widget>
  6645. </b:section>
  6646.     </div>
  6647.  <div style='clear: both;'/>
  6648.     </div>
  6649.     <!-- end content-wrapper -->
  6650. <div id='lower'>
  6651. <div class='body-row' id='lower-wrapper'>
  6652.  
  6653. <div id='lowerbar-wrapper'>
  6654. <b:section class='lowerbar ty-trigger' id='Footer widget(1)' preferred='yes'>
  6655.    <b:widget id='HTML9' locked='false' title='About Me' type='HTML'>
  6656.      <b:widget-settings>
  6657.        <b:widget-setting name='content'>&lt;style&gt;.avatar {
  6658.     float: left;
  6659. }
  6660. .avatar-85 {
  6661.     border: 3px solid #fff;
  6662.     border-radius: 85px;
  6663.     margin-right: 10px;
  6664. }
  6665. .icons-social {
  6666.     margin: 0 auto;
  6667.     clear: both;
  6668.     float: none;
  6669. }
  6670. .icons-social li {
  6671. display: inline;
  6672. padding: 0;
  6673. float: left;
  6674. }
  6675. .icons-social #social a {
  6676. display: block;
  6677. height: 42px;
  6678. width: 42px;
  6679. margin-right: 5.5px;
  6680. color: #fff;
  6681. text-align: center;
  6682. font-size: 20px;
  6683. }
  6684. .icons-social #social a:before {
  6685. display: inline-block;
  6686. font: normal normal normal 22px/1 FontAwesome;
  6687. font-size: inherit;
  6688. font-style: normal;
  6689. font-weight: 400;
  6690. line-height: 42px;
  6691. -webkit-font-smoothing: antialiased;
  6692. -moz-osx-font-smoothing: grayscale;
  6693. }
  6694. .icons-social .facebook:before {
  6695. content: &quot;\f09a&quot;;
  6696. }
  6697. .icons-social .twitter:before {
  6698. content: &quot;\f099&quot;;
  6699. }
  6700. .icons-social .gplus:before {
  6701. content: &quot;\f0d5&quot;;
  6702. }
  6703. .icons-social .linkedin:before {
  6704. content: &quot;\f0e1&quot;;
  6705. }
  6706. .icons-social .instagram:before {
  6707. content: &quot;\f16d&quot;;
  6708. }
  6709. .icons-social .pinterest:before {
  6710. content: &quot;\f0d2&quot;;
  6711. }
  6712. &lt;/style&gt;&lt;p&gt;&lt;img alt=&quot;author&quot; src=&quot;https://www.techworm.net/wp-content/uploads/2013/06/967d3a1e5869cae4490e28b80ae2d53c2.jpeg&quot; class=&quot;avatar avatar-85 photo&quot; height=&quot;85&quot; width=&quot;85&quot; /&gt;Hanya seorag mahasiswa , freelancer yang sering mantengin JavHD :*&lt;br /&gt;&lt;a href=&quot;#&quot; style=&quot;
  6713.     color: #0288d1;
  6714. &quot;&gt;Learn More &#8594;&lt;/a&gt;&lt;/p&gt;</b:widget-setting>
  6715.      </b:widget-settings>
  6716.      <b:includable id='main'>
  6717.   <!-- only display title if it's non-empty -->
  6718.   <b:if cond='data:title != &quot;&quot;'>
  6719.     <h2 class='title'><data:title/></h2>
  6720.   </b:if>
  6721.   <div class='widget-content'>
  6722.     <data:content/>
  6723.   </div>
  6724.  
  6725.   <b:include name='quickedit'/>
  6726. </b:includable>
  6727.    </b:widget>
  6728.  </b:section>
  6729. </div>
  6730.  
  6731. <div id='lowerbar-wrapper'>
  6732. <b:section class='lowerbar ty-trigger' id='Footer widget(2)' preferred='yes'>
  6733.    <b:widget id='HTML7' locked='false' title='Recent News' type='HTML' version='1'>
  6734.      <b:widget-settings>
  6735.        <b:widget-setting name='content'><![CDATA[<span class="tagpost" data-label="news" data-no="2"></span>]]></b:widget-setting>
  6736.      </b:widget-settings>
  6737.      <b:includable id='main'>
  6738.   <!-- only display title if it's non-empty -->
  6739.   <b:if cond='data:title != &quot;&quot;'>
  6740.     <h2 class='title'><data:title/></h2>
  6741.   </b:if>
  6742.   <div class='widget-content'>
  6743.     <data:content/>
  6744.   </div>
  6745.  
  6746. <!--b:include name='quickedit'/-->
  6747. </b:includable>
  6748.    </b:widget>
  6749.  </b:section>
  6750. </div>
  6751.  
  6752. <div id='lowerbar-wrapper'>
  6753. <b:section class='lowerbar ty-trigger' id='Footer widget(3)' preferred='yes'>
  6754.    <b:widget id='Label3' locked='false' title='Tags' type='Label' version='1'>
  6755.      <b:widget-settings>
  6756.        <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  6757.        <b:widget-setting name='display'>CLOUD</b:widget-setting>
  6758.        <b:widget-setting name='selectedLabelsList'/>
  6759.        <b:widget-setting name='showType'>ALL</b:widget-setting>
  6760.        <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  6761.      </b:widget-settings>
  6762.      <b:includable id='main'>
  6763.   <b:if cond='data:title != &quot;&quot;'>
  6764.     <h2><data:title/></h2>
  6765.   </b:if>
  6766.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  6767.     <b:if cond='data:display == &quot;list&quot;'>
  6768.       <ul>
  6769.         <b:loop values='data:labels' var='label'>
  6770.           <li>
  6771.             <b:if cond='data:blog.url == data:label.url'>
  6772.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  6773.             <b:else/>
  6774.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  6775.             </b:if>
  6776.             <b:if cond='data:showFreqNumbers'>
  6777.               <span dir='ltr'>(<data:label.count/>)</span>
  6778.             </b:if>
  6779.           </li>
  6780.         </b:loop>
  6781.       </ul>
  6782.     <b:else/>
  6783.       <b:loop values='data:labels' var='label'>
  6784.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  6785.           <b:if cond='data:blog.url == data:label.url'>
  6786.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  6787.           <b:else/>
  6788.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  6789.           </b:if>
  6790.           <b:if cond='data:showFreqNumbers'>
  6791.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  6792.           </b:if>
  6793.         </span>
  6794.       </b:loop>
  6795.     </b:if>
  6796. <!--b:include name='quickedit'/-->
  6797.   </div>
  6798. </b:includable>
  6799.    </b:widget>
  6800.    <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm' version='1'>
  6801.      <b:includable id='main'>
  6802.   <b:if cond='data:title != &quot;&quot;'>
  6803.     <h2 class='title'><data:title/></h2>
  6804.   </b:if>
  6805.   <div class='contact-form-widget'>
  6806.     <div class='form'>
  6807.       <form name='contact-form'>
  6808.         <p/>
  6809.         <data:contactFormNameMsg/>
  6810.         <br/>
  6811.         <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  6812.         <p/>
  6813.         <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  6814.         <br/>
  6815.         <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  6816.         <p/>
  6817.         <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  6818.         <br/>
  6819.         <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  6820.         <p/>
  6821.         <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
  6822.         <p/>
  6823.         <div style='text-align: center; max-width: 222px; width: 100%'>
  6824.           <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  6825.           <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  6826.         </div>
  6827.       </form>
  6828.     </div>
  6829.   </div>
  6830. <!--b:include name='quickedit'/-->
  6831. </b:includable>
  6832.    </b:widget>
  6833.  </b:section>
  6834. </div>
  6835. <div style='clear: both;'/>
  6836. </div> </div>
  6837. <div id='ty_footer'>
  6838.         <div class='ty-copy-container body-row'>
  6839.          
  6840.                     <div class='ty_footer_copyright'>
  6841.                        Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'><data:blog.title/></span></a>  </div>
  6842.  <b:section class='bottom-bar-social blue' id='Footer social widget' maxwidgets='1' name='Footer Social Widget' showaddelement='no'>
  6843.    <b:widget id='LinkList236' locked='true' title='Social Media Icons' type='LinkList' version='1'>
  6844.      <b:widget-settings>
  6845.        <b:widget-setting name='link-3'>#</b:widget-setting>
  6846.        <b:widget-setting name='sorting'>NONE</b:widget-setting>
  6847.        <b:widget-setting name='text-1'>twitter</b:widget-setting>
  6848.        <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  6849.        <b:widget-setting name='text-0'>facebook</b:widget-setting>
  6850.        <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  6851.        <b:widget-setting name='text-3'>rss</b:widget-setting>
  6852.        <b:widget-setting name='link-0'>https://www.facebook.com/Javahaxor/</b:widget-setting>
  6853.        <b:widget-setting name='text-2'>gplus</b:widget-setting>
  6854.      </b:widget-settings>
  6855.      <b:includable id='main'>
  6856.             <div class='widget-content'>
  6857.               <ul id='social'>
  6858.                 <b:loop values='data:links' var='link'>
  6859.                   <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
  6860.                 </b:loop>
  6861.               </ul>
  6862.             </div>
  6863.           </b:includable>
  6864.    </b:widget>
  6865.  </b:section>
  6866.                  
  6867.                
  6868.              
  6869.                    
  6870.         </div>
  6871.     </div>
  6872. <a class='back-to-top' href='#'><i class='fa fa-hand-o-up'/></a>
  6873. &lt;/div&gt;
  6874. <script async='async' type='text/javascript'>
  6875. //<![CDATA[
  6876. var no_image = "http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png";
  6877. var month_format = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
  6878. var more_text = "View More";
  6879. var comments_text = "<span>Post </span>Comment";
  6880. var pagenav_prev = "Previous";
  6881. var pagenav_next = "Next";
  6882. var POSTPAGER_OLDER = "Older Article <i class='fa fa-chevron-circle-right' aria-hidden='true'></i>"; // post nav text "previous post"
  6883. var POSTPAGER_NEWER = "<i class='fa fa-chevron-circle-left' aria-hidden='true'></i> Newer Article"; // post nav text "next post"
  6884. //]]>
  6885. </script>
  6886. <script type='text/javascript'>
  6887. //<![CDATA[
  6888. // Plugin: SelectNav.js ~ url: https://github.com/lukaszfiszer/selectnav.js
  6889. 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)}}();
  6890.  
  6891. // News Ticker plugin ~ URL: http://jonmifsud.com/open-source/jquery/jquery-webticker
  6892. (function(e){function n(e,t){var s=e.data("settings");if(typeof t==="undefined")t=false;if(t){i(e)}var o=r(e);e.animate(o.css,o.time,"linear",function(){e.css(s.direction,"0");n(e,true)})}function r(e){var t=e.data("settings");var n=e.children().first();var r=Math.abs(-e.css(t.direction).replace("px","").replace("auto","0")-n.outerWidth(true));var t=e.data("settings");var i=r*1e3/t.speed;var s={};s[t.direction]=e.css(t.direction).replace("px","").replace("auto","0")-r;return{css:s,time:i}}function i(e){var t=e.data("settings");e.css("transition-duration","0s").css(t.direction,"0");var n=e.children().first();if(n.hasClass("webticker-init"))n.remove();else e.children().last().after(n)}function s(e,t){if(typeof t==="undefined")t=false;if(t){i(e)}var n=r(e);var s=n.time/1e3;s+="s";e.css(n.css).css("transition-duration",s)}function o(t,n,r){var i;e.get(t,function(t){var s=e(t);s.find("item").each(function(){var t=e(this),n={title:t.find("title").text(),link:t.find("link").text()};listItem="<li><a href='"+n.link+"'>"+n.title+"</a></li>";i+=listItem});r.webTicker("update",i,n)})}function u(t){var n=t.data("settings");t.width("auto");var r=0;t.children("li").each(function(){r+=e(this).outerWidth(true)});if(r<t.parent().width()||t.children().length==1){if(n.duplicate){itemWidth=Math.max.apply(Math,t.children().map(function(){return e(this).width()}).get());while(r-itemWidth<t.parent().width()||t.children().length==1){var i=t.children().clone();t.append(i);r=0;t.children("li").each(function(){r+=e(this).outerWidth(true)});itemWidth=Math.max.apply(Math,t.children().map(function(){return e(this).width()}).get())}}else{var s=t.parent().width()-r;s+=t.find("li:first").width();var o=t.find("li:first").height();t.append('<li class="ticker-spacer" style="width:'+s+"px;height:"+o+'px;"></li>')}}if(n.startEmpty){var o=t.find("li:first").height();t.prepend('<li class="webticker-init" style="width:'+t.parent().width()+"px;height:"+o+'px;"></li>')}r=0;t.children("li").each(function(){r+=e(this).outerWidth(true)});t.width(r+200);widthCompare=0;t.children("li").each(function(){widthCompare+=e(this).outerWidth(true)});while(widthCompare>=t.width()){t.width(t.width()+200);widthCompare=0;t.children("li").each(function(){widthCompare+=e(this).outerWidth(true)})}}var t=function(){var e=document.createElement("p").style,t=["ms","O","Moz","Webkit"];if(e["transition"]=="")return true;while(t.length)if(t.pop()+"Transition"in e)return true;return false}();var a={init:function(r){r=jQuery.extend({speed:50,direction:"left",moving:true,startEmpty:true,duplicate:false,rssurl:false,hoverpause:true,rssfrequency:0,updatetype:"reset"},r);return this.each(function(){jQuery(this).data("settings",r);var i=jQuery(this);i.addClass("newsticker");var a=i.wrap("<div class='mask'></div>");a.after("<span class='tickeroverlay-left'>&nbsp;</span><span class='tickeroverlay-right'>&nbsp;</span>");var f=i.parent().wrap("<div class='tickercontainer'></div>");u(i);if(r.rssurl){o(r.rssurl,r.type,i);if(r.rssfrequency>0){window.setInterval(function(){o(r.rssurl,r.type,i)},r.rssfrequency*1e3*60)}}if(t){i.css("transition-duration","0s").css(r.direction,"0");s(i,false);i.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend",function(t){if(!i.is(t.target)){return false}s(e(this),true)})}else{n(e(this))}if(r.hoverpause){i.hover(function(){if(t){var n=e(this).css(r.direction);e(this).css("transition-duration","0s").css(r.direction,n)}else jQuery(this).stop()},function(){if(jQuery(this).data("settings").moving){if(t){s(e(this),false)}else{n(i)}}})}})},stop:function(){var n=e(this).data("settings");if(n.moving){n.moving=false;return this.each(function(){if(t){var r=e(this).css(n.direction);e(this).css("transition-duration","0s").css(n.direction,r)}else e(this).stop()})}},cont:function(){var r=e(this).data("settings");if(!r.moving){r.moving=true;return this.each(function(){if(t){s(e(this),false)}else{n(e(this))}})}},update:function(t,n,r,i){n=n||"reset";if(typeof r==="undefined")r=true;if(typeof i==="undefined")i=false;if(typeof t==="string"){t=e(t)}var s=e(this);s.webTicker("stop");var o=e(this).data("settings");if(n=="reset"){s.html(t);s.css(o.direction,"0");u(s)}else if(n=="swap"){s.children("li").addClass("old");for(var a=0;a<t.length;a++){id=e(t[a]).data("update");match=s.find('[data-update="'+id+'"]');if(match.length<1){if(r){if(s.find(".ticker-spacer:first-child").length==0&&s.find(".ticker-spacer").length>0){s.children("li.ticker-spacer").before(t[a])}else{s.append(t[a])}}}else s.find('[data-update="'+id+'"]').replaceWith(t[a]);}s.children("li.webticker-init, li.ticker-spacer").removeClass("old");if(i)s.children("li").remove(".old");stripWidth=0;s.children("li").each(function(){stripWidth+=e(this).outerWidth(true)});s.width(stripWidth+200)}s.webTicker("cont")}};e.fn.webTicker=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.init.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.webTicker")}}})(jQuery);
  6893.  
  6894. // Timeago jQuery plugin ~ URL: http://timeago.yarp.com
  6895. (function(e){if(typeof define==="function"&&define.amd){define(["jquery"],e)}else{e(jQuery)}})(function(e){function r(){var n=i(this);var r=t.settings;if(!isNaN(n.datetime)){if(r.cutoff==0||Math.abs(o(n.datetime))<r.cutoff){e(this).text(s(n.datetime))}}return this}function i(n){n=e(n);if(!n.data("timeago")){n.data("timeago",{datetime:t.datetime(n)});var r=e.trim(n.text());if(t.settings.localeTitle){n.attr("title",n.data("timeago").datetime.toLocaleString())}else if(r.length>0&&!(t.isTime(n)&&n.attr("title"))){n.attr("title",r)}}return n.data("timeago")}function s(e){return t.inWords(o(e))}function o(e){return(new Date).getTime()-e.getTime()}e.timeago=function(t){if(t instanceof Date){return s(t)}else if(typeof t==="string"){return s(e.timeago.parse(t))}else if(typeof t==="number"){return s(new Date(t))}else{return s(e.timeago.datetime(t))}};var t=e.timeago;e.extend(e.timeago,{settings:{refreshMillis:6e4,allowPast:true,allowFuture:false,localeTitle:false,cutoff:0,strings:{prefixAgo:null,prefixFromNow:null,suffixAgo:"ago",suffixFromNow:"from now",inPast:"in a moment",seconds:"a few seconds",minute:"%d minute",minutes:"%d mins",hour:"%d hour",hours:"%d hrs",day:"%d day",days:"%d days",month:"month",months:"%d months",year:"%d year",years:"%d years",wordSeparator:" ",numbers:[]}},inWords:function(t){function l(r,i){var s=e.isFunction(r)?r(i,t):r;var o=n.numbers&&n.numbers[i]||i;return s.replace(/%d/i,o)}if(!this.settings.allowPast&&!this.settings.allowFuture){throw"timeago allowPast and allowFuture settings can not both be set to false."}var n=this.settings.strings;var r=n.prefixAgo;var i=n.suffixAgo;if(this.settings.allowFuture){if(t<0){r=n.prefixFromNow;i=n.suffixFromNow}}if(!this.settings.allowPast&&t>=0){return this.settings.strings.inPast}var s=Math.abs(t)/1e3;var o=s/60;var u=o/60;var a=u/24;var f=a/365;var c=s<45&&l(n.seconds,Math.round(s))||s<90&&l(n.minute,1)||o<45&&l(n.minutes,Math.round(o))||o<90&&l(n.hour,1)||u<24&&l(n.hours,Math.round(u))||u<42&&l(n.day,1)||a<30&&l(n.days,Math.round(a))||a<45&&l(n.month,1)||a<365&&l(n.months,Math.round(a/30))||f<1.5&&l(n.year,1)||l(n.years,Math.round(f));var h=n.wordSeparator||"";if(n.wordSeparator===undefined){h=" "}return e.trim([r,c,i].join(h))},parse:function(t){var n=e.trim(t);n=n.replace(/\.\d+/,"");n=n.replace(/-/,"/").replace(/-/,"/");n=n.replace(/T/," ").replace(/Z/," UTC");n=n.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2");n=n.replace(/([\+\-]\d\d)$/," $100");return new Date(n)},datetime:function(n){var r=t.isTime(n)?e(n).attr("datetime"):e(n).attr("title");return t.parse(r)},isTime:function(t){return e(t).get(0).tagName.toLowerCase()==="time"}});var n={init:function(){var n=e.proxy(r,this);n();var i=t.settings;if(i.refreshMillis>0){this._timeagoInterval=setInterval(n,i.refreshMillis)}},update:function(n){var i=t.parse(n);e(this).data("timeago",{datetime:i});if(t.settings.localeTitle)e(this).attr("title",i.toLocaleString());r.apply(this)},updateFromDOM:function(){e(this).data("timeago",{datetime:t.parse(t.isTime(this)?e(this).attr("datetime"):e(this).attr("title"))});r.apply(this)},dispose:function(){if(this._timeagoInterval){window.clearInterval(this._timeagoInterval);this._timeagoInterval=null}}};e.fn.timeago=function(e,t){var r=e?n[e]:n.init;if(!r){throw new Error("Unknown function name '"+e+"' for timeago")}this.each(function(){r.call(this,t)});return this};document.createElement("abbr");document.createElement("time")});
  6896.  
  6897. // Tabslet jQuery plugin -  http://vdw.staytuned.gr
  6898. (function($,window,undefined){$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:false,autorotate:false,pauseonhover:true,delay:2000,active:1,controls:{prev:".prev",next:".next"}};var options=$.extend(defaults,options);return this.each(function(){var $this=$(this);options.mouseevent=$this.data("mouseevent")||options.mouseevent;options.attribute=$this.data("attribute")||options.attribute;options.animation=$this.data("animation")||options.animation;options.autorotate=$this.data("autorotate")||options.autorotate;options.pauseonhover=$this.data("pauseonhover")||options.pauseonhover;options.delay=$this.data("delay")||options.delay;options.active=$this.data("active")||options.active;$this.find("> div").hide();$this.find("> div").eq(options.active-1).show();$this.find("> ul li").eq(options.active-1).addClass("active");var fn=eval(function(){$(this).trigger("_before");$this.find("> ul li").removeClass("active");$(this).addClass("active");$this.find("> div").hide();var currentTab=$(this).find("a").attr(options.attribute);if(options.animation){$this.find(currentTab).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")})}else{$this.find(currentTab).show();$(this).trigger("_after")}return false});var init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)");init;var elements=$this.find("> ul li"),i=options.active-1;function forward(){i=++i%elements.length;options.mouseevent=="hover"?elements.eq(i).trigger("mouseover"):elements.eq(i).click();var t=setTimeout(forward,options.delay);$this.mouseover(function(){if(options.pauseonhover){clearTimeout(t)}})}if(options.autorotate){setTimeout(forward,0);if(options.pauseonhover){$this.on("mouseleave",function(){setTimeout(forward,1000)})}}function move(direction){if(direction=="forward"){i=++i%elements.length}if(direction=="backward"){i=--i%elements.length}elements.eq(i).click()}$this.find(options.controls.next).click(function(){move("forward")});$this.find(options.controls.prev).click(function(){move("backward")});$this.on("destroy",function(){$(this).removeData()})})};$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})})(jQuery);
  6899.  
  6900. // Theia Sticky Sidebar v1.3.0 - https://github.com/WeCodePixels/theia-sticky-sidebar
  6901. !function(i){i.fn.theiaStickySidebar=function(t){function o(t,o){var a=e(t,o);a||(console.log("TST: Body width smaller than options.minWidth. Init is delayed."),i(document).scroll(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)),i(window).resize(function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)))}function e(t,o){return t.initialized===!0?!0:i("body").width()<t.minWidth?!1:(a(t,o),!0)}function a(t,o){t.initialized=!0,i("head").append(i('<style>.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>')),o.each(function(){function o(){a.fixedScrollTop=0,a.sidebar.css({"min-height":"1px"}),a.stickySidebar.css({position:"static",width:""})}function e(t){var o=t.height();return t.children().each(function(){o=Math.max(o,i(this).height())}),o}var a={};a.sidebar=i(this),a.options=t||{},a.container=i(a.options.containerSelector),0==a.container.size()&&(a.container=a.sidebar.parent()),a.sidebar.parents().css("-webkit-transform","none"),a.sidebar.css({position:"relative",overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),a.stickySidebar=a.sidebar.find(".theiaStickySidebar"),0==a.stickySidebar.length&&(a.sidebar.find("script").remove(),a.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(a.sidebar.children()),a.sidebar.append(a.stickySidebar)),a.marginTop=parseInt(a.sidebar.css("margin-top")),a.marginBottom=parseInt(a.sidebar.css("margin-bottom")),a.paddingTop=parseInt(a.sidebar.css("padding-top")),a.paddingBottom=parseInt(a.sidebar.css("padding-bottom"));var n=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight();a.stickySidebar.css("padding-top",1),a.stickySidebar.css("padding-bottom",1),n-=a.stickySidebar.offset().top,d=a.stickySidebar.outerHeight()-d-n,0==n?(a.stickySidebar.css("padding-top",0),a.stickySidebarPaddingTop=0):a.stickySidebarPaddingTop=1,0==d?(a.stickySidebar.css("padding-bottom",0),a.stickySidebarPaddingBottom=0):a.stickySidebarPaddingBottom=1,a.previousScrollTop=null,a.fixedScrollTop=0,o(),a.onScroll=function(a){if(a.stickySidebar.is(":visible")){if(i("body").width()<a.options.minWidth)return void o();if(a.sidebar.outerWidth(!0)+50>a.container.width())return void o();var n=i(document).scrollTop(),d="static";if(n>=a.container.offset().top+(a.paddingTop+a.marginTop-a.options.additionalMarginTop)){var r,s=a.paddingTop+a.marginTop+t.additionalMarginTop,c=a.paddingBottom+a.marginBottom+t.additionalMarginBottom,p=a.container.offset().top,b=a.container.offset().top+e(a.container),g=0+t.additionalMarginTop,l=a.stickySidebar.outerHeight()+s+c<i(window).height();r=l?g+a.stickySidebar.outerHeight():i(window).height()-a.marginBottom-a.paddingBottom-t.additionalMarginBottom;var h=p-n+a.paddingTop+a.marginTop,f=b-n-a.paddingBottom-a.marginBottom,S=a.stickySidebar.offset().top-n,u=a.previousScrollTop-n;"fixed"==a.stickySidebar.css("position")&&"modern"==a.options.sidebarBehavior&&(S+=u),"legacy"==a.options.sidebarBehavior&&(S=r-a.stickySidebar.outerHeight(),S=Math.max(S,r-a.stickySidebar.outerHeight())),S=u>0?Math.min(S,g):Math.max(S,r-a.stickySidebar.outerHeight()),S=Math.max(S,h),S=Math.min(S,f-a.stickySidebar.outerHeight());var m=a.container.height()==a.stickySidebar.outerHeight();d=(m||S!=g)&&(m||S!=r-a.stickySidebar.outerHeight())?n+S-a.sidebar.offset().top-a.paddingTop<=t.additionalMarginTop?"static":"absolute":"fixed"}if("fixed"==d)a.stickySidebar.css({position:"fixed",width:a.sidebar.width(),top:S,left:a.sidebar.offset().left+parseInt(a.sidebar.css("padding-left"))});else if("absolute"==d){var y={};"absolute"!=a.stickySidebar.css("position")&&(y.position="absolute",y.top=n+S-a.sidebar.offset().top-a.stickySidebarPaddingTop-a.stickySidebarPaddingBottom),y.width=a.sidebar.width(),y.left="",a.stickySidebar.css(y)}else"static"==d&&o();"static"!=d&&1==a.options.updateSidebarHeight&&a.sidebar.css({"min-height":a.stickySidebar.outerHeight()+a.stickySidebar.offset().top-a.sidebar.offset().top+a.paddingBottom}),a.previousScrollTop=n}},a.onScroll(a),i(document).scroll(function(i){return function(){i.onScroll(i)}}(a)),i(window).resize(function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(a))})}var n={containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,sidebarBehavior:"modern"};t=i.extend(n,t),t.additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,o(t,this)}}(jQuery);
  6902.  
  6903. // Simple Tab JQuery Plugin by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
  6904. (function(a){a.fn.simplyTab=function(b){b=jQuery.extend({active:1,fx:null,showSpeed:400,hideSpeed:400,showEasing:null,hideEasing:null,show:function(){},hide:function(){},change:function(){}},b);return this.each(function(){var e=a(this),c=e.children("[data-tab]"),d=b.active-1;e.addClass("simplyTab").prepend('<ul class="wrap-tab"></ul>');c.addClass("content-tab").each(function(){a(this).hide();e.find(".wrap-tab").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".wrap-tab a").on("click",function(){var f=a(this).parent().index();a(this).closest(".wrap-tab").find(".activeTab").removeClass("activeTab");a(this).addClass("activeTab");if(b.fx=="slide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fade"){if(c.eq(f).is(":hidden")){c.hide().eq(f).fadeIn(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(b.fx=="fancyslide"){if(c.eq(f).is(":hidden")){c.slideUp(b.hideSpeed,b.hideEasing,function(){b.hide.call(e)}).eq(f).delay(b.hideSpeed).slideDown(b.showSpeed,b.showEasing,function(){b.show.call(e)})}}else{if(c.eq(f).is(":hidden")){c.hide().eq(f).show()}}}}b.change.call(e);return false}).eq(d).addClass("activeTab")})}})(jQuery);
  6905.  
  6906. // jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
  6907. (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);
  6908.  
  6909. // Main Post Scripts
  6910. $(document).ready(function($) {
  6911.    var k = -1,
  6912.        o = "",
  6913.        p = "";
  6914.    $("#menu").find("ul").find("li").each(function() {
  6915.        for (var text = $(this).text(), url = $(this).find("a").attr("href"), x = 0, z = 0; z < text.length && (x = text.indexOf("_", x), -1 != x); z++)
  6916.            x++;
  6917.        if (level = z, level > k && (o += "<ul>", p += "<ul>"), level < k) {
  6918.            offset = k - level;
  6919.            for (var z = 0; z < offset; z++) o += "</ul></li>", p += "</ul></li>"
  6920.        }
  6921.        text = text.replace(/_/gi, ""), o += "<li><a href='" + url + "'>" + text + "</a>", p += "<li><a href='" + url + "'>";
  6922.        for (var z = 0; z < level; z++) p += "";
  6923.        p += text + "</a>", k = level
  6924.    });
  6925.    for (var x = 0; k >= x; x++) o += "</ul>", p += "</ul>", 0 != x && (o += "</li>", p += "</li>");
  6926.    $("#menu .LinkList").html(p), $("#menu > .LinkList > ul").attr("id", "nav1"), selectnav('nav1'), $("#menu ul > li > ul").parent("li").addClass("parent"), $("#menu .widget").attr("style", "display:block!important;"),$( "#menu ul > li" ).first().addClass("hub-home");
  6927. });
  6928. $(document).ready(function(e) {
  6929.    e("abbr.timeago").timeago()
  6930. });
  6931. $(document).ready(function(){
  6932. $('.header-search > .fa-search').click(function(){
  6933.         $('.tm-menu .search-form').slideDown('', function() {});
  6934.         $('.header-search > .fa-search').toggleClass('active');
  6935.         $('.header-search > .fa-times').toggleClass('active');
  6936.     });
  6937.  
  6938.     $('.header-search > .fa-times').click(function(){
  6939.         $('.tm-menu .search-form').slideUp('', function() {});
  6940.         $('.header-search > .fa-search').toggleClass('active');
  6941.         $('.header-search > .fa-times').toggleClass('active');
  6942.     });
  6943. selectnav('nav');
  6944.  });
  6945.  
  6946. $(document).ready(function(){
  6947.    $('.ty-ran-yard span').each(function() {
  6948.        $.ajax({
  6949.            url: "/feeds/posts/default?alt=json-in-script",
  6950.            type: 'get',
  6951.            dataType: "jsonp",
  6952.            success: function(t) {
  6953.                t = t.feed.entry.length - 3, t = Math.floor(Math.random() * (t - 0 + 1)) + 0, 0 == t && (t = Math.floor(Math.random() * (t - 0 + 1)) + 1), t == 0 && (t == 1), $.ajax({
  6954.                    url: "/feeds/posts/default?alt=json-in-script&start-index=" + t + "&max-results=1",
  6955.                    type: 'get',
  6956.                    dataType: "jsonp",
  6957.                    success: function(data) {
  6958.                        var url = "";
  6959.                        var rlink = '';
  6960.                        for (var i = 0; i < data.feed.entry.length; i++) {
  6961.                            for (var j = 0; j < data.feed.entry[i].link.length; j++) {
  6962.                                if (data.feed.entry[i].link[j].rel == "alternate") {
  6963.                                    url = data.feed.entry[i].link[j].href;
  6964.                                    break
  6965.                                }
  6966.                            }
  6967.                            rlink += '<a class="ran-sym" href="' + url + '"></a>'
  6968.                        }
  6969.                        $('.ty-ran-yard span').html(rlink)
  6970.                    }
  6971.                })
  6972.            }
  6973.        })
  6974.    })
  6975. });
  6976. $(".ticker .HTML .widget-content").each(function() {
  6977.    var b = $(this).find("span").attr("data-no") || "",
  6978.        v = $(this).find("span").attr("data-label") || "",
  6979.        box = $(this).find("span").attr("data-type") || "";
  6980.        
  6981.        
  6982.    if ( box != undefined && box.match('recent')) {
  6983.        $.ajax({
  6984.            url: "/feeds/posts/default?alt=json-in-script&max-results=" + b,
  6985.            type: 'get',
  6986.            dataType: "jsonp",
  6987.            success: function(e) {
  6988.                var u = "";
  6989.                var h = '<ul>';
  6990.                for (var i = 0; i < e.feed.entry.length; i++) {
  6991.                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  6992.                        if (e.feed.entry[i].link[j].rel == "alternate") {
  6993.                            u = e.feed.entry[i].link[j].href;
  6994.                            break
  6995.                        }
  6996.                    }
  6997.                    var g = e.feed.entry[i].title.$t;
  6998.                    var s = e.feed.entry[i].category[0].term;
  6999.                    var c = e.feed.entry[i].content.$t;
  7000.                    var $c = $('<div>').html(c);
  7001.                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7002.                        var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7003.                        var k = p
  7004.                    } else if (c.indexOf("<img") > -1) {
  7005.                        var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7006.                        var k = q
  7007.                    } else {
  7008.                        var k = no_image
  7009.                    }
  7010.                    h += '<li><div class="tk-thumb"><a class="tk-img" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a></div><a href="/search/label/' + s + '" class="post-tag icon ' + s + '">' + s + '</a><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3></li>'
  7011.                }
  7012.                h += '</ul>';
  7013.                $(".ticker .widget-content").each(function() {
  7014.                    $(this).html(h);
  7015.                    $(this).prev('h2').wrapInner('<span></span>');
  7016.                    $(this).prev('h2').prepend('<i class="fa fa-fire"></i>');
  7017.                    $(this).find('ul').webTicker()
  7018.                })
  7019.            }
  7020.        })
  7021.    } else if ( box != undefined && box.match('label')) {
  7022.        $.ajax({
  7023.            url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=" + b,
  7024.            type: 'get',
  7025.            dataType: "jsonp",
  7026.            success: function(e) {
  7027.                var u = "";
  7028.                var h = '<ul>';
  7029.                for (var i = 0; i < e.feed.entry.length; i++) {
  7030.                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7031.                        if (e.feed.entry[i].link[j].rel == "alternate") {
  7032.                            u = e.feed.entry[i].link[j].href;
  7033.                            break
  7034.                        }
  7035.                    }
  7036.                    var g = e.feed.entry[i].title.$t;
  7037.                    var s = e.feed.entry[i].category[0].term;
  7038.                    var c = e.feed.entry[i].content.$t;
  7039.                    var $c = $('<div>').html(c);
  7040.                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7041.                        var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7042.                        var k = p
  7043.                    } else if (c.indexOf("<img") > -1) {
  7044.                        var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7045.                        var k = q
  7046.                    } else {
  7047.                        var k = no_image
  7048.                    }
  7049.                    h += '<li><div class="tk-thumb"><a class="tk-img" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a></div><a href="/search/label/' + s + '" class="post-tag icon ' + s + '">' + s + '</a><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3></li>'
  7050.                }
  7051.                h += '</ul>';
  7052.                $(".ticker .HTML .widget-content").each(function() {
  7053.                    $(this).html(h);
  7054.                    $(this).prev('h2').wrapInner('<span></span>');
  7055.                    $(this).prev('h2').prepend('<i class="fa fa-fire"></i>');
  7056.                    $(this).find('ul').webTicker()
  7057.                })
  7058.            }
  7059.        })
  7060.     }
  7061. });
  7062. $(document).ready(function() {
  7063.    $('.sidebar h2,.lowerbar h2').wrapInner('<span></span>');
  7064. });
  7065. $(document).ready(function($) {
  7066.    $('.post-summary').each(function() {
  7067.        var summary = $(this),
  7068.            getURL = summary.attr('data-url');
  7069.        $.get(getURL, function(data) {
  7070.            var text = $(data).find('.post-body').text().substr(0, 250);
  7071.            summary.html('<p>' + text + '...</p>');
  7072.        }, "html");
  7073.    });
  7074. });
  7075. $(".featured .HTML .widget-content").each(function() {
  7076.    var n = $(this).prev("h2").text(),
  7077.        v = $(this).find("span").attr("data-label")
  7078.        tyard = $(this).parent().attr("id"),
  7079.        box = $(this).find("span").attr("data-type");
  7080.    if ( box != undefined && box.match('tyard-recent')) {
  7081.        $.ajax({
  7082.            url: "/feeds/posts/default?alt=json-in-script&max-results=4",
  7083.            type: 'get',
  7084.            dataType: "jsonp",
  7085.            success: function(e) {
  7086.                var u = "";
  7087.                var h = '<div class="ty-feat">';
  7088.                for (var i = 0; i < e.feed.entry.length; i++) {
  7089.                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7090.                        if (e.feed.entry[i].link[j].rel == "alternate") {
  7091.                            u = e.feed.entry[i].link[j].href;
  7092.                            break
  7093.                        }
  7094.                    }
  7095. var post_comments;
  7096.            for (var k = 0; k < e.feed.entry[i].link.length; k++) {
  7097.              if ((e.feed.entry[i].link[k].rel === 'replies') && (e.feed.entry[i].link[k].type === 'text/html')) {
  7098.                post_comments = e.feed.entry[i].link[k].title;
  7099.                break;
  7100.              }
  7101.            }
  7102.            post_comments = parseInt(post_comments, 10);
  7103.  if ("content" in e.feed.entry[i]) var summ = e.feed.entry[i].content.$t;
  7104.                else if ("summary" in b_rc) var summ = e.feed.entry[i].summary.$t;
  7105.                else var summ = "";
  7106.                var content = /<\S[^>]*>/g;
  7107.                summ = summ.replace(content, ""), summ.length > 120 && (summ = "" + summ.substring(0, 100) + "...");
  7108.                    var g = e.feed.entry[i].title.$t;
  7109.                    var s = e.feed.entry[i].category[0].term;
  7110.                    var y = e.feed.entry[i].author[0].name.$t;
  7111.                    var AuthorPic = e.feed.entry[i].author[0].gd$image.src;
  7112.                    var d = e.feed.entry[i].published.$t,
  7113.                        t = d.substring(0, 4),
  7114.                        w = d.substring(5, 7),
  7115.                        f = d.substring(8, 10),
  7116.                        r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7117.                    var c = e.feed.entry[i].content.$t;
  7118.                    var $c = $('<div>').html(c);
  7119.                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7120.                        var p = e.feed.entry[i].media$thumbnail.url;
  7121.                        var k = p
  7122.                    } else if (c.indexOf("<img") > -1) {
  7123.                        var q = $c.find('img:first').attr('src');
  7124.                        var k = q
  7125.                    } else {
  7126.                        var k = no_image
  7127.                    }
  7128.                    if (i == 0) {
  7129.                        h += '<div class="ty-first"><div class="ty-feat-image"><div class="tyard-thumb"><a class="ty-img" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a><div class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="ty-con-yard"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div></div></div>'
  7130.                    } if (i == 1) {
  7131.                        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 class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div><div class="clear"/></div>'
  7132.                    } if (i == 2) {
  7133.                        h += '<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 class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div></div></div>'
  7134.                    } if (i == 3) {
  7135.                        h += '<div class="ty-last 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 class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div></div>'
  7136.                    }
  7137.                }
  7138.                h += '</div>';
  7139.                $(".featured .HTML .widget-content").each(function() {
  7140.                    var text = $(this).parent().attr("id");
  7141.                    if (text == tyard) {
  7142.                        $(this).html(h);
  7143.                        $(this).parent().addClass('tyard');
  7144.                        $(this).parent().addClass('templatesyard');
  7145.                        $( ".featured" ).addClass( "comload" ).removeClass( "preload" );
  7146.                        $( ".featured h2" ).remove();
  7147.                        $(this).find('.yard-img,.ty-img').each(function() {
  7148.                            $(this).attr('style', function(i, src) {
  7149.                                return src.replace('/default.jpg', '/mqdefault.jpg')
  7150.                            }).attr('style', function(i, src) {
  7151.                                return src.replace('s72-c', 's1600')
  7152.                            })
  7153.                        })
  7154.                    }
  7155.                })
  7156.            }
  7157.        })
  7158.    } else if ( box != undefined && box.match('tyard-label')) {
  7159.        $.ajax({
  7160.            url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=4",
  7161.            type: 'get',
  7162.            dataType: "jsonp",
  7163.            success: function(e) {
  7164.                var u = "";
  7165.                var h = '<div class="ty-feat">';
  7166.                for (var i = 0; i < e.feed.entry.length; i++) {
  7167.                    for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7168.                        if (e.feed.entry[i].link[j].rel == "alternate") {
  7169.                            u = e.feed.entry[i].link[j].href;
  7170.                            break
  7171.                        }
  7172.                    }
  7173. var post_comments;
  7174.            for (var k = 0; k < e.feed.entry[i].link.length; k++) {
  7175.              if ((e.feed.entry[i].link[k].rel === 'replies') && (e.feed.entry[i].link[k].type === 'text/html')) {
  7176.                post_comments = e.feed.entry[i].link[k].title;
  7177.                break;
  7178.              }
  7179.            }
  7180.            post_comments = parseInt(post_comments, 10);
  7181.  if ("content" in e.feed.entry[i]) var summ = e.feed.entry[i].content.$t;
  7182.                else if ("summary" in b_rc) var summ = e.feed.entry[i].summary.$t;
  7183.                else var summ = "";
  7184.                var content = /<\S[^>]*>/g;
  7185.                summ = summ.replace(content, ""), summ.length > 120 && (summ = "" + summ.substring(0, 100) + "...");
  7186.                    var g = e.feed.entry[i].title.$t;
  7187.                    var s = e.feed.entry[i].category[0].term;
  7188.                    var y = e.feed.entry[i].author[0].name.$t;
  7189.                    var AuthorPic = e.feed.entry[i].author[0].gd$image.src;
  7190.                    var d = e.feed.entry[i].published.$t,
  7191.                        t = d.substring(0, 4),
  7192.                        w = d.substring(5, 7),
  7193.                        f = d.substring(8, 10),
  7194.                        r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7195.                    var c = e.feed.entry[i].content.$t;
  7196.                    var $c = $('<div>').html(c);
  7197.                    if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7198.                        var p = e.feed.entry[i].media$thumbnail.url;
  7199.                        var k = p
  7200.                    } else if (c.indexOf("<img") > -1) {
  7201.                        var q = $c.find('img:first').attr('src');
  7202.                        var k = q
  7203.                    } else {
  7204.                        var k = no_image
  7205.                    }
  7206.                    if (i == 0) {
  7207.                        h += '<div class="ty-first"><div class="ty-feat-image"><div class="tyard-thumb"><a class="ty-img" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a><div class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="ty-con-yard"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div></div></div>'
  7208.                    } if (i == 1) {
  7209.                        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 class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div><div class="clear"/></div>'
  7210.                    } if (i == 2) {
  7211.                        h += '<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 class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div></div></div>'
  7212.                    } if (i == 3) {
  7213.                        h += '<div class="ty-last 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 class="yard-label"><a class="icon ' + s + '" href="/search/label/' + s + '?&amp;max-result=' + perPage + '">' + s + '</a></div><span class="item-cmm">' + post_comments + '</span></div><div class="yard-tent-ty"><h3 class="tyard-title"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span><p class="recent-summary">'+ summ +'</p></div></div>'
  7214.                    }
  7215.                }
  7216.                h += '</div>';
  7217.                $(".featured .HTML .widget-content").each(function() {
  7218.                    var text = $(this).parent().attr("id");
  7219.                    if (text == tyard) {
  7220.                        $(this).html(h);
  7221.                        $(this).parent().addClass('tyard');
  7222.                        $(this).parent().addClass('templatesyard');
  7223.                        $( ".featured" ).addClass( "comload" ).removeClass( "preload" );
  7224.                        $( ".featured h2" ).remove();
  7225.                        $(this).find('.yard-img,.ty-img').each(function() {
  7226.                            $(this).attr('style', function(i, src) {
  7227.                                return src.replace('/default.jpg', '/mqdefault.jpg')
  7228.                            }).attr('style', function(i, src) {
  7229.                                return src.replace('s72-c', 's1600')
  7230.                            })
  7231.                        })
  7232.                    }
  7233.                })
  7234.            }
  7235.        })
  7236.    } else {
  7237.    $(".tyard-wrapper").remove();
  7238.  }
  7239. });
  7240.  
  7241. $(".social-counter").each(function() {
  7242.        var a = $(this);
  7243.        var b = $(this).find(".item-social");
  7244.        if (0 === b.length) a.remove();
  7245.        $(this).find(".widget").removeClass("LinkList");
  7246.        $(".social-counter .item-social.facebook").find(".item-text").text("Likes");
  7247.        $(".social-counter .item-social.rss,.social-counter .item-social.youtube").find(".item-text").text("Subscribes");
  7248.        var c = "count=";
  7249.        var d = ";";
  7250.        $(".social-counter *").replaceText(c, '<span class="item-count">');
  7251.        $(".social-counter *").replaceText(d, "</span>");
  7252.        $(".item-social").each(function() {
  7253.            var a = $(this).find(".hide-count");
  7254.            var b = $(this).find(".item-count");
  7255.            $(a).before($(b));
  7256.            $(a).remove()
  7257.        })
  7258.    });
  7259. $(".post-home-image .post-thumb a").attr("style", function($this, t) {
  7260.        if (t.match("hqdefault.jpg")) {
  7261.            return t.replace("/hqdefault.jpg", "/mqdefault.jpg");
  7262.        } else if (t.match("default.jpg")) {
  7263.            return t.replace("/default.jpg", "/mqdefault.jpg");
  7264.        } else if (t.match("s72-c")) {
  7265.            return t.replace("/s72-c", "/s1600");
  7266.        } else if (t.match("w72-h72-p-nu")) {
  7267.            return t.replace("/w72-h72-p-nu", "/s1600");
  7268.        } else {
  7269.            return t.replace("http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png", no_image);
  7270.        }
  7271.    });
  7272. $(document).ready(function() {
  7273. var followByEmailhead = "<span style='color:$maincolor;'>NEWS</span>LETTER";
  7274. var followByEmailtext = "Make sure you don\'t miss interesting happenings by joining our newsletter program";
  7275. $( ".email-folower h2" ).remove();
  7276. var f = $(".FollowByEmail .widget-content");
  7277.  if(f.length) {
  7278.    f.prepend("<div class='email-letter-text'><h3 class='subhead'>"+ followByEmailhead +"</h3><p class='subtext'>"+ followByEmailtext +"</p></div>");
  7279.  }
  7280. });
  7281. $(document).ready(function(){
  7282.    var n = $("#sidetabs #tabside1 .widget h2").text();
  7283.    $(".menu-tab .item-1 a").text(n);
  7284.    var u = $("#sidetabs #tabside2 .widget h2").text();
  7285.    $(".menu-tab .item-2 a").text(u);
  7286.    var v = $("#sidetabs #tabside3 .widget h2").text();
  7287.    $(".menu-tab .item-3 a").text(v);
  7288.    $("#tabside1 .widget h2,#tabside2 .widget h2,#tabside3 .widget h2,#tabside1 .widget-title,#tabside2 .widget-title,#tabside3 .widget-title").remove();
  7289.    $(this).find(".menu-tab li").addClass("hide-tab");
  7290.    $(".sidetabs").tabslet({
  7291.        mouseevent: "click",
  7292.        attribute: "href",
  7293.        animation: true
  7294.    });
  7295.    if (0 === $(".sidetabs .widget").length) $(".sidetabs").remove()
  7296. });
  7297. $(document).ready(function() {
  7298.    $(".cmm-tabs").simplyTab({
  7299.        active: 1,
  7300.        fx: "fade",
  7301.        showSpeed: 400,
  7302.        hideSpeed: 400
  7303.    });
  7304.    $('.blogger-tab').append($('#comments'));
  7305.    $(".cmm-tabs.simplyTab .wrap-tab").wrap("<div class='cmm-tabs-header'/>");
  7306. });
  7307. $(".PopularPosts ul li img").attr("src", function($this, img) {
  7308.        if (img.match("hqdefault.jpg")) {
  7309.            return img.replace("/hqdefault.jpg", "/mqdefault.jpg");
  7310.        } else if (img.match("default.jpg")) {
  7311.            return img.replace("/default.jpg", "/mqdefault.jpg");
  7312.        } else if (img.match("s72-c")) {
  7313.            return img.replace("/s72-c", "/s1600");
  7314.        } else if (img.match("w72-h72-p-nu")) {
  7315.            return img.replace("/w72-h72-p-nu", "/s1600");
  7316.        } else {
  7317.            return img.replace("http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png", no_image);
  7318.        }
  7319.    });
  7320. $(document).ready(function() {
  7321.    $('span[name="author-social"]').before($('.post-author-social .widget-content').html());
  7322.    $('.post-author-social .widget-content').html('')
  7323. $('span[name="author-post"]').before($('.post-author-widget .widget-content').html());
  7324.    $('.post-author-widget .widget-content').html('')
  7325. $('a[name="ad-post-top"]').before($('#adwidegt2 .widget-content').html());
  7326.    $('#adwidegt2 .widget-content').html('')
  7327. $('a[name="ad-post-bottom"]').before($('#adwidegt3 .widget-content').html());
  7328.    $('#adwidegt3 .widget-content').html('')
  7329. });
  7330. $('.ty-trigger .HTML .widget-content span.latestcomments').each(function() {
  7331.    var b = $(this).attr("data-no");
  7332.    $.ajax({
  7333.        url: "/feeds/comments/default?alt=json-in-script&max-results=" + b,
  7334.        type: 'get',
  7335.        dataType: "jsonp",
  7336.        success: function(e) {
  7337.            var u = "";
  7338.            var h = '<div class="tyard-komet">';
  7339.            for (var i = 0; i < e.feed.entry.length; i++) {
  7340.                if (i == e.feed.entry.length) break;
  7341.                for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7342.                    if (e.feed.entry[i].link[j].rel == 'alternate') {
  7343.                        u = e.feed.entry[i].link[j].href;
  7344.                        break
  7345.                    }
  7346.                }
  7347.                if ("content" in e.feed.entry[i]) {
  7348.                    var c = e.feed.entry[i].content.$t
  7349.                } else if ("summary" in b_rc) {
  7350.                    var c = e.feed.entry[i].summary.$t
  7351.                } else var c = "";
  7352.                var re = /<\S[^>]*>/g;
  7353.                c = c.replace(re, "");
  7354.                if (c.length > 70) {
  7355.                    c = '' + c.substring(0, 50) + '...'
  7356.                }
  7357.                var y = e.feed.entry[i].author[0].name.$t;
  7358.                var yk = e.feed.entry[i].author[0].gd$image.src;
  7359.                if (yk.match('http://img1.blogblog.com/img/blank.gif')) {
  7360.                    var k = 'http://img1.blogblog.com/img/anon36.png'
  7361.                } else {
  7362.                    if (yk.match('http://img2.blogblog.com/img/b16-rounded.gif')) {
  7363.                        var k = 'http://img1.blogblog.com/img/anon36.png'
  7364.                    } else {
  7365.                        var k = yk
  7366.                    }
  7367.                };
  7368.                h += '<div class="ty-komet"><div class="ty-komet-tar"><img class="yardimg-komet" src="' + k + '"/></div><a href="' + u + '">' + y + '</a><span>"' + c + '"</span></div>'
  7369.            }
  7370.            h += '</div><div class="clear"/>';
  7371.            $('.ty-trigger .HTML .widget-content span.latestcomments').each(function() {
  7372.                var text = $(this).attr("data-no");
  7373.                if (text == b) {
  7374.                    $(this).parent().html(h)
  7375.                }
  7376.            })
  7377.        }
  7378.    })
  7379. });
  7380. $('.ty-trigger .HTML .widget-content span.latestposts').each(function() {
  7381.    var b = $(this).attr("data-no");
  7382.    $.ajax({
  7383.        url: "/feeds/posts/default?alt=json-in-script&max-results=" + b,
  7384.        type: 'get',
  7385.        dataType: "jsonp",
  7386.        success: function(e) {
  7387.            var u = "";
  7388.            var h = '<div class="ty-bonus">';
  7389.            for (var i = 0; i < e.feed.entry.length; i++) {
  7390.                for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7391.                    if (e.feed.entry[i].link[j].rel == "alternate") {
  7392.                        u = e.feed.entry[i].link[j].href;
  7393.                        break
  7394.                    }
  7395.                }
  7396.                var g = e.feed.entry[i].title.$t;
  7397.                var s = e.feed.entry[i].category[0].term;
  7398.                var y = e.feed.entry[i].author[0].name.$t;
  7399.                var d = e.feed.entry[i].published.$t,
  7400.                    t = d.substring(0, 4),
  7401.                    w = d.substring(5, 7),
  7402.                    f = d.substring(8, 10),
  7403.                    r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7404.                var c = e.feed.entry[i].content.$t;
  7405.                var $c = $('<div>').html(c);
  7406.                if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7407.                    var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7408.                    var k = p
  7409.                } else if (c.indexOf("<img") > -1) {
  7410.                    var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7411.                    var k = q
  7412.                } else {
  7413.                    var k = no_image
  7414.                }
  7415.                h += '<div class="ty-wow"><a class="ty-thumb-bonos" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a><div class="ty-bonus-con"><h3 class="ty-bonos-entry"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span></div></div>'
  7416.            }
  7417.            h += '</div>';
  7418.            $('.ty-trigger .HTML .widget-content span.latestposts').each(function() {
  7419.                var text = $(this).attr("data-no");
  7420.                if (text == b) {
  7421.                    $(this).parent().html(h)
  7422.                }
  7423.            })
  7424.        }
  7425.    })
  7426. });
  7427. $('.ty-trigger .HTML .widget-content span.tagpost').each(function() {
  7428.    var v = $(this).attr("data-label"),
  7429.        b = $(this).attr("data-no");
  7430.    $.ajax({
  7431.        url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=" + b,
  7432.        type: 'get',
  7433.        dataType: "jsonp",
  7434.        success: function(e) {
  7435.            var u = "";
  7436.            var h = '<div class="ty-bonus">';
  7437.            for (var i = 0; i < e.feed.entry.length; i++) {
  7438.                for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7439.                    if (e.feed.entry[i].link[j].rel == "alternate") {
  7440.                        u = e.feed.entry[i].link[j].href;
  7441.                        break
  7442.                    }
  7443.                }
  7444.                var g = e.feed.entry[i].title.$t;
  7445.                var s = e.feed.entry[i].category[0].term;
  7446.                var y = e.feed.entry[i].author[0].name.$t;
  7447.                var d = e.feed.entry[i].published.$t,
  7448.                    t = d.substring(0, 4),
  7449.                    w = d.substring(5, 7),
  7450.                    f = d.substring(8, 10),
  7451.                    r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7452.                var c = e.feed.entry[i].content.$t;
  7453.                var $c = $('<div>').html(c);
  7454.                if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7455.                    var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7456.                    var k = p
  7457.                } else if (c.indexOf("<img") > -1) {
  7458.                    var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7459.                    var k = q
  7460.                } else {
  7461.                    var k = no_image
  7462.                }
  7463.                h += '<div class="ty-wow"><a class="ty-thumb-bonos" href="' + u + '" style="background:url(' + k + ') no-repeat center center;background-size: cover"><span class="tyimg-lay"/></a><div class="ty-bonus-con"><h3 class="ty-bonos-entry"><a href="' + u + '">' + g + '</a></h3><span class="yard-auth-ty">' + y + '</span><span class="ty-time">' + r + '</span></div></div>'
  7464.            }
  7465.            h += '</div>';
  7466.            $(".ty-trigger .HTML .widget-content span.tagpost").each(function() {
  7467.                var text = $(this).attr("data-label");
  7468.                if (text == v) {
  7469.                    $(this).parent().html(h)
  7470.                }
  7471.            })
  7472.        }
  7473.    })
  7474. });
  7475.  
  7476. $(document).ready(function() {
  7477.    $('span[name="author-social"]').before($('.post-author-social .widget-content').html());
  7478.    $('.post-author-social .widget-content').html('')
  7479. $('span[name="author-post"]').before($('.post-author-widget .widget-content').html());
  7480.    $('.post-author-widget .widget-content').html('')
  7481. });
  7482. $(".ty-comment").click(function() {
  7483.    $('html, body').animate({
  7484.        scrollTop: $("#put-your-comment").offset().top
  7485.    }, 1000);
  7486. });
  7487.  
  7488. $(document).ready(function() {
  7489. $('img').each(function(){
  7490. var $img = $(this);
  7491. var filename = $img.attr('src')
  7492. $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  7493.  
  7494. $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  7495. });
  7496. });
  7497. $(document).ready(function(typage){
  7498.     var b = typage("#post-pager .blog-pager-newer-link");
  7499.     var c = typage("#post-pager .blog-pager-older-link");
  7500.     typage.get(b.attr("href"), function (c) {
  7501.         b.html("<b>" + POSTPAGER_NEWER + "</b><span>" + typage(c).find(".post h1.post-title").text() + "</span>")
  7502.     },
  7503.     "html");
  7504.     typage.get(c.attr("href"), function (b) {
  7505.         c.html("<b>" + POSTPAGER_OLDER + "</b><span>" + typage(b).find(".post h1.post-title").text() + "</span>")
  7506.     },
  7507.     "html")
  7508. });
  7509. $(function() {
  7510.    $( ".post-body img" ).parent( "a" ).css( "margin", "0 auto!important" );
  7511. });
  7512. $(document).ready(function(){function relatedPost(g,e,r){$.ajax({url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results="+r,type:"get",dataType:"jsonp",success:function(t){for(var u="",h='<div class="related">',x=0;x<t.feed.entry.length;x++){for(var z=0;z<t.feed.entry[x].link.length;z++){if("alternate"==t.feed.entry[x].link[z].rel){u=t.feed.entry[x].link[z].href;break}}
  7513. var p=t.feed.entry[x].title.$t;var c=t.feed.entry[x].content.$t;var y=$('<div>').html(c);if(c.indexOf("http://www.youtube.com/embed/")>-1||c.indexOf("https://www.youtube.com/embed/")>-1){var d=t.feed.entry[x].media$thumbnail.url,m=d.replace('/default.jpg','/mqdefault.jpg'),k=m;}else if(c.indexOf("<img")>-1){var s=y.find('img:first').attr('src'),v=s.replace('s72-c','s600');var k=v;}else{var k='http://1.bp.blogspot.com/-eAeO-DYJDws/Vkqtj4HFBFI/AAAAAAAAB0o/Q5OLsyONXM0/s1600-r/nth.png';}
  7514. h+='<li><div class="related-thumb"><a class="related-img" href="'+u+'" style="background:url('+k+') no-repeat center center;background-size: cover"/></div><h3 class="related-title"><a href="'+u+'">'+p+'</a></h3></li>'}
  7515. h+='</div>',g.html(h);}})}
  7516. $("#related-posts").each(function(){var g=$(this),e=g.text(),r=3;relatedPost(g,e,r);});});
  7517. $(".Label a,.post-labels a,.post-ty-heading a,.breadcrumbs span a,.label-head a").attr("href", function($this, href) {
  7518.        return href.replace(href, href + "?&max-results=" + perPage);
  7519.    });
  7520. $( ".item .post-body img" ).parent( "a" ).css( "margin", "0 auto!important" );
  7521.    var s = "[full_width]";
  7522.    var o = "[left_sidebar]";
  7523.    var u = "[right_sidebar]";
  7524.    $(".post *").replaceText(s, "<style>@media screen and (min-width: 980px){.item #main-wrapper{width:100% !important;max-width:100%!important;float:none!important;border-right:0!important;border-left:0!important}.item #sidebar-wrapper{display:none;}.item #main-wrapper #main{margin-left:0!important;margin-right:0!important}}</style>");
  7525.    $(".post-body *").replaceText(o, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:right!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:left!important;padding-left:0!important;}}</style>");
  7526.    $(".post-body *").replaceText(u, "<style>@media screen and (min-width: 980px){.item #main-wrapper{float:left!important;border-right:0!important;margin-right: 0px !important;}.item #sidebar-wrapper{float:right!important;padding-left:0!important;}}</style>");
  7527.  
  7528.  //]]>
  7529. </script>
  7530.  
  7531. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  7532. <b:if cond='data:blog.pageType!= &quot;item&quot;'>
  7533. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  7534. <style>
  7535. article {
  7536.     padding:0 10px 0 0;
  7537. }
  7538. .post-header {
  7539.     padding:0;
  7540. }
  7541. @media only screen and (max-width: 768px) {
  7542. article {
  7543.     padding:10px;
  7544. }
  7545.   }
  7546. </style>
  7547. <!--Page Navigation Starts-->
  7548. <script type='text/javascript'>
  7549.   /*<![CDATA[*/
  7550.    var numPages=5;
  7551.    var firstText ='First';
  7552.    var lastText ='Last';
  7553.    var prevText ='« Previous';
  7554.    var nextText ='Next »';
  7555.    var urlactivepage=location.href;
  7556.    var home_page="/";
  7557.  /*]]>*/
  7558. </script>
  7559. <script type='text/javascript'>
  7560.  /*<![CDATA[*/
  7561.  if (typeof firstText == "undefined") firstText = "First";
  7562.  if (typeof lastText == "undefined") lastText = "Last";
  7563.  var noPage;
  7564.  var currentPage;
  7565.  var currentPageNo;
  7566.  var postLabel;
  7567.  pagecurrentg();
  7568.  
  7569.  function looppagecurrentg(pageInfo) {
  7570.      var html = '';
  7571.      pageNumber = parseInt(numPages / 2);
  7572.      if (pageNumber == numPages - pageNumber) {
  7573.          numPages = pageNumber * 2 + 1
  7574.      }
  7575.      pageStart = currentPageNo - pageNumber;
  7576.      if (pageStart < 1) pageStart = 1;
  7577.      lastPageNo = parseInt(pageInfo / perPage) + 1;
  7578.      if (lastPageNo - 1 == pageInfo / perPage) lastPageNo = lastPageNo - 1;
  7579.      pageEnd = pageStart + numPages - 1;
  7580.      if (pageEnd > lastPageNo) pageEnd = lastPageNo;
  7581.      html += "<span class='showpageOf'>Page " + currentPageNo + ' of ' + lastPageNo + "</span>";
  7582.      var prevNumber = parseInt(currentPageNo) - 1;
  7583.  
  7584.      //Iccsi was here, doing magic      
  7585.      if (currentPageNo > 1) {
  7586.          if (currentPage == "page") {
  7587.              html += '<span class="showpage firstpage"><a href="' + home_page + '">' + firstText + '</a></span>'
  7588.          } else {
  7589.              html += '<span class="displaypageNum firstpage"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + firstText + '</a></span>'
  7590.          }
  7591.      }
  7592.  
  7593.      if (currentPageNo > 2) {
  7594.          if (currentPageNo == 3) {
  7595.              if (currentPage == "page") {
  7596.                  html += '<span class="showpage"><a href="' + home_page + '">' + prevText + '</a></span>'
  7597.              } else {
  7598.                  html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + prevText + '</a></span>'
  7599.              }
  7600.          } else {
  7601.              if (currentPage == "page") {
  7602.                  html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + prevNumber + ');return false">' + prevText + '</a></span>'
  7603.              } else {
  7604.                  html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + prevNumber + ');return false">' + prevText + '</a></span>'
  7605.              }
  7606.          }
  7607.      }
  7608.      if (pageStart > 1) {
  7609.          if (currentPage == "page") {
  7610.              html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
  7611.          } else {
  7612.              html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
  7613.          }
  7614.      }
  7615.      if (pageStart > 2) {
  7616.          html += ' ... '
  7617.      }
  7618.      for (var jj = pageStart; jj <= pageEnd; jj++) {
  7619.          if (currentPageNo == jj) {
  7620.              html += '<span class="pagecurrent">' + jj + '</span>'
  7621.          } else if (jj == 1) {
  7622.              if (currentPage == "page") {
  7623.                  html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
  7624.              } else {
  7625.                  html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
  7626.              }
  7627.          } else {
  7628.              if (currentPage == "page") {
  7629.                  html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'
  7630.              } else {
  7631.                  html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'
  7632.              }
  7633.          }
  7634.      }
  7635.      if (pageEnd < lastPageNo - 1) {
  7636.          html += '...'
  7637.      }
  7638.      if (pageEnd < lastPageNo) {
  7639.          if (currentPage == "page") {
  7640.              html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
  7641.          } else {
  7642.              html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
  7643.          }
  7644.      }
  7645.  
  7646.  
  7647.      var nextnumber = parseInt(currentPageNo) + 1;
  7648.      if (currentPageNo < (lastPageNo - 1)) {
  7649.          if (currentPage == "page") {
  7650.              html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + nextnumber + ');return false">' + nextText + '</a></span>'
  7651.          } else {
  7652.              html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + nextnumber + ');return false">' + nextText + '</a></span>'
  7653.          }
  7654.      }
  7655.  
  7656.      if (currentPageNo < lastPageNo) {
  7657.          //Iccsi was here, doing magic
  7658.          if (currentPage == "page") {
  7659.              html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastText + '</a></span>'
  7660.          } else {
  7661.              html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastText + '</a></span>'
  7662.          }
  7663.      }
  7664.  
  7665.      var pageArea = document.getElementsByName("pageArea");
  7666.      var blogPager = document.getElementById("blog-pager");
  7667.      for (var p = 0; p < pageArea.length; p++) {
  7668.          pageArea[p].innerHTML = html
  7669.      }
  7670.      if (pageArea && pageArea.length > 0) {
  7671.          html = ''
  7672.      }
  7673.      if (blogPager) {
  7674.          blogPager.innerHTML = html
  7675.      }
  7676.  }
  7677.  
  7678.  function totalcountdata(root) {
  7679.      var feed = root.feed;
  7680.      var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
  7681.      looppagecurrentg(totaldata)
  7682.  }
  7683.  
  7684.  function pagecurrentg() {
  7685.      var thisUrl = urlactivepage;
  7686.      if (thisUrl.indexOf("/search/label/") != -1) {
  7687.          if (thisUrl.indexOf("?updated-max") != -1) {
  7688.              postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
  7689.          } else {
  7690.              postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
  7691.          }
  7692.      }
  7693.      if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {
  7694.          if (thisUrl.indexOf("/search/label/") == -1) {
  7695.              currentPage = "page";
  7696.              if (urlactivepage.indexOf("#PageNo=") != -1) {
  7697.                  currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
  7698.              } else {
  7699.                  currentPageNo = 1
  7700.              }
  7701.              document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")
  7702.          } else {
  7703.              currentPage = "label";
  7704.              if (thisUrl.indexOf("&max-results=") == -1) {
  7705.                  perPage = 20
  7706.              }
  7707.              if (urlactivepage.indexOf("#PageNo=") != -1) {
  7708.                  currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
  7709.              } else {
  7710.                  currentPageNo = 1
  7711.              }
  7712.              document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + postLabel + '?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')
  7713.          }
  7714.      }
  7715.  }
  7716.  
  7717.  function redirectpage(numberpage) {
  7718.      jsonstart = (numberpage - 1) * perPage;
  7719.      noPage = numberpage;
  7720.      var nameBody = document.getElementsByTagName('head')[0];
  7721.      var newInclude = document.createElement('script');
  7722.      newInclude.type = 'text/javascript';
  7723.      newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
  7724.      nameBody.appendChild(newInclude)
  7725.  }
  7726.  
  7727.  function redirectlabel(numberpage) {
  7728.      jsonstart = (numberpage - 1) * perPage;
  7729.      noPage = numberpage;
  7730.      var nameBody = document.getElementsByTagName('head')[0];
  7731.      var newInclude = document.createElement('script');
  7732.      newInclude.type = 'text/javascript';
  7733.      newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
  7734.      nameBody.appendChild(newInclude)
  7735.  }
  7736.  
  7737.  function finddatepost(root) {
  7738.          post = root.feed.entry[0];
  7739.          var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
  7740.          var timestamp = encodeURIComponent(timestamp1);
  7741.          if (currentPage == "page") {
  7742.              var pAddress = "/search?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
  7743.          } else {
  7744.              var pAddress = "/search/label/" + postLabel + "?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
  7745.          }
  7746.          location.href = pAddress
  7747.      }
  7748.      /*]]>*/
  7749. </script>
  7750. </b:if>
  7751. </b:if>
  7752. </b:if>
  7753. <!--Page Navigation Ends -->
  7754. <script>
  7755.  /*<![CDATA[*/
  7756. jQuery(document).ready(function() {
  7757. var offset = 220;
  7758. var duration = 500;
  7759. jQuery(window).scroll(function() {
  7760. if (jQuery(this).scrollTop() > offset) {
  7761. jQuery('.back-to-top').fadeIn(duration);
  7762. } else {
  7763. jQuery('.back-to-top').fadeOut(duration);
  7764. }
  7765. });
  7766. jQuery('.back-to-top').click(function(event) {
  7767. event.preventDefault();
  7768. jQuery('html, body').animate({scrollTop: 0}, duration);
  7769. return false;
  7770. })
  7771. });
  7772.  /*]]>*/
  7773. </script>
  7774.   </body>
  7775. </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!