API tools faq
paste
VanGans

Newsflash Premium

VanGans
May 11th, 2019
181
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 282.13 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. <link href='https://plus.google.com/u/0/117673850650242989379/posts' rel='publisher'/>
  59. <link href='https://plus.google.com/u/0/117673850650242989379/about' rel='author'/>
  60. <link href='https://plus.google.com/u/0/117673850650242989379' rel='me'/>
  61. <meta content='0AvR2Fg8-LBM7UQJPzIXGYGd8UOlrxkeX0WZRRj_mps' name='google-site-verification'/>
  62. <meta content='google5326207c3b094a4a.html' name='google-site-verification'/>
  63. <meta content='D5875533CA83A88345A0CFE9E08798C7' name='msvalidate.01'/>
  64. <meta content='D5875533CA83A88345A0CFE9E08798C7' name='msvalidate.01'/>
  65. <meta content='indonesian' name='geo.placename'/>
  66. <meta content='Zaenal Arifin' name='Author'/>
  67. <meta content='general' name='rating'/>
  68. <meta content='+62' name='geo.country'/>
  69. <!-- [ Social Media Meta Tag ] -->
  70. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  71. <meta expr:content='data:blog.pageName' property='og:title'/>
  72. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  73. <meta content='article' property='og:type'/>
  74. </b:if>
  75. <meta expr:content='data:blog.title' property='og:site_name'/>
  76. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  77. <meta expr:content='data:blog.metaDescription' name='description'/>
  78. <meta expr:content='data:blog.title' property='og:title'/>
  79. <meta content='website' property='og:type'/>
  80. <b:if cond='data:blog.metaDescription'>
  81. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  82. <b:else/>
  83. <meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
  84. </b:if>
  85. </b:if>
  86. <b:if cond='data:blog.postImageUrl'>
  87. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  88. <b:else/>
  89. <b:if cond='data:blog.postImageThumbnailUrl'>
  90. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  91. <b:else/>
  92. <meta content='https://3.bp.blogspot.com/-Hjc6_7njIRs/WIsN28cBbYI/AAAAAAAACL4/tyYVf_C1WGwqUEpqQAzvdvE0F3L7X-6pgCLcB/s125-c/Logo%2BPsd.png' property='og:image'/>
  93. </b:if>
  94. </b:if>
  95. <meta content='https://www.facebook.com/PROFILE-LINK' property='article:author'/>
  96. <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
  97. <meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
  98. <meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
  99. <meta content='en_US' property='og:locale'/>
  100. <meta content='en_GB' property='og:locale:alternate'/>
  101. <meta content='id_ID' property='og:locale:alternate'/>
  102. <meta content='summary' name='twitter:card'/>
  103. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  104. <meta content='https://twitter.com/Zaenal1337' name='twitter:site'/>
  105. <meta content='https://twitter.com/Zaenal1337' name='twitter:creator'/>
  106. <b:skin><![CDATA[/*
  107. -----------------------------------------------
  108. Blogger Template Style
  109. Name: Newsflash
  110. Author : http://www.Templatesyard.com
  111. License: Premium Version
  112. ----------------------------------------------- */
  113. /* Variable definitions
  114. -----------------------
  115. <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"/>
  116. <Group description="Main Settings" selector="body">
  117. <Variable name="maincolor" description="Primary Color" type="color" default="#0088ff" value="#cc0000"/>
  118. <Variable name="darkcolor" description="Primary Text Color" type="color" default="#3d3d3d" value="#3d3d3d"/>
  119. <Variable name="seconddarkcolor" description="Primary Dark Color" type="color" default="#373e59" value="#1f45da"/>
  120. </Group>
  121. -----------------------
  122. */
  123. /*****************************************
  124. reset.css
  125. ******************************************/
  126. html, body, .section, .widget, div, span, applet, object, iframe,
  127. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  128. a, abbr, acronym, address, big, cite, code,
  129. del, dfn, em, font, img, ins, kbd, q, s, samp,
  130. small, strike, strong, sub, sup, tt, var,
  131. dl, dt, dd, ol, ul, li,
  132. fieldset, form, label, legend,
  133. table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0;}
  134. html { overflow-x: hidden;}
  135. a {text-decoration:none;color:#000;}
  136. article,aside,details,figcaption,figure,
  137. footer,header,hgroup,menu,nav,section { display:block;}
  138. table { border-collapse: separate; border-spacing: 0;}
  139. caption, th, td { text-align: left; font-weight: normal;}
  140. blockquote:before, blockquote:after,
  141. q:before, q:after { content: "";}
  142. .quickedit, .home-link{display:none;}
  143. blockquote, q { quotes: "" "";}
  144. sup{ vertical-align: super; font-size:smaller;}
  145. code{ font-family: 'Courier New', Courier, monospace; font-size:12px; color:#272727;}
  146. ::selection {background:transparent; text-shadow:#000 0 0 2px;}
  147. ::-moz-selection {background:transparent; text-shadow:#000 0 0 2px;}
  148. ::-webkit-selection {background:transparent; text-shadow:#000 0 0 2px;}
  149. ::-o-selection {background:transparent; text-shadow:#000 0 0 2px;}
  150. a img{ border: none;}
  151. ol, ul { padding:0; margin:0; text-align: left; }
  152. ol li { list-style-type: decimal; padding:0 0 5px; }
  153. ul li { list-style-type: disc; padding: 0 0 5px; }
  154. ul ul, ol ol { padding: 0; }
  155. .section, .widget, .widget ul {
  156. margin: 0;
  157. padding: 0;
  158. }
  159. abbr.published.timeago {
  160. text-decoration: none;
  161. }
  162. #ContactForm1 {
  163. display: none;
  164. visibility: hidden;
  165. opacity: 0;
  166. }
  167. #navbar-iframe, .navbar, .Attribution, .post-author-widget, .post-author-social { height:0px; visibility:hidden; display:none }
  168. .feed-links, .post-footer-line.post-footer-line-1, .post-footer-line.post-footer-line-2 , .post-footer-line.post-footer-line-3 {
  169. display: none;
  170. }
  171. .item-control {
  172. display: none !important;
  173. }
  174. h2.date-header, h4.date-header {display:none;margin:1.5em 0 .5em}
  175. h1, h2, h3, h4, h5, h6 {
  176. font-family: Poppins;
  177. font-weight: 400;
  178. color: #2e2e2e;
  179. }
  180. blockquote {
  181. padding: 8px;
  182. background-color: #faebbc;
  183. border-top: 1px solid #e1cc89;
  184. border-bottom: 1px solid #e1cc89;
  185. margin: 5px;
  186. background-image: url(http://1.bp.blogspot.com/-siy6EKYCLtM/U6X4AdKrr0I/AAAAAAAANDs/HCjRvuedDro/s1600/openquote1.gif);
  187. background-position: top left;
  188. background-repeat: no-repeat;
  189. text-indent: 23px;
  190. }
  191. blockquote p{
  192. display: block;
  193. background-image: url(http://3.bp.blogspot.com/-UjppXQI-ww0/U6X4IpheNiI/AAAAAAAAND0/PJhRvvhAWGU/s1600/closequote1.gif);
  194. background-repeat: no-repeat;
  195. background-position: bottom right;
  196. }
  197. img {
  198. max-width: 100%;
  199. vertical-align: middle;
  200. border: 0;
  201. }
  202. .widget iframe, .widget img {
  203. max-width: 100%;
  204. }
  205. .status-msg-border {
  206. border: 1px solid #ff545a;
  207. background:$maincolor;
  208. }
  209. .status-msg-body {
  210. color: $darkcolor;
  211. font-family: Poppins;
  212. letter-spacing: 0px;
  213. font-weight: 400;
  214. }
  215. :after, :before, * {
  216. outline: 0;
  217. transition: all .0s ease;
  218. -webkit-transition: all .0s ease;
  219. -moz-transition: all .0s ease;
  220. -o-transition: all .0s ease;
  221. }
  222. #loader {
  223. background: #fff;
  224. width: 100%;
  225. height: auto;
  226. display: block;
  227. z-index: 99;
  228. position: relative;
  229. }
  230. .tyard-wrapper #loader {
  231. height:390px;
  232. }
  233. .feat-slider-wrap.top-widget #loader {
  234. height: 412px;
  235. }
  236. .tybox-wrapper #loader {
  237. height: 627px;
  238. }
  239. .tylist-wrapper #loader {
  240. height: 385px;
  241. }
  242. .feat-slider-wrap.post-slider #loader {
  243. height: 263px;
  244. }
  245. .ty-column-wrap #loader {
  246. height: 625px;
  247. }
  248. .tygridbox-wrapper #loader {
  249. height: 447px;
  250. }
  251. #loader:before {
  252. content: '\f110';
  253. font-family: FontAwesome;
  254. width: 40px;
  255. height: 40px;
  256. font-size: 40px;
  257. text-align: center;
  258. line-height: 40px;
  259. display: block;
  260. position: absolute;
  261. top: 50%;
  262. right: 50%;
  263. margin-right: -20px;
  264. margin-top: -20px;
  265. z-index: 1;
  266. -webkit-animation: fa-spin 2s infinite linear;
  267. animation: fa-spin 2s infinite linear;
  268. }
  269. /*****************************************
  270. Custom css starts
  271. ******************************************/
  272. body {
  273. color: #2e2e2e;
  274. font-family:'Open Sans', sans-serif;
  275. font-size: 14px;
  276. font-weight: normal;
  277. line-height: 21px;
  278. background:$(body.background);
  279. }
  280. /* ######## Wrapper Css ######################### */
  281. #body-wrapper{max-width:100%;margin:0 auto;background-color:#FFF;box-shadow:0 0 5px RGBA(0, 0, 0, 0.2)}
  282. .body-row{width:1170px}
  283. #content-wrapper {
  284. margin: 0 auto;
  285. padding: 20px 0 40px;
  286. overflow: hidden;
  287. }
  288. #main-wrapper {
  289. float: left;
  290. width:68%;
  291. max-width: 800px;
  292. }
  293. #sidebar-wrapper {
  294. float: right;
  295. width:30%;
  296. max-width: 340px;
  297. }
  298. /* ######## Top Header Bar Css ######################### */
  299. .top-bar {
  300. background: $darkcolor;
  301. }
  302. .top-bar-wrapper {
  303. position: relative;
  304. min-height:40px;
  305. color: #aaaaaa;
  306. margin:0 auto;
  307. }
  308. .top-bar-social {
  309. float: right;
  310. padding: 5px 0;
  311. }
  312. .top-bar-social li {
  313. display: inline;
  314. padding: 0;
  315. float: left;
  316. margin-right: 5px;
  317. ;
  318. }
  319. .top-bar-social .widget ul {
  320. padding: 0;
  321. }
  322. .top-bar-social .LinkList ul {
  323. text-align: center;
  324. margin: 0;
  325. padding-right: 40px;
  326. }
  327. .top-bar-social #social a {
  328. display: block;
  329. width: 30px;
  330. height: 30px;
  331. line-height: 30px;
  332. font-size: 15px;
  333. color: #eeeeee;
  334. transition: background 0.3s linear;
  335. -moz-transition: background 0.3s linear;
  336. -webkit-transition: background 0.3s linear;
  337. -o-transition: background 0.3s linear;
  338. }
  339. .top-bar-social #social a:before {
  340. display: inline-block;
  341. font: normal normal normal 22px/1 FontAwesome;
  342. font-size: inherit;
  343. font-style: normal;
  344. font-weight: 400;
  345. -webkit-font-smoothing: antialiased;
  346. -moz-osx-font-smoothing: grayscale;
  347. }
  348. .top-bar-social .bloglovin:before{content:"\f004"}
  349. .top-bar-social .facebook:before{content:"\f09a"}
  350. .top-bar-social .twitter:before{content:"\f099"}
  351. .top-bar-social .gplus:before{content:"\f0d5"}
  352. .top-bar-social .rss:before{content:"\f09e"}
  353. .top-bar-social .youtube:before{content:"\f167"}
  354. .top-bar-social .skype:before{content:"\f17e"}
  355. .top-bar-social .stumbleupon:before{content:"\f1a4"}
  356. .top-bar-social .tumblr:before{content:"\f173"}
  357. .top-bar-social .vine:before{content:"\f1ca"}
  358. .top-bar-social .stack-overflow:before{content:"\f16c"}
  359. .top-bar-social .linkedin:before{content:"\f0e1"}
  360. .top-bar-social .dribbble:before{content:"\f17d"}
  361. .top-bar-social .soundcloud:before{content:"\f1be"}
  362. .top-bar-social .behance:before{content:"\f1b4"}
  363. .top-bar-social .digg:before{content:"\f1a6"}
  364. .top-bar-social .instagram:before{content:"\f16d"}
  365. .top-bar-social .pinterest:before{content:"\f0d2"}
  366. .top-bar-social .delicious:before{content:"\f1a5"}
  367. .top-bar-social .codepen:before{content:"\f1cb"}
  368.  
  369. .top-bar-social .bloglovin{background:$maincolor}
  370. .top-bar-social .facebook{background:#3b5998}
  371. .top-bar-social .twitter{background:#00aced}
  372. .top-bar-social .gplus{background:#df4b37}
  373. .top-bar-social .rss{background:#f26522}
  374. .top-bar-social .youtube{background:#cd201f}
  375. .top-bar-social .skype{background:#00aff0}
  376. .top-bar-social .stumbleupon{background:#eb4924}
  377. .top-bar-social .tumblr{background:#35465c}
  378. .top-bar-social .vine{background:#00b488}
  379. .top-bar-social .stack-overflow{background:#f48024}
  380. .top-bar-social .linkedin{background:#0077b5}
  381. .top-bar-social .dribbble{background:#ea4c89}
  382. .top-bar-social .soundcloud{background:#ff3300}
  383. .top-bar-social .behance{background:#1769ff}
  384. .top-bar-social .digg{background:#005be2}
  385. .top-bar-social .instagram{background:#c13584}
  386. .top-bar-social .pinterest{background:#bd081c}
  387. .top-bar-social .delicious{background:#3399ff}
  388. .top-bar-social .codepen{background:#47cf73}
  389. .top-bar-social ul#social a:hover {
  390. opacity: 0.8;
  391. }
  392. .top-bar-menu {
  393. float: left;
  394. }
  395. .top-menu ul {
  396. overflow: hidden;
  397. list-style: none;
  398. padding: 0;
  399. margin: 0;
  400. }
  401. .top-menu ul li {
  402. float: left;
  403. display: inline-block;
  404. list-style: none;
  405. padding: 0;
  406. }
  407. .top-menu ul li a {
  408. padding: 10px 16px;
  409. display: block;
  410. border: none !important;
  411. text-decoration: none;
  412. line-height: inherit;
  413. font-size: 14px;
  414. font-weight: normal;
  415. color: #eeeeee;
  416. text-transform: capitalize;
  417. font-family: Poppins;
  418. }
  419. .top-menu ul li a:hover {
  420. color:$maincolor;
  421. }
  422. /* ######## Search widget Css ######################### */
  423. #search-bar {
  424. position: absolute;
  425. right: 0;
  426. top: 0;
  427. z-index:99;
  428. }
  429. .header-search {
  430. color: #fff;
  431. position: absolute;
  432. top: 15px;
  433. right: 15px;
  434. }
  435. .header-search i {
  436. font-style: normal;
  437. font-size: 13px;
  438. cursor: pointer;
  439. }
  440. .header-search .fa-times.active, .fa-search {
  441. display: inline-block;
  442. }
  443. .header-search .fa-times,.fa-search.active {
  444. display: none;
  445. }
  446. .search-form {
  447. display: none;
  448. position: absolute;
  449. top: 50px;
  450. right: 0;
  451. padding: 15px;
  452. height: 35px;
  453. background: #fff;
  454. z-index: 9999;
  455. transition: none;
  456. border: 1px solid #222;
  457. border-top: 0;
  458. }
  459. .search-form input {
  460. border: 1px solid #e9e9e9;
  461. height: 36px;
  462. text-indent: 5px;
  463. }
  464. .search-form button {
  465. border: none;
  466. border-radius: 3px;
  467. color: #ffffff;
  468. cursor: pointer;
  469. font-size: 14px;
  470. height: 36px;
  471. width: 36px;
  472. position: relative;
  473. background: #ff6644;
  474. }
  475. .iconheader {
  476. position: relative;
  477. float: right;
  478. }
  479. .iconheader a i {
  480. font-size: 18px;
  481. line-height: 80px;
  482. margin-left: 10px;
  483. color: #999;
  484. }
  485. .iconheader a i:hover {
  486. color:#E80007;
  487. }
  488. /* ######## Header Css ######################### */
  489. .header-wrap {
  490. background:#fff;
  491. }
  492. #header-wrappers {
  493. color: #fff;
  494. padding: 30px 0;
  495. margin:0 auto;
  496. }
  497. #header-inner {
  498. background-position: left;
  499. background-repeat: no;
  500. }
  501. .headerleft img {
  502. height: auto;
  503. max-height: 100%;
  504. margin:0
  505. }
  506. .headerleft h1,
  507. .headerleft h1 a,
  508. .headerleft h1 a:hover,
  509. .headerleft h1 a:visited {
  510. font-family: 'Black Ops One', cursive;
  511. color: $darkcolor;
  512. font-size: 52px;
  513. font-weight:normal;
  514. line-height: 1.2em;
  515. margin: 0;
  516. padding: 0 0 5px;
  517. text-decoration: none;
  518. text-transform: uppercase;
  519. letter-spacing: 1px;
  520. }
  521. .headerleft h3 {
  522. font-weight: 400;
  523. margin: 0;
  524. padding: 0;
  525. }
  526. .headerleft .description {
  527. color: #666;
  528. margin: 0;
  529. padding: 0;
  530. text-transform: capitalize;
  531. text-align: right;
  532. text-indent: 0;
  533. letter-spacing: 1px;
  534. font-size: 13px;
  535. }
  536. .headerleft {
  537. float: left;
  538. margin: 0;
  539. padding: 0;
  540. width: auto;
  541. max-width:320px;
  542. }
  543. .headerright {
  544. float: right;
  545. margin: 0;
  546. padding: 1px 0 0;
  547. width: 730px;
  548. }
  549. .headerleft .description span {
  550. padding: 0;
  551. }
  552. /* ######## Navigation Menu Css ######################### */
  553. .selectnav {
  554. display:none;
  555. }
  556. .tm-menu {
  557. font-weight: 400;
  558. margin: 0 auto;
  559. height:50px;
  560. background: $seconddarkcolor;
  561. }
  562. ul#nav1 {
  563. list-style: none;
  564. margin: 0;
  565. padding: 0;
  566. }
  567. #menu .widget {
  568. display: none;
  569. }
  570. #menu {
  571. height: 50px;
  572. position: relative;
  573. text-align: center;
  574. z-index: 15;
  575. margin:0 auto;
  576. padding-right:50px;
  577. }
  578. .menu-wrap {
  579. margin:0 auto;
  580. position: relative;
  581. }
  582. #menu ul > li {
  583. position: relative;
  584. vertical-align: middle;
  585. display: inline-block;
  586. padding: 0;
  587. margin: 0;
  588. }
  589. #menu ul > li.hub-home {
  590. background:$maincolor;
  591. border-top: 5px solid #08f;
  592. margin-top: -5px;
  593. position:relative;
  594. }
  595. #menu ul > li.hub-home:before {
  596. content: "";
  597. width: 0;
  598. height: 0;
  599. position: absolute;
  600. top: -5px;
  601. left: -5px;
  602. border-right: 0;
  603. border-left: 5px solid transparent;
  604. border-bottom: 5px solid #0088ff;
  605. }
  606. #menu ul > li.hub-home a:before {
  607. content: "\f015";
  608. font-family: Fontawesome;
  609. text-align: center;
  610. margin-right: 5px;
  611. }
  612. #menu ul > li.hub-home:after {
  613. display:none;
  614. }
  615. #menu ul > li:hover > a {
  616.  
  617. }
  618. #menu ul > li > a {
  619. color: #fff;
  620. font-size: 14px;
  621. font-weight: 500;
  622. line-height: 50px;
  623. display: inline-block;
  624. text-transform: uppercase;
  625. text-decoration: none;
  626. letter-spacing: 1px;
  627. margin: 0;
  628. padding: 0 12px;
  629. font-family: Poppins;
  630. }
  631.  
  632. #menu ul > li > ul > li:first-child > a {
  633. padding-left: 12px
  634. }
  635. #menu ul > li > ul {
  636. position: absolute;
  637. background: $seconddarkcolor;
  638. top: 100%;
  639. left: 0;
  640. min-width: 180px;
  641. padding: 0;
  642. z-index: 99;
  643. margin-top: 0;
  644. visibility: hidden;
  645. opacity: 0;
  646. -webkit-transform: translateY(10px);
  647. -moz-transform: translateY(10px);
  648. transform: translateY(10px)
  649. }
  650. #menu ul > li > ul > li > ul {
  651. position: absolute;
  652. top: 0;
  653. left: 180px;
  654. width: 180px;
  655. background: $seconddarkcolor;
  656. z-index: 99;
  657. margin-top: 0;
  658. margin-left: 0;
  659. padding: 0;
  660. border-left: 1px solid #555D7D;
  661. visibility: hidden;
  662. opacity: 0;
  663. -webkit-transform: translateX(-10px);
  664. -moz-transform: translateX(-10px);
  665. transform: translateX(-10px);
  666. transition: all 0.2s ease-in-out;
  667. }
  668.  
  669. #menu ul > li > ul > li {
  670. display: block;
  671. float: none;
  672. text-align: left;
  673. position: relative;
  674. border-bottom: 1px solid;
  675. border-top: none;
  676. border-color: #555D7D;
  677. }
  678. #menu ul > li > ul > li:last-child {
  679. border: 0;
  680. }
  681. #menu ul li:after {
  682. content: "|";
  683. display: block;
  684. position: absolute;
  685. margin: auto;
  686. top: -20px;
  687. right: -5px;
  688. bottom: 0;
  689. width: 8px;
  690. height: 8px;
  691. text-align: center;
  692. font-weight: 400;
  693. font-size: 20px;
  694. text-rendering: auto;
  695. -webkit-font-smoothing: antialiased;
  696. -moz-osx-font-smoothing: grayscale;
  697. color: #5c5c5c;
  698. }
  699. #menu ul li.parent ul li:after, #menu ul li:last-child:after {
  700. display:none;
  701. }
  702. #menu ul > li:hover {
  703. background-color: $maincolor
  704. }
  705. #menu ul > li > ul > li a {
  706. font-size: 11px;
  707. display: block;
  708. color: #fff;
  709. line-height: 35px;
  710. text-transform: uppercase;
  711. text-decoration: none;
  712. margin: 0;
  713. padding: 0 12px;
  714. border-right: 0;
  715. border: 0
  716. }
  717. #menu ul > li.parent > a:after {
  718. content: '\f107';
  719. font-family: FontAwesome;
  720. float: right;
  721. margin-left: 5px
  722. }
  723. #menu ul > li:hover > ul,
  724. #menu ul > li > ul > li:hover > ul {
  725. opacity: 1;
  726. visibility: visible;
  727. -webkit-transform: translateY(0);
  728. -moz-transform: translateY(0);
  729. transform: translateY(0);
  730. transition: all 0.2s ease-in-out;
  731. }
  732. #menu ul > li > ul > li:hover > ul {
  733. -webkit-transform: translateX(0);
  734. -moz-transform: translateX(0);
  735. transform: translateX(0);
  736. }
  737. #menu ul > li > ul > li.parent > a:after {
  738. content: '\f105';
  739. float: right
  740. }
  741. #menu ul ul {
  742.  
  743. }
  744. .ty-ran-yard {
  745. position: absolute;
  746. right: 0;
  747. top: 0;
  748. z-index: 99;
  749. }
  750. .ty-ran-yard span {
  751. list-style: none;
  752. }
  753. .ty-ran-yard a.ran-sym {
  754. cursor: pointer;
  755. display: block;
  756. height: 40px;
  757. text-align: center;
  758. position: relative;
  759. right: 0;
  760. top: 0;
  761. width: 40px;
  762. border-radius: 0;
  763. box-sizing: border-box;
  764. background:$maincolor;
  765. }
  766. .ty-ran-yard a.ran-sym:hover {
  767. background-color:#6d6d6d;
  768. }
  769. .ty-ran-yard a.ran-sym:before {
  770. color: #fff;
  771. content: '\f074';
  772. font-family: FontAwesome;
  773. font-size: 16px;
  774. text-rendering: auto;
  775. -webkit-font-smoothing: antialiased;
  776. -moz-osx-font-smoothing: grayscale;
  777. line-height: 40px;
  778. }
  779. /* ######## Ticker Css ######################### */
  780. .news-tick-wrap {
  781. background-color: #f5f5f5;
  782. border-bottom: 1px solid #e9e9e9;
  783. }
  784. .news-tick-bar {
  785. margin:0 auto;
  786. border-right: 1px solid #e9e9e9;
  787. border-left: 1px solid #e9e9e9;
  788. position:relative;
  789. }
  790. .ticker .title {
  791. float: left;
  792. height: 40px;
  793. font-size: 15px;
  794. line-height: 40px;
  795. font-weight: 400;
  796. overflow: hidden;
  797. padding: 0 10px;
  798. color:$maincolor;
  799. font-family: 'Poppins';
  800. text-transform:uppercase;
  801. }
  802. .ticker .title .fa {
  803. margin-right: 10px;
  804. background: #fff;
  805. padding: 5px 6px;
  806. border-radius: 100%;
  807. color: $maincolor;
  808. }
  809. .ticker .widget-content {
  810. height: 40px;
  811. box-sizing: border-box;
  812. overflow: hidden;
  813. padding: 0 4px;
  814. }
  815. .ticker .widget-content li {
  816. float: left;
  817. margin-left: 30px;
  818. display: inline-block;
  819. height: 38px;
  820. line-height: 38px;
  821. padding: 0
  822. }
  823. .ticker .widget {
  824. height: 40px;
  825. overflow: hidden;
  826. }
  827. .tk-thumb {
  828. float: left;
  829. margin: 4px 10px 0 0
  830. }
  831. .tk-img {
  832. position: relative;
  833. display: block;
  834. width: 35px;
  835. height: 30px;
  836. overflow: hidden
  837. }
  838. .ticker .post-tag {
  839. display: inline-block;
  840. background-color: $maincolor;
  841. color: #fff;
  842. margin-right: 10px;
  843. font-weight: 400;
  844. border-radius: 2px;
  845. height: 18px;
  846. line-height: 18px;
  847. padding: 0 6px;
  848. font-size: 10px;
  849. text-transform: uppercase;
  850. position: relative;
  851. margin-top: 10px;
  852. float: left
  853. }
  854. .ticker .tyard-title {
  855. font-size: 14px;
  856. font-weight: 400;
  857. display: inline-block
  858. }
  859. .ticker .tyard-title a {
  860. color: $darkcolor;
  861. }
  862. .ticker .tyard-title a:hover {
  863. color: $maincolor;
  864. }
  865. .tickercontainer,
  866. .tickercontainer .mask,
  867. ul.newsticker {
  868. -webkit-transition: all 0 linear;
  869. -moz-transition: all 0 linear;
  870. -o-transition: all 0 linear;
  871. transition: all 0 linear;
  872. list-style: none;
  873. margin: 0
  874. }
  875. .tickercontainer {
  876. margin: 0;
  877. padding: 0;
  878. overflow: hidden
  879. }
  880. .tickercontainer .mask {
  881. position: relative;
  882. overflow: hidden
  883. }
  884. .newsticker {
  885. position: relative;
  886. list-style-type: none;
  887. margin: 0;
  888. padding: 0
  889. }
  890. ul.newsticker {
  891. -webkit-transition: all 0s linear;
  892. -moz-transition: all 0s linear;
  893. -o-transition: all 0s linear;
  894. transition: all 0s linear;
  895. position: relative;
  896. list-style-type: none;
  897. margin: 0;
  898. padding: 0
  899. }
  900. .tickeroverlay-left {
  901. display: none
  902. }
  903. .tickeroverlay-right {
  904. display: none
  905. }
  906. /* ######## Slider Css ######################### */
  907. .feat-slider-wrap {
  908. position: relative;
  909. margin: 15px auto 0;
  910. }
  911.  
  912. .ty-slide-show {
  913. margin: 0 auto;
  914. overflow: hidden;
  915. opacity:0;
  916. }
  917. .ty-slide-show.slide-block {
  918. opacity: 1;
  919. }
  920. .ty-slide-show ul {
  921. padding:0;
  922. list-style:none;
  923. }
  924. .ty-slide-show li {
  925. list-style:none;
  926. padding:0;
  927. }
  928. .ty-slide .ty-wow {
  929. overflow: hidden;
  930. border-bottom: 1px solid #F5F5F5;
  931. padding: 0;
  932. position:relative;
  933. }
  934. .ty-slide .ty-wow:hover .ty-thumb-bonos img {
  935. transform: scale(1.1) rotate(-1deg);
  936. transition: all .3s ease-in-out;
  937. }
  938. .ty-slide .ty-thumb-bonos img {
  939. position: relative;
  940. float: left;
  941. margin: 0!important;
  942. width: 100%;
  943. height: 200px;
  944. overflow: hidden;
  945. display: block;
  946. vertical-align: middle;
  947. object-fit:cover;
  948. transition: all .3s ease-in-out;
  949. }
  950. .top-widget .ty-slide .ty-thumb-bonos img, .top-widget .ty-slide .ty-slide-con {
  951. height:350px;
  952. }
  953. .ty-slide .ty-slide-con {
  954. position: absolute;
  955. top: 0;
  956. text-align: center;
  957. display: table;
  958. width: 100%;
  959. height: 200px;
  960. z-index: 2;
  961. box-sizing: border-box;
  962. text-align: center;
  963. -webkit-transition: all 0.2s ease-in-out;
  964. -moz-transition: all 0.2s ease-in-out;
  965. -ms-transition: all 0.2s ease-in-out;
  966. -o-transition: all 0.2s ease-in-out;
  967. transition: all 0.2s ease-in-out;
  968. }
  969. .ty-slide .ty-slide-con-tab {
  970. display: table-cell;
  971. vertical-align: middle;
  972. padding: 10px;
  973. box-sizing: border-box;
  974. }
  975. .ty-slide .ty-slide-con-cell {
  976. position: relative;
  977. width: 80%;
  978. margin: 0 auto;
  979. padding: 20px 10px;
  980. }
  981. .ty-slide .ty-slide-con-tab .recent-summary {
  982. display: block;
  983. color: #dfdfdf;
  984. padding:5px 10px 10px;
  985. line-height: 1.4;
  986. }
  987. .post-slider .ty-slide .ty-slide-con-tab .recent-summary {
  988. display: none;
  989. }
  990. .post-slider .ty-slide-con-tab .recent-date {
  991. display: block;
  992. margin-bottom: 10px;
  993. }
  994. .tyslide-more {
  995. background: $maincolor;
  996. padding: 5px 12px !important;
  997. display: inline-block;
  998. vertical-align: middle;
  999. margin: 0;
  1000. font-size: 12px;
  1001. text-transform: capitalize;
  1002. border-radius: 2px;
  1003. color: #f7f7f7;
  1004. font-weight: 500;
  1005. white-space: nowrap;
  1006. font-family: Poppins;
  1007. }
  1008. .ty-slide .ty-bonos-entry {
  1009. overflow: hidden;
  1010. line-height: 0;
  1011. margin: 10px 0 10px;
  1012. padding: 0 10px;
  1013. font-family:'Poppins';
  1014. }
  1015. .ty-slide .ty-bonos-entry a {
  1016. color: #fff;
  1017. font-weight: 400;
  1018. letter-spacing:1px;
  1019. text-transform:capitalize;
  1020. font-size: 16px;
  1021. line-height: 1.5em;
  1022. -webkit-transition: all 0.2s ease-in-out;
  1023. -moz-transition: all 0.2s ease-in-out;
  1024. -ms-transition: all 0.2s ease-in-out;
  1025. -o-transition: all 0.2s ease-in-out;
  1026. transition: all 0.2s ease-in-out;
  1027. }
  1028. .ty-slide .ty-bonos-entry a:hover {
  1029.  
  1030. }
  1031. .yard-auth-ty {
  1032.  
  1033. }
  1034. .yard-auth-ty,
  1035. .ty-time {
  1036. color: #bdbdbd;
  1037. font-size: 12px;
  1038. font-weight: 400;
  1039. 'Merriweather', serif
  1040. }
  1041.  
  1042. .ty-wow .tyimg-lay {
  1043. position: absolute;
  1044. left: 0;
  1045. right: 0;
  1046. top: 0;
  1047. bottom: 0;
  1048. opacity: .5;
  1049. content: '';
  1050. transition: all .2s ease;
  1051. background: #2c2f30;
  1052. }
  1053. .ty-slide:hover .tyimg-lay {
  1054. opacity: .75;
  1055. }
  1056. .ty-slide-con-tab .recent-date {
  1057. color: #fff;
  1058. }
  1059. .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%}
  1060.  
  1061. .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}
  1062. .owl-prev, .owl-next {
  1063. top: 0;
  1064. color: $maincolor;
  1065. font-family: FontAwesome;
  1066. position: absolute;
  1067. background:#F5f5f5;
  1068. z-index: 1;
  1069. display: block;
  1070. cursor: pointer;
  1071. padding: 10px;
  1072. text-align: center;
  1073. overflow: hidden;
  1074. transition: all .2s linear;
  1075. -moz-transition: all .2s linear;
  1076. -webkit-transition: all .2s linear;
  1077. -o-transition: all .2s linear;
  1078. }
  1079. .owl-prev:before {
  1080. content: '\f0a5';
  1081. font-family: fontawesome;
  1082. }
  1083. .owl-next:before {
  1084. content: '\f0a4';
  1085. font-family: fontawesome;
  1086. }
  1087. .owl-next {
  1088. right: 0;
  1089. }
  1090. .owl-prev {
  1091. left: 0;
  1092. }
  1093. .ty-slide:hover .owl-prev, .ty-slide:hover .owl-next {
  1094. background:$maincolor;
  1095. color:#fff;
  1096. }
  1097.  
  1098. /* ######## Sidebar Css ######################### */
  1099. .sidebar .widget {
  1100. margin-bottom: 20px;
  1101. position: relative;
  1102. }
  1103. .sidebar h2 {
  1104. background:$seconddarkcolor;
  1105. color: #fff;
  1106. font-size: 16px;
  1107. font-weight: 700;
  1108. text-transform: uppercase;
  1109. margin:0 0 10px 0;
  1110. padding: 0;
  1111. position: relative;
  1112. border-bottom: 2px solid $maincolor;
  1113. transition: all .5s ease-out;
  1114. }
  1115. .sidebar h2 span {
  1116. padding: 12px 8px;
  1117. margin-bottom: -2px;
  1118. display: inline-block;
  1119. background: $maincolor;
  1120. color: #fff;
  1121. }
  1122. .sidebar h2 span:after {
  1123. content: "";
  1124. width: 0;
  1125. height: 0;
  1126. position: absolute;
  1127. bottom: -8px;
  1128. left: 0;
  1129. border-left: 0;
  1130. border-right: 9px solid transparent;
  1131. border-top: 9px solid $maincolor;
  1132. }
  1133.  
  1134. .sidebar ul,.sidebar li{
  1135. list-style-type:none;
  1136. margin:0;
  1137. padding:0;
  1138. }
  1139. .sidebar .widget-content {
  1140. padding: 0;
  1141. }
  1142. /* Multi Tab Widget */
  1143. .menu-tab li a,
  1144. .sidetabs .section {
  1145. transition: all 0s ease;
  1146. -webkit-transition: all 0s ease;
  1147. -moz-transition: all 0s ease;
  1148. -o-transition: all 0s ease;
  1149. -ms-transition: all 0s ease
  1150. }
  1151. .menu-tab {
  1152. display: flex;
  1153. clear: both;
  1154. padding: 0;
  1155. margin: 0;
  1156. border-bottom: 3px solid $maincolor;
  1157. }
  1158. .sidetabs .widget h2 {
  1159. display: none
  1160. }
  1161. .menu-tab li {
  1162. width: 33.3%;
  1163. float: left;
  1164. display: inline-block;
  1165. padding: 0;
  1166. position:relative;
  1167. }
  1168. .menu-tab li.active:after{
  1169. content: "";
  1170. width: 0;
  1171. height: 0;
  1172. position: absolute;
  1173. bottom: -8px;
  1174. left: 0;
  1175. border-left: 0;
  1176. border-right: 9px solid transparent;
  1177. border-top: 9px solid $maincolor;
  1178. }
  1179. .menu-tab li a {
  1180. font-family: Poppins;
  1181. height: 32px;
  1182. text-align: center;
  1183. padding: 0;
  1184. font-weight: 400;
  1185. display: block;
  1186. color: #fff;
  1187. background-color:$seconddarkcolor;
  1188. font-size: 14px;
  1189. line-height: 32px;
  1190. letter-spacing: 1.5px;
  1191. text-transform: uppercase
  1192. }
  1193. .menu-tab li.active a {
  1194. color: #fff;
  1195. background-color:$maincolor;
  1196. }
  1197. .menu-tab li {
  1198. display: none
  1199. }
  1200. .hide-tab {
  1201. display: inline-block!important
  1202. }
  1203. #tabside3 {
  1204. margin-bottom: 15px;
  1205. }
  1206. .sidetabs .widget-content {
  1207. padding: 15px 0 0;
  1208. }
  1209. /* ######## Featured Widget Css ######################### */
  1210. .tyard-wrapper {
  1211. margin:10px auto;
  1212. overflow:hidden;
  1213. }
  1214. .tyard h2 {
  1215. display: none;
  1216. visibility: hidden;
  1217. }
  1218. .preload {
  1219. opacity:0;
  1220. transition: all .3s ease;
  1221. -webkit-transition: all .3s ease;
  1222. -moz-transition: all .3s ease;
  1223. -o-transition: all .3s ease;
  1224. }
  1225. .comload {
  1226. opacity:1;
  1227. transition: all .3s ease;
  1228. -webkit-transition: all .3s ease;
  1229. -moz-transition: all .3s ease;
  1230. -o-transition: all .3s ease;
  1231. }
  1232. .tyard .ty-first {
  1233. width: 50%;
  1234. position: relative;
  1235. float: left;
  1236. padding-right: 1%;
  1237. box-sizing: border-box;
  1238. overflow: hidden;
  1239. }
  1240. .tyard .ty-feat-image {
  1241. width: 100%;
  1242. position: relative;
  1243. overflow: hidden;
  1244. }
  1245. .templatesyard .ty-first .tyard-thumb {
  1246. position: relative;
  1247. width: 100%;
  1248. height: 200px;
  1249. }
  1250. .tyard-thumb {
  1251. overflow: hidden;
  1252. }
  1253. .templatesyard .ty-img {
  1254. width: 100%;
  1255. height: 200px;
  1256. position: relative;
  1257. display: block;
  1258. transition: all .3s ease-in-out;
  1259. }
  1260. .tyard .ty-first .tyard-thumb, .tyard .ty-img {
  1261. height: 390px;
  1262. }
  1263. .ty-first .ty-img:after {
  1264. content: no-close-quote;
  1265. position: absolute;
  1266. left: 0;
  1267. bottom: 0;
  1268. width: 100%;
  1269. height: 230px;
  1270. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjMyZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-x;
  1271. opacity: .8;
  1272. }
  1273. .templatesyard .ty-feat .ty-rest .yard-img:after {
  1274. content: no-close-quote;
  1275. position: absolute;
  1276. left: 0;
  1277. bottom: 0;
  1278. width: 100%;
  1279. height: 110px;
  1280. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE5MjMyZCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxOTIzMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) repeat-x;
  1281. opacity: .8;
  1282. }
  1283. .templatesyard .ty-feat .ty-last .yard-img:after {
  1284. height:230px;
  1285. }
  1286. .tyard .tyard-thumb .yard-label {
  1287. position: absolute;
  1288. top: 0;
  1289. left: 0;
  1290. z-index: 2;
  1291. }
  1292. .tyard .tyard-thumb .yard-label {
  1293. background: #FA29AF;
  1294. color: #fff;
  1295. text-transform: uppercase;
  1296. height: 20px;
  1297. line-height: 20px;
  1298. display: inline-block;
  1299. padding: 0 6px;
  1300. font-size: 11px;
  1301. font-weight: 400;
  1302. }
  1303. .tyard .tyard-thumb .yard-label a {
  1304. color:#fff;
  1305. }
  1306. .tyard .tyard-thumb .yard-label a:before {
  1307. content: "\f03e";
  1308. margin-right: 5px;
  1309. font-family: FontAwesome;
  1310. font-style: normal;
  1311. font-weight: normal;
  1312. -webkit-font-smoothing: antialiased;
  1313. -moz-osx-font-smoothing: grayscale;
  1314. }
  1315. .tyard .ty-rest:first-child .tyard-thumb .yard-label a:before {
  1316. content: "\f03d";
  1317. }
  1318. .tyard .ty-rest:nth-child(2) .tyard-thumb .yard-label a:before {
  1319. content: "\f001";
  1320. }
  1321. .tyard .ty-last .tyard-thumb .yard-label a:before {
  1322. content: "\f143";
  1323. }
  1324. .tyard .ty-rest:first-child .tyard-thumb .yard-label {
  1325. background: #ff0033;
  1326. }
  1327. .tyard .ty-rest:nth-child(2) .tyard-thumb .yard-label {
  1328. background: #4ca80b;
  1329. }
  1330. .tyard .ty-last .tyard-thumb .yard-label {
  1331. background: #37cae8;
  1332. }
  1333. .tyard .tyard-thumb .item-cmm {
  1334. position: absolute;
  1335. top: 0;
  1336. right: 0;
  1337. z-index: 2;
  1338. color: #fff;
  1339. text-transform: uppercase;
  1340. height: 20px;
  1341. line-height: 20px;
  1342. display: inline-block;
  1343. padding: 0 6px;
  1344. font-size: 11px;
  1345. font-weight: 400;
  1346. background: $maincolor;
  1347. }
  1348. .tyard .tyard-thumb .item-cmm:before {
  1349. content: "\f086";
  1350. margin-right: 5px;
  1351. font-family: FontAwesome;
  1352. font-style: normal;
  1353. font-weight: normal;
  1354. -webkit-font-smoothing: antialiased;
  1355. -moz-osx-font-smoothing: grayscale;
  1356. }
  1357. .tyard .ty-first .ty-con-yard, .column .ty-first .ty-con-yard {
  1358. position: absolute;
  1359. bottom: 0;
  1360. width: 100%;
  1361. z-index: 2;
  1362. padding: 15px;
  1363. box-sizing: border-box;
  1364. }
  1365. .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 {
  1366. display: block;
  1367. font-size: 19px;
  1368. color: #fff;
  1369. font-weight: 400;
  1370. line-height: 1.4em;
  1371. margin-bottom: 5px;
  1372. }
  1373. .ty-con-yard .yard-auth-ty, .ty-con-yard .ty-time {
  1374. color: #ccc;
  1375. }
  1376. .recent-summary {
  1377. display: block;
  1378. color: #ccc;
  1379. padding: 10px 0;
  1380. }
  1381. .tyard .ty-feat .ty-rest-wrap {
  1382. width: 25%;
  1383. position: relative;
  1384. float: left;
  1385. padding-right: 1%;
  1386. box-sizing: border-box;
  1387. overflow: hidden;
  1388. }
  1389. .tyard .ty-feat .ty-last {
  1390. width: 25%;
  1391. position: relative;
  1392. float: left;
  1393. padding: 0;
  1394. box-sizing: border-box;
  1395. overflow: hidden;
  1396. }
  1397. .tyard .ty-feat .ty-rest {
  1398. overflow: hidden;
  1399. display: block;
  1400. padding: 0;
  1401. position: relative;
  1402. }
  1403. .tyard .ty-feat .ty-rest-wrap .ty-rest:last-child {
  1404. margin-top: 10px;
  1405. }
  1406. .templatesyard .ty-feat .ty-rest .tyard-thumb {
  1407. width: 100%;
  1408. height: 190px;
  1409. vertical-align: middle;
  1410. }
  1411. .templatesyard .ty-feat .ty-rest .yard-img {
  1412. width: 100%;
  1413. height: 190px;
  1414. position: relative;
  1415. display: block;
  1416. transition: all .3s ease-in-out;
  1417. }
  1418. .templatesyard .ty-feat .ty-last .yard-img, .templatesyard .ty-feat .ty-last .tyard-thumb {
  1419. height:390px;
  1420. }
  1421. .tyimg-lay {
  1422. position: absolute;
  1423. left: 0;
  1424. top: 0;
  1425. z-index: 1;
  1426. width: 100%;
  1427. height: 100%;
  1428. background-color: rgba(40,35,40,0.05);
  1429. }
  1430. .templatesyard .ty-feat .ty-rest .yard-tent-ty {
  1431. position: absolute;
  1432. bottom: 0;
  1433. width: 100%;
  1434. z-index: 2;
  1435. padding: 15px;
  1436. box-sizing: border-box;
  1437. transition: all .4s ease-in-out;
  1438. }
  1439. .templatesyard .ty-feat .ty-rest-wrap .ty-rest .yard-tent-ty {
  1440. bottom: -85px;
  1441. }
  1442. .templatesyard .ty-feat .ty-rest-wrap .ty-rest:hover .yard-tent-ty {
  1443. bottom:0;
  1444. }
  1445. .tyard .ty-rest .yard-tent-ty .tyard-title {
  1446. overflow: hidden;
  1447. line-height: 0;
  1448. margin: 0 0 2px;
  1449. padding: 0;
  1450. }
  1451. .tyard .ty-rest-wrap .ty-rest .yard-tent-ty .tyard-title a {
  1452. color: #fff;
  1453. font-weight: 400;
  1454. font-size: 13px;
  1455. line-height: 1.5em;
  1456. }
  1457. .tyard .ty-first:hover .ty-img, .tyard .ty-rest:hover .yard-img {
  1458. transform: scale(1.1) rotate(-1deg);
  1459. transition: all .3s ease-in-out;
  1460. }
  1461. .tyard .ty-first:hover .tyimg-lay, .tyard .ty-rest:hover .tyimg-lay {
  1462. background-color: rgba(0,0,0,.2);
  1463. transition: all .3s ease-in-out;
  1464. }
  1465. /* ######## Featured Box Css ######################### */
  1466. .tybox-wrapper {
  1467. margin: 0 0 10px;
  1468. overflow:hidden;
  1469. }
  1470. .tybox .tybox-first {
  1471. width: 50%;
  1472. position: relative;
  1473. float: left;
  1474. padding-right: 1.4%;
  1475. box-sizing: border-box;
  1476. overflow: hidden;
  1477. }
  1478. .tybox .tybox-feat-image {
  1479. width: 100%;
  1480. position: relative;
  1481. overflow: hidden;
  1482. padding:10px;
  1483. box-sizing:border-box;
  1484. background:$maincolor;
  1485. }
  1486. .tybox .tybox-first .tyard-thumb, .tybox .tybox-img {
  1487. height: 250px !important;
  1488. transition: all .3s ease-in-out;
  1489. }
  1490. .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 {
  1491. transform: scale(1.1) rotate(-1deg);
  1492. transition: all .3s ease-in-out;
  1493. }
  1494. .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 {
  1495. transition: all .3s ease-in-out;
  1496. }
  1497. .templatesyard .tybox-first .tyard-thumb {
  1498. position: relative;
  1499. width: 100%;
  1500. height: 250px;
  1501. }
  1502. .templatesyard .tybox-img {
  1503. width: 100%;
  1504. height: 200px;
  1505. position: relative;
  1506. display: block;
  1507. }
  1508. .tybox-first .tyard-thumb .yard-label {
  1509.  
  1510. }
  1511. .tybox-first .tyard-thumb .yard-label a {
  1512. background: $maincolor;
  1513. color: #fff;
  1514. text-transform: uppercase;
  1515. height: 20px;
  1516. line-height: 20px;
  1517. display: inline-block;
  1518. padding: 0 6px;
  1519. font-size: 11px;
  1520. font-weight: 400;
  1521. border-radius: 2px;
  1522. }
  1523. .tybox .tybox-con-yard {
  1524. position: absolute;
  1525. bottom: 0;
  1526. width: 100%;
  1527. z-index: 2;
  1528. padding: 15px;
  1529. box-sizing: border-box;
  1530. }
  1531. .tybox .tybox-first .tybox-con-yard .tyard-title a {
  1532. display: block;
  1533. font-size: 19px;
  1534. color: #fff;
  1535. font-weight: 400;
  1536. line-height: 1.4em;
  1537. margin-bottom: 5px;
  1538. margin-top: 5px;
  1539. }
  1540. .tybox .tybox-first .recent-summary {
  1541. color: #fff;
  1542. font-size: 14px;
  1543. font-weight: normal;
  1544. }
  1545. .tybox-more {
  1546. background: #3d3d3d;
  1547. padding: 5px 12px !important;
  1548. display: inline-block;
  1549. vertical-align: middle;
  1550. margin: 0;
  1551. font-size: 12px;
  1552. text-transform: capitalize;
  1553. border-radius: 2px;
  1554. color: #f7f7f7;
  1555. font-weight: 500;
  1556. white-space: nowrap;
  1557. font-family: Poppins;
  1558. }
  1559. .tybox .ty-feat .tybox-rest {
  1560. overflow: hidden;
  1561. display: block;
  1562. padding: 0;
  1563. position: relative;
  1564. margin-bottom:10px;
  1565. }
  1566. .templatesyard .ty-feat .tybox-rest .tyard-thumb {
  1567. position: relative;
  1568. float: left;
  1569. width: 100%;
  1570. height: auto;
  1571. overflow: hidden;
  1572. display: block;
  1573. vertical-align: middle;
  1574. margin: 0 !important;
  1575. }
  1576. .templatesyard .ty-feat .tybox-rest .yard-img {
  1577. width: 100%;
  1578. height: 182px;
  1579. position: relative;
  1580. display: block;
  1581. transition: all .3s ease-in-out;
  1582. }
  1583. .tybox .tyimg-lay {
  1584. position: absolute;
  1585. left: 0;
  1586. top: 0;
  1587. z-index: 1;
  1588. width: 100%;
  1589. height: 100%;
  1590. opacity:0.5;
  1591. background-color: #2c2f30;
  1592. }
  1593. .tybox .yard-tent-ty {
  1594. position: absolute;
  1595. bottom: 0;
  1596. width: 100%;
  1597. z-index: 2;
  1598. padding: 15px;
  1599. box-sizing: border-box;
  1600. }
  1601.  
  1602.  
  1603. .tybox .yard-tent-ty .tyard-title {
  1604. overflow: hidden;
  1605. line-height: 0;
  1606. margin: 0 0 2px;
  1607. padding: 0;
  1608. }
  1609. .tybox .yard-tent-ty .tyard-title a {
  1610. color: #fff;
  1611. font-weight: 400;
  1612. font-size: 14px;
  1613. line-height: 1.5em;
  1614. letter-spacing: 1px;
  1615. }
  1616. .tybox-time {
  1617. color: #bdbdbd;
  1618. font-size: 12px;
  1619. font-weight: 400;
  1620. }
  1621. .tybox-time:before {
  1622. content: '\f133';
  1623. font-family: fontawesome;
  1624. color: #bbb;
  1625. margin-right: 5px;
  1626. }
  1627. .tybox .ty-feat .tybox-rest:nth-child(4), .tybox .ty-feat .tybox-rest:nth-child(5) {
  1628. float: left;
  1629. width: 50%;
  1630. padding-right: 10px;
  1631. box-sizing: border-box;
  1632. margin-bottom:0;
  1633. }
  1634. .tybox .ty-feat .tybox-rest:nth-child(5) {
  1635. padding-right: 0;
  1636. }
  1637. .tybox .tyard-thumb .item-cmm {
  1638. position: absolute;
  1639. top: 0;
  1640. left: 10px;
  1641. z-index: 2;
  1642. color: #fff;
  1643. text-transform: uppercase;
  1644. height: 20px;
  1645. line-height: 20px;
  1646. display: inline-block;
  1647. padding: 5px 6px 0;
  1648. font-size: 12px;
  1649. font-weight: bold;
  1650. background: $maincolor;
  1651. border-radius: 0 0 2px 2px;
  1652. }
  1653. .tybox .tyard-thumb .item-cmm:before {
  1654. content: "\f086";
  1655. margin-right: 5px;
  1656. font-family: FontAwesome;
  1657. font-style: normal;
  1658. font-weight: normal;
  1659. -webkit-font-smoothing: antialiased;
  1660. -moz-osx-font-smoothing: grayscale;
  1661. }
  1662. .tybox .category-gallery {
  1663. position: absolute;
  1664. top: 10px;
  1665. right: 10px;
  1666. z-index: 3;
  1667. overflow: hidden;
  1668. }
  1669. .tybox .category-gallery a:before {
  1670. display: block;
  1671. background-color: #e74c3c;
  1672. opacity: .5;
  1673. color: #fff;
  1674. height: 18px;
  1675. line-height: 18px;
  1676. padding: 0 5px;
  1677. font-size: 10px;
  1678. font-weight: 400;
  1679. text-transform: uppercase;
  1680. border-radius: 2px;
  1681. transition: all .3s ease;
  1682. }
  1683. .icon:before {
  1684. font-family: FontAwesome;
  1685. font-weight: 400;
  1686. font-style: normal;
  1687. line-height: 1;
  1688. padding-right: 4px;
  1689. }
  1690. /* ######## Featured List Css ######################### */
  1691. .tylist-wrapper {
  1692. margin: 0 0 10px;
  1693. }
  1694. .tyheading-head {
  1695. margin-bottom: 15px;
  1696. border-bottom: 2px solid $maincolor!important;
  1697. background: $seconddarkcolor;
  1698. }
  1699. .tyheading-head h2 {
  1700. font-size: 15px;
  1701. background-color: $maincolor!important;
  1702. display: inline-block;
  1703. padding: 12px 16px;
  1704. margin: 0;
  1705. position: relative;
  1706. }
  1707. .tyheading-head h2 a {
  1708. color: #fff;
  1709. text-transform: uppercase;
  1710. font-weight: 500;
  1711. }
  1712. .tyheading-head h2:after {
  1713. content: "";
  1714. width: 0;
  1715. height: 0;
  1716. position: absolute;
  1717. bottom: -6px;
  1718. left: 0;
  1719. border-left: 0;
  1720. border-right: 9px solid transparent;
  1721. border-top: 9px solid $maincolor;
  1722. }
  1723. .tyheading-head .tymore{
  1724. float: right;
  1725. margin-right: 10px;
  1726. margin-top: 12px;
  1727. height: 22px;
  1728. line-height: 22px;
  1729. padding: 0 10px;
  1730. background-color: $maincolor;
  1731. font-size: 13px;
  1732. color: #fff!important;
  1733. transition: background-color .3s ease-out;
  1734. }
  1735. .tylist .tylist-first {
  1736. width: 50%;
  1737. position: relative;
  1738. float: left;
  1739. padding-right: 1.4%;
  1740. box-sizing: border-box;
  1741. overflow: hidden;
  1742. }
  1743. .tylist .tylist-feat-image {
  1744. width: 100%;
  1745. position: relative;
  1746. overflow: hidden;
  1747. box-sizing:border-box;
  1748. }
  1749. .tylist .ty-list-first .tyard-thumb, .tylist .tylist-img {
  1750. height: 325px !important;
  1751. transition: all .3s ease-in-out;
  1752. }
  1753.  
  1754. .templatesyard .tylist-first .tyard-thumb {
  1755. position: relative;
  1756. width: 100%;
  1757. height: 325px;
  1758. }
  1759. .templatesyard .tylist-img {
  1760. width: 100%;
  1761. height: 200px;
  1762. position: relative;
  1763. display: block;
  1764. }
  1765. .tylist-first .tyard-thumb .yard-label {
  1766. }
  1767. .tylist-first .tyard-thumb .yard-label a {
  1768. background: $maincolor;
  1769. color: #fff;
  1770. text-transform: uppercase;
  1771. height: 20px;
  1772. line-height: 20px;
  1773. display: inline-block;
  1774. padding: 0 6px;
  1775. font-size: 11px;
  1776. font-weight: 400;
  1777. border-radius: 2px;
  1778. }
  1779. .tylist .tylist-con-yard {
  1780. position: absolute;
  1781. bottom: 0;
  1782. width: 100%;
  1783. z-index: 2;
  1784. padding: 15px;
  1785. box-sizing: border-box;
  1786. }
  1787. .tylist .tylist-first .tylist-con-yard .tyard-title a {
  1788. display: block;
  1789. font-size: 19px;
  1790. color: #fff;
  1791. font-weight: 400;
  1792. line-height: 1.4em;
  1793. margin-bottom: 5px;
  1794. margin-top: 5px;
  1795. }
  1796. .tylist .tylist-first .recent-summary {
  1797. color: #fff;
  1798. font-size: 14px;
  1799. font-weight: normal;
  1800. }
  1801. .tylist-more {
  1802. background: #3d3d3d;
  1803. padding: 5px 12px !important;
  1804. display: inline-block;
  1805. vertical-align: middle;
  1806. margin: 0;
  1807. font-size: 12px;
  1808. text-transform: capitalize;
  1809. border-radius: 2px;
  1810. color: #f7f7f7;
  1811. font-weight: 500;
  1812. white-space: nowrap;
  1813. font-family: Poppins;
  1814. }
  1815. .tylist .ty-feat .tylist-rest {
  1816. overflow: hidden;
  1817. padding: 10px 0;
  1818. border-bottom: 1px solid #f2f2f2;
  1819. }
  1820. .templatesyard .ty-feat .tylist-rest .tyard-thumb {
  1821. position: relative;
  1822. float: left;
  1823. width: 90px;
  1824. height: 65px;
  1825. overflow: hidden;
  1826. display: block;
  1827. vertical-align: middle;
  1828. margin: 0 !important;
  1829. }
  1830. .tylist .ty-feat .tylist-rest:last-child {
  1831. border: 0;
  1832. padding: 10px 0 0;
  1833. }
  1834. .templatesyard .ty-feat .tylist-rest .yard-img {
  1835. position: relative;
  1836. width: 90px;
  1837. height: 65px;
  1838. display: block;
  1839. transition: all .3s ease-in-out;
  1840. }
  1841. .tylist .tyimg-lay {
  1842. position: absolute;
  1843. left: 0;
  1844. top: 0;
  1845. z-index: 1;
  1846. width: 100%;
  1847. height: 100%;
  1848. opacity:0.5;
  1849. background-color: #2c2f30;
  1850. }
  1851. .tylist .yard-tent-ty {
  1852. padding-left: 15px;
  1853. display: table-cell;
  1854. }
  1855. .tylist .ty-feat .tylist-rest:nth-child(2) {
  1856. padding:0 0 10px;
  1857. }
  1858. .tylist .yard-tent-ty .tyard-title {
  1859. overflow: hidden;
  1860. font-weight: 400;
  1861. font-size: 14px;
  1862. line-height: 1.4em;
  1863. margin: 0 0 4px;
  1864. padding: 0;
  1865. }
  1866. .tylist .yard-tent-ty .tyard-title a {
  1867. color: #333333;
  1868. transition: color .3s;
  1869. }
  1870. .tylist-time {
  1871. color: #bdbdbd;
  1872. font-size: 12px;
  1873. font-weight: 400;
  1874. }
  1875. .tylist-time:before {
  1876. content: '\f133';
  1877. font-family: fontawesome;
  1878. color: #bbb;
  1879. margin-right: 5px;
  1880. }
  1881. .tylist .tyard-thumb .item-cmm {
  1882. position: absolute;
  1883. top: 0;
  1884. left: 10px;
  1885. z-index: 2;
  1886. color: #fff;
  1887. text-transform: uppercase;
  1888. height: 20px;
  1889. line-height: 20px;
  1890. display: inline-block;
  1891. padding: 5px 6px 0;
  1892. font-size: 12px;
  1893. font-weight: bold;
  1894. background: $maincolor;
  1895. border-radius: 0 0 2px 2px;
  1896. }
  1897. .tylist .tyard-thumb .item-cmm:before {
  1898. content: "\f086";
  1899. margin-right: 5px;
  1900. font-family: FontAwesome;
  1901. font-style: normal;
  1902. font-weight: normal;
  1903. -webkit-font-smoothing: antialiased;
  1904. -moz-osx-font-smoothing: grayscale;
  1905. }
  1906. .tylist .category-gallery {
  1907. position: absolute;
  1908. top: 10px;
  1909. right: 10px;
  1910. z-index: 3;
  1911. overflow: hidden;
  1912. }
  1913. .tylist .ty-rest .category-gallery {
  1914. top:0;
  1915. right:0;
  1916. }
  1917. .tylist .category-gallery a:before {
  1918. display: block;
  1919. background-color: #e74c3c;
  1920. opacity: .5;
  1921. color: #fff;
  1922. height: 18px;
  1923. line-height: 18px;
  1924. padding: 0 5px;
  1925. font-size: 10px;
  1926. font-weight: 400;
  1927. text-transform: uppercase;
  1928. border-radius: 2px;
  1929. transition: all .3s ease;
  1930. }
  1931. .icon:before {
  1932. font-family: FontAwesome;
  1933. font-weight: 400;
  1934. font-style: normal;
  1935. line-height: 1;
  1936. padding-right: 4px;
  1937. }
  1938. /* ######## Featured Column Css ######################### */
  1939. .ty-column-wrap {
  1940. overflow: hidden;
  1941. margin: 10px 0;
  1942. }
  1943. .tyleft-wrapper {
  1944. float: left;
  1945. width: 50%;
  1946. padding-right: 5px;
  1947. box-sizing: border-box;
  1948. }
  1949. .tyleft .col-left-first {
  1950. width: 100%;
  1951. position: relative;
  1952. clear: both;
  1953. margin-bottom: 1.4%;
  1954. box-sizing: border-box;
  1955. overflow: hidden;
  1956. }
  1957. .tyleft .col-left-feat-image {
  1958. width: 100%;
  1959. position: relative;
  1960. overflow: hidden;
  1961. box-sizing:border-box;
  1962. }
  1963. .tyleft .col-left-first .tyard-thumb, .tyleft .col-left-img {
  1964. height: 225px !important;
  1965. }
  1966. .templatesyard .col-left-first .tyard-thumb {
  1967. position: relative;
  1968. width: 100%;
  1969. height: 225px;
  1970. }
  1971. .templatesyard .col-left-img {
  1972. width: 100%;
  1973. height: 200px;
  1974. position: relative;
  1975. display: block;
  1976. }
  1977. .col-left-first .tyard-thumb .yard-label {
  1978. position: absolute;
  1979. top: 10px;
  1980. left: 10px;
  1981. z-index: 2;
  1982. }
  1983. .col-left-first .tyard-thumb .yard-label a {
  1984. background: $maincolor;
  1985. color: #fff;
  1986. text-transform: uppercase;
  1987. height: 20px;
  1988. line-height: 20px;
  1989. display: inline-block;
  1990. padding: 0 6px;
  1991. font-size: 11px;
  1992. font-weight: 400;
  1993. border-radius: 2px;
  1994. }
  1995. .tyleft .col-left-con-yard {
  1996. position: absolute;
  1997. bottom: 0;
  1998. width: 100%;
  1999. z-index: 2;
  2000. padding: 15px;
  2001. box-sizing: border-box;
  2002. }
  2003. .tyleft .col-left-first .col-left-con-yard .tyard-title a {
  2004. display: block;
  2005. font-size: 19px;
  2006. color: #fff;
  2007. font-weight: 400;
  2008. line-height: 1.4em;
  2009. margin-bottom: 5px;
  2010. margin-top: 5px;
  2011. }
  2012. .tyleft .col-left-first .recent-summary {
  2013. color: #fff;
  2014. font-size: 14px;
  2015. font-weight: normal;
  2016. }
  2017. .tyleft .ty-feat .col-left-rest {
  2018. overflow: hidden;
  2019. padding: 10px 0;
  2020. border-bottom: 1px solid #f2f2f2;
  2021. }
  2022. .templatesyard .ty-feat .col-left-rest .tyard-thumb {
  2023. position: relative;
  2024. float: left;
  2025. width: 90px;
  2026. height: 65px;
  2027. overflow: hidden;
  2028. display: block;
  2029. vertical-align: middle;
  2030. margin: 0 !important;
  2031. }
  2032. .tyleft .ty-feat .col-left-rest:last-child {
  2033. border: 0;
  2034. padding: 10px 0 0;
  2035. }
  2036. .templatesyard .ty-feat .col-left-rest .yard-img {
  2037. position: relative;
  2038. width: 90px;
  2039. height: 65px;
  2040. display: block;
  2041. }
  2042. .tyleft .tyimg-lay {
  2043. position: absolute;
  2044. left: 0;
  2045. top: 0;
  2046. z-index: 1;
  2047. width: 100%;
  2048. height: 100%;
  2049. opacity:0.5;
  2050. background-color: #2c2f30;
  2051. }
  2052. .tyleft .yard-tent-ty {
  2053. padding-left: 15px;
  2054. display: table-cell;
  2055. }
  2056.  
  2057. .tyleft .yard-tent-ty .tyard-title {
  2058. overflow: hidden;
  2059. font-weight: 400;
  2060. font-size: 14px;
  2061. line-height: 1.4em;
  2062. margin: 0 0 4px;
  2063. padding: 0;
  2064. }
  2065. .tyleft .yard-tent-ty .tyard-title a {
  2066. color: #333333;
  2067. transition: color .3s;
  2068. }
  2069. .col-left-time {
  2070. color: #bdbdbd;
  2071. font-size: 12px;
  2072. font-weight: 400;
  2073. }
  2074. .col-left-time:before {
  2075. content: '\f133';
  2076. font-family: fontawesome;
  2077. color: #bbb;
  2078. margin-right: 5px;
  2079. }
  2080. .tyleft .tyard-thumb .item-cmm {
  2081. position: absolute;
  2082. top: 0;
  2083. left: 10px;
  2084. z-index: 2;
  2085. color: #fff;
  2086. text-transform: uppercase;
  2087. height: 20px;
  2088. line-height: 20px;
  2089. display: inline-block;
  2090. padding: 5px 6px 0;
  2091. font-size: 12px;
  2092. font-weight: bold;
  2093. background: $maincolor;
  2094. border-radius: 0 0 2px 2px;
  2095. }
  2096. .tyleft .tyard-thumb .item-cmm:before {
  2097. content: "\f086";
  2098. margin-right: 5px;
  2099. font-family: FontAwesome;
  2100. font-style: normal;
  2101. font-weight: normal;
  2102. -webkit-font-smoothing: antialiased;
  2103. -moz-osx-font-smoothing: grayscale;
  2104. }
  2105. .tyleft .category-gallery {
  2106. position: absolute;
  2107. top: 10px;
  2108. right: 10px;
  2109. z-index: 3;
  2110. overflow: hidden;
  2111. }
  2112. .tyleft .col-left-rest .category-gallery {
  2113. top:0;
  2114. right:0;
  2115. }
  2116. .tyleft .category-gallery a:before {
  2117. display: block;
  2118. background-color: #e74c3c;
  2119. opacity: .5;
  2120. color: #fff;
  2121. height: 18px;
  2122. line-height: 18px;
  2123. padding: 0 5px;
  2124. font-size: 10px;
  2125. font-weight: 400;
  2126. text-transform: uppercase;
  2127. border-radius: 2px;
  2128. transition: all .3s ease;
  2129. }
  2130. .icon:before {
  2131. font-family: FontAwesome;
  2132. font-weight: 400;
  2133. font-style: normal;
  2134. line-height: 1;
  2135. padding-right: 4px;
  2136. }
  2137. .tyright-wrapper {
  2138. float: right;
  2139. width: 50%;
  2140. padding-left: 5px;
  2141. box-sizing: border-box;
  2142. }
  2143. .tyright .col-right-first {
  2144. width: 100%;
  2145. position: relative;
  2146. clear: both;
  2147. margin-bottom: 1.4%;
  2148. box-sizing: border-box;
  2149. overflow: hidden;
  2150. }
  2151. .tyright .col-right-feat-image {
  2152. width: 100%;
  2153. position: relative;
  2154. overflow: hidden;
  2155. box-sizing:border-box;
  2156. }
  2157. .tyright .col-right-first .tyard-thumb, .tyright .col-right-img {
  2158. height: 225px !important;
  2159. }
  2160. .templatesyard .col-right-first .tyard-thumb {
  2161. position: relative;
  2162. width: 100%;
  2163. height: 225px;
  2164. }
  2165. .templatesyard .col-right-img {
  2166. width: 100%;
  2167. height: 200px;
  2168. position: relative;
  2169. display: block;
  2170. }
  2171. .col-right-first .tyard-thumb .yard-label {
  2172. position: absolute;
  2173. top: 10px;
  2174. left: 10px;
  2175. z-index: 2;
  2176. }
  2177. .col-right-first .tyard-thumb .yard-label a {
  2178. background: $maincolor;
  2179. color: #fff;
  2180. text-transform: uppercase;
  2181. height: 20px;
  2182. line-height: 20px;
  2183. display: inline-block;
  2184. padding: 0 6px;
  2185. font-size: 11px;
  2186. font-weight: 400;
  2187. border-radius: 2px;
  2188. }
  2189. .tyright .col-right-con-yard {
  2190. position: absolute;
  2191. bottom: 0;
  2192. width: 100%;
  2193. z-index: 2;
  2194. padding: 15px;
  2195. box-sizing: border-box;
  2196. }
  2197. .tyright .col-right-first .col-right-con-yard .tyard-title a {
  2198. display: block;
  2199. font-size: 19px;
  2200. color: #fff;
  2201. font-weight: 400;
  2202. line-height: 1.4em;
  2203. margin-bottom: 5px;
  2204. margin-top: 5px;
  2205. }
  2206. .tyright .col-right-first .recent-summary {
  2207. color: #fff;
  2208. font-size: 14px;
  2209. font-weight: normal;
  2210. }
  2211. .tyright .ty-feat .col-right-rest {
  2212. overflow: hidden;
  2213. padding: 10px 0;
  2214. border-bottom: 1px solid #f2f2f2;
  2215. }
  2216. .templatesyard .ty-feat .col-right-rest .tyard-thumb {
  2217. position: relative;
  2218. float: left;
  2219. width: 90px;
  2220. height: 65px;
  2221. overflow: hidden;
  2222. display: block;
  2223. vertical-align: middle;
  2224. margin: 0 !important;
  2225. }
  2226. .tyright .ty-feat .col-right-rest:last-child {
  2227. border: 0;
  2228. padding: 10px 0 0;
  2229. }
  2230. .templatesyard .ty-feat .col-right-rest .yard-img {
  2231. position: relative;
  2232. width: 90px;
  2233. height: 65px;
  2234. display: block;
  2235. }
  2236. .tyright .tyimg-lay {
  2237. position: absolute;
  2238. left: 0;
  2239. top: 0;
  2240. z-index: 1;
  2241. width: 100%;
  2242. height: 100%;
  2243. opacity:0.5;
  2244. background-color: #2c2f30;
  2245. }
  2246. .tyright .yard-tent-ty {
  2247. padding-left: 15px;
  2248. display: table-cell;
  2249. }
  2250.  
  2251. .tyright .yard-tent-ty .tyard-title {
  2252. overflow: hidden;
  2253. font-weight: 400;
  2254. font-size: 14px;
  2255. line-height: 1.4em;
  2256. margin: 0 0 4px;
  2257. padding: 0;
  2258. }
  2259. .tyright .yard-tent-ty .tyard-title a {
  2260. color: #333333;
  2261. transition: color .3s;
  2262. }
  2263. .col-right-time {
  2264. color: #bdbdbd;
  2265. font-size: 12px;
  2266. font-weight: 400;
  2267. }
  2268. .col-right-time:before {
  2269. content: '\f133';
  2270. font-family: fontawesome;
  2271. color: #bbb;
  2272. margin-right: 5px;
  2273. }
  2274. .tyright .tyard-thumb .item-cmm {
  2275. position: absolute;
  2276. top: 0;
  2277. left: 10px;
  2278. z-index: 2;
  2279. color: #fff;
  2280. text-transform: uppercase;
  2281. height: 20px;
  2282. line-height: 20px;
  2283. display: inline-block;
  2284. padding: 5px 6px 0;
  2285. font-size: 12px;
  2286. font-weight: bold;
  2287. background: $maincolor;
  2288. border-radius: 0 0 2px 2px;
  2289. }
  2290. .tyright .tyard-thumb .item-cmm:before {
  2291. content: "\f086";
  2292. margin-right: 5px;
  2293. font-family: FontAwesome;
  2294. font-style: normal;
  2295. font-weight: normal;
  2296. -webkit-font-smoothing: antialiased;
  2297. -moz-osx-font-smoothing: grayscale;
  2298. }
  2299. .tyright .category-gallery {
  2300. position: absolute;
  2301. top: 10px;
  2302. right: 10px;
  2303. z-index: 3;
  2304. overflow: hidden;
  2305. }
  2306. .tyright .col-right-rest .category-gallery {
  2307. top:0;
  2308. right:0;
  2309. }
  2310. .tyright .category-gallery a:before {
  2311. display: block;
  2312. background-color: #e74c3c;
  2313. opacity: .5;
  2314. color: #fff;
  2315. height: 18px;
  2316. line-height: 18px;
  2317. padding: 0 5px;
  2318. font-size: 10px;
  2319. font-weight: 400;
  2320. text-transform: uppercase;
  2321. border-radius: 2px;
  2322. transition: all .3s ease;
  2323. }
  2324. .icon:before {
  2325. font-family: FontAwesome;
  2326. font-weight: 400;
  2327. font-style: normal;
  2328. line-height: 1;
  2329. padding-right: 4px;
  2330. }
  2331.  
  2332. /* ######## Featured grid Css ######################### */
  2333. .tygrid-wrapper {
  2334. margin: 0 0 10px;
  2335. overflow:hidden;
  2336. }
  2337. .tygrid .ty-feat .tygrid-rest {
  2338. overflow: hidden;
  2339. float: left;
  2340. width: 33.33%;
  2341. padding-right: 1.4%;
  2342. box-sizing: border-box;
  2343. position: relative;
  2344. margin-bottom: 1.4%;
  2345. }
  2346. .templatesyard .ty-feat .tygrid-rest .tygrid-thumb {
  2347. position: relative;
  2348. float: left;
  2349. width: 100%;
  2350. height: auto;
  2351. overflow: hidden;
  2352. display: block;
  2353. vertical-align: middle;
  2354. margin: 0 !important;
  2355. }
  2356. .templatesyard .ty-feat .tygrid-rest .yard-img {
  2357. width: 100%;
  2358. height: 182px;
  2359. position: relative;
  2360. display: block;
  2361. }
  2362. .tygrid .tyimg-lay {
  2363. position: absolute;
  2364. left: 0;
  2365. top: 0;
  2366. z-index: 1;
  2367. width: 100%;
  2368. height: 100%;
  2369. opacity:0.5;
  2370. background-color: #2c2f30;
  2371. }
  2372. .tygrid .yard-tent-ty {
  2373. position: absolute;
  2374. bottom: 0;
  2375. width: 100%;
  2376. z-index: 2;
  2377. padding: 15px;
  2378. box-sizing: border-box;
  2379. }
  2380.  
  2381. .tygrid .yard-tent-ty .tyard-title {
  2382. overflow: hidden;
  2383. line-height: 0;
  2384. margin: 0 0 2px;
  2385. padding: 0;
  2386. }
  2387. .tygrid .yard-tent-ty .tyard-title a {
  2388. color: #fff;
  2389. font-weight: 400;
  2390. font-size: 14px;
  2391. line-height: 1.5em;
  2392. letter-spacing: 1px;
  2393. }
  2394. .tygrid-time {
  2395. color: #bdbdbd;
  2396. font-size: 12px;
  2397. font-weight: 400;
  2398. }
  2399. .tygrid-time:before {
  2400. content: '\f133';
  2401. font-family: fontawesome;
  2402. color: #bbb;
  2403. margin-right: 5px;
  2404. }
  2405. .tygrid .ty-feat .tygrid-rest:nth-child(3n) {
  2406. padding-right: 0;
  2407. }
  2408. .tygrid .tygrid-thumb .item-cmm {
  2409. position: absolute;
  2410. top: 0;
  2411. left: 10px;
  2412. z-index: 2;
  2413. color: #fff;
  2414. text-transform: uppercase;
  2415. height: 20px;
  2416. line-height: 20px;
  2417. display: inline-block;
  2418. padding: 5px 6px 0;
  2419. font-size: 12px;
  2420. font-weight: bold;
  2421. background: #ff0036;
  2422. border-radius: 0 0 2px 2px;
  2423. }
  2424. .tygrid .tygrid-thumb .item-cmm:before {
  2425. content: "\f086";
  2426. margin-right: 5px;
  2427. font-family: FontAwesome;
  2428. font-style: normal;
  2429. font-weight: normal;
  2430. -webkit-font-smoothing: antialiased;
  2431. -moz-osx-font-smoothing: grayscale;
  2432. }
  2433. .tygrid .category-gallery {
  2434. position: absolute;
  2435. top: 10px;
  2436. right: 10px;
  2437. z-index: 3;
  2438. overflow: hidden;
  2439. }
  2440. .tygrid .category-gallery a:before {
  2441. display: block;
  2442. background-color: #e74c3c;
  2443. opacity: .5;
  2444. color: #fff;
  2445. height: 18px;
  2446. line-height: 18px;
  2447. padding: 0 5px;
  2448. font-size: 10px;
  2449. font-weight: 400;
  2450. text-transform: uppercase;
  2451. border-radius: 2px;
  2452. transition: all .3s ease;
  2453. }
  2454. .icon:before {
  2455. font-family: FontAwesome;
  2456. font-weight: 400;
  2457. font-style: normal;
  2458. line-height: 1;
  2459. padding-right: 4px;
  2460. }
  2461. /* ######## Post Css ######################### */
  2462. .breadcrumbs .fa-times:before {
  2463. margin: 0 5px;
  2464. }
  2465. .breadcrumbs {
  2466. margin: 0;
  2467. font-size: 13px;
  2468. padding: 0;
  2469. }
  2470. .breadcrumbs i {
  2471. color: $maincolor;
  2472. font-size: 8px !important;
  2473. }
  2474. .breadcrumbs span a.bhome {
  2475. color: $maincolor;
  2476. }
  2477. .breadcrumbs span,
  2478. .breadcrumbs span a {
  2479. color: #000;
  2480. }
  2481. .breadcrumbs span a:hover {
  2482. color: $maincolor;
  2483. }
  2484. article {
  2485. padding: 0;
  2486. overflow:hidden;
  2487. }
  2488. .post-outer {
  2489. padding: 0 0 20px 0;
  2490. }
  2491. .post {
  2492. display: block;
  2493. overflow: hidden;
  2494. word-wrap: break-word;
  2495. background: #ffffff;
  2496. }
  2497. .item .post-head {
  2498. position: relative;
  2499. margin: 10px 0;
  2500. border-bottom: 2px solid #eee;
  2501. }
  2502. .post-head h1 {
  2503. color: #000;
  2504. font-size: 32px;
  2505. font-weight: 400;
  2506. line-height: 44px;
  2507. border-bottom: 2px solid #555;
  2508. display: inline-block;
  2509. position: relative;
  2510. top: 2px;
  2511. }
  2512. .post h2 {
  2513. margin-bottom: 12px;
  2514. line-height: 37px;
  2515. font-size: 22px;
  2516. font-weight:400;
  2517. }
  2518. .post h2 a {
  2519. color: #000;
  2520. letter-spacing: 1px;
  2521. }
  2522. .post h2 {
  2523. margin: 0 0 10px;
  2524. padding: 0;
  2525. }
  2526.  
  2527.  
  2528. .retitle h2 {
  2529. margin: 8px 0;
  2530. display: block;
  2531. }
  2532. .post-body {
  2533. margin: 0px;
  2534. padding:10px;
  2535. font-size: 14px;
  2536. line-height: 26px;
  2537. box-sizing:border-box;
  2538. }
  2539. .post-home-image {
  2540. float: left;
  2541. width: 270px;
  2542. height: 182px;
  2543. margin-right: 20px;
  2544. position: relative;
  2545. }
  2546. .post-home-image .post-thumb {
  2547. width: 100%;
  2548. height: 182px;
  2549. position: relative;
  2550. display: block;
  2551. overflow: hidden;
  2552. }
  2553. .post-home-image .post-thumb a {
  2554. width: 100%;
  2555. height: 182px;
  2556. display: block;
  2557. transition: all .3s ease-out!important;
  2558. -webkit-transition: all .3s ease-out!important;
  2559. -moz-transition: all .3s ease-out!important;
  2560. -o-transition: all .3s ease-out!important;
  2561. }
  2562. .index .post-labels, .archive .post-labels {
  2563. position: absolute;
  2564. top: 10px;
  2565. left: 10px;
  2566. padding: 8px 12px 6px;
  2567. background: $maincolor;
  2568. color: #fff;
  2569. font-size: 12px;
  2570. text-transform: uppercase;
  2571. display: inline-block;
  2572. z-index: 9;
  2573. }
  2574. .index .post-labels a, .archive .post-labels a {
  2575. color: #fff;
  2576. }
  2577. .date-header {
  2578. color: #bdbdbd;
  2579. display: block;
  2580. font-size: 12px;
  2581. font-weight: 400;
  2582. line-height: 1.3em;
  2583. margin: 0!important;
  2584. padding: 0;
  2585. }
  2586. .date-header a {
  2587. color: #bdbdbd;
  2588. }
  2589. .date-header .read-more {
  2590. background: $darkcolor;
  2591. padding: 5px 12px !important;
  2592. display: inline-block;
  2593. vertical-align: middle;
  2594. margin: 10px 0 0;
  2595. font-size: 12px;
  2596. text-transform: capitalize;
  2597. border-radius: 2px;
  2598. color: #f7f7f7;
  2599. font-weight: bold;
  2600. white-space: nowrap;
  2601. font-family:Poppins;
  2602. }
  2603. .read-more:hover {
  2604. background: $maincolor;
  2605. color:#fff;
  2606. }
  2607. .post-header {
  2608. padding: 10px;
  2609. margin-bottom: 10px;
  2610. }
  2611. #meta-post {
  2612. border-top: 1px solid #f5f5f5;
  2613. border-bottom: 1px solid #f5f5f5;
  2614. padding: 5px 0;
  2615. }
  2616.  
  2617. .post-meta {
  2618. color: #bdbdbd;
  2619. display: block;
  2620. font-size: 13px;
  2621. font-weight: 400;
  2622. line-height: 21px;
  2623. margin: 0;
  2624. padding: 0;
  2625. }
  2626. .post-meta a, .post-meta i {
  2627. color: #CBCBCB;
  2628. }
  2629. .post-timestamp {
  2630. margin-left: 5px;
  2631. }
  2632. .resumo {
  2633. margin-top: 10px;
  2634. color: #919191;
  2635. }
  2636. .resumo span {
  2637. display: block;
  2638. font-size: 15px;
  2639. line-height: 25px;
  2640. text-align:justify;
  2641. }
  2642. .post-body img {
  2643. max-width: 100%;
  2644. padding: 10px 0;
  2645. position: relative;
  2646. margin:0 auto;
  2647. }
  2648. .post h3 {
  2649. font-size: 18px;
  2650. margin-top: 20px;
  2651. margin-bottom: 10px;
  2652. line-height: 1.1;
  2653. }
  2654. .second-meta {
  2655. display: none;
  2656. }
  2657. .comment-link {
  2658. white-space: normal;
  2659. }
  2660. #blog-pager {
  2661. clear: both;
  2662. text-align: center;
  2663. padding: 15px 0;
  2664. background: #ffffff;
  2665. color: #4d4d4d;
  2666. }
  2667. .item #blog-pager {
  2668. display: none;
  2669. height: 0;
  2670. opacity: 0;
  2671. visibility: hidden;
  2672. }
  2673. .displaypageNum a,
  2674. .showpage a,
  2675. .pagecurrent, .blog-pager-older-link, .blog-pager-newer-link {
  2676. padding: 5px 13px;
  2677. margin-right: 8px;
  2678. color: #fff;
  2679. background-color: $darkcolor;
  2680. display: inline-block;
  2681. line-height: 20px;
  2682. -moz-border-radius: 2px;
  2683. -webkit-border-radius: 2px;
  2684. border-radius: 2px;
  2685. margin-top: 10px;
  2686. }
  2687. .displaypageNum a:hover,
  2688. .showpage a:hover,
  2689. .pagecurrent, .blog-pager-older-link:hover, .blog-pager-newer-link:hover {
  2690. background: $maincolor;
  2691. text-decoration: none;
  2692. color: #fff;
  2693. }
  2694. .showpageOf {
  2695. display: none!important;
  2696. overflow: hidden;
  2697. }
  2698. #blog-pager .pages {
  2699. margin: 10px 0;
  2700. border: none;
  2701. }
  2702. #post-pager .blog-pager-older-link:hover, #post-pager .blog-pager-newer-link:hover {
  2703. color:$maincolor;
  2704. background:inherit;
  2705. }
  2706. #post-pager {
  2707. clear:both;
  2708. float: left;
  2709. display: block;
  2710. width: 100%;
  2711. box-sizing: border-box;
  2712. margin: 15px 0;
  2713. }
  2714. #post-pager .blog-pager-older-link, #post-pager .blog-pager-newer-link {
  2715. border:0;
  2716. text-align:right;
  2717. background:none;
  2718. color:#1a1b1c;
  2719. }
  2720. #post-pager .blog-pager-newer-link {
  2721. border: 0;
  2722. text-align:left;
  2723. }
  2724. #post-pager #blog-pager-newer-link, #post-pager #blog-pager-older-link {
  2725. width: 50%;
  2726. }
  2727. #post-pager a b {
  2728. display: block;
  2729. padding: 0 0 5px;
  2730. font-weight: 700;
  2731. letter-spacing: 1px;
  2732. font-size: 15px;
  2733. color:$maincolor;
  2734. font-family: Poppins;
  2735. }
  2736. #post-pager a span {
  2737. text-transform:capitalize;
  2738. letter-spacing: 1px;
  2739. }
  2740. #post-pager .blog-pager-older-link, #post-pager .blog-pager-newer-link {
  2741. padding:0;
  2742. display: block;
  2743. }
  2744. .item .post-footer .label-head .label-title {
  2745. color: #fff;
  2746. padding: 3px 8px;
  2747. font-size: 13px;
  2748. background-color: $maincolor;
  2749. }
  2750. .item .post-footer .label-head a {
  2751. color: #fff;
  2752. padding: 3px 8px;
  2753. font-size: 13px;
  2754. background-color: $darkcolor;
  2755. }
  2756. .ty-post-share {
  2757. margin: 10px 0 0;
  2758. font-size: 12px;
  2759. padding: 0;
  2760. }
  2761. .ty-post-share ul {
  2762. padding: 0;
  2763. overflow: hidden;
  2764. list-style: none;
  2765. }
  2766. .ty-post-share li {
  2767. display: block;
  2768. float: left;
  2769. width: 25%;
  2770. text-align: center;
  2771. }
  2772. .ty-post-share li.ty-twitter a {
  2773. background: #4b96d7;
  2774. }
  2775. .ty-post-share li.ty-facebook a {
  2776. background: #2a3e8c;
  2777. }
  2778. .ty-post-share li.ty-pinterest a {
  2779. background: #ae0000;
  2780. }
  2781. .ty-post-share li.ty-whatsapp a{background:#25d266;}
  2782. .ty-post-share li.ty-whatsapp{display:none;}
  2783. @media only screen and (max-width: 768px) {
  2784. .ty-post-share li.ty-whatsapp{display:block;}
  2785. .ty-post-share li.ty-comment{display:none;}
  2786. }
  2787. .ty-post-share a {
  2788. display: block;
  2789. width: 100%;
  2790. font-size: 12px;
  2791. padding: 1em;
  2792. color: #fff;
  2793. background: #000;
  2794. font-weight: bold;
  2795. text-transform: uppercase;
  2796. letter-spacing: 1px;
  2797. }
  2798. .ty-post-share a .fa {
  2799. font-size: 18px;
  2800. margin-right: 15px;
  2801. }
  2802. .ty-author-box {
  2803. border: 1px solid #f2f2f2;
  2804. background: #f8f8f8;
  2805. overflow: hidden;
  2806. padding: 10px;
  2807. margin: 10px 0;
  2808. }
  2809. .ty-author-box img {
  2810. float: left;
  2811. margin-right: 10px;
  2812. object-fit: cover;
  2813. }
  2814. .ty-author-box p {
  2815. padding: 0;
  2816. -webkit-margin-before: 0;
  2817. -webkit-margin-after: 0;
  2818. }
  2819. .ty-author-box b {
  2820. font-family: Poppins;
  2821. font-weight: 700;
  2822. font-style: normal;
  2823. letter-spacing: 1px;
  2824. font-size: 20px;
  2825. }
  2826. .ty-author-box ul {
  2827. overflow: hidden;
  2828. padding: 0;
  2829. margin: 6px;
  2830. }
  2831. .ty-author-box ul li:first-child {
  2832. margin-left: 0;
  2833. }
  2834. .ty-author-box ul li {
  2835. float: left;
  2836. margin-left: 7px;
  2837. text-align: center;
  2838. font-size: .875rem;
  2839. border-radius: 3px;
  2840. list-style-type: none;
  2841. padding: 0;
  2842. }
  2843. .ty-author-box ul li a {
  2844. display: block;
  2845. padding: 8px 10px;
  2846. background: #eee;
  2847. }
  2848. .ty-author-box ul li a:hover {
  2849. background:$maincolor;
  2850. color:#fff;
  2851. }
  2852. #related-posts {
  2853. margin-bottom: 10px;
  2854. }
  2855. #related-posts .related-text {
  2856. display: none;
  2857. }
  2858. .related li{width:32%;position:relative;overflow:hidden;float:left;display:block;box-sizing:border-box;margin:0 0 0 2%;padding:0}
  2859. .related li:first-child,.related li:nth-child(4){margin-left:0}
  2860. .related li h3 {
  2861. margin-top:0;
  2862. }
  2863. .related-thumb {
  2864. width: 100%;
  2865. height: 120px;
  2866. overflow: hidden;
  2867. border-radius: 2px;
  2868. }
  2869. .related li .related-img {
  2870. width: 100%;
  2871. height: 120px;
  2872. display: block;
  2873. transition: all .3s ease-out!important;
  2874. -webkit-transition: all .3s ease-out!important;
  2875. -moz-transition: all .3s ease-out!important;
  2876. -o-transition: all .3s ease-out!important;
  2877. }
  2878. .related li .related-img:hover {
  2879. -webkit-transform: scale(1.1) rotate(-1.5deg)!important;
  2880. -moz-transform: scale(1.1) rotate(-1.5deg)!important;
  2881. transform: scale(1.1) rotate(-1.5deg)!important;
  2882. transition: all .3s ease-out!important;
  2883. -webkit-transition: all .3s ease-out!important;
  2884. -moz-transition: all .3s ease-out!important;
  2885. -o-transition: all .3s ease-out!important;
  2886. }
  2887. .related-title a {
  2888. font-size: 15px;
  2889. line-height: 1.35em;
  2890. padding: 10px 5px 10px 0;
  2891. font-weight: 400;
  2892. color: #010101;
  2893. display: block;
  2894. }
  2895. .related-title a:hover {
  2896. color: #777;
  2897. text-decoration: underline;
  2898. }
  2899. /* ######## Comment Form Widget ######################### */
  2900. .comment-form {
  2901. overflow:hidden;
  2902. }
  2903. iframe.blogger-iframe-colorize,
  2904. iframe.blogger-comment-from-post {
  2905. height: 283px!important
  2906. }
  2907. .comments-title {
  2908. position: relative;
  2909. clear: both;
  2910. z-index: 1;
  2911. margin: 0;
  2912. line-height: 33px
  2913. }
  2914. .comments-title h2 {
  2915. display: inline-block;
  2916. position: relative;
  2917. background-color: #fff;
  2918. color: #1c1c1c;
  2919. font-size: 18px;
  2920. letter-spacing: -.4px;
  2921. text-transform: uppercase;
  2922. font-weight: 700;
  2923. z-index: 1;
  2924. margin: 0;
  2925. padding-right: 15px
  2926. }
  2927. .comments .comments-content .comment-thread ol li{
  2928. list-style:none;
  2929. }
  2930. .comments-title:after {
  2931. content: "";
  2932. position: absolute;
  2933. z-index: 0;
  2934. top: 14px;
  2935. left: 0;
  2936. width: 100%;
  2937. height: 5px;
  2938. background-color: #F5F5F5
  2939. }
  2940. .comments {
  2941. clear: both;
  2942. margin: 0;
  2943. color: #1c1c1c;
  2944. background: #ffffff;
  2945. padding: 10px 0;
  2946. }
  2947. .comments h4 {
  2948. color: #000;
  2949. font-size: 14px;
  2950. padding: 5px 20px;
  2951. font-weight: 700;
  2952. letter-spacing: 1.5px;
  2953. text-transform: Uppercase;
  2954. position: relative;
  2955. text-align: center;
  2956. background: #ffffff;
  2957. z-index: 1;
  2958. margin-bottom: 15px;
  2959.  
  2960. }
  2961. .comments h4:after {
  2962. content: '';
  2963. position: absolute;
  2964. bottom: 0;
  2965. left: 50%;
  2966. width: 40px;
  2967. height: 2px;
  2968. background: #000;
  2969. margin-left: -20px;
  2970. }
  2971. .comments .comments-content {
  2972. margin: 0;
  2973. padding: 0
  2974. }
  2975. .comments .comments-content .comment {
  2976. margin-bottom: 0;
  2977. padding-bottom: 8px
  2978. }
  2979. .comments .comments-content .comment:first-child {
  2980. padding-top: 0
  2981. }
  2982. .facebook-tab,
  2983. .fb_iframe_widget_fluid span,
  2984. .fb_iframe_widget iframe {
  2985. width: 100%!important
  2986. }
  2987. .comments .item-control {
  2988. position: static
  2989. }
  2990. .comments .avatar-image-container {
  2991. float: left;
  2992. overflow: hidden;
  2993. position: absolute
  2994. }
  2995. .comments .avatar-image-container,
  2996. .comments .avatar-image-container img {
  2997. height: 45px;
  2998. max-height: 45px;
  2999. width: 45px;
  3000. max-width: 45px;
  3001. border-radius: 0
  3002. }
  3003. .comments .comment-block {
  3004. overflow: hidden;
  3005. padding: 0 0 10px
  3006. }
  3007. .comments .comment-block,
  3008. .comments .comments-content .comment-replies {
  3009. margin-left: 60px;
  3010. margin-top: 0
  3011. }
  3012. .comments .comments-content .inline-thread {
  3013. padding: 0
  3014. }
  3015. .comments .comment-actions {
  3016. float: left;
  3017. width: 100%;
  3018. position: relative;
  3019. margin: 0
  3020. }
  3021. .comments .comments-content .comment-header {
  3022. font-size: 14px;
  3023. display: block;
  3024. overflow: hidden;
  3025. clear: both;
  3026. margin: 0 0 3px;
  3027. padding: 0 0 5px;
  3028. border-bottom: 1px dotted #f5f5f5
  3029. }
  3030. .comments .comments-content .user {
  3031. font-style: normal;
  3032. font-weight: 500;
  3033. display: block;
  3034. font-size: 16px
  3035. }
  3036. .comments .comments-content .icon.blog-author {
  3037. display: none
  3038. }
  3039. .comments .comments-content .comment-content {
  3040. float: left;
  3041. text-align: left;
  3042. font-size: 13px;
  3043. line-height: 1.4em;
  3044. color: #656565
  3045. }
  3046. .comments .comment .comment-actions a {
  3047. margin-right: 5px;
  3048. padding: 2px 5px;
  3049. color: #fff;
  3050. font-weight: 400;
  3051. background-color: #000;
  3052. font-size: 10px
  3053. }
  3054. .comments .comment .comment-actions a:hover {
  3055. color: #fff;
  3056. background-color: $maincolor;
  3057. text-decoration: none
  3058. }
  3059. .comments .comments-content .datetime {
  3060. color: #999;
  3061. float: left;
  3062. font-size: 11px;
  3063. position: relative;
  3064. font-style: italic;
  3065. margin: 2px 0 0;
  3066. display: block
  3067. }
  3068. .comments .comments-content .datetime:before {
  3069. content: '\f017';
  3070. font-family: fontawesome;
  3071. font-style: normal;
  3072. margin-right: 3px
  3073. }
  3074. .comments .comments-content .comment-header a {
  3075. color: inherit
  3076. }
  3077. .comments .comments-content .comment-header a:hover {
  3078. color:$maincolor
  3079. }
  3080. .comments .thread-toggle {
  3081. margin-bottom: 4px
  3082. }
  3083. .comments .thread-toggle .thread-arrow {
  3084. height: 7px;
  3085. margin: 0 3px 2px 0
  3086. }
  3087. .comments .thread-expanded {
  3088. padding: 8px 0 0
  3089. }
  3090. .comments .comments-content .comment-thread {
  3091. margin: 0
  3092. }
  3093. .comments .continue a {
  3094. padding: 0 0 0 60px;
  3095. font-weight: 400
  3096. }
  3097. .comments .comments-content .loadmore.loaded {
  3098. margin: 0;
  3099. padding: 0
  3100. }
  3101. .comments .comment-replybox-thread {
  3102. margin: 0
  3103. }
  3104. .blogger-tab{
  3105. display:block;
  3106. }
  3107. .cmm-tabs .content-tab {
  3108. background-color: transparent;
  3109. padding: 0;
  3110. }
  3111. .cmm-tabs-header {
  3112. margin-bottom: 10px;
  3113. border-bottom: 2px solid #eee;
  3114. position: relative;
  3115. }
  3116. .cmm-tabs-header h3 {
  3117. display: inline-block;
  3118. font-size: 18px;
  3119. margin: 0;
  3120. border-bottom: 2px solid #777;
  3121. color: #010101;
  3122. top: 2px;
  3123. font-weight: 500;
  3124. padding-bottom: 2px;
  3125. }
  3126. .cmm-tabs-header h3 h9 {
  3127. display: none;
  3128. }
  3129. .simplyTab .cmm-tabs-header .wrap-tab {
  3130.  
  3131. }
  3132. .cmm-tabs-header .wrap-tab a {
  3133. height: auto;
  3134. line-height: 1.2em;
  3135. padding: 8px 5px;
  3136. display: block;
  3137. text-align: center;
  3138. }
  3139. .cmm-tabs-header .wrap-tab li {
  3140. float: left;
  3141. width: 33%;
  3142. padding: 0;
  3143. }
  3144. .facebook-tab,
  3145. .fb_iframe_widget_fluid span,
  3146. .fb_iframe_widget iframe {
  3147. width: 100%!important;
  3148. }
  3149. .cmm-tabs.simplyTab .content-tab {
  3150. background-color: transparent;
  3151. padding: 0;
  3152. margin-top: 20px;
  3153. }
  3154. .cmm-tabs.simplyTab .wrap-tab li a {
  3155. text-transform: uppercase;
  3156. color: #FFF;
  3157. font-weight: 500;
  3158. background-color: $darkcolor;
  3159. font-size: 12px;
  3160. }
  3161. .cmm-tabs.simplyTab .wrap-tab li a.activeTab {
  3162. background-color: $maincolor;
  3163. color:#fff;
  3164. }
  3165. .cmm-tabs.simplyTab .wrap-tab {
  3166.  
  3167. }
  3168. .cmm-tabs.simplyTab .wrap-tab li {
  3169. margin:0;
  3170. list-style: none;
  3171. }
  3172. .wrap-tab {
  3173. list-style: none;
  3174. }
  3175. .content-tab {
  3176. transition: all .0s ease;
  3177. -webkit-transition: all .0s ease;
  3178. -moz-transition: all .0s ease;
  3179. -o-transition: all .0s ease;
  3180. }
  3181. /*****************************************
  3182. Footer Bottom CSS
  3183. ******************************************/
  3184. #lower {
  3185. margin:auto;
  3186. padding: 0px 0px 10px 0px;
  3187. width: 100%;
  3188. background:#24272c;
  3189. border-bottom: 1px solid $maincolor;
  3190. }
  3191. #lower-wrapper {
  3192. margin:auto;
  3193. padding: 20px 0px 20px 0px;
  3194. }
  3195. #lowerbar-wrapper {
  3196. float: left;
  3197. margin: 0px 5px auto;
  3198. padding-bottom: 20px;
  3199. width: 32%;
  3200. text-align: justify;
  3201. color:#ddd;
  3202. line-height: 1.6em;
  3203. word-wrap: break-word;
  3204. overflow: hidden;
  3205. max-width: 375px;
  3206. }
  3207. .lowerbar {margin: 0; padding: 0;}
  3208. .lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;box-sizing:border-box;}
  3209. .lowerbar h2 {
  3210. color: #fff;
  3211. font-size: 16px;
  3212. font-weight: 700;
  3213. text-transform: uppercase;
  3214. margin: 0 0 0 0;
  3215. padding: 0;
  3216. position: relative;
  3217. border-bottom: 2px solid rgba(255,255,255,.2);
  3218. transition: all .5s ease-out;
  3219. overflow: hidden;
  3220. }
  3221. .lowerbar h2 span {
  3222. padding: 12px 0;
  3223. border-bottom: 2px solid $maincolor;
  3224. margin-bottom: -2px;
  3225. display: inline-block;
  3226. }
  3227. .lowerbar h2:after {
  3228. content: '';
  3229. display: inline-block;
  3230. position: absolute;
  3231. height: 15px;
  3232. top: 0;
  3233. margin: 12px 0 12px 10px;
  3234. width: 100%;
  3235. background: url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat;
  3236. }
  3237. .lowerbar ul {
  3238. margin: 0 auto;
  3239. padding: 0;
  3240. list-style-type: none;
  3241. }
  3242. .lowerbar li {
  3243. display:block;
  3244. line-height: 1.6em;
  3245. margin-left: 0 !important;
  3246. list-style-type: none;
  3247. }
  3248. .lowerbar li a {
  3249. text-decoration:none; color: #DBDBDB;
  3250. }
  3251. .lowerbar li a:hover {
  3252.  
  3253. }
  3254. .lowerbar li:hover {
  3255.  
  3256. }
  3257. .lowerbar .PopularPosts ul li a, .lowerbar, .lowerbar .ty-bonus .ty-bonos-entry a, .lowerbar .tyard-komet a {
  3258. color:#fff;
  3259. }
  3260. .lowerbar .PopularPosts .widget-content ul li {
  3261. border-bottom: 1px solid rgb(51, 51, 51);
  3262. border-top: 0;
  3263. }
  3264. .lowerbar .ty-bonus .ty-wow {
  3265. border-bottom: 1px solid rgb(51, 51, 51);
  3266. border-top: 0;
  3267. }
  3268. .lowerbar .PopularPosts .widget-content ul li:last-child {
  3269. border: 0;
  3270. }
  3271. .lowerbar .widget-content {
  3272. padding: 10px 0;
  3273. }
  3274. /* ######## Footer Copyright Css ######################### */
  3275. #ty_footer {
  3276. background: #1f2329;
  3277. color: #fff;
  3278. font-weight: 300;
  3279. padding: 15px 0px;
  3280. }
  3281. .ty-copy-container {
  3282. margin: 0 auto;
  3283. overflow: hidden;
  3284. }
  3285. .ty_footer_copyright a {
  3286. color:#fff;
  3287. }
  3288. .ty_footer_copyright {
  3289. text-align: left;
  3290. display: inline-block;
  3291. line-height: 30px;
  3292. }
  3293. .bottom-bar-social {
  3294. float: right;
  3295. padding: 0 0;
  3296. }
  3297. .bottom-bar-social li {
  3298. display: inline;
  3299. padding: 0;
  3300. float: left;
  3301. margin-right: 5px;
  3302. ;
  3303. }
  3304. .bottom-bar-social .widget ul {
  3305. padding: 0;
  3306. }
  3307. .bottom-bar-social .LinkList ul {
  3308. text-align: center;
  3309. }
  3310. .bottom-bar-social #social a {
  3311. display: block;
  3312. width: 30px;
  3313. height: 30px;
  3314. line-height: 30px;
  3315. font-size: 15px;
  3316. color: #fff;
  3317. }
  3318. .bottom-bar-social #social a:before {
  3319. display: inline-block;
  3320. font: normal normal normal 22px/1 FontAwesome;
  3321. font-size: inherit;
  3322. font-style: normal;
  3323. font-weight: 400;
  3324. -webkit-font-smoothing: antialiased;
  3325. -moz-osx-font-smoothing: grayscale;
  3326. }
  3327. .bottom-bar-social .bloglovin:before{content:"\f004"}
  3328. .bottom-bar-social .facebook:before{content:"\f09a"}
  3329. .bottom-bar-social .twitter:before{content:"\f099"}
  3330. .bottom-bar-social .gplus:before{content:"\f0d5"}
  3331. .bottom-bar-social .rss:before{content:"\f09e"}
  3332. .bottom-bar-social .youtube:before{content:"\f167"}
  3333. .bottom-bar-social .skype:before{content:"\f17e"}
  3334. .bottom-bar-social .stumbleupon:before{content:"\f1a4"}
  3335. .bottom-bar-social .tumblr:before{content:"\f173"}
  3336. .bottom-bar-social .vine:before{content:"\f1ca"}
  3337. .bottom-bar-social .stack-overflow:before{content:"\f16c"}
  3338. .bottom-bar-social .linkedin:before{content:"\f0e1"}
  3339. .bottom-bar-social .dribbble:before{content:"\f17d"}
  3340. .bottom-bar-social .soundcloud:before{content:"\f1be"}
  3341. .bottom-bar-social .behance:before{content:"\f1b4"}
  3342. .bottom-bar-social .digg:before{content:"\f1a6"}
  3343. .bottom-bar-social .instagram:before{content:"\f16d"}
  3344. .bottom-bar-social .pinterest:before{content:"\f0d2"}
  3345. .bottom-bar-social .delicious:before{content:"\f1a5"}
  3346. .bottom-bar-social .codepen:before{content:"\f1cb"}
  3347. .bottom-bar-social ul#social a:hover {
  3348. color: $maincolor;
  3349. opacity: 1;
  3350. }
  3351. /* ######## Custom Widget Css ######################### */
  3352. .back-to-top {
  3353. display:none;
  3354. position: fixed;
  3355. right: 10px;
  3356. bottom: 0;
  3357. text-decoration: none;
  3358. color: #fff;
  3359. background:$maincolor;
  3360. font-size: 14px;
  3361. padding: 10px;
  3362. -webkit-border-radius:2px 2px 0 0;
  3363. -moz-border-radius: 2px 2px 0 0;
  3364. border-radius:2px 2px 0 0;
  3365. }
  3366.  
  3367. .back-to-top:hover {
  3368. background-color:$darkcolor;
  3369. text-decoration:none;
  3370. color:#ffffff;
  3371. }
  3372. .social-counter {
  3373. margin: 0;
  3374. padding: 0;
  3375. overflow: hidden;
  3376. }
  3377. .social-counter .widget {
  3378. margin-bottom: 20px;
  3379. overflow: hidden;
  3380. }
  3381. .social-counter .widget-content {
  3382. padding: 10px 0;
  3383. overflow: hidden;
  3384. }
  3385. .social-counter ul {
  3386. margin: 0;
  3387. padding: 0
  3388. }
  3389. .social-counter ul li {
  3390. width: 33%;
  3391. float: left;
  3392. text-align: center;
  3393. margin: 0;
  3394. padding: 0 8px 8px 0;
  3395. position: relative;
  3396. box-sizing: border-box;
  3397. }
  3398. .social-counter ul li:nth-child(3) {
  3399. padding: 0 0 8px 0;
  3400. }
  3401. .social-counter ul li:nth-child(4), .social-counter ul li:nth-child(5), .social-counter ul li:nth-child(6) {
  3402. padding: 0 8px 0 0;
  3403. }
  3404. .social-counter ul li:nth-child(6) {
  3405. padding: 0;
  3406. }
  3407.  
  3408. .social-counter ul li a {
  3409. margin: 0;
  3410. padding:10px 5px;;
  3411. border: 1px solid #f2f2f2;
  3412. overflow: hidden;
  3413. display: block;
  3414. }
  3415. .item-icon {
  3416. position: relative;
  3417. text-align: center;
  3418. vertical-align: middle;
  3419. color: #fff;
  3420. margin: 0;
  3421. display: inline-block;
  3422. width: 50px;
  3423. height: 50px;
  3424. line-height: 50px;
  3425. font-size: 20px;
  3426. border-radius: 100%;
  3427. }
  3428. .hide-count {
  3429. display: none
  3430. }
  3431. .item-count {
  3432. display: block;
  3433. color: #202020;
  3434. font-weight: 700;
  3435. font-size: 14px;
  3436. line-height: 28px;
  3437. float: none;
  3438. }
  3439. .item-text {
  3440. float: none;
  3441. display: block;
  3442. color: #CBCBCB;
  3443. font-size: 12px;
  3444. font-weight: 400;
  3445. }
  3446. .item-social.facebook .item-icon {
  3447. background-color: #5271b3
  3448. }
  3449. .item-social.twitter .item-icon {
  3450. background-color: #49aff8
  3451. }
  3452. .item-social.gplus .item-icon {
  3453. background-color: #cb2027
  3454. }
  3455. .item-social.rss .item-icon {
  3456. background-color: #FFC200
  3457. }
  3458. .item-social.youtube .item-icon {
  3459. background-color: #eb1a21
  3460. }
  3461. .item-social.dribbble .item-icon {
  3462. background-color: #ea4c89
  3463. }
  3464. .item-social.instagram .item-icon {
  3465. background-color: #4E729A
  3466. }
  3467. .item-social.pinterest .item-icon {
  3468. background-color: #cb2027
  3469. }
  3470. .item-social.facebook .item-icon:before {
  3471. content: "\f09a"
  3472. }
  3473. .item-social.twitter .item-icon:before {
  3474. content: "\f099"
  3475. }
  3476. .item-social.gplus .item-icon:before {
  3477. content: "\f0d5"
  3478. }
  3479. .item-social.rss .item-icon:before {
  3480. content: "\f09e"
  3481. }
  3482. .item-social.youtube .item-icon:before {
  3483. content: "\f16a"
  3484. }
  3485. .item-social.instagram .item-icon:before {
  3486. content: "\f16d"
  3487. }
  3488. .item-social.dribbble .item-icon:before {
  3489. content: "\f17d"
  3490. }
  3491. .item-social.pinterest .item-icon:before {
  3492. content: "\f0d2"
  3493. }
  3494. .social-counter ul li:hover .item-icon {
  3495. background-color: #202020;
  3496. }
  3497. .social-counter ul li:hover .item-text {
  3498. color: #FFD439;
  3499. }
  3500. select#BlogArchive1_ArchiveMenu {
  3501. width: 100%;
  3502. padding: 10px;
  3503. border-color: #777;
  3504. }
  3505. #ads-blog {
  3506. margin: 0 auto;
  3507. }
  3508. #adwidegt1 .widget, #adwidegt2 .widget, #adwidegt3 .widget {
  3509. width: 728px;
  3510. max-height: 90px;
  3511. padding: 0;
  3512. max-width: 100%;
  3513. box-sizing: border-box;
  3514. display:none;
  3515. width: 100%;
  3516. }
  3517. #adwidegt1 .widget {
  3518. margin: 15px auto 0 !important;
  3519. display:block !important;
  3520. width: 100%;
  3521. max-height: 100%;
  3522. }
  3523. #adwidegt2 .widget {
  3524. margin: 15px auto 0 !important;
  3525. }
  3526. #adwidegt1 .widget h2, #adwidegt2 .widget h2, #adwidegt3 .widget h2 {
  3527. display:none;
  3528. visibility:hidden;
  3529. }
  3530. .ads-posting {
  3531. margin: 10px 0 0;
  3532. }
  3533. .post-footer .ads-posting {
  3534. margin: 15px 0 0;
  3535. }
  3536. .sidebar .FollowByEmail > h3.title,
  3537. .sidebar .FollowByEmail .title-wrap {
  3538. margin-bottom: 0
  3539. }
  3540. .FollowByEmail {
  3541. padding: 4px;
  3542. background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
  3543. background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
  3544. background-image: repeating-linear-gradient(135deg, #ff6969, #ff6969 10px, #FFF 0px, #FFF 20px, #85adff 0px, #85adff 30px, #FFF 0px, #FFF 40px);
  3545. clear: both;
  3546. }
  3547. .FollowByEmail td {
  3548. width: 100%;
  3549. float: left;
  3550. box-sizing: border-box
  3551. }
  3552. .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  3553. margin-left: 0;
  3554. width: 100%;
  3555. border-radius: 0;
  3556. height: 30px;
  3557. font-size: 11px;
  3558. color: #fff;
  3559. background-color: $seconddarkcolor;
  3560. font-family: Poppins;
  3561. text-transform: uppercase;
  3562. font-weight: 700;
  3563. letter-spacing: 1px
  3564. }
  3565. .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
  3566. background-color: $maincolor
  3567. }
  3568. .FollowByEmail .email-letter-text {
  3569. padding: 10px;
  3570. text-align: center;
  3571. box-sizing:border-box;
  3572. }
  3573. .FollowByEmail .email-letter-text .subhead {
  3574. color: $maincolor;
  3575. display: inline-block;
  3576. font-size: 25px;
  3577. font-weight: 700;
  3578. letter-spacing: 1px;
  3579. text-transform: uppercase;
  3580. word-spacing: 2px;
  3581. margin-bottom: 10px;
  3582. }
  3583. .FollowByEmail .email-letter-text .subtext {
  3584. color: #000113;
  3585. font-size: 17px;
  3586. line-height: 25px;
  3587. }
  3588. .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  3589. height: 30px;
  3590. border: 0px solid white;
  3591. padding: 13px 15px;
  3592. background: #f5f5f5;
  3593. margin-bottom: 5px;
  3594. box-sizing: border-box;
  3595. font-size: 11px;
  3596. font-family: inherit
  3597. }
  3598. .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {
  3599. border: 0px solid #FFF
  3600. }
  3601. .FollowByEmail .widget-content {
  3602. background-color: #fff;
  3603. box-sizing: border-box;
  3604. padding: 10px
  3605. }
  3606. .lowerbar .FollowByEmail .widget-content {
  3607. margin-top: 10px;
  3608. }
  3609.  
  3610. .ty-bonus .ty-wow {
  3611. overflow: hidden;
  3612. border-bottom: 1px solid #F5F5F5;
  3613. padding: 10px 0;
  3614. }
  3615. .ty-bonus .ty-wow:first-child {
  3616. padding-top: 0;
  3617. }
  3618. .ty-bonus .ty-wow:last-child {
  3619. border-bottom: none;
  3620. }
  3621. .ty-bonus .ty-thumb-bonos {
  3622. position: relative;
  3623. float: left;
  3624. margin: 0!important;
  3625. width: 80px;
  3626. height: 60px;
  3627. overflow: hidden;
  3628. display: block;
  3629. vertical-align: middle;
  3630. }
  3631. .ty-bonus .ty-bonus-con {
  3632. padding-left: 10px;
  3633. display: table-cell;
  3634. }
  3635. .ty-bonus .ty-bonos-entry {
  3636. overflow: hidden;
  3637. line-height: 0;
  3638. margin: 0 0 2px;
  3639. padding: 0;
  3640. }
  3641. .ty-bonus .ty-bonos-entry a {
  3642. color: $darkcolor;
  3643. font-weight: 400;
  3644. font-size: 13px;
  3645. line-height: 1.5em;
  3646. }
  3647. .ty-bonus .ty-bonos-entry a:hover {
  3648. color: $maincolor;
  3649. }
  3650. .ty-bonus .ty-thumb-bonos:hover .tyimg-lay {
  3651. background-color: rgba(40, 35, 40, 0.3);
  3652. }
  3653. .yard-auth-ty {
  3654. margin-right: 10px;
  3655. }
  3656. .yard-auth-ty::before {
  3657. content: '\f007';
  3658. font-family: fontawesome;
  3659. color: #bbb;
  3660. margin-right: 5px;
  3661. }
  3662. .yard-auth-ty,
  3663. .ty-time {
  3664. color: #bdbdbd;
  3665. font-size: 12px;
  3666. font-weight: 400;
  3667. }
  3668. .ty-time:before {
  3669. content: '\f133';
  3670. font-family: fontawesome;
  3671. color: #bbb;
  3672. margin-right: 5px;
  3673. }
  3674. .sidebar .PopularPosts .widget-content ul li:first-child,
  3675. .sidebar .ty-bonus .ty-wow:first-child {
  3676. padding-top: 0;
  3677. border-top: 0;
  3678. }
  3679. .sidebar .PopularPosts .widget-content ul li:last-child,
  3680. .sidebar .ty-bonus .ty-wow:last-child {
  3681. padding-bottom: 0;
  3682. }
  3683. .tyard-komet .ty-komet .ty-komet-tar {
  3684. position: relative;
  3685. overflow: hidden;
  3686. padding: 0;
  3687. width: 55px;
  3688. height: 55px;
  3689. float: left;
  3690. margin: 0 10px 0 0;
  3691. }
  3692. .tyard-komet .ty-komet {
  3693. background: none!important;
  3694. clear: both;
  3695. list-style: none;
  3696. word-break: break-all;
  3697. display: block;
  3698. border-top: 1px solid #F5F5F5;
  3699. border-bottom: 0 !important;
  3700. overflow: hidden;
  3701. margin: 0;
  3702. padding: 10px 0;
  3703. }
  3704. .tyard-komet .ty-komet:first-child {
  3705. padding-top: 0;
  3706. border-top: 0;
  3707. }
  3708. .tyard-komet .ty-komet:last-child {
  3709. padding-bottom: 0;
  3710. }
  3711. .tyard-komet .ty-komet span {
  3712. color: #bdbdbd;
  3713. display: block;
  3714. line-height: 1.2em;
  3715. text-transform: lowercase;
  3716. font-size: 12px;
  3717. font-style: italic;
  3718. font-weight: 400;
  3719. overflow: hidden;
  3720. background: #f9f9f9;
  3721. height: 38px;
  3722. margin-top: 5px;
  3723. box-sizing: border-box;
  3724. padding: 5px 8px;
  3725. }
  3726. .yardimg-komet {
  3727. width: 55px;
  3728. height: 55px;
  3729. float: left;
  3730. margin: 0 10px 0 0;
  3731. }
  3732. .tyard-komet a {
  3733. color: $darkcolor;
  3734. position: relative;
  3735. font-size: 13px;
  3736. text-transform: capitalize;
  3737. display: block;
  3738. overflow: hidden;
  3739. font-weight: 400;
  3740. }
  3741. .tyard-komet a:hover {
  3742. color:$maincolor;
  3743. }
  3744. .tyard-komet {
  3745. list-style: none;
  3746. padding: 0;
  3747. }
  3748. .cloud-label-widget-content {
  3749. display: inline-block;
  3750. text-align: left;
  3751. }
  3752. .cloud-label-widget-content .label-size {
  3753. display: inline-block;
  3754. float: left;
  3755. font-size: 12px;
  3756. line-height: normal;
  3757. margin: 0 5px 5px 0;
  3758. opacity: 1
  3759. }
  3760. .cloud-label-widget-content .label-size a {
  3761. background: #efefef;
  3762. color: #000;
  3763. float: left;
  3764. font-weight: 400;
  3765. line-height: 100%;
  3766. margin: 0;
  3767. padding: 8px 10px;
  3768. text-transform: uppercase;
  3769. transition: all .6s;
  3770. letter-spacing: 1.5px;
  3771. font-family:Poppins;
  3772. }
  3773. .cloud-label-widget-content .label-size a:hover,
  3774. .cloud-label-widget-content .label-size a:active {
  3775. background:$maincolor;
  3776. color: #fff;
  3777. }
  3778. .cloud-label-widget-content .label-size .label-count {
  3779. display:none;
  3780. }
  3781. .list-label-widget-content li {
  3782. display: block;
  3783. padding: 8px 0;
  3784. border-bottom: 1px solid #ececec;
  3785. position: relative
  3786. }
  3787. .list-label-widget-content li a:before {
  3788. content: '\203a';
  3789. position: absolute;
  3790. left: 0px;
  3791. top:5px;
  3792. font-size: 22px;
  3793. color: #10b765
  3794. }
  3795. .lowerbar .list-label-widget-content li a {
  3796. color:#fff;
  3797. }
  3798. .lowerbar .list-label-widget-content li {
  3799. border-bottom: 1px solid rgb(51, 51, 51);
  3800. border-top: 0;
  3801. }
  3802. .lowerbar .list-label-widget-content li:last-child {
  3803. border: 0;
  3804. }
  3805. .list-label-widget-content li a {
  3806. color: #282828;
  3807. font-size: 14px;
  3808. padding-left: 20px;
  3809. font-weight: 400;
  3810. text-transform: capitalize;
  3811. font-family:Poppins;
  3812. letter-spacing: 1.5px;
  3813. }
  3814. .list-label-widget-content li span:last-child {
  3815. color: #f6b2ca;
  3816. font-size: 12px;
  3817. font-weight: 700;
  3818. position: absolute;
  3819. top: 9px;
  3820. right: 0
  3821. }
  3822. .PopularPosts .item-thumbnail {
  3823. margin: 0 15px 0 0 !important;
  3824. width: 80px;
  3825. height: 60px;
  3826. float: left;
  3827. overflow: hidden;
  3828. position: relative
  3829. }
  3830. .PopularPosts .item-thumbnail a {
  3831. position: relative;
  3832. display: block;
  3833. overflow: hidden;
  3834. line-height: 0
  3835. }
  3836. .PopularPosts ul li img {
  3837. width: 90px;
  3838. height: 65px;
  3839. object-fit: cover;
  3840. padding: 0;
  3841. transition: all .3s ease
  3842. }
  3843. .PopularPosts .widget-content ul li {
  3844. overflow: hidden;
  3845. padding: 10px 0;
  3846. border-top: 1px solid #f2f2f2
  3847. }
  3848. .sidebar .PopularPosts .widget-content ul li:first-child,
  3849. #sidetabs .PopularPosts .widget-content ul li:first-child {
  3850. padding-top: 0;
  3851. border-top: 0
  3852. }
  3853. .sidebar .PopularPosts .widget-content ul li:last-child,
  3854. .sidebar .ty-bonus .ty-wow:last-child,
  3855. .tab-widget .PopularPosts .widget-content ul li:last-child,
  3856. .tab-widget .ty-bonus .ty-wow:last-child {
  3857. padding-bottom: 0
  3858. }
  3859. .PopularPosts ul li a {
  3860. color: $darkcolor;
  3861. font-weight: 400;
  3862. font-size: 13px;
  3863. line-height: 1.4em;
  3864. transition: color .3s;
  3865. font-family: Poppins;
  3866. letter-spacing:1.5px;
  3867. }
  3868. .PopularPosts ul li a:hover {
  3869. color: #a0d3db
  3870. }
  3871. .PopularPosts .item-title {
  3872. margin: 0 0 4px;
  3873. padding: 0;
  3874. line-height: 0
  3875. }
  3876. .item-snippet {
  3877. display: none;
  3878. font-size: 0;
  3879. padding-top: 0
  3880. }
  3881. .PopularPosts ul {
  3882. counter-reset: popularcount;
  3883. margin: 0;
  3884. padding: 0;
  3885. }
  3886. .PopularPosts .item-thumbnail::before {
  3887. background: rgba(0, 0, 0, 0.3);
  3888. bottom: 0px;
  3889. content: "";
  3890. height: 100px;
  3891. width: 100px;
  3892. left: 0px;
  3893. right: 0px;
  3894. margin: 0px auto;
  3895. position: absolute;
  3896. z-index: 3;
  3897. }
  3898. /* ######## Responsive Css ######################### */
  3899. @media only screen and (max-width: 1200px) {
  3900. .body-row {
  3901. width: 96% !important;
  3902. margin: 0 auto;
  3903. float: none;
  3904. }
  3905. .tyard-wrapper {
  3906. margin: 10px auto;
  3907. }
  3908. .headerright, .headerleft {
  3909. float: none;
  3910. width: 100%;
  3911. text-align: center;
  3912. height: auto;
  3913. margin: 0 auto;
  3914. clear: both;
  3915. }
  3916. .headerleft img {
  3917. margin: auto;
  3918. padding-bottom: 15px;
  3919. }
  3920. .headerright {
  3921. margin: 10px auto 0;
  3922. }
  3923. .tybox-more {
  3924. display: none;
  3925. }
  3926. .headerleft .description {
  3927. text-align: center;
  3928. }
  3929. }
  3930. @media only screen and (max-width: 980px) {
  3931. #featured ul li {
  3932. width: 100%;
  3933. float: none;
  3934. margin: 0 auto 20px;
  3935. clear: both;
  3936. }
  3937. #main-wrapper, #sidebar-wrapper, #lowerbar-wrapper {
  3938. float: none;
  3939. clear: both;
  3940. width: 100%;
  3941. margin: 0 auto;
  3942. }
  3943. #main-wrapper {
  3944. max-width: 100%;
  3945. }
  3946. #sidebar-wrapper {
  3947. padding-top: 20px;
  3948. }
  3949. #nav1, #nav {
  3950. display: none;
  3951. }
  3952. .selectnav {
  3953. width: auto;
  3954. color: #222;
  3955. background: #f4f4f4;
  3956. border: 1px solid rgba(255,255,255,0.1);
  3957. position: relative;
  3958. border: 0;
  3959. padding: 6px 10px!important;
  3960. margin: 5px 0;
  3961. }
  3962. .selectnav {
  3963. display: block;
  3964. width: 100%;
  3965. max-width:200px;
  3966. }
  3967. .tm-menu .selectnav {
  3968. display:inline-block;
  3969. margin: 10px 0 0 10px;
  3970. }
  3971. #menu {
  3972. text-align:left;
  3973. }
  3974. }
  3975. @media screen and (max-width: 880px) {
  3976.  
  3977. .item #content-wrapper {
  3978. padding: 0 0 30px;
  3979. }
  3980. .tyard .ty-feat .ty-rest .recent-summary {
  3981. display: none;
  3982. }
  3983. .templatesyard .ty-feat .ty-rest-wrap .ty-rest .yard-tent-ty {
  3984. bottom: 0;
  3985. }
  3986. }
  3987. @media only screen and (max-width: 768px) {
  3988. .top-bar-social, .bottom-bar-social {
  3989. float: none;
  3990. width: 100%;
  3991. clear: both;
  3992. overflow: hidden;
  3993. }
  3994. .top-bar-menu {
  3995. float: none;
  3996. width: 100%;
  3997. clear: both;
  3998. margin-top: 0;
  3999. text-align: center;
  4000. }
  4001. .top-bar-social li, .bottom-bar-social li {
  4002. display: inline-block;
  4003. float: none;
  4004. }
  4005. .selectnav {
  4006. display: inline-block;
  4007. }
  4008. .ops-404 {
  4009. width: 80%!important;
  4010. }
  4011. .title-404 {
  4012. font-size: 160px!important;
  4013. }
  4014. .tyard .ty-first {
  4015. width: 100%;
  4016. float: none;
  4017. padding-right: 0;
  4018. margin-bottom: 10px;
  4019. }
  4020. .tyard .ty-first .tyard-thumb, .tyard .ty-img, .templatesyard .ty-feat .ty-rest .tyard-thumb, .templatesyard .ty-feat .ty-rest .yard-img {
  4021. height: 300px;
  4022. }
  4023. .tyard .ty-feat .ty-rest-wrap, .tyard .ty-feat .ty-last {
  4024. width: 100%;
  4025. padding: 0;
  4026. }
  4027. .post-home-image {
  4028. float: none;
  4029. width: 100%;
  4030. margin-bottom: 20px;
  4031. position: relative;
  4032. }
  4033. .tyard .ty-feat .ty-last {
  4034. margin-top: 10px;
  4035. }
  4036. .post-home-image .post-thumb a, .post-home-image .post-thumb, .post-home-image {
  4037. height:250px;
  4038. }
  4039. #meta-post {
  4040. text-align: center;
  4041. }
  4042. .index .post, .archive .post {
  4043. text-align:center;
  4044. }
  4045. .ty_footer_copyright {
  4046. text-align: center;
  4047. display: block;
  4048. clear: both;
  4049. }
  4050. }
  4051. @media only screen and (max-width: 620px) {
  4052. #header-wrappers {
  4053. padding: 10px 0;
  4054. }
  4055. .tyard .ty-first .ty-con-yard .recent-summary {
  4056. display:none;
  4057. }
  4058. .tybox .tybox-first, .tylist .tylist-first, .tyleft-wrapper, .tyright-wrapper {
  4059. width: 100%;
  4060. padding-right: 0;
  4061. float: none;
  4062. margin-bottom: 10px;
  4063. clear: both;
  4064. }
  4065. .tyright-wrapper {
  4066. padding-left: 0;
  4067. }
  4068. .tygrid .ty-feat .tygrid-rest {
  4069. width: 50%;
  4070. }
  4071. .tygrid .ty-feat .tygrid-rest:nth-child(2n) {
  4072. padding-right: 0;
  4073. }
  4074. .tygrid .ty-feat .tygrid-rest:nth-child(3n) {
  4075. padding-right: 1.4%;
  4076. }
  4077. .ty-post-share li {
  4078. width: 50%;
  4079. }
  4080. .related li {
  4081. width: 100%;
  4082. margin-left: 0;
  4083. }
  4084. }
  4085. @media only screen and (max-width: 480px) {
  4086. .top-bar-social #social a {
  4087. display: block;
  4088. width: 20px;
  4089. height: 20px;
  4090. line-height: 20px;
  4091. font-size: 12px;
  4092. }
  4093. .ticker .title, .ticker .tk-thumb {
  4094. display: none;
  4095. }
  4096. .tybox .ty-feat .tybox-rest:nth-child(4), .tybox .ty-feat .tybox-rest:nth-child(5) {
  4097. width: 100%;
  4098. float: none;
  4099. padding: 0;
  4100. margin-bottom: 10px;
  4101. }
  4102. .tygrid .ty-feat .tygrid-rest, .tygrid .ty-feat .tygrid-rest:nth-child(3n) {
  4103. width: 100%;
  4104. padding-right: 0;
  4105. }
  4106. .index .post h2,.archive .post h2 {
  4107. line-height: 34px;
  4108. font-size: 23px;
  4109. }
  4110. h1.post-title {
  4111. font-size: 22px;
  4112. margin-bottom: 10px;
  4113. }
  4114. #meta-post {
  4115. display: inline-block;
  4116. }
  4117. #meta-post .post-labels {
  4118. display: block;
  4119. margin: 0 0 10px;
  4120. clear: both;
  4121. }
  4122. .other-meta .other-meta-desc, .other-meta .other-meta-read {
  4123. float: none;
  4124. display: block;
  4125. text-align: center;
  4126. }
  4127. .share-title {
  4128. display: none;
  4129. }
  4130. .social-btns {
  4131. float: none;
  4132. text-align: center;
  4133. }
  4134. #post-pager #blog-pager-newer-link, #post-pager #blog-pager-older-link {
  4135. width: 100%;
  4136. float: none;
  4137. clear: both;
  4138. }
  4139. #sidebar-wrapper {
  4140. max-width: 100%;
  4141. }
  4142. .index .post-outer {
  4143. padding: 0 0 10px 0;
  4144. }
  4145. .ty-copy-container {
  4146. text-align: center;
  4147. }
  4148. .temp-cred {
  4149. float: none;
  4150. display: block;
  4151. clear: both;
  4152. margin: 5px 0 0;
  4153. }
  4154. .ty_footer_copyright {
  4155. float: none;
  4156. display: block;
  4157. clear: both;
  4158. }
  4159. }
  4160. @media only screen and (max-width: 360px) {
  4161. .title-404 {
  4162. font-size: 150px!important;
  4163. }
  4164. .Header .description p, .showpageOf{display:none}
  4165. }
  4166. @media only screen and (max-width: 300px) {
  4167. #sidebar-wrapper {display:none}
  4168. .tyheading-head .tymore {
  4169. display: none;
  4170. }
  4171. .related-thumb {
  4172. width: 100%;
  4173. float: none;
  4174. }
  4175. .archive .post h2,.index .post h2 {
  4176. line-height: 29px!important;
  4177. font-size: 15px!important;
  4178. }
  4179. article {
  4180. overflow: hidden;
  4181. }
  4182. #blog-pager {
  4183. padding: 0;
  4184. margin: 0 0 5px;
  4185. }
  4186. .item #blog-pager {
  4187. margin: 0 0 15px;
  4188. }
  4189. .index .resumo span,.archive .resumo span,.ty-author-box img, .breadcrumbs {
  4190. display: none;
  4191. }
  4192. .ty-author-box ul li a {
  4193. padding: 0;
  4194. background: none;
  4195. }
  4196. .ops-404 {
  4197. font-size: 20px!important;
  4198. }
  4199. .title-404 {
  4200. font-size: 120px!important;
  4201. }
  4202. h1.post-title {
  4203. font-size: 17px;
  4204. }
  4205. .top-bar-social #social a {
  4206. width: 24px;
  4207. height: 24px;
  4208. line-height: 24px;
  4209. }
  4210. .top-bar-menu, .ty-ran-yard {
  4211. display:none;
  4212. }
  4213. .ty-post-share li {
  4214. width: 100%;
  4215. }
  4216. .comments .comments-content .comment-header {
  4217. width: 100%;
  4218. float: none;
  4219. clear: both;
  4220. margin: 0;
  4221. padding: 0;
  4222. }
  4223. .comments .comments-content .comment-header {
  4224. width: 100%;
  4225. float: none;
  4226. clear: both;
  4227. margin: 0px 0 0px -35px;
  4228. padding: 0;
  4229. }
  4230. }
  4231. ]]></b:skin>
  4232. <b:template-skin>
  4233. <![CDATA[
  4234. /*------Layout (No Edit)----------*/
  4235. body#layout #body-wrapper {
  4236. padding: 0;
  4237. width: 800px
  4238. }
  4239. body#layout #loader {
  4240. display: none;
  4241. }
  4242. body#layout .ty-slide-show {
  4243. opacity:1;
  4244. }
  4245. body#layout .theme-opt {
  4246. display: block !important;
  4247. }
  4248. body#layout .section h4 {
  4249. color: #333!important;
  4250. text-align:center;
  4251. text-transform:uppercase;
  4252. letter-spacing:1.5px;
  4253. }
  4254. body#layout .top-bar-social, body#layout .top-bar-menu {
  4255. width: 47.3%;
  4256. }
  4257. body#layout .headerleft {
  4258. width: 250px;
  4259. }
  4260. body#layout .headerright {
  4261. width: 460px;
  4262. }
  4263. body#layout .ticker .widget {
  4264. height: auto;
  4265. overflow: visible;
  4266. }
  4267. body#layout .ticker .widget-content {
  4268. height: auto;
  4269. }
  4270. body#layout .post-author-widget, body#layout .post-author-social {
  4271. display: block;
  4272. visibility:visible;
  4273. height: auto;
  4274. width: 42.43%;
  4275. float:left;
  4276. }
  4277. body#layout .post-author-social {
  4278. float:right;
  4279. }
  4280. body#layout .tm-menu {
  4281. height: auto;
  4282. }
  4283. body#layout #menu {
  4284. display: block;
  4285. visibility:visible;
  4286. height: auto;
  4287. }
  4288. body#layout #menu .widget {
  4289. display: block;
  4290. visibility:visible;
  4291. }
  4292. body#layout .preload {
  4293. opacity:1;
  4294. }
  4295. body#layout #content-wrapper {
  4296. margin: 0 auto;
  4297. padding:0;
  4298. }
  4299. body#layout #adwidegt1 .widget, body#layout #adwidegt2 .widget, body#layout #adwidegt3 .widget {
  4300. display:block;
  4301. }
  4302. body#layout .tyright-wrapper {
  4303. width: 50%;
  4304. float: right;
  4305. }
  4306. body#layout .tyleft-wrapper {
  4307. width: 50%;
  4308. float: left;
  4309. }
  4310. body#layout #lowerbar-wrapper {
  4311. width: 33.33%;
  4312. float: left;
  4313. }
  4314. body#layout #main-wrapper {
  4315. float: left;
  4316. width: 70%;
  4317. margin: 0;
  4318. padding: 0
  4319. }
  4320.  
  4321. body#layout #sidebar-wrapper {
  4322. float: right;
  4323. width: 30%;
  4324. margin: 0;
  4325. padding: 0;
  4326. }
  4327. body#layout .sidebar.section {
  4328. background-color: #ff7f00!important;
  4329. border: 1px solid #ca7900;
  4330. }
  4331. body#layout .sidetabs .section {
  4332. background-color: #ffd400 !important;
  4333. border: 1px solid #dcbc20;
  4334. }
  4335. body#layout #sidebar-wrapper .section .widget-content {
  4336. border-color: #5a7ea2!important
  4337. }
  4338. body#layout .section .draggable-widget .widget-wrap2 {
  4339. background-color: #ff0036!important
  4340. }
  4341.  
  4342. body#layout #main-wrapper #main {
  4343. margin-right: 4px;
  4344. background-color: #5a7ea2;
  4345. border-color: #34495e
  4346. }
  4347. body#layout #main-wrapper #main h4 {
  4348. color: #fff!important
  4349. }
  4350. body#layout .layout-widget-description {
  4351. display: none!important
  4352. }
  4353. body#layout #Blog1 .widget-content {
  4354. border-color: #34495e
  4355. }
  4356. body#layout .add_widget {
  4357. background: #ebebeb;
  4358. border: 1px solid #dddddd;
  4359. }
  4360. body#layout .FollowByEmail .widget-content:before {
  4361. display: none;
  4362. }
  4363. body#layout .bottom-bar-social {
  4364. display: block;
  4365. float: none;
  4366. }
  4367. body#layout #lower, body#layout #lower-wrapper, body#layout #lowerbar-wrapper, body#layout #ty_footer, body#layout #header-wrappers {
  4368. padding: 0;
  4369. }
  4370. body#layout .editlink {
  4371. background: #0088ff;
  4372. color: #fff !important;
  4373. padding: 0 3px;
  4374. line-height: 18px;
  4375. border: 1px solid #0088ff;
  4376. border-radius: 3px;
  4377. text-transform: uppercase;
  4378. letter-spacing: 1px;
  4379. text-decoration: none !important;
  4380. }
  4381. body#layout .menu-tab {
  4382. display: none;
  4383. }
  4384. /*------Layout (end)----------*/
  4385. ]]></b:template-skin>
  4386. <style>
  4387. /*-------Typography and ShortCodes-------*/
  4388. .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}}
  4389. .FollowByEmail {
  4390. clear: both;
  4391. }
  4392. .widget .post-body ol {
  4393. padding: 0 0 0 15px;
  4394. }
  4395. .post-body ul li {
  4396. list-style: none;
  4397. }
  4398. .sidebar #contact, .lowerbar #contact {
  4399. margin:0!important;
  4400. background-color:transparent;
  4401. }
  4402. </style>
  4403. <b:include data='blog' name='google-analytics'/>
  4404. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  4405. <script type='text/javascript'>
  4406. //<![CDATA[
  4407. //CSS Ready
  4408.  
  4409. //CSS Ready
  4410. function loadCSS(e, t, n) {
  4411. "use strict";
  4412. var i = window.document.createElement("link");
  4413. var o = t || window.document.getElementsByTagName("script")[0];
  4414. i.rel = "stylesheet";
  4415. i.href = e;
  4416. i.media = "only x";
  4417. o.parentNode.insertBefore(i, o);
  4418. setTimeout(function() {
  4419. i.media = n || "all"
  4420. })
  4421. }
  4422. loadCSS("//fonts.googleapis.com/css?family=Poppins:400,500,600,700|Open+Sans:400,600,700,400italic|Black+Ops+One");
  4423. loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
  4424.  
  4425. //]]>
  4426. </script>
  4427. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  4428. <script type='text/javascript'>
  4429. /*<![CDATA[*/
  4430. $(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>")}})})}})}});
  4431. /*]]>*/
  4432. </script>
  4433. <style type='text/css'>
  4434. .btnt-sitemap { border-bottom: 4px solid #444; }
  4435. .btnt-toc-wrap { display: inline-block; width: 100%; }
  4436. .btnt-toc-wrap .btnt-cat { background: #333; border-radius: 2px; color: #fff; font-size: 15px; font-weight: bold; padding: 10px 20px; text-transform: capitalize; }
  4437. .btnt-toc::before { background: #333; bottom: 0; content: &quot;&quot;; left: 20%; margin-left: -10px; position: absolute; top: 0; width: 4px; }
  4438. .btnt-toc { margin: 0; padding: 30px 20px; position: relative; }
  4439. .btnt-toc li { list-style: none; margin: 0; padding: 0; position: relative; }
  4440. .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%; }
  4441. .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; }
  4442. .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; }
  4443. .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; }
  4444. .btnt-toc &gt; li .btnt-post a { color: #333; font-weight: bold; font-family:Poppins;}
  4445. .btnt-toc &gt; li .btnt-post a:hover { color: #999; }
  4446. </style>
  4447. </b:if>
  4448.  
  4449. </head>
  4450. <body expr:class='data:blog.pageType'>
  4451. <div class='theme-opt' style='display:none'>
  4452. <b:section class='option' id='option' maxwidgets='1' name='Theme Options' showaddelement='yes'>
  4453. <b:widget id='HTML900' locked='true' title='Boxed(True/False)' type='HTML' version='1'>
  4454. <b:widget-settings>
  4455. <b:widget-setting name='content'/>
  4456. </b:widget-settings>
  4457. <b:includable id='main'>
  4458. <b:if cond='data:content == &quot;true&quot;'>
  4459. &lt;style&gt;@media only screen and (min-width:1143px){#body-wrapper{max-width:1220px;}}&lt;/style&gt;
  4460. </b:if>
  4461. </b:includable>
  4462. </b:widget>
  4463. <b:widget id='HTML911' locked='true' title='Label Icons CSS' type='HTML' version='1'>
  4464. <b:widget-settings>
  4465. <b:widget-setting name='content'>a.Video:before {content:&quot;\f144&quot;}
  4466. a.Car:before {content:&quot;\f1b9&quot;}
  4467. a.Business:before {content:&quot;\f0b1&quot;}
  4468. a.People:before {content:&quot;\f183&quot;}
  4469. a.Nature:before {content:&quot;\f06c&quot;}
  4470. a.Fashion:before {content:&quot;\f0c4&quot;}
  4471. a.Gallery:before {content:&quot;\f03e&quot;}
  4472. a.Technology:before {content:&quot;\f1e6&quot;}
  4473. a.Learn:before, a.Culture:before {content:&quot;\f02d&quot;}
  4474. a.Music:before {content:&quot;\f001&quot;}
  4475. a.Sports:before {content:&quot;\f091&quot;}
  4476. a.Children:before {content:&quot;\f1ae&quot;}
  4477. a.Photography:before {content:&quot;\f030&quot;}
  4478. a.Beauty:before {content:&quot;\f004&quot;}
  4479. a.Food:before {content:&quot;\f015&quot;}
  4480. a.News:before {content:&quot;\f1ea&quot;}</b:widget-setting>
  4481. </b:widget-settings>
  4482. <b:includable id='main'>
  4483. &lt;style&gt;<data:content/>&lt;/style&gt;
  4484. </b:includable>
  4485. </b:widget>
  4486. <b:widget id='HTML910' locked='true' title='PageNavi Results No.' type='HTML' version='1'>
  4487. <b:widget-settings>
  4488. <b:widget-setting name='content'/>
  4489. </b:widget-settings>
  4490. <b:includable id='main'>
  4491. <b:if cond='data:content == &quot;&quot;'>
  4492. <script type='text/javascript'>
  4493. //<![CDATA[
  4494. var perPage = 6;
  4495. //]]>
  4496. </script>
  4497. <b:else/>
  4498. &lt;script type=&#39;text/javascript&#39;&gt;
  4499. //&lt;![CDATA[
  4500. var perPage = <data:content/>;
  4501. //]]&gt;
  4502. &lt;/script&gt;
  4503. </b:if>
  4504. </b:includable>
  4505. </b:widget>
  4506. <b:widget id='HTML207' locked='true' title='Fixed Sidebar (true/false)' type='HTML' version='1'>
  4507. <b:widget-settings>
  4508. <b:widget-setting name='content'/>
  4509. </b:widget-settings>
  4510. <b:includable id='main'>
  4511. <b:if cond='data:content == &quot;&quot;'>
  4512. <script type='text/javascript'>
  4513. //<![CDATA[
  4514. $(document).ready(function() {
  4515. if ($(window).width() > 1100) {
  4516. $("#main-wrapper, #sidebar-wrapper").theiaStickySidebar({
  4517. additionalMarginTop: 25,
  4518. additionalMarginBottom: 25
  4519. });
  4520. }
  4521. });
  4522. //]]>
  4523. </script>
  4524. <b:else/>
  4525. <b:if cond='data:content == &quot;true&quot;'>
  4526. <script type='text/javascript'>
  4527. //<![CDATA[
  4528. $(document).ready(function() {
  4529. if ($(window).width() > 1100) {
  4530. $("#main-wrapper, #sidebar-wrapper").theiaStickySidebar({
  4531. additionalMarginTop: 25,
  4532. additionalMarginBottom: 25
  4533. });
  4534. }
  4535. });
  4536. //]]>
  4537. </script>
  4538. </b:if>
  4539. </b:if>
  4540. </b:includable>
  4541. </b:widget>
  4542. </b:section>
  4543. </div>
  4544. &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;
  4545. <div class='top-bar'>
  4546.  
  4547. <div class='top-bar-wrapper body-row'>
  4548.  
  4549. <b:section class='top-bar-social blue' id='header social widget' maxwidgets='1' name='Top Social Widget' showaddelement='no'>
  4550. <b:widget id='LinkList230' locked='true' title='Social Media Icons' type='LinkList' version='1'>
  4551. <b:widget-settings>
  4552. <b:widget-setting name='link-3'>#</b:widget-setting>
  4553. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4554. <b:widget-setting name='text-1'>twitter</b:widget-setting>
  4555. <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  4556. <b:widget-setting name='text-0'>facebook</b:widget-setting>
  4557. <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  4558. <b:widget-setting name='text-3'>rss</b:widget-setting>
  4559. <b:widget-setting name='link-0'>https://www.facebook.com/Javahaxor/</b:widget-setting>
  4560. <b:widget-setting name='text-2'>gplus</b:widget-setting>
  4561. </b:widget-settings>
  4562. <b:includable id='main'>
  4563. <div class='widget-content'>
  4564. <ul id='social'>
  4565. <b:loop values='data:links' var='link'>
  4566. <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
  4567. </b:loop>
  4568. </ul>
  4569. </div>
  4570. </b:includable>
  4571. </b:widget>
  4572. </b:section>
  4573. <div class='top-bar-menu'>
  4574.  
  4575.  
  4576. <div class='top-menu'>
  4577. <b:section class='top-menu' id='top-menu' maxwidgets='1' showaddelement='yes'>
  4578. <b:widget id='LinkList940' locked='true' title='Main Menu' type='LinkList' version='1'>
  4579. <b:widget-settings>
  4580. <b:widget-setting name='link-3'>http://javahaxor.blogspot.co.id/p/privacy.html</b:widget-setting>
  4581. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4582. <b:widget-setting name='link-4'>http://javahaxor.blogspot.co.id/p/sitemap.html</b:widget-setting>
  4583. <b:widget-setting name='text-1'>About</b:widget-setting>
  4584. <b:widget-setting name='link-1'>http://javahaxor.blogspot.co.id/p/about.html</b:widget-setting>
  4585. <b:widget-setting name='text-0'>Home</b:widget-setting>
  4586. <b:widget-setting name='link-2'>http://javahaxor.blogspot.co.id/p/contact.html</b:widget-setting>
  4587. <b:widget-setting name='text-3'>Privacy Police</b:widget-setting>
  4588. <b:widget-setting name='link-0'>http://javahaxor.blogspot.co.id/</b:widget-setting>
  4589. <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
  4590. <b:widget-setting name='text-4'>Sitemap</b:widget-setting>
  4591. </b:widget-settings>
  4592. <b:includable id='main'>
  4593. <div class='widget-content'>
  4594. <ul id='nav' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
  4595. <b:loop values='data:links' var='link'>
  4596. <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
  4597. </b:loop>
  4598. </ul>
  4599.  
  4600.  
  4601. </div>
  4602. </b:includable>
  4603. </b:widget>
  4604. </b:section>
  4605. </div>
  4606. <div class='ty-ran-yard'><span><a class='ran-sym'/></span></div>
  4607. </div>
  4608. </div>
  4609.  
  4610. </div>
  4611.  
  4612. <div style='clear: both;'/>
  4613. <div class='header-wrap'>
  4614. <div class='body-row' id='header-wrappers'>
  4615. <div class='headerleft'>
  4616. <b:section class='headerleft' id='headerleft' maxwidgets='1' name='Blog Logo' showaddelement='no'>
  4617. <b:widget id='Header1' locked='true' title='Gudang Informasi (Header)' type='Header' version='1'>
  4618. <b:widget-settings>
  4619. <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-8VZHkww20a8/Wsm6BXIDOpI/AAAAAAAAAAg/JnQDYnnDbrwu9iimvYgCcHR0rg94CIB9wCK4BGAYYCw/s1600/Header.png</b:widget-setting>
  4620. <b:widget-setting name='displayHeight'>206</b:widget-setting>
  4621. <b:widget-setting name='sectionWidth'>284</b:widget-setting>
  4622. <b:widget-setting name='useImage'>true</b:widget-setting>
  4623. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  4624. <b:widget-setting name='imagePlacement'>BEFORE_DESCRIPTION</b:widget-setting>
  4625. <b:widget-setting name='displayWidth'>500</b:widget-setting>
  4626. </b:widget-settings>
  4627. <b:includable id='main'>
  4628.  
  4629. <b:if cond='data:useImage'>
  4630. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  4631. <!--
  4632. Show image as background to text. You can't really calculate the width
  4633. reliably in JS because margins are not taken into account by any of
  4634. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  4635. width if the user is using shrink to fit.
  4636. This results in a margin-width's worth of pixels being cropped. If the
  4637. user is not using shrink to fit then we expand the header.
  4638. -->
  4639. <b:if cond='data:mobile'>
  4640. <div id='header-inner'>
  4641. <div class='titlewrapper' style='background: transparent'>
  4642. <h1 class='title' style='background: transparent; border-width: 0px'>
  4643. <b:include name='title'/>
  4644. </h1>
  4645. </div>
  4646. <b:include name='description'/>
  4647. </div>
  4648. <b:else/>
  4649. <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'>
  4650. <div class='titlewrapper' style='background: transparent'>
  4651. <h1 class='title' style='background: transparent; border-width: 0px'>
  4652. <b:include name='title'/>
  4653. </h1>
  4654. </div>
  4655. <b:include name='description'/>
  4656. </div>
  4657. </b:if>
  4658. <b:else/>
  4659. <!--Show the image only-->
  4660. <div id='header-inner'>
  4661. <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none'/>
  4662. <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'/>
  4663. </a>
  4664. <!--Show the description-->
  4665. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  4666. <b:include name='description'/>
  4667. </b:if>
  4668. </div>
  4669. </b:if>
  4670. <b:else/>
  4671. <!--No header image -->
  4672. <div id='header-inner'>
  4673. <div class='titlewrapper'>
  4674. <h1 class='title'>
  4675. <b:include name='title'/>
  4676. </h1>
  4677. </div>
  4678. <b:include name='description'/>
  4679. </div>
  4680. </b:if>
  4681. </b:includable>
  4682. <b:includable id='description'>
  4683. <div class='descriptionwrapper'>
  4684. <p class='description'><span><data:description/></span></p>
  4685. </div>
  4686. </b:includable>
  4687. <b:includable id='title'>
  4688. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  4689. <data:title/>
  4690. <b:else/>
  4691. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  4692. </b:if>
  4693. </b:includable>
  4694. </b:widget>
  4695. </b:section>
  4696. </div>
  4697. <div class='headerright'>
  4698. <b:section class='headerright' id='headerright' maxwidgets='1' name='Header Ads' showaddelement='yes'>
  4699. <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
  4700. <b:includable id='main'>
  4701. <!-- only display title if it's non-empty -->
  4702. <b:if cond='data:title != &quot;&quot;'>
  4703. <h2 class='title'><data:title/></h2>
  4704. </b:if>
  4705. <div class='widget-content'>
  4706. <data:content/>
  4707. </div>
  4708.  
  4709. <!--b:include name='quickedit'/-->
  4710. </b:includable>
  4711. </b:widget>
  4712. </b:section>
  4713. </div>
  4714. <div style='clear: both;'/>
  4715. </div>
  4716.  
  4717. </div>
  4718. <div class='tm-menu'>
  4719. <div class='body-row menu-wrap'>
  4720. <b:section class='menu' id='menu' maxwidgets='1' name='Main Menu' showaddelement='yes'>
  4721. <b:widget id='LinkList210' locked='true' title='Menu' type='LinkList' version='1'>
  4722. <b:widget-settings>
  4723. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  4724. <b:widget-setting name='text-1'>Tips</b:widget-setting>
  4725. <b:widget-setting name='link-1'>http://www.gudanginformasi.org/search/label/security</b:widget-setting>
  4726. <b:widget-setting name='text-0'>News</b:widget-setting>
  4727. <b:widget-setting name='link-2'>http://www.gudanginformasi.org/search/label/fashion</b:widget-setting>
  4728. <b:widget-setting name='link-0'>http://www.gudanginformasi.org/search/label/news</b:widget-setting>
  4729. <b:widget-setting name='text-2'>Fashion</b:widget-setting>
  4730. </b:widget-settings>
  4731. <b:includable id='main'>
  4732. <div class='widget-content'>
  4733. <ul itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
  4734. <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
  4735. <b:loop values='data:links' var='link'>
  4736. <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
  4737. </b:loop>
  4738. </ul>
  4739. </div>
  4740. </b:includable>
  4741. </b:widget>
  4742. </b:section>
  4743. <div id='search-bar'>
  4744. <span class='header-search'>
  4745. <i class='fa fa-search'/>
  4746. <i class='fa fa-times'/>
  4747. </span>
  4748. <div class='search-form' style='display: none;'>
  4749. <form action='/search' id='searchform' method='get'>
  4750. <input name='q' placeholder='Search' type='text' vk_18d09='subscribed' vk_1ad21='subscribed' vk_1b6ba='subscribed'/>
  4751. </form>
  4752. </div></div>
  4753. </div>
  4754. </div>
  4755. <div style='clear: both;'/>
  4756. <div style='clear: both;'/>
  4757. <div class='news-tick-wrap'>
  4758. <div class='news-tick-bar body-row'>
  4759. <b:section class='ticker' id='ticker' maxwidgets='1' name='Ticker News' showaddelement='yes'>
  4760. <b:widget id='HTML13' locked='false' title='Breaking' type='HTML' version='1'>
  4761. <b:widget-settings>
  4762. <b:widget-setting name='content'><![CDATA[<span data-type="recent" data-no="5"></span>]]></b:widget-setting>
  4763. </b:widget-settings>
  4764. <b:includable id='main'>
  4765. <!-- only display title if it's non-empty -->
  4766. <b:if cond='data:title != &quot;&quot;'>
  4767. <h2 class='title'><data:title/></h2>
  4768. </b:if>
  4769. <div class='widget-content'>
  4770. <data:content/>
  4771. </div>
  4772.  
  4773. <!--<b:include name='quickedit'/>-->
  4774. </b:includable>
  4775. </b:widget>
  4776. </b:section>
  4777.  
  4778. </div>
  4779. </div>
  4780. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  4781. <div class='tyard-wrapper body-row'>
  4782. <b:section class='featured preload' id='featured' maxwidget='1' showaddelement='yes'>
  4783. <b:widget id='HTML299' locked='true' title='Featured' type='HTML' version='1'>
  4784. <b:widget-settings>
  4785. <b:widget-setting name='content'><![CDATA[<span data-type="tyard-recent"></span>]]></b:widget-setting>
  4786. </b:widget-settings>
  4787. <b:includable id='main'>
  4788. <!-- only display title if it's non-empty -->
  4789. <b:if cond='data:title != &quot;&quot;'>
  4790. <h2 class='title'><data:title/></h2>
  4791. </b:if>
  4792. <div class='widget-content'>
  4793. <data:content/>
  4794. </div>
  4795.  
  4796. <!--b:include name='quickedit'/-->
  4797. </b:includable>
  4798. </b:widget>
  4799. </b:section>
  4800. </div>
  4801. <div style='clear: both;'/>
  4802. </b:if>
  4803.  
  4804. <div class='body-row' id='ads-blog'>
  4805. <b:section class='ad-home-widget' id='adwidegt1' maxwidgets='1' name='Home Ad Widget' showaddelement='yes'>
  4806. <b:widget id='HTML90' locked='false' title='Post Top Ad' type='HTML' version='1'>
  4807. <b:widget-settings>
  4808. <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;
  4809. &lt;/div&gt;
  4810. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  4811. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  4812. .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}
  4813. &lt;/style&gt;</b:widget-setting>
  4814. </b:widget-settings>
  4815. <b:includable id='main'>
  4816. <!-- only display title if it's non-empty -->
  4817. <b:if cond='data:title != &quot;&quot;'>
  4818. <h2 class='title'><data:title/></h2>
  4819. </b:if>
  4820. <div class='widget-content'>
  4821. <span> <data:content/></span>
  4822. </div>
  4823.  
  4824. <!--b:include name='quickedit'/-->
  4825. </b:includable>
  4826. </b:widget>
  4827. </b:section>
  4828. <div style='clear: both;'/>
  4829. </div>
  4830. <div class='body-row' id='content-wrapper'>
  4831. <div id='main-wrapper'>
  4832. <div id='ads-blog'>
  4833. <b:section class='ad-top-widget' id='adwidegt2' maxwidgets='1' name='Post Top Ad Widget' showaddelement='yes'>
  4834. <b:widget id='HTML95' locked='false' title='Post Top Ad' type='HTML' version='1'>
  4835. <b:widget-settings>
  4836. <b:widget-setting name='content'>&lt;span&gt;
  4837. &lt;div class=&quot;lalulintas&quot;&gt;&lt;span class=&quot;rambuhijau&quot;&gt;Responsive Ads Here&lt;/span&gt;
  4838. &lt;/div&gt;
  4839. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  4840. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  4841. .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}
  4842. &lt;/style&gt;&lt;/span&gt;</b:widget-setting>
  4843. </b:widget-settings>
  4844. <b:includable id='main'>
  4845. <!-- only display title if it's non-empty -->
  4846. <b:if cond='data:title != &quot;&quot;'>
  4847. <h2 class='title'><data:title/></h2>
  4848. </b:if>
  4849. <div class='widget-content'>
  4850. <span> <data:content/></span>
  4851. </div>
  4852.  
  4853. <!--b:include name='quickedit'/-->
  4854. </b:includable>
  4855. </b:widget>
  4856. </b:section>
  4857. <div style='clear: both;'/>
  4858. </div>
  4859.  
  4860. <b:section class='main' id='main' showaddelement='yes'>
  4861. <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1'>
  4862. <b:widget-settings>
  4863. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  4864. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  4865. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  4866. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  4867. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  4868. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  4869. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  4870. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  4871. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  4872. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  4873. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  4874. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  4875. <b:widget-setting name='showLabels'>true</b:widget-setting>
  4876. <b:widget-setting name='showLocation'>true</b:widget-setting>
  4877. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  4878. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  4879. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  4880. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  4881. <b:widget-setting name='showInlineAds'>true</b:widget-setting>
  4882. <b:widget-setting name='showReactions'>false</b:widget-setting>
  4883. </b:widget-settings>
  4884. <b:includable id='main' var='top'>
  4885. <b:if cond='!data:mobile'>
  4886. <!-- posts -->
  4887. <div class='blog-posts hfeed'>
  4888.  
  4889. <b:include data='top' name='status-message'/>
  4890.  
  4891. <b:loop values='data:posts' var='post'>
  4892. <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  4893. &lt;/div&gt;&lt;/div&gt;
  4894. </b:if>
  4895. <b:if cond='data:post.isDateStart'>
  4896. &lt;div class=&quot;date-outer&quot;&gt;
  4897. </b:if>
  4898. <b:if cond='data:post.dateHeader'>
  4899. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  4900. </b:if>
  4901. <b:if cond='data:post.isDateStart'>
  4902. &lt;div class=&quot;date-posts&quot;&gt;
  4903. </b:if>
  4904. <div class='post-outer'>
  4905. <b:include data='post' name='post'/>
  4906. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  4907. </div>
  4908.  
  4909. <!-- Ad -->
  4910. <b:if cond='data:post.includeAd'>
  4911. <div class='inline-ad'>
  4912. <data:adCode/>
  4913. </div>
  4914. </b:if>
  4915. </b:loop>
  4916. <b:if cond='data:numPosts != 0'>
  4917. &lt;/div&gt;&lt;/div&gt;
  4918. </b:if>
  4919. </div>
  4920.  
  4921. <!-- navigation -->
  4922. <b:include name='nextprev'/>
  4923.  
  4924. <!-- feed links -->
  4925. <b:include name='feedLinks'/>
  4926.  
  4927. <b:else/>
  4928. <b:include name='mobile-main'/>
  4929. </b:if>
  4930.  
  4931. <b:if cond='data:top.showPlusOne'>
  4932. <data:top.googlePlusBootstrap/>
  4933. </b:if>
  4934.  
  4935. </b:includable>
  4936. <b:includable id='backlinkDeleteIcon' var='backlink'>
  4937. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  4938. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  4939. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  4940. </a>
  4941. </span>
  4942. </b:includable>
  4943. <b:includable id='backlinks' var='post'>
  4944. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  4945. <b:if cond='data:post.numBacklinks != 0'>
  4946. <dl class='comments-block' id='comments-block'>
  4947. <b:loop values='data:post.backlinks' var='backlink'>
  4948. <div class='collapsed-backlink backlink-control'>
  4949. <dt class='comment-title'>
  4950. <span class='backlink-toggle-zippy'>&#160;</span>
  4951. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  4952. <b:include data='backlink' name='backlinkDeleteIcon'/>
  4953. </dt>
  4954. <dd class='comment-body collapseable'>
  4955. <data:backlink.snippet/>
  4956. </dd>
  4957. <dd class='comment-footer collapseable'>
  4958. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  4959. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  4960. </dd>
  4961. </div>
  4962. </b:loop>
  4963. </dl>
  4964. </b:if>
  4965. <p class='comment-footer'>
  4966. <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>
  4967. </p>
  4968. </b:includable>
  4969. <b:includable id='comment-form' var='post'>
  4970. <div class='comment-form'>
  4971. <a name='comment-form'/>
  4972. <b:if cond='data:mobile'>
  4973. <h4 id='comment-post-message'>
  4974. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  4975. <p><data:blogCommentMessage/></p>
  4976. <data:blogTeamBlogMessage/>
  4977. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4978. <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%'/>
  4979. <b:else/>
  4980. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  4981. <p><data:blogCommentMessage/></p>
  4982. <data:blogTeamBlogMessage/>
  4983. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4984. <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%'/>
  4985. </b:if>
  4986. <data:post.cmtfpIframe/>
  4987. <script type='text/javascript'>
  4988. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  4989. </script>
  4990. </div>
  4991. </b:includable>
  4992. <b:includable id='commentDeleteIcon' var='comment'>
  4993. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  4994. <b:if cond='data:showCmtPopup'>
  4995. <div class='goog-toggle-button'>
  4996. <div class='goog-inline-block comment-action-icon'/>
  4997. </div>
  4998. <b:else/>
  4999. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  5000. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  5001. </a>
  5002. </b:if>
  5003. </span>
  5004. </b:includable>
  5005. <b:includable id='comment_count_picker' var='post'>
  5006. <b:if cond='data:post.commentSource == 1'>
  5007. <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'>
  5008. </span>
  5009. <b:else/>
  5010. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  5011. <data:post.commentLabelFull/>:
  5012. </a>
  5013. </b:if>
  5014. </b:includable>
  5015. <b:includable id='comment_picker' var='post'>
  5016. <b:if cond='data:post.commentSource == 1'>
  5017. <b:include data='post' name='iframe_comments'/>
  5018. <b:elseif cond='data:post.showThreadedComments'/>
  5019. <b:include data='post' name='threaded_comments'/>
  5020. <b:else/>
  5021. <b:include data='post' name='comments'/>
  5022. </b:if>
  5023. </b:includable>
  5024. <b:includable id='comments' var='post'>
  5025. <div class='comments' id='comments'>
  5026. <a name='comments'/>
  5027. <b:if cond='data:post.allowComments'>
  5028. <h4><data:post.commentLabelFull/>:</h4>
  5029.  
  5030. <b:if cond='data:post.commentPagingRequired'>
  5031. <span class='paging-control-container'>
  5032. <b:if cond='data:post.hasOlderLinks'>
  5033. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  5034. &#160;
  5035. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  5036. &#160;
  5037. </b:if>
  5038.  
  5039. <data:post.commentRangeText/>
  5040.  
  5041. <b:if cond='data:post.hasNewerLinks'>
  5042. &#160;
  5043. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  5044. &#160;
  5045. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  5046. </b:if>
  5047. </span>
  5048. </b:if>
  5049.  
  5050. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  5051. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  5052. <b:loop values='data:post.comments' var='comment'>
  5053. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  5054. <b:if cond='data:comment.favicon'>
  5055. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  5056. </b:if>
  5057. <a expr:name='data:comment.anchorName'/>
  5058. <b:if cond='data:blog.enabledCommentProfileImages'>
  5059. <data:comment.authorAvatarImage/>
  5060. </b:if>
  5061. <b:if cond='data:comment.authorUrl'>
  5062. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  5063. <b:else/>
  5064. <data:comment.author/>
  5065. </b:if>
  5066. <data:commentPostedByMsg/>
  5067. </dt>
  5068. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  5069. <b:if cond='data:comment.isDeleted'>
  5070. <span class='deleted-comment'><data:comment.body/></span>
  5071. <b:else/>
  5072. <p>
  5073. <data:comment.body/>
  5074. </p>
  5075. </b:if>
  5076. </dd>
  5077. <dd class='comment-footer'>
  5078. <span class='comment-timestamp'>
  5079. <a expr:href='data:comment.url' title='comment permalink'>
  5080. <data:comment.timestamp/>
  5081. </a>
  5082. <b:include data='comment' name='commentDeleteIcon'/>
  5083. </span>
  5084. </dd>
  5085. </b:loop>
  5086. </dl>
  5087. </div>
  5088.  
  5089. <b:if cond='data:post.commentPagingRequired'>
  5090. <span class='paging-control-container'>
  5091. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  5092. <data:post.oldestLinkText/>
  5093. </a>
  5094. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  5095. <data:post.olderLinkText/>
  5096. </a>
  5097. &#160;
  5098. <data:post.commentRangeText/>
  5099. &#160;
  5100. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  5101. <data:post.newerLinkText/>
  5102. </a>
  5103. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  5104. <data:post.newestLinkText/>
  5105. </a>
  5106. </span>
  5107. </b:if>
  5108.  
  5109. <p class='comment-footer'>
  5110. <b:if cond='data:post.embedCommentForm'>
  5111. <b:if cond='data:post.allowNewComments'>
  5112. <b:include data='post' name='comment-form'/>
  5113. <b:else/>
  5114. <data:post.noNewCommentsText/>
  5115. </b:if>
  5116. <b:elseif cond='data:post.allowComments'/>
  5117. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5118. </b:if>
  5119. </p>
  5120. </b:if>
  5121. <b:if cond='data:showCmtPopup'>
  5122. <div id='comment-popup'>
  5123. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  5124. </iframe>
  5125. </div>
  5126. </b:if>
  5127.  
  5128. <div id='backlinks-container'>
  5129. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  5130. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  5131. </div>
  5132. </div>
  5133. </div>
  5134. </b:includable>
  5135. <b:includable id='feedLinks'>
  5136. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  5137. <b:if cond='data:feedLinks'>
  5138. <div class='blog-feeds'>
  5139. </div>
  5140. </b:if>
  5141.  
  5142. <b:else/> <!--Post feed links -->
  5143. <div class='post-feeds'>
  5144. <b:loop values='data:posts' var='post'>
  5145. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  5146. </b:loop>
  5147. </div>
  5148. </b:if>
  5149. </b:includable>
  5150. <b:includable id='feedLinksBody' var='links'>
  5151. <div class='feed-links'>
  5152. <data:feedLinksMsg/>
  5153. <b:loop values='data:links' var='f'>
  5154. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  5155. </b:loop>
  5156. </div>
  5157. </b:includable>
  5158. <b:includable id='iframe_comments' var='post'>
  5159.  
  5160. <b:if cond='data:post.allowIframeComments'>
  5161. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  5162. <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  5163.  
  5164. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  5165. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5166. </b:if>
  5167. </b:if>
  5168. </b:includable>
  5169. <b:includable id='mobile-index-post' var='post'>
  5170. <div class='mobile-date-outer date-outer'>
  5171. <b:if cond='data:post.dateHeader'>
  5172. <div class='date-header'>
  5173. <span><data:post.dateHeader/></span>
  5174. </div>
  5175. </b:if>
  5176.  
  5177. <div class='mobile-post-outer'>
  5178. <a expr:href='data:post.url'>
  5179. <h3 class='mobile-index-title entry-title' itemprop='name'>
  5180. <data:post.title/>
  5181. </h3>
  5182.  
  5183. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  5184.  
  5185. <div class='mobile-index-contents'>
  5186. <b:if cond='data:post.thumbnailUrl'>
  5187. <div class='mobile-index-thumbnail'>
  5188. <div class='Image'>
  5189. <img expr:src='data:post.thumbnailUrl'/>
  5190. </div>
  5191. </div>
  5192. </b:if>
  5193.  
  5194. <div class='post-body'>
  5195. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  5196. </div>
  5197. </div>
  5198.  
  5199. <div style='clear: both;'/>
  5200. </a>
  5201.  
  5202. <div class='mobile-index-comment'>
  5203. <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'/>
  5204. </div>
  5205. </div>
  5206. </div>
  5207. </b:includable>
  5208. <b:includable id='mobile-main' var='top'>
  5209. <!-- posts -->
  5210. <div class='blog-posts hfeed'>
  5211.  
  5212. <b:include data='top' name='status-message'/>
  5213.  
  5214. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5215. <b:loop values='data:posts' var='post'>
  5216. <b:include data='post' name='mobile-index-post'/>
  5217. </b:loop>
  5218. <b:else/>
  5219. <b:loop values='data:posts' var='post'>
  5220. <b:include data='post' name='mobile-post'/>
  5221. </b:loop>
  5222. </b:if>
  5223. </div>
  5224.  
  5225. <b:include name='mobile-nextprev'/>
  5226. </b:includable>
  5227. <b:includable id='mobile-nextprev'>
  5228. <div class='blog-pager' id='blog-pager'>
  5229. <b:if cond='data:newerPageUrl'>
  5230. <div class='mobile-link-button' id='blog-pager-newer-link'>
  5231. <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>
  5232. </div>
  5233. </b:if>
  5234.  
  5235. <b:if cond='data:olderPageUrl'>
  5236. <div class='mobile-link-button' id='blog-pager-older-link'>
  5237. <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>
  5238. </div>
  5239. </b:if>
  5240.  
  5241. <div class='mobile-link-button' id='blog-pager-home-link'>
  5242. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  5243. </div>
  5244.  
  5245. <div class='mobile-desktop-link'>
  5246. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  5247. </div>
  5248.  
  5249. </div>
  5250. <div class='clear'/>
  5251. </b:includable>
  5252. <b:includable id='mobile-post' var='post'>
  5253. <div class='date-outer'>
  5254. <b:if cond='data:post.dateHeader'>
  5255. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  5256. </b:if>
  5257. <div class='date-posts'>
  5258. <div class='post-outer'>
  5259.  
  5260. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  5261. <b:if cond='data:post.thumbnailUrl'>
  5262. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  5263. </b:if>
  5264. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  5265. <meta expr:content='data:post.id' itemprop='postId'/>
  5266.  
  5267. <a expr:name='data:post.id'/>
  5268. <b:if cond='data:post.title'>
  5269. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5270. <h2 class='post-title entry-title' itemprop='name'>
  5271. <b:if cond='data:post.link'>
  5272. <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  5273. <b:else/>
  5274. <b:if cond='data:post.url'>
  5275. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  5276. <b:else/>
  5277. <data:post.title/>
  5278. </b:if>
  5279. </b:if>
  5280. </h2>
  5281. <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
  5282. <h2 class='post-title entry-title' itemprop='name'>
  5283. <b:if cond='data:post.link'>
  5284. <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
  5285. <b:else/>
  5286. <b:if cond='data:post.url'>
  5287. <a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
  5288. <b:else/>
  5289. <data:post.title/>
  5290. </b:if>
  5291. </b:if>
  5292. </h2>
  5293. <b:else/>
  5294. <h1 class='post-title entry-title' itemprop='name'>
  5295. <b:if cond='data:post.link'>
  5296. <data:post.title/>
  5297. <b:else/>
  5298. <b:if cond='data:post.url'>
  5299. <data:post.title/>
  5300. <b:else/>
  5301. <data:post.title/>
  5302. </b:if>
  5303. </b:if>
  5304. </h1>
  5305. </b:if>
  5306. </b:if>
  5307.  
  5308. <div class='post-header'>
  5309. <div class='post-header-line-1'/>
  5310. </div>
  5311.  
  5312. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5313. <data:post.body/>
  5314. <div style='clear: both;'/> <!-- clear for photos floats -->
  5315. </div>
  5316.  
  5317. <div class='post-footer'>
  5318. <div class='post-footer-line post-footer-line-1'>
  5319. <span class='post-author vcard'>
  5320. <b:if cond='data:top.showAuthor'>
  5321. <b:if cond='data:post.authorProfileUrl'>
  5322. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5323. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5324. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  5325. <span itemprop='name'><data:post.author/></span>
  5326. </a>
  5327. </span>
  5328. <b:else/>
  5329. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5330. <span itemprop='name'><data:post.author/></span>
  5331. </span>
  5332. </b:if>
  5333. </b:if>
  5334. </span>
  5335.  
  5336. <span class='post-timestamp'>
  5337. <b:if cond='data:top.showTimestamp'>
  5338. <data:top.timestampLabel/>
  5339. <b:if cond='data:post.url'>
  5340. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  5341. <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>
  5342. </b:if>
  5343. </b:if>
  5344. </span>
  5345.  
  5346. <span class='post-comment-link'>
  5347. <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'/>
  5348. </span>
  5349. </div>
  5350.  
  5351. <div class='post-footer-line post-footer-line-2'>
  5352. <b:if cond='data:top.showMobileShare'>
  5353. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  5354. <a href='javascript:void(0);'><data:shareMsg/></a>
  5355. </div>
  5356. </b:if>
  5357. <b:if cond='data:top.showDummy'>
  5358. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  5359. </b:if>
  5360. </div>
  5361.  
  5362. </div>
  5363. </div>
  5364.  
  5365. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  5366. </div>
  5367. </div>
  5368. </div>
  5369. </b:includable>
  5370. <b:includable id='nextprev'>
  5371. <div class='blog-pager' id='blog-pager'>
  5372. <b:if cond='data:newerPageUrl'>
  5373. <span id='blog-pager-newer-link'>
  5374. <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>
  5375. </span>
  5376. </b:if>
  5377.  
  5378. <b:if cond='data:olderPageUrl'>
  5379. <span id='blog-pager-older-link'>
  5380. <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>
  5381. </span>
  5382. </b:if>
  5383.  
  5384. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  5385.  
  5386. <b:if cond='data:mobileLinkUrl'>
  5387. <div class='blog-mobile-link'>
  5388. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  5389. </div>
  5390. </b:if>
  5391.  
  5392. </div>
  5393. <div class='clear'/>
  5394. </b:includable>
  5395. <b:includable id='post' var='post'>
  5396. <div class='post hentry'>
  5397. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  5398. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  5399. <b:if cond='data:post.title'>
  5400. <font class='retitle'>
  5401. <h2 class='post-title entry-title'>
  5402. <b:if cond='data:post.link'>
  5403. <a expr:href='data:post.link'>
  5404. <data:post.title/>
  5405. </a>
  5406. <b:else/>
  5407. <b:if cond='data:post.url'>
  5408. <a expr:href='data:post.url'>
  5409. <data:post.title/>
  5410. </a>
  5411. <b:else/>
  5412. <data:post.title/>
  5413. </b:if>
  5414. </b:if>
  5415. </h2>
  5416. </font>
  5417. </b:if>
  5418. <div style='clear:both;'/>
  5419. </b:if>
  5420. </b:if>
  5421. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  5422. <b:if cond='data:post.thumbnailUrl'>
  5423. <div class='post-home-image'><span class='post-labels'>
  5424. <b:if cond='data:post.labels'>
  5425. <i class='fa fa-folder-open-o'/>
  5426. <b:loop values='data:post.labels' var='label'>
  5427. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5428. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5429. </b:if>
  5430. </b:loop>
  5431. </b:if>
  5432. </span><div class='post-thumb'>
  5433. &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;
  5434. </div></div>
  5435. <b:else/>
  5436. <b:if cond='data:post.firstImageUrl'>
  5437. <div class='post-home-image'><span class='post-labels'>
  5438. <b:if cond='data:post.labels'>
  5439. <i class='fa fa-folder-open-o'/>
  5440. <b:loop values='data:post.labels' var='label'>
  5441. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5442. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5443. </b:if>
  5444. </b:loop>
  5445. </b:if>
  5446. </span><div class='post-thumb'>
  5447. &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;
  5448. </div></div>
  5449. <b:else/>
  5450. <div class='post-home-image'><span class='post-labels'>
  5451. <b:if cond='data:post.labels'>
  5452. <i class='fa fa-folder-open-o'/>
  5453. <b:loop values='data:post.labels' var='label'>
  5454. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5455. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5456. </b:if>
  5457. </b:loop>
  5458. </b:if>
  5459. </span><div class='post-thumb'>
  5460. &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;
  5461. </div></div>
  5462. </b:if></b:if>
  5463. </b:if>
  5464. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  5465. <b:if cond='data:post.thumbnailUrl'>
  5466. <div class='post-home-image'><span class='post-labels'>
  5467. <b:if cond='data:post.labels'>
  5468. <i class='fa fa-folder-open-o'/>
  5469. <b:loop values='data:post.labels' var='label'>
  5470. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5471. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5472. </b:if>
  5473. </b:loop>
  5474. </b:if>
  5475. </span><div class='post-thumb'>
  5476. &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;
  5477. </div></div>
  5478. <b:else/>
  5479. <b:if cond='data:post.firstImageUrl'>
  5480. <div class='post-home-image'><span class='post-labels'>
  5481. <b:if cond='data:post.labels'>
  5482. <i class='fa fa-folder-open-o'/>
  5483. <b:loop values='data:post.labels' var='label'>
  5484. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5485. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5486. </b:if>
  5487. </b:loop>
  5488. </b:if>
  5489. </span><div class='post-thumb'>
  5490. &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;
  5491. </div></div>
  5492. <b:else/>
  5493. <div class='post-home-image'><span class='post-labels'>
  5494. <b:if cond='data:post.labels'>
  5495. <i class='fa fa-folder-open-o'/>
  5496. <b:loop values='data:post.labels' var='label'>
  5497. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5498. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  5499. </b:if>
  5500. </b:loop>
  5501. </b:if>
  5502. </span><div class='post-thumb'>
  5503. &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;
  5504. </div></div>
  5505. </b:if></b:if>
  5506. </b:if>
  5507. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5508. &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
  5509. <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  5510. </b:if>
  5511. <div class='post-header'>
  5512. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5513. <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  5514. <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'/>
  5515. <b:loop values='data:posts' var='post'>
  5516. <b:if cond='data:post.labels'>
  5517. <b:loop values='data:post.labels' var='label'>
  5518. <span typeof='v:Breadcrumb'>
  5519. <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
  5520. <b:if cond='data:label.isLast != &quot;true&quot;'><i class='fa fa-times'/></b:if>
  5521. </b:loop>
  5522. <b:else/>
  5523. Unlabelled
  5524. </b:if>
  5525. <i class='fa fa-times'/><span><data:post.title/></span>
  5526. </b:loop>
  5527. </div>
  5528.  
  5529. <b:if cond='data:post.title'>
  5530. <div class='post-head'>
  5531. <h1 class='post-title entry-title' itemprop='name headline'>
  5532. <b:if cond='data:post.link'>
  5533. <a expr:href='data:post.link'><data:post.title/></a>
  5534. <b:else/>
  5535. <b:if cond='data:post.url'>
  5536. <b:if cond='data:blog.url != data:post.url'>
  5537. <a expr:href='data:post.url'><data:post.title/></a>
  5538. <b:else/>
  5539. <data:post.title/>
  5540. </b:if>
  5541. <b:else/>
  5542. <data:post.title/>
  5543. </b:if>
  5544. </b:if>
  5545. </h1></div>
  5546. </b:if>
  5547. <div class='post-meta'>
  5548. <span class='post-author vcard'>
  5549. <b:if cond='data:top.showAuthor'>
  5550. <i class='fa fa-user'/>
  5551. <b:if cond='data:post.authorProfileUrl'>
  5552. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5553. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5554. <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  5555. <span itemprop='name'><data:post.author/></span>
  5556. </a>
  5557. </span>
  5558. <b:else/>
  5559. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5560. <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  5561. <span itemprop='name'><data:post.author/></span></a>
  5562. </span>
  5563. </b:if>
  5564. </b:if>
  5565. </span>
  5566. <span class='post-timestamp'>
  5567. <b:if cond='data:top.showTimestamp'>
  5568. <i class='fa fa-calendar-o'/>
  5569. <b:if cond='data:post.url'>
  5570. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  5571. <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>
  5572. </b:if>
  5573. </b:if>
  5574. </span>
  5575. <span class='label-head'>
  5576. <b:if cond='data:post.labels'>
  5577. <i class='fa fa-folder-o'/>
  5578. <b:loop values='data:post.labels' var='label'>
  5579. <a expr:href='data:label.url' rel='tag'><data:label.name/>,</a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  5580. </b:loop>
  5581. </b:if>
  5582. </span>
  5583. </div>
  5584. <div style='clear: both;'/>
  5585. <div class='ads-posting'>
  5586. <a name='ad-post-top'/>
  5587. </div>
  5588. <div style='clear: both;'/>
  5589. </b:if>
  5590. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  5591. <b:if cond='data:post.title'>
  5592. <div class='post-head'><h1 class='post-title entry-title' itemprop='name'>
  5593. <b:if cond='data:post.link'>
  5594. <a expr:href='data:post.link'><data:post.title/></a>
  5595. <b:else/>
  5596. <b:if cond='data:post.url'>
  5597. <b:if cond='data:blog.url != data:post.url'>
  5598. <a expr:href='data:post.url'><data:post.title/></a>
  5599. <b:else/>
  5600. <data:post.title/>
  5601. </b:if>
  5602. <b:else/>
  5603. <data:post.title/>
  5604. </b:if>
  5605. </b:if>
  5606. </h1></div>
  5607. </b:if>
  5608. </b:if>
  5609.  
  5610. </div>
  5611.  
  5612. <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  5613. <article>
  5614. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  5615. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  5616. <div class='date-header'>
  5617. <div id='meta-post'>
  5618. <i class='fa fa-pencil'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
  5619. <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'/>
  5620. <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'>
  5621. <i class='fa fa-commenting-o'/>
  5622. <b:if cond='data:post.allowComments'>
  5623. <a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  5624. <data:post.numComments/>
  5625. </a>
  5626. </b:if>
  5627. </span></div>
  5628. <div class='resumo'>
  5629. <span class='post-summary' expr:data-url='data:post.url'/>
  5630. </div>
  5631. <div style='clear: both;'/>
  5632. <a class='read-more anchor-hover' expr:href='data:post.url'>Read More</a>
  5633. </div>
  5634. <b:else/>
  5635. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5636. <meta expr:content='data:post.snippet' name='twitter:description'/>
  5637. <data:post.body/>
  5638. </div>
  5639. </b:if>
  5640. <b:else/>
  5641. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  5642. <meta expr:content='data:post.snippet' name='twitter:description'/>
  5643. <data:post.body/>
  5644. </div>
  5645. </b:if>
  5646. </article>
  5647.  
  5648. <b:if cond='data:post.hasJumpLink'>
  5649. <div class='jump-link'>
  5650. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  5651. </div>
  5652. </b:if>
  5653.  
  5654. <div class='post-footer'>
  5655. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5656. <span class='label-head'>
  5657. <b:if cond='data:post.labels'>
  5658. <span class='label-title'>Tags</span>
  5659. <b:loop values='data:post.labels' var='label'>
  5660. <a expr:href='data:label.url' rel='tag'># <data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  5661. </b:loop>
  5662. </b:if>
  5663. </span>
  5664. <div style='clear: both;'/>
  5665. <div class='ads-posting'>
  5666. <a name='ad-post-bottom'/>
  5667. </div>
  5668. <div style='clear: both;'/>
  5669. <div class='ty-post-share'>
  5670.  
  5671.  
  5672. <ul class='ty-post-share-list'>
  5673.  
  5674. <li class='ty-twitter'>
  5675. <a expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'>
  5676. <span class='fa fa-twitter'/>Tweet </a>
  5677. </li>
  5678.  
  5679. <li class='ty-facebook'>
  5680. <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'>
  5681. <span class='fa fa-facebook'/>Share </a>
  5682. </li>
  5683.  
  5684. <li class='ty-pinterest'>
  5685. <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'>
  5686. <span class='fa fa-pinterest'/>Pin it </a>
  5687. </li>
  5688.  
  5689. <li class='ty-comment'>
  5690. <a href='#put-your-comment' rel='nofollow' title='Comment'>
  5691. <span class='fa fa-commenting-o'/>Comment </a>
  5692. </li>
  5693. <whatsapp expr:href='data:post.url' expr:text='data:post.title'/>
  5694. <li class='ty-whatsapp'>
  5695. <a expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank'>
  5696. <span class='fa fa-whatsapp'/>Whatsapp </a>
  5697. </li>
  5698. </ul>
  5699.  
  5700. </div>
  5701. <div style='clear:both'/>
  5702. <div class='ty-author-box'>
  5703.  
  5704. <img alt='Author Image' class='avatar avatar-60 photo' expr:src='data:post.authorPhoto.url' height='150' width='140'/>
  5705. <p>
  5706. <b>About <data:post.author/></b>
  5707. <br/>
  5708. <span name='author-post'/>
  5709. <span name='author-social'/>
  5710. </p>
  5711. </div>
  5712.  
  5713.  
  5714. <div style='clear:both'/>
  5715. <div class='post-pager' id='post-pager'>
  5716. <b:if cond='data:newerPageUrl'>
  5717. <span id='blog-pager-newer-link'>
  5718. <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'/>
  5719. </span>
  5720. </b:if>
  5721.  
  5722. <b:if cond='data:olderPageUrl'>
  5723. <span id='blog-pager-older-link'>
  5724. <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'/>
  5725. </span>
  5726. </b:if>
  5727.  
  5728. </div>
  5729.  
  5730.  
  5731.  
  5732. <div style='clear:both'/>
  5733. <div id='related-posts'>
  5734. <b:if cond='data:post.labels'>
  5735. <b:loop values='data:post.labels' var='label'>
  5736. <b:if cond='data:label.isLast == &quot;true&quot;'>
  5737. <data:label.name/>
  5738. </b:if>
  5739. </b:loop>
  5740. </b:if>
  5741. </div>
  5742. <div style='clear:both'/>
  5743.  
  5744. </b:if>
  5745. <div class='post-footer-line post-footer-line-1'>
  5746. <span class='post-author vcard'>
  5747. <b:if cond='data:top.showAuthor'>
  5748. <data:top.authorLabel/>
  5749. <b:if cond='data:post.authorProfileUrl'>
  5750. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5751. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  5752. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  5753. <span itemprop='name'><data:post.author/></span>
  5754. </a>
  5755. </span>
  5756. <b:else/>
  5757. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5758. <span itemprop='name'><data:post.author/></span>
  5759. </span>
  5760. </b:if>
  5761. </b:if>
  5762. </span>
  5763.  
  5764. <span class='post-timestamp'>
  5765. <b:if cond='data:top.showTimestamp'>
  5766. <data:top.timestampLabel/>
  5767. <b:if cond='data:post.url'>
  5768. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  5769. <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>
  5770. </b:if>
  5771. </b:if>
  5772. </span>
  5773.  
  5774. <span class='reaction-buttons'>
  5775. <b:if cond='data:top.showReactions'>
  5776. <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  5777. <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  5778. <span class='reactions-label'>
  5779. <data:top.reactionsLabel/></span>&#160;</td>
  5780. <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  5781. </tr></table>
  5782. </b:if>
  5783. </span>
  5784.  
  5785. <span class='post-comment-link'>
  5786. <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'/>
  5787. </span>
  5788.  
  5789. <!-- backlinks -->
  5790. <span class='post-backlinks post-comment-link'>
  5791. <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.showBacklinks'>
  5792. <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  5793. </b:if>
  5794. </span>
  5795.  
  5796. <span class='post-icons'>
  5797. <!-- email post links -->
  5798. <b:if cond='data:post.emailPostUrl'>
  5799. <span class='item-action'>
  5800. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  5801. <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
  5802. </a>
  5803. </span>
  5804. </b:if>
  5805.  
  5806. <!-- quickedit pencil -->
  5807. <b:include data='post' name='postQuickEdit'/>
  5808. </span>
  5809.  
  5810. <!-- share buttons -->
  5811. <div class='post-share-buttons goog-inline-block'>
  5812. <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
  5813. </div>
  5814.  
  5815. </div>
  5816.  
  5817. <div class='post-footer-line post-footer-line-2'>
  5818. <span class='post-labels'>
  5819. <b:if cond='data:post.labels'>
  5820. <data:postLabelsLabel/>
  5821. <b:loop values='data:post.labels' var='label'>
  5822. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  5823. </b:loop>
  5824. </b:if>
  5825. </span>
  5826. </div>
  5827.  
  5828. <div class='post-footer-line post-footer-line-3'>
  5829. <span class='post-location'>
  5830. <b:if cond='data:top.showLocation'>
  5831. <b:if cond='data:post.location'>
  5832. <data:postLocationLabel/>
  5833. <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  5834. </b:if>
  5835. </b:if>
  5836. </span>
  5837. </div>
  5838. <b:if cond='data:post.authorAboutMe'>
  5839. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  5840. <b:if cond='data:post.authorPhoto.url'>
  5841. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  5842. </b:if>
  5843. <div>
  5844. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  5845. <span itemprop='name'><data:post.author/></span>
  5846. </a>
  5847. </div>
  5848. <span itemprop='description'><data:post.authorAboutMe/></span>
  5849. </div>
  5850. </b:if>
  5851. </div>
  5852. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  5853. &lt;/div&gt;
  5854. </b:if>
  5855. </div>
  5856. </b:includable>
  5857. <b:includable id='postQuickEdit' var='post'>
  5858. <b:if cond='data:post.editUrl'>
  5859. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  5860. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  5861. <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  5862. </a>
  5863. </span>
  5864. </b:if>
  5865. </b:includable>
  5866. <b:includable id='shareButtons' var='post'>
  5867. <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>
  5868. </b:includable>
  5869. <b:includable id='status-message'>
  5870. <b:if cond='data:navMessage'>
  5871. <div class='status-msg-wrap'>
  5872. <div class='status-msg-body'>
  5873. <data:navMessage/>
  5874. </div>
  5875. <div class='status-msg-border'>
  5876. <div class='status-msg-bg'>
  5877. <div class='status-msg-hidden'><data:navMessage/></div>
  5878. </div>
  5879. </div>
  5880. </div>
  5881. <div style='clear: both;'/>
  5882. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  5883. <div class='post-404'>
  5884. <div class='actions-404'>
  5885. <div class='ops-404'><span>Oops;</span> Sorry, but the page you were trying to view does not exist.
  5886. </div>
  5887. <div class='title-404'>404</div>
  5888. <div class='link-404'>
  5889. <a href='/'><i class='fa fa-car'/>
  5890. <trans>Back to Home</trans></a>
  5891. </div></div>
  5892. </div>
  5893. <style>
  5894. .post-404 {
  5895. padding-top: 40px;
  5896. padding-bottom: 60px;
  5897. }
  5898. .actions-404 {
  5899. width: 100%;
  5900. float: right;
  5901. text-align: center;
  5902. }
  5903. .ops-404 {
  5904. width: 50%;
  5905. margin: 0 auto;
  5906. font-size: 26px;
  5907. font-weight: 400;
  5908. font-family: Poppins;
  5909. letter-spacing:1.5px;
  5910. }
  5911. .ops-404 span {
  5912. font-weight: 700;
  5913. }
  5914. .title-404 {
  5915. font-size: 200px;
  5916. font-weight: 700;
  5917. line-height: 1.1;
  5918. color:$maincolor;
  5919. }
  5920. .link-404 {
  5921. font-size: 18px;
  5922. padding-top: 20px;
  5923. padding-bottom: 50px;
  5924. }
  5925. #blog-pager, #sidebar-wrapper,.status-msg-wrap {
  5926. display: none;
  5927. }
  5928. .status-msg-border {
  5929. border: 0 !important;
  5930. }
  5931.  
  5932. .status-msg-bg {
  5933. background-color: #fff;
  5934. }
  5935. #main-wrapper {
  5936. float: none;
  5937. width: 100%;
  5938. max-width: 100%;
  5939. }
  5940. </style>
  5941. </b:if>
  5942. </b:if>
  5943. </b:includable>
  5944. <b:includable id='threaded-comment-form' var='post'>
  5945. <div class='comment-form'>
  5946. <a name='comment-form'/>
  5947. <b:if cond='data:mobile'>
  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='' style='display: none' width='100%'/>
  5952. <b:else/>
  5953. <p><data:blogCommentMessage/></p>
  5954. <data:blogTeamBlogMessage/>
  5955. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5956. <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%'/>
  5957. </b:if>
  5958. <data:post.cmtfpIframe/>
  5959. <script type='text/javascript'>
  5960. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  5961. </script>
  5962. </div>
  5963. </b:includable>
  5964. <b:includable id='threaded_comment_js' var='post'>
  5965. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  5966.  
  5967. <script type='text/javascript'>
  5968. (function() {
  5969. var items = <data:post.commentJso/>;
  5970. var msgs = <data:post.commentMsgs/>;
  5971. var config = <data:post.commentConfig/>;
  5972.  
  5973. // <![CDATA[
  5974. var cursor = null;
  5975. if (items && items.length > 0) {
  5976. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  5977. }
  5978.  
  5979. var bodyFromEntry = function(entry) {
  5980. if (entry.gd$extendedProperty) {
  5981. for (var k in entry.gd$extendedProperty) {
  5982. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  5983. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  5984. }
  5985. }
  5986. }
  5987. return entry.content.$t;
  5988. }
  5989.  
  5990. var parse = function(data) {
  5991. cursor = null;
  5992. var comments = [];
  5993. if (data && data.feed && data.feed.entry) {
  5994. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  5995. var comment = {};
  5996. // comment ID, parsed out of the original id format
  5997. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  5998. comment.id = id ? id[2] : null;
  5999. comment.body = bodyFromEntry(entry);
  6000. comment.timestamp = Date.parse(entry.published.$t) + '';
  6001. if (entry.author && entry.author.constructor === Array) {
  6002. var auth = entry.author[0];
  6003. if (auth) {
  6004. comment.author = {
  6005. name: (auth.name ? auth.name.$t : undefined),
  6006. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  6007. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  6008. };
  6009. }
  6010. }
  6011. if (entry.link) {
  6012. if (entry.link[2]) {
  6013. comment.link = comment.permalink = entry.link[2].href;
  6014. }
  6015. if (entry.link[3]) {
  6016. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  6017. if (pid && pid[1]) {
  6018. comment.parentId = pid[1];
  6019. }
  6020. }
  6021. }
  6022. comment.deleteclass = 'item-control blog-admin';
  6023. if (entry.gd$extendedProperty) {
  6024. for (var k in entry.gd$extendedProperty) {
  6025. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  6026. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  6027. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  6028. comment.displayTime = entry.gd$extendedProperty[k].value;
  6029. }
  6030. }
  6031. }
  6032. comments.push(comment);
  6033. }
  6034. }
  6035. return comments;
  6036. };
  6037.  
  6038. var paginator = function(callback) {
  6039. if (hasMore()) {
  6040. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  6041. if (cursor) {
  6042. url += '&published-min=' + new Date(cursor).toISOString();
  6043. }
  6044. window.bloggercomments = function(data) {
  6045. var parsed = parse(data);
  6046. cursor = parsed.length < 50 ? null
  6047. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  6048. callback(parsed);
  6049. window.bloggercomments = null;
  6050. }
  6051. url += '&callback=bloggercomments';
  6052. var script = document.createElement('script');
  6053. script.type = 'text/javascript';
  6054. script.src = url;
  6055. document.getElementsByTagName('head')[0].appendChild(script);
  6056. }
  6057. };
  6058. var hasMore = function() {
  6059. return !!cursor;
  6060. };
  6061. var getMeta = function(key, comment) {
  6062. if ('iswriter' == key) {
  6063. var matches = !!comment.author
  6064. && comment.author.name == config.authorName
  6065. && comment.author.profileUrl == config.authorUrl;
  6066. return matches ? 'true' : '';
  6067. } else if ('deletelink' == key) {
  6068. return config.baseUri + '/delete-comment.g?blogID='
  6069. + config.blogId + '&postID=' + comment.id;
  6070. } else if ('deleteclass' == key) {
  6071. return comment.deleteclass;
  6072. }
  6073. return '';
  6074. };
  6075.  
  6076. var replybox = null;
  6077. var replyUrlParts = null;
  6078. var replyParent = undefined;
  6079.  
  6080. var onReply = function(commentId, domId) {
  6081. if (replybox == null) {
  6082. // lazily cache replybox, and adjust to suit this style:
  6083. replybox = document.getElementById('comment-editor');
  6084. if (replybox != null) {
  6085. replybox.height = '250px';
  6086. replybox.style.display = 'block';
  6087. replyUrlParts = replybox.src.split('#');
  6088. }
  6089. }
  6090. if (replybox && (commentId !== replyParent)) {
  6091. replybox.src = '';
  6092. document.getElementById(domId).insertBefore(replybox, null);
  6093. replybox.src = replyUrlParts[0]
  6094. + (commentId ? '&parentID=' + commentId : '')
  6095. + '#' + replyUrlParts[1];
  6096. replyParent = commentId;
  6097. }
  6098. };
  6099.  
  6100. var hash = (window.location.hash || '#').substring(1);
  6101. var startThread, targetComment;
  6102. if (/^comment-form_/.test(hash)) {
  6103. startThread = hash.substring('comment-form_'.length);
  6104. } else if (/^c[0-9]+$/.test(hash)) {
  6105. targetComment = hash.substring(1);
  6106. }
  6107.  
  6108. // Configure commenting API:
  6109. var configJso = {
  6110. 'maxDepth': config.maxThreadDepth
  6111. };
  6112. var provider = {
  6113. 'id': config.postId,
  6114. 'data': items,
  6115. 'loadNext': paginator,
  6116. 'hasMore': hasMore,
  6117. 'getMeta': getMeta,
  6118. 'onReply': onReply,
  6119. 'rendered': true,
  6120. 'initComment': targetComment,
  6121. 'initReplyThread': startThread,
  6122. 'config': configJso,
  6123. 'messages': msgs
  6124. };
  6125.  
  6126. var render = function() {
  6127. if (window.goog && window.goog.comments) {
  6128. var holder = document.getElementById('comment-holder');
  6129. window.goog.comments.render(holder, provider);
  6130. }
  6131. };
  6132.  
  6133. // render now, or queue to render when library loads:
  6134. if (window.goog && window.goog.comments) {
  6135. render();
  6136. } else {
  6137. window.goog = window.goog || {};
  6138. window.goog.comments = window.goog.comments || {};
  6139. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  6140. window.goog.comments.loadQueue.push(render);
  6141. }
  6142. })();
  6143. // ]]>
  6144. </script>
  6145. </b:includable>
  6146. <b:includable id='threaded_comments' var='post'>
  6147. <div class='comments' id='comments'>
  6148. <a name='comments'/>
  6149. <h4><data:post.commentLabelFull/>:</h4>
  6150.  
  6151. <div class='comments-content'>
  6152. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  6153. <div id='comment-holder'>
  6154. <data:post.commentHtml/>
  6155. </div>
  6156. </div>
  6157.  
  6158. <p class='comment-footer'>
  6159. <b:if cond='data:post.allowNewComments'>
  6160. <b:include data='post' name='threaded-comment-form'/>
  6161. <b:else/>
  6162. <data:post.noNewCommentsText/>
  6163. </b:if>
  6164. </p>
  6165.  
  6166. <b:if cond='data:showCmtPopup'>
  6167. <div id='comment-popup'>
  6168. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  6169. </iframe>
  6170. </div>
  6171. </b:if>
  6172.  
  6173. <div id='backlinks-container'>
  6174. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  6175. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  6176. </div>
  6177. </div>
  6178. </div>
  6179. </b:includable>
  6180. </b:widget>
  6181. <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' version='1'>
  6182. <b:widget-settings>
  6183. <b:widget-setting name='content'>[blogger][disqus][facebook]</b:widget-setting>
  6184. </b:widget-settings>
  6185. <b:includable id='main'>
  6186.  
  6187. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  6188. <div id='put-your-comment'>
  6189. <b:if cond='data:content == &quot;[blogger]&quot;'>
  6190. <div class='cmm-tabs'>
  6191. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6192. </div>
  6193. </b:if>
  6194. <b:if cond='data:content == &quot;[facebook]&quot;'>
  6195. <div class='cmm-tabs'>
  6196. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6197. </div>
  6198. <script type='text/javascript'>
  6199. //<![CDATA[
  6200. $('#comments').remove();
  6201. //]]>
  6202. </script>
  6203. </b:if>
  6204. <b:if cond='data:content == &quot;[disqus]&quot;'>
  6205. <div class='cmm-tabs'>
  6206. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6207. </div>
  6208. <script type='text/javascript'>
  6209. //<![CDATA[
  6210. $('#comments').remove();
  6211. //]]>
  6212. </script>
  6213. </b:if>
  6214. <b:if cond='data:content == &quot;[blogger][facebook]&quot;'>
  6215. <div class='cmm-tabs'>
  6216. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6217. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6218. </div>
  6219. </b:if>
  6220. <b:if cond='data:content == &quot;[blogger][disqus]&quot;'>
  6221. <div class='cmm-tabs'>
  6222. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6223. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6224. </div>
  6225. </b:if>
  6226. <b:if cond='data:content == &quot;[facebook][blogger]&quot;'>
  6227. <div class='cmm-tabs'>
  6228. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6229. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6230. </div>
  6231. </b:if>
  6232. <b:if cond='data:content == &quot;[facebook][disqus]&quot;'>
  6233. <div class='cmm-tabs'>
  6234. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6235. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6236. <script type='text/javascript'>
  6237. //<![CDATA[
  6238. $('#comments').remove();
  6239. //]]>
  6240. </script>
  6241. </div>
  6242. </b:if>
  6243. <b:if cond='data:content == &quot;[disqus][blogger]&quot;'>
  6244. <div class='cmm-tabs'>
  6245. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6246. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6247. </div>
  6248. </b:if>
  6249. <b:if cond='data:content == &quot;[disqus][facebook]&quot;'>
  6250. <div class='cmm-tabs'>
  6251. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6252. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6253. </div>
  6254. <script type='text/javascript'>
  6255. //<![CDATA[
  6256. $('#comments').remove();
  6257. //]]>
  6258. </script>
  6259. </b:if>
  6260. <b:if cond='data:content == &quot;[blogger][facebook][disqus]&quot;'>
  6261. <div class='cmm-tabs'>
  6262. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6263. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6264. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6265. </div>
  6266. </b:if>
  6267. <b:if cond='data:content == &quot;[blogger][disqus][facebook]&quot;'>
  6268. <div class='cmm-tabs'>
  6269. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6270. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6271. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6272. </div>
  6273. </b:if>
  6274. <b:if cond='data:content == &quot;[facebook][blogger][disqus]&quot;'>
  6275. <div class='cmm-tabs'>
  6276. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6277. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6278. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6279. </div>
  6280. </b:if>
  6281. <b:if cond='data:content == &quot;[facebook][disqus][blogger]&quot;'>
  6282. <div class='cmm-tabs'>
  6283. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6284. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6285. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6286. </div>
  6287. </b:if>
  6288. <b:if cond='data:content == &quot;[disqus][blogger][facebook]&quot;'>
  6289. <div class='cmm-tabs'>
  6290. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6291. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6292. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6293. </div>
  6294. </b:if>
  6295. <b:if cond='data:content == &quot;[disqus][facebook][blogger]&quot;'>
  6296. <div class='cmm-tabs'>
  6297. <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'/></div></div>
  6298. <div data-tab='facebook'><div class='facebook-tab'/></div>
  6299. <div data-tab='blogger'><div class='blogger-tab'/></div>
  6300. </div>
  6301. </b:if>
  6302. <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;
  6303. </div> </b:if>
  6304. </b:includable>
  6305. </b:widget>
  6306. <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' version='1'>
  6307. <b:widget-settings>
  6308. <b:widget-setting name='content'>sigma2</b:widget-setting>
  6309. </b:widget-settings>
  6310. <b:includable id='main'>
  6311. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  6312. &lt;script type=&#39;text/javascript&#39;&gt;
  6313. var disqus_shortname = &#39;<data:content/>&#39;;
  6314. (function() {
  6315. var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
  6316. dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
  6317. (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
  6318. })();
  6319. &lt;/script&gt;
  6320. </b:if>
  6321. </b:includable>
  6322. </b:widget>
  6323. </b:section>
  6324. <div id='ads-blog'>
  6325. <b:section class='ad-bottom-widget' id='adwidegt3' maxwidgets='1' name='Post Bottom Ad Widget' showaddelement='yes'>
  6326. <b:widget id='HTML98' locked='false' title='Post Top Ad' type='HTML' version='1'>
  6327. <b:widget-settings>
  6328. <b:widget-setting name='content'>&lt;span&gt;
  6329. &lt;div class=&quot;lalulintas&quot;&gt;&lt;span class=&quot;rambuhijau&quot;&gt;Responsive Ads Here&lt;/span&gt;
  6330. &lt;/div&gt;
  6331. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  6332. .lalulintas{width:100%;height:100px;background:#d1d5d8;margin:0 auto;position:relative;}
  6333. .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}
  6334. &lt;/style&gt;&lt;/span&gt;</b:widget-setting>
  6335. </b:widget-settings>
  6336. <b:includable id='main'>
  6337. <!-- only display title if it's non-empty -->
  6338. <b:if cond='data:title != &quot;&quot;'>
  6339. <h2 class='title'><data:title/></h2>
  6340. </b:if>
  6341. <div class='widget-content'>
  6342. <span> <data:content/></span>
  6343. </div>
  6344.  
  6345. <!--b:include name='quickedit'/-->
  6346. </b:includable>
  6347. </b:widget>
  6348. </b:section>
  6349. <div style='clear: both;'/>
  6350. </div>
  6351. <b:section class='post-author-widget' id='Postwidegt1' maxwidgets='1' name='Post Author Details' showaddelement='yes'>
  6352. <b:widget id='HTML10' locked='false' title='Author Details' type='HTML' version='1'>
  6353. <b:widget-settings>
  6354. <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>
  6355. </b:widget-settings>
  6356. <b:includable id='main'>
  6357. <!-- only display title if it's non-empty -->
  6358. <b:if cond='data:title != &quot;&quot;'>
  6359. <h2 class='title'><data:title/></h2>
  6360. </b:if>
  6361. <div class='widget-content'>
  6362. <span><data:content/></span>
  6363. </div>
  6364.  
  6365. <!--b:include name='quickedit'/-->
  6366. </b:includable>
  6367. </b:widget>
  6368. </b:section>
  6369. <b:section class='post-author-social' id='Postwidegt2' maxwidgets='1' name='Post Author Social Profiles' showaddelement='yes'>
  6370. <b:widget id='LinkList1' locked='false' title='' type='LinkList' version='1'>
  6371. <b:widget-settings>
  6372. <b:widget-setting name='link-5'>#</b:widget-setting>
  6373. <b:widget-setting name='link-3'>#</b:widget-setting>
  6374. <b:widget-setting name='link-4'>#</b:widget-setting>
  6375. <b:widget-setting name='text-1'><![CDATA[<i class="fa fa-twitter"></i>]]></b:widget-setting>
  6376. <b:widget-setting name='text-0'><![CDATA[<i class="fa fa-facebook"></i>]]></b:widget-setting>
  6377. <b:widget-setting name='text-3'><![CDATA[<i class="fa fa-instagram"></i>]]></b:widget-setting>
  6378. <b:widget-setting name='text-2'><![CDATA[<i class="fa fa-google-plus"></i>]]></b:widget-setting>
  6379. <b:widget-setting name='text-5'><![CDATA[<i class="fa fa-linkedin"></i>]]></b:widget-setting>
  6380. <b:widget-setting name='text-4'><![CDATA[<i class="fa fa-pinterest"></i>]]></b:widget-setting>
  6381. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  6382. <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  6383. <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  6384. <b:widget-setting name='link-0'>https://www.facebook.com/Kaizen1337.gov</b:widget-setting>
  6385. </b:widget-settings>
  6386. <b:includable id='main'>
  6387.  
  6388. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  6389. <div class='widget-content'>
  6390. <ul>
  6391. <b:loop values='data:links' var='link'>
  6392. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  6393. </b:loop>
  6394. </ul>
  6395. <!--b:include name='quickedit'/-->
  6396. </div>
  6397. </b:includable>
  6398. </b:widget>
  6399. </b:section>
  6400. </div>
  6401. <div id='sidebar-wrapper'>
  6402. <b:section class='social-counter sidebar ty-trigger' id='social-counter' maxwidgets='2' name='Social Counter' showaddelement='yes'>
  6403. <b:widget id='LinkList62' locked='true' title='Socialize' type='LinkList' version='1'>
  6404. <b:widget-settings>
  6405. <b:widget-setting name='link-3'>https://www.youtube.com/channel/UCyrHMeyBIzxV9Zmqih0i3bg</b:widget-setting>
  6406. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  6407. <b:widget-setting name='link-4'>#</b:widget-setting>
  6408. <b:widget-setting name='text-1'>twitter count=1.7k;</b:widget-setting>
  6409. <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  6410. <b:widget-setting name='text-0'> facebook count=3.5k;</b:widget-setting>
  6411. <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  6412. <b:widget-setting name='text-3'>youtube count=2.8k;</b:widget-setting>
  6413. <b:widget-setting name='link-0'>https://www.facebook.com/Javahaxor/</b:widget-setting>
  6414. <b:widget-setting name='text-2'>gplus count=735;</b:widget-setting>
  6415. <b:widget-setting name='text-4'>instagram count=849;</b:widget-setting>
  6416. </b:widget-settings>
  6417. <b:includable id='main'>
  6418. <b:if cond='data:title != &quot;&quot;'>
  6419. <h2 class='title'><data:title/></h2>
  6420. </b:if>
  6421. <div class='widget-content'>
  6422. <ul id='social'>
  6423. <b:loop values='data:links' var='link'>
  6424. <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>
  6425. </b:loop>
  6426. </ul>
  6427. </div>
  6428. </b:includable>
  6429. </b:widget>
  6430. </b:section>
  6431. <div style='clear: both;'/>
  6432. <b:section class='sidebar ty-trigger' id='sidebar(1)' preferred='yes'>
  6433. <b:widget id='FollowByEmail2' locked='false' title='Follow by Email' type='FollowByEmail'>
  6434. <b:includable id='main'>
  6435. <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  6436. <div class='widget-content'>
  6437. <div class='follow-by-email-inner'>
  6438. <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'>
  6439. <table width='100%'>
  6440. <tr>
  6441. <td>
  6442. <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  6443. </td>
  6444. <td width='64px'>
  6445. <input class='follow-by-email-submit' type='submit' value='Submit'/>
  6446. </td>
  6447. </tr>
  6448. </table>
  6449. <input expr:value='data:feedPath' name='uri' type='hidden'/>
  6450. <input name='loc' type='hidden' value='en_US'/>
  6451. </form>
  6452. </div>
  6453. </div>
  6454. <span class='item-control blog-admin'>
  6455. <b:include name='quickedit'/>
  6456. </span>
  6457. </b:includable>
  6458. </b:widget>
  6459. </b:section>
  6460. <div style='clear: both;'/>
  6461. <div class='sidetabs' id='sidetabs'>
  6462. <ul class='menu-tab'>
  6463. <li class='item-1'><a href='#tabside1'/></li>
  6464. <li class='item-2'><a href='#tabside2'/></li>
  6465. <li class='item-3'><a href='#tabside3'/></li>
  6466. </ul>
  6467. <b:section class='sidebar ty-trigger' id='tabside1' maxwidgets='1' name='Tab 01' showaddelement='yes'>
  6468. <b:widget id='HTML3' locked='false' title='Recent' type='HTML' version='1'>
  6469. <b:widget-settings>
  6470. <b:widget-setting name='content'><![CDATA[<span class="latestposts" data-no="5"></span>]]></b:widget-setting>
  6471. </b:widget-settings>
  6472. <b:includable id='main'>
  6473. <!-- only display title if it's non-empty -->
  6474. <b:if cond='data:title != &quot;&quot;'>
  6475. <h2 class='title'><data:title/></h2>
  6476. </b:if>
  6477. <div class='widget-content'>
  6478. <data:content/>
  6479. </div>
  6480.  
  6481. <!--b:include name='quickedit'/-->
  6482. </b:includable>
  6483. </b:widget>
  6484. </b:section>
  6485. <b:section class='sidebar ty-trigger' id='tabside2' maxwidgets='1' name='Tab 02' showaddelement='yes'>
  6486. <b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts' version='1'>
  6487. <b:widget-settings>
  6488. <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
  6489. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  6490. <b:widget-setting name='showSnippets'>true</b:widget-setting>
  6491. <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  6492. </b:widget-settings>
  6493. <b:includable id='main'>
  6494. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  6495. <div class='widget-content popular-posts'>
  6496. <ul>
  6497. <b:loop values='data:posts' var='post'>
  6498. <li>
  6499. <b:if cond='!data:showThumbnails'>
  6500. <b:if cond='!data:showSnippets'>
  6501. <!-- (1) No snippet/thumbnail -->
  6502. <a expr:href='data:post.href'><data:post.title/></a>
  6503. <b:else/>
  6504. <!-- (2) Show only snippets -->
  6505. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  6506. <div class='item-snippet'><data:post.snippet/></div>
  6507. </b:if>
  6508. <b:else/>
  6509. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  6510. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  6511. <b:if cond='data:post.thumbnail'>
  6512. <div class='item-thumbnail'>
  6513. <a expr:href='data:post.href'>
  6514. <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  6515. </a>
  6516. </div>
  6517. </b:if>
  6518. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  6519. <b:if cond='data:showSnippets'>
  6520. <div class='item-snippet'><data:post.snippet/></div>
  6521. </b:if>
  6522. </div>
  6523. <div style='clear: both;'/>
  6524. </b:if>
  6525. </li>
  6526. </b:loop>
  6527. </ul>
  6528. <!--b:include name='quickedit'/-->
  6529. </div>
  6530. </b:includable>
  6531. </b:widget>
  6532. </b:section>
  6533. <b:section class='sidebar ty-trigger' id='tabside3' maxwidgets='1' name='Tab 03' showaddelement='yes'>
  6534. <b:widget id='HTML5' locked='false' title='Comments' type='HTML' version='1'>
  6535. <b:widget-settings>
  6536. <b:widget-setting name='content'><![CDATA[<span class="latestcomments" data-no="5"></span>]]></b:widget-setting>
  6537. </b:widget-settings>
  6538. <b:includable id='main'>
  6539. <!-- only display title if it's non-empty -->
  6540. <b:if cond='data:title != &quot;&quot;'>
  6541. <h2 class='title'><data:title/></h2>
  6542. </b:if>
  6543. <div class='widget-content'>
  6544. <data:content/>
  6545. </div>
  6546.  
  6547. <!--b:include name='quickedit'/-->
  6548. </b:includable>
  6549. </b:widget>
  6550. </b:section>
  6551. </div>
  6552. <div style='clear: both;'/>
  6553. <b:section class='sidebar ty-trigger' id='sidebar(2)' preferred='yes'>
  6554. <b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive' version='1'>
  6555. <b:widget-settings>
  6556. <b:widget-setting name='showStyle'>MENU</b:widget-setting>
  6557. <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  6558. <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  6559. <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
  6560. <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  6561. <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  6562. <b:widget-setting name='chronological'>false</b:widget-setting>
  6563. <b:widget-setting name='showPosts'>false</b:widget-setting>
  6564. <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  6565. </b:widget-settings>
  6566. <b:includable id='main'>
  6567. <b:if cond='data:title != &quot;&quot;'>
  6568. <h2><data:title/></h2>
  6569. </b:if>
  6570. <div class='widget-content'>
  6571. <div id='ArchiveList'>
  6572. <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  6573. <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
  6574. <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
  6575. <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  6576. </div>
  6577. </div>
  6578. <!--b:include name='quickedit'/-->
  6579. </div>
  6580. </b:includable>
  6581. <b:includable id='flat' var='data'>
  6582. <ul class='flat'>
  6583. <b:loop values='data:data' var='i'>
  6584. <li class='archivedate'>
  6585. <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  6586. </li>
  6587. </b:loop>
  6588. </ul>
  6589. </b:includable>
  6590. <b:includable id='interval' var='intervalData'>
  6591. <b:loop values='data:intervalData' var='interval'>
  6592. <ul class='hierarchy'>
  6593. <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
  6594. <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
  6595. <a class='post-count-link' expr:href='data:interval.url'>
  6596. <data:interval.name/>
  6597. </a>
  6598. <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
  6599. <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  6600. <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  6601. </li>
  6602. </ul>
  6603. </b:loop>
  6604. </b:includable>
  6605. <b:includable id='menu' var='data'>
  6606. <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  6607. <option value=''><data:title/></option>
  6608. <b:loop values='data:data' var='i'>
  6609. <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  6610. </b:loop>
  6611. </select>
  6612. </b:includable>
  6613. <b:includable id='posts' var='posts'>
  6614. <ul class='posts'>
  6615. <b:loop values='data:posts' var='post'>
  6616. <li><a expr:href='data:post.url'><data:post.title/></a></li>
  6617. </b:loop>
  6618. </ul>
  6619. </b:includable>
  6620. <b:includable id='toggle' var='interval'>
  6621. <a class='toggle' href='javascript:void(0)'>
  6622. <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
  6623. <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  6624. &#9660;&#160;
  6625. <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
  6626. &#9668;&#160;
  6627. <b:else/>
  6628. &#9658;&#160;
  6629. </b:if>
  6630. </span>
  6631. </a>
  6632. </b:includable>
  6633. </b:widget>
  6634. <b:widget id='HTML8' locked='false' title='Sponsor' type='HTML' version='1'>
  6635. <b:widget-settings>
  6636. <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>
  6637. </b:widget-settings>
  6638. <b:includable id='main'>
  6639. <!-- only display title if it's non-empty -->
  6640. <b:if cond='data:title != &quot;&quot;'>
  6641. <h2 class='title'><data:title/></h2>
  6642. </b:if>
  6643. <div class='widget-content'>
  6644. <data:content/>
  6645. </div>
  6646.  
  6647. <!--b:include name='quickedit'/-->
  6648. </b:includable>
  6649. </b:widget>
  6650. </b:section>
  6651. </div>
  6652. <div style='clear: both;'/>
  6653. </div>
  6654. <!-- end content-wrapper -->
  6655. <div id='lower'>
  6656. <div class='body-row' id='lower-wrapper'>
  6657.  
  6658. <div id='lowerbar-wrapper'>
  6659. <b:section class='lowerbar ty-trigger' id='Footer widget(1)' preferred='yes'>
  6660. <b:widget id='HTML9' locked='false' title='About Me' type='HTML'>
  6661. <b:widget-settings>
  6662. <b:widget-setting name='content'>&lt;style&gt;.avatar {
  6663. float: left;
  6664. }
  6665. .avatar-85 {
  6666. border: 3px solid #fff;
  6667. border-radius: 85px;
  6668. margin-right: 10px;
  6669. }
  6670. .icons-social {
  6671. margin: 0 auto;
  6672. clear: both;
  6673. float: none;
  6674. }
  6675. .icons-social li {
  6676. display: inline;
  6677. padding: 0;
  6678. float: left;
  6679. }
  6680. .icons-social #social a {
  6681. display: block;
  6682. height: 42px;
  6683. width: 42px;
  6684. margin-right: 5.5px;
  6685. color: #fff;
  6686. text-align: center;
  6687. font-size: 20px;
  6688. }
  6689. .icons-social #social a:before {
  6690. display: inline-block;
  6691. font: normal normal normal 22px/1 FontAwesome;
  6692. font-size: inherit;
  6693. font-style: normal;
  6694. font-weight: 400;
  6695. line-height: 42px;
  6696. -webkit-font-smoothing: antialiased;
  6697. -moz-osx-font-smoothing: grayscale;
  6698. }
  6699. .icons-social .facebook:before {
  6700. content: &quot;\f09a&quot;;
  6701. }
  6702. .icons-social .twitter:before {
  6703. content: &quot;\f099&quot;;
  6704. }
  6705. .icons-social .gplus:before {
  6706. content: &quot;\f0d5&quot;;
  6707. }
  6708. .icons-social .linkedin:before {
  6709. content: &quot;\f0e1&quot;;
  6710. }
  6711. .icons-social .instagram:before {
  6712. content: &quot;\f16d&quot;;
  6713. }
  6714. .icons-social .pinterest:before {
  6715. content: &quot;\f0d2&quot;;
  6716. }
  6717. &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;
  6718. color: #0288d1;
  6719. &quot;&gt;Learn More &#8594;&lt;/a&gt;&lt;/p&gt;</b:widget-setting>
  6720. </b:widget-settings>
  6721. <b:includable id='main'>
  6722. <!-- only display title if it's non-empty -->
  6723. <b:if cond='data:title != &quot;&quot;'>
  6724. <h2 class='title'><data:title/></h2>
  6725. </b:if>
  6726. <div class='widget-content'>
  6727. <data:content/>
  6728. </div>
  6729.  
  6730. <b:include name='quickedit'/>
  6731. </b:includable>
  6732. </b:widget>
  6733. </b:section>
  6734. </div>
  6735.  
  6736. <div id='lowerbar-wrapper'>
  6737. <b:section class='lowerbar ty-trigger' id='Footer widget(2)' preferred='yes'>
  6738. <b:widget id='HTML7' locked='false' title='Recent News' type='HTML' version='1'>
  6739. <b:widget-settings>
  6740. <b:widget-setting name='content'><![CDATA[<span class="tagpost" data-label="news" data-no="2"></span>]]></b:widget-setting>
  6741. </b:widget-settings>
  6742. <b:includable id='main'>
  6743. <!-- only display title if it's non-empty -->
  6744. <b:if cond='data:title != &quot;&quot;'>
  6745. <h2 class='title'><data:title/></h2>
  6746. </b:if>
  6747. <div class='widget-content'>
  6748. <data:content/>
  6749. </div>
  6750.  
  6751. <!--b:include name='quickedit'/-->
  6752. </b:includable>
  6753. </b:widget>
  6754. </b:section>
  6755. </div>
  6756.  
  6757. <div id='lowerbar-wrapper'>
  6758. <b:section class='lowerbar ty-trigger' id='Footer widget(3)' preferred='yes'>
  6759. <b:widget id='Label3' locked='false' title='Tags' type='Label' version='1'>
  6760. <b:widget-settings>
  6761. <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  6762. <b:widget-setting name='display'>CLOUD</b:widget-setting>
  6763. <b:widget-setting name='selectedLabelsList'/>
  6764. <b:widget-setting name='showType'>ALL</b:widget-setting>
  6765. <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  6766. </b:widget-settings>
  6767. <b:includable id='main'>
  6768. <b:if cond='data:title != &quot;&quot;'>
  6769. <h2><data:title/></h2>
  6770. </b:if>
  6771. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  6772. <b:if cond='data:display == &quot;list&quot;'>
  6773. <ul>
  6774. <b:loop values='data:labels' var='label'>
  6775. <li>
  6776. <b:if cond='data:blog.url == data:label.url'>
  6777. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  6778. <b:else/>
  6779. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  6780. </b:if>
  6781. <b:if cond='data:showFreqNumbers'>
  6782. <span dir='ltr'>(<data:label.count/>)</span>
  6783. </b:if>
  6784. </li>
  6785. </b:loop>
  6786. </ul>
  6787. <b:else/>
  6788. <b:loop values='data:labels' var='label'>
  6789. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  6790. <b:if cond='data:blog.url == data:label.url'>
  6791. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  6792. <b:else/>
  6793. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  6794. </b:if>
  6795. <b:if cond='data:showFreqNumbers'>
  6796. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  6797. </b:if>
  6798. </span>
  6799. </b:loop>
  6800. </b:if>
  6801. <!--b:include name='quickedit'/-->
  6802. </div>
  6803. </b:includable>
  6804. </b:widget>
  6805. <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm' version='1'>
  6806. <b:includable id='main'>
  6807. <b:if cond='data:title != &quot;&quot;'>
  6808. <h2 class='title'><data:title/></h2>
  6809. </b:if>
  6810. <div class='contact-form-widget'>
  6811. <div class='form'>
  6812. <form name='contact-form'>
  6813. <p/>
  6814. <data:contactFormNameMsg/>
  6815. <br/>
  6816. <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  6817. <p/>
  6818. <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  6819. <br/>
  6820. <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  6821. <p/>
  6822. <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  6823. <br/>
  6824. <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  6825. <p/>
  6826. <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'/>
  6827. <p/>
  6828. <div style='text-align: center; max-width: 222px; width: 100%'>
  6829. <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  6830. <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  6831. </div>
  6832. </form>
  6833. </div>
  6834. </div>
  6835. <!--b:include name='quickedit'/-->
  6836. </b:includable>
  6837. </b:widget>
  6838. </b:section>
  6839. </div>
  6840. <div style='clear: both;'/>
  6841. </div> </div>
  6842. <div id='ty_footer'>
  6843. <div class='ty-copy-container body-row'>
  6844.  
  6845. <div class='ty_footer_copyright'>
  6846. 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>
  6847. <b:section class='bottom-bar-social blue' id='Footer social widget' maxwidgets='1' name='Footer Social Widget' showaddelement='no'>
  6848. <b:widget id='LinkList236' locked='true' title='Social Media Icons' type='LinkList' version='1'>
  6849. <b:widget-settings>
  6850. <b:widget-setting name='link-3'>#</b:widget-setting>
  6851. <b:widget-setting name='sorting'>NONE</b:widget-setting>
  6852. <b:widget-setting name='text-1'>twitter</b:widget-setting>
  6853. <b:widget-setting name='link-1'>https://twitter.com/Zaenal1337</b:widget-setting>
  6854. <b:widget-setting name='text-0'>facebook</b:widget-setting>
  6855. <b:widget-setting name='link-2'>https://plus.google.com/u/0/117673850650242989379</b:widget-setting>
  6856. <b:widget-setting name='text-3'>rss</b:widget-setting>
  6857. <b:widget-setting name='link-0'>https://www.facebook.com/Javahaxor/</b:widget-setting>
  6858. <b:widget-setting name='text-2'>gplus</b:widget-setting>
  6859. </b:widget-settings>
  6860. <b:includable id='main'>
  6861. <div class='widget-content'>
  6862. <ul id='social'>
  6863. <b:loop values='data:links' var='link'>
  6864. <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
  6865. </b:loop>
  6866. </ul>
  6867. </div>
  6868. </b:includable>
  6869. </b:widget>
  6870. </b:section>
  6871.  
  6872.  
  6873.  
  6874.  
  6875. </div>
  6876. </div>
  6877. <a class='back-to-top' href='#'><i class='fa fa-hand-o-up'/></a>
  6878. &lt;/div&gt;
  6879. <script async='async' type='text/javascript'>
  6880. //<![CDATA[
  6881. var no_image = "http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png";
  6882. var month_format = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
  6883. var more_text = "View More";
  6884. var comments_text = "<span>Post </span>Comment";
  6885. var pagenav_prev = "Previous";
  6886. var pagenav_next = "Next";
  6887. var POSTPAGER_OLDER = "Older Article <i class='fa fa-chevron-circle-right' aria-hidden='true'></i>"; // post nav text "previous post"
  6888. var POSTPAGER_NEWER = "<i class='fa fa-chevron-circle-left' aria-hidden='true'></i> Newer Article"; // post nav text "next post"
  6889. //]]>
  6890. </script>
  6891. <script type='text/javascript'>
  6892. //<![CDATA[
  6893. // Plugin: SelectNav.js ~ url: https://github.com/lukaszfiszer/selectnav.js
  6894. 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)}}();
  6895.  
  6896. // News Ticker plugin ~ URL: http://jonmifsud.com/open-source/jquery/jquery-webticker
  6897. (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);
  6898.  
  6899. // Timeago jQuery plugin ~ URL: http://timeago.yarp.com
  6900. (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")});
  6901.  
  6902. // Tabslet jQuery plugin - http://vdw.staytuned.gr
  6903. (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);
  6904.  
  6905. // Theia Sticky Sidebar v1.3.0 - https://github.com/WeCodePixels/theia-sticky-sidebar
  6906. !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);
  6907.  
  6908. // Simple Tab JQuery Plugin by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
  6909. (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);
  6910.  
  6911. // jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
  6912. (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);
  6913.  
  6914. // Main Post Scripts
  6915. $(document).ready(function($) {
  6916. var k = -1,
  6917. o = "",
  6918. p = "";
  6919. $("#menu").find("ul").find("li").each(function() {
  6920. 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++)
  6921. x++;
  6922. if (level = z, level > k && (o += "<ul>", p += "<ul>"), level < k) {
  6923. offset = k - level;
  6924. for (var z = 0; z < offset; z++) o += "</ul></li>", p += "</ul></li>"
  6925. }
  6926. text = text.replace(/_/gi, ""), o += "<li><a href='" + url + "'>" + text + "</a>", p += "<li><a href='" + url + "'>";
  6927. for (var z = 0; z < level; z++) p += "";
  6928. p += text + "</a>", k = level
  6929. });
  6930. for (var x = 0; k >= x; x++) o += "</ul>", p += "</ul>", 0 != x && (o += "</li>", p += "</li>");
  6931. $("#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");
  6932. });
  6933. $(document).ready(function(e) {
  6934. e("abbr.timeago").timeago()
  6935. });
  6936. $(document).ready(function(){
  6937. $('.header-search > .fa-search').click(function(){
  6938. $('.tm-menu .search-form').slideDown('', function() {});
  6939. $('.header-search > .fa-search').toggleClass('active');
  6940. $('.header-search > .fa-times').toggleClass('active');
  6941. });
  6942.  
  6943. $('.header-search > .fa-times').click(function(){
  6944. $('.tm-menu .search-form').slideUp('', function() {});
  6945. $('.header-search > .fa-search').toggleClass('active');
  6946. $('.header-search > .fa-times').toggleClass('active');
  6947. });
  6948. selectnav('nav');
  6949. });
  6950.  
  6951. $(document).ready(function(){
  6952. $('.ty-ran-yard span').each(function() {
  6953. $.ajax({
  6954. url: "/feeds/posts/default?alt=json-in-script",
  6955. type: 'get',
  6956. dataType: "jsonp",
  6957. success: function(t) {
  6958. 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({
  6959. url: "/feeds/posts/default?alt=json-in-script&start-index=" + t + "&max-results=1",
  6960. type: 'get',
  6961. dataType: "jsonp",
  6962. success: function(data) {
  6963. var url = "";
  6964. var rlink = '';
  6965. for (var i = 0; i < data.feed.entry.length; i++) {
  6966. for (var j = 0; j < data.feed.entry[i].link.length; j++) {
  6967. if (data.feed.entry[i].link[j].rel == "alternate") {
  6968. url = data.feed.entry[i].link[j].href;
  6969. break
  6970. }
  6971. }
  6972. rlink += '<a class="ran-sym" href="' + url + '"></a>'
  6973. }
  6974. $('.ty-ran-yard span').html(rlink)
  6975. }
  6976. })
  6977. }
  6978. })
  6979. })
  6980. });
  6981. $(".ticker .HTML .widget-content").each(function() {
  6982. var b = $(this).find("span").attr("data-no") || "",
  6983. v = $(this).find("span").attr("data-label") || "",
  6984. box = $(this).find("span").attr("data-type") || "";
  6985.  
  6986.  
  6987. if ( box != undefined && box.match('recent')) {
  6988. $.ajax({
  6989. url: "/feeds/posts/default?alt=json-in-script&max-results=" + b,
  6990. type: 'get',
  6991. dataType: "jsonp",
  6992. success: function(e) {
  6993. var u = "";
  6994. var h = '<ul>';
  6995. for (var i = 0; i < e.feed.entry.length; i++) {
  6996. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  6997. if (e.feed.entry[i].link[j].rel == "alternate") {
  6998. u = e.feed.entry[i].link[j].href;
  6999. break
  7000. }
  7001. }
  7002. var g = e.feed.entry[i].title.$t;
  7003. var s = e.feed.entry[i].category[0].term;
  7004. var c = e.feed.entry[i].content.$t;
  7005. var $c = $('<div>').html(c);
  7006. if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7007. var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7008. var k = p
  7009. } else if (c.indexOf("<img") > -1) {
  7010. var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7011. var k = q
  7012. } else {
  7013. var k = no_image
  7014. }
  7015. 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>'
  7016. }
  7017. h += '</ul>';
  7018. $(".ticker .widget-content").each(function() {
  7019. $(this).html(h);
  7020. $(this).prev('h2').wrapInner('<span></span>');
  7021. $(this).prev('h2').prepend('<i class="fa fa-fire"></i>');
  7022. $(this).find('ul').webTicker()
  7023. })
  7024. }
  7025. })
  7026. } else if ( box != undefined && box.match('label')) {
  7027. $.ajax({
  7028. url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=" + b,
  7029. type: 'get',
  7030. dataType: "jsonp",
  7031. success: function(e) {
  7032. var u = "";
  7033. var h = '<ul>';
  7034. for (var i = 0; i < e.feed.entry.length; i++) {
  7035. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7036. if (e.feed.entry[i].link[j].rel == "alternate") {
  7037. u = e.feed.entry[i].link[j].href;
  7038. break
  7039. }
  7040. }
  7041. var g = e.feed.entry[i].title.$t;
  7042. var s = e.feed.entry[i].category[0].term;
  7043. var c = e.feed.entry[i].content.$t;
  7044. var $c = $('<div>').html(c);
  7045. if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7046. var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7047. var k = p
  7048. } else if (c.indexOf("<img") > -1) {
  7049. var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7050. var k = q
  7051. } else {
  7052. var k = no_image
  7053. }
  7054. 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>'
  7055. }
  7056. h += '</ul>';
  7057. $(".ticker .HTML .widget-content").each(function() {
  7058. $(this).html(h);
  7059. $(this).prev('h2').wrapInner('<span></span>');
  7060. $(this).prev('h2').prepend('<i class="fa fa-fire"></i>');
  7061. $(this).find('ul').webTicker()
  7062. })
  7063. }
  7064. })
  7065. }
  7066. });
  7067. $(document).ready(function() {
  7068. $('.sidebar h2,.lowerbar h2').wrapInner('<span></span>');
  7069. });
  7070. $(document).ready(function($) {
  7071. $('.post-summary').each(function() {
  7072. var summary = $(this),
  7073. getURL = summary.attr('data-url');
  7074. $.get(getURL, function(data) {
  7075. var text = $(data).find('.post-body').text().substr(0, 250);
  7076. summary.html('<p>' + text + '...</p>');
  7077. }, "html");
  7078. });
  7079. });
  7080. $(".featured .HTML .widget-content").each(function() {
  7081. var n = $(this).prev("h2").text(),
  7082. v = $(this).find("span").attr("data-label")
  7083. tyard = $(this).parent().attr("id"),
  7084. box = $(this).find("span").attr("data-type");
  7085. if ( box != undefined && box.match('tyard-recent')) {
  7086. $.ajax({
  7087. url: "/feeds/posts/default?alt=json-in-script&max-results=4",
  7088. type: 'get',
  7089. dataType: "jsonp",
  7090. success: function(e) {
  7091. var u = "";
  7092. var h = '<div class="ty-feat">';
  7093. for (var i = 0; i < e.feed.entry.length; i++) {
  7094. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7095. if (e.feed.entry[i].link[j].rel == "alternate") {
  7096. u = e.feed.entry[i].link[j].href;
  7097. break
  7098. }
  7099. }
  7100. var post_comments;
  7101. for (var k = 0; k < e.feed.entry[i].link.length; k++) {
  7102. if ((e.feed.entry[i].link[k].rel === 'replies') && (e.feed.entry[i].link[k].type === 'text/html')) {
  7103. post_comments = e.feed.entry[i].link[k].title;
  7104. break;
  7105. }
  7106. }
  7107. post_comments = parseInt(post_comments, 10);
  7108. if ("content" in e.feed.entry[i]) var summ = e.feed.entry[i].content.$t;
  7109. else if ("summary" in b_rc) var summ = e.feed.entry[i].summary.$t;
  7110. else var summ = "";
  7111. var content = /<\S[^>]*>/g;
  7112. summ = summ.replace(content, ""), summ.length > 120 && (summ = "" + summ.substring(0, 100) + "...");
  7113. var g = e.feed.entry[i].title.$t;
  7114. var s = e.feed.entry[i].category[0].term;
  7115. var y = e.feed.entry[i].author[0].name.$t;
  7116. var AuthorPic = e.feed.entry[i].author[0].gd$image.src;
  7117. var d = e.feed.entry[i].published.$t,
  7118. t = d.substring(0, 4),
  7119. w = d.substring(5, 7),
  7120. f = d.substring(8, 10),
  7121. r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7122. var c = e.feed.entry[i].content.$t;
  7123. var $c = $('<div>').html(c);
  7124. if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7125. var p = e.feed.entry[i].media$thumbnail.url;
  7126. var k = p
  7127. } else if (c.indexOf("<img") > -1) {
  7128. var q = $c.find('img:first').attr('src');
  7129. var k = q
  7130. } else {
  7131. var k = no_image
  7132. }
  7133. if (i == 0) {
  7134. 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>'
  7135. } if (i == 1) {
  7136. 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>'
  7137. } if (i == 2) {
  7138. 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>'
  7139. } if (i == 3) {
  7140. 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>'
  7141. }
  7142. }
  7143. h += '</div>';
  7144. $(".featured .HTML .widget-content").each(function() {
  7145. var text = $(this).parent().attr("id");
  7146. if (text == tyard) {
  7147. $(this).html(h);
  7148. $(this).parent().addClass('tyard');
  7149. $(this).parent().addClass('templatesyard');
  7150. $( ".featured" ).addClass( "comload" ).removeClass( "preload" );
  7151. $( ".featured h2" ).remove();
  7152. $(this).find('.yard-img,.ty-img').each(function() {
  7153. $(this).attr('style', function(i, src) {
  7154. return src.replace('/default.jpg', '/mqdefault.jpg')
  7155. }).attr('style', function(i, src) {
  7156. return src.replace('s72-c', 's1600')
  7157. })
  7158. })
  7159. }
  7160. })
  7161. }
  7162. })
  7163. } else if ( box != undefined && box.match('tyard-label')) {
  7164. $.ajax({
  7165. url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=4",
  7166. type: 'get',
  7167. dataType: "jsonp",
  7168. success: function(e) {
  7169. var u = "";
  7170. var h = '<div class="ty-feat">';
  7171. for (var i = 0; i < e.feed.entry.length; i++) {
  7172. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7173. if (e.feed.entry[i].link[j].rel == "alternate") {
  7174. u = e.feed.entry[i].link[j].href;
  7175. break
  7176. }
  7177. }
  7178. var post_comments;
  7179. for (var k = 0; k < e.feed.entry[i].link.length; k++) {
  7180. if ((e.feed.entry[i].link[k].rel === 'replies') && (e.feed.entry[i].link[k].type === 'text/html')) {
  7181. post_comments = e.feed.entry[i].link[k].title;
  7182. break;
  7183. }
  7184. }
  7185. post_comments = parseInt(post_comments, 10);
  7186. if ("content" in e.feed.entry[i]) var summ = e.feed.entry[i].content.$t;
  7187. else if ("summary" in b_rc) var summ = e.feed.entry[i].summary.$t;
  7188. else var summ = "";
  7189. var content = /<\S[^>]*>/g;
  7190. summ = summ.replace(content, ""), summ.length > 120 && (summ = "" + summ.substring(0, 100) + "...");
  7191. var g = e.feed.entry[i].title.$t;
  7192. var s = e.feed.entry[i].category[0].term;
  7193. var y = e.feed.entry[i].author[0].name.$t;
  7194. var AuthorPic = e.feed.entry[i].author[0].gd$image.src;
  7195. var d = e.feed.entry[i].published.$t,
  7196. t = d.substring(0, 4),
  7197. w = d.substring(5, 7),
  7198. f = d.substring(8, 10),
  7199. r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7200. var c = e.feed.entry[i].content.$t;
  7201. var $c = $('<div>').html(c);
  7202. if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7203. var p = e.feed.entry[i].media$thumbnail.url;
  7204. var k = p
  7205. } else if (c.indexOf("<img") > -1) {
  7206. var q = $c.find('img:first').attr('src');
  7207. var k = q
  7208. } else {
  7209. var k = no_image
  7210. }
  7211. if (i == 0) {
  7212. 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>'
  7213. } if (i == 1) {
  7214. 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>'
  7215. } if (i == 2) {
  7216. 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>'
  7217. } if (i == 3) {
  7218. 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>'
  7219. }
  7220. }
  7221. h += '</div>';
  7222. $(".featured .HTML .widget-content").each(function() {
  7223. var text = $(this).parent().attr("id");
  7224. if (text == tyard) {
  7225. $(this).html(h);
  7226. $(this).parent().addClass('tyard');
  7227. $(this).parent().addClass('templatesyard');
  7228. $( ".featured" ).addClass( "comload" ).removeClass( "preload" );
  7229. $( ".featured h2" ).remove();
  7230. $(this).find('.yard-img,.ty-img').each(function() {
  7231. $(this).attr('style', function(i, src) {
  7232. return src.replace('/default.jpg', '/mqdefault.jpg')
  7233. }).attr('style', function(i, src) {
  7234. return src.replace('s72-c', 's1600')
  7235. })
  7236. })
  7237. }
  7238. })
  7239. }
  7240. })
  7241. } else {
  7242. $(".tyard-wrapper").remove();
  7243. }
  7244. });
  7245.  
  7246. $(".social-counter").each(function() {
  7247. var a = $(this);
  7248. var b = $(this).find(".item-social");
  7249. if (0 === b.length) a.remove();
  7250. $(this).find(".widget").removeClass("LinkList");
  7251. $(".social-counter .item-social.facebook").find(".item-text").text("Likes");
  7252. $(".social-counter .item-social.rss,.social-counter .item-social.youtube").find(".item-text").text("Subscribes");
  7253. var c = "count=";
  7254. var d = ";";
  7255. $(".social-counter *").replaceText(c, '<span class="item-count">');
  7256. $(".social-counter *").replaceText(d, "</span>");
  7257. $(".item-social").each(function() {
  7258. var a = $(this).find(".hide-count");
  7259. var b = $(this).find(".item-count");
  7260. $(a).before($(b));
  7261. $(a).remove()
  7262. })
  7263. });
  7264. $(".post-home-image .post-thumb a").attr("style", function($this, t) {
  7265. if (t.match("hqdefault.jpg")) {
  7266. return t.replace("/hqdefault.jpg", "/mqdefault.jpg");
  7267. } else if (t.match("default.jpg")) {
  7268. return t.replace("/default.jpg", "/mqdefault.jpg");
  7269. } else if (t.match("s72-c")) {
  7270. return t.replace("/s72-c", "/s1600");
  7271. } else if (t.match("w72-h72-p-nu")) {
  7272. return t.replace("/w72-h72-p-nu", "/s1600");
  7273. } else {
  7274. return t.replace("http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png", no_image);
  7275. }
  7276. });
  7277. $(document).ready(function() {
  7278. var followByEmailhead = "<span style='color:$maincolor;'>NEWS</span>LETTER";
  7279. var followByEmailtext = "Make sure you don\'t miss interesting happenings by joining our newsletter program";
  7280. $( ".email-folower h2" ).remove();
  7281. var f = $(".FollowByEmail .widget-content");
  7282. if(f.length) {
  7283. f.prepend("<div class='email-letter-text'><h3 class='subhead'>"+ followByEmailhead +"</h3><p class='subtext'>"+ followByEmailtext +"</p></div>");
  7284. }
  7285. });
  7286. $(document).ready(function(){
  7287. var n = $("#sidetabs #tabside1 .widget h2").text();
  7288. $(".menu-tab .item-1 a").text(n);
  7289. var u = $("#sidetabs #tabside2 .widget h2").text();
  7290. $(".menu-tab .item-2 a").text(u);
  7291. var v = $("#sidetabs #tabside3 .widget h2").text();
  7292. $(".menu-tab .item-3 a").text(v);
  7293. $("#tabside1 .widget h2,#tabside2 .widget h2,#tabside3 .widget h2,#tabside1 .widget-title,#tabside2 .widget-title,#tabside3 .widget-title").remove();
  7294. $(this).find(".menu-tab li").addClass("hide-tab");
  7295. $(".sidetabs").tabslet({
  7296. mouseevent: "click",
  7297. attribute: "href",
  7298. animation: true
  7299. });
  7300. if (0 === $(".sidetabs .widget").length) $(".sidetabs").remove()
  7301. });
  7302. $(document).ready(function() {
  7303. $(".cmm-tabs").simplyTab({
  7304. active: 1,
  7305. fx: "fade",
  7306. showSpeed: 400,
  7307. hideSpeed: 400
  7308. });
  7309. $('.blogger-tab').append($('#comments'));
  7310. $(".cmm-tabs.simplyTab .wrap-tab").wrap("<div class='cmm-tabs-header'/>");
  7311. });
  7312. $(".PopularPosts ul li img").attr("src", function($this, img) {
  7313. if (img.match("hqdefault.jpg")) {
  7314. return img.replace("/hqdefault.jpg", "/mqdefault.jpg");
  7315. } else if (img.match("default.jpg")) {
  7316. return img.replace("/default.jpg", "/mqdefault.jpg");
  7317. } else if (img.match("s72-c")) {
  7318. return img.replace("/s72-c", "/s1600");
  7319. } else if (img.match("w72-h72-p-nu")) {
  7320. return img.replace("/w72-h72-p-nu", "/s1600");
  7321. } else {
  7322. return img.replace("http://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png", no_image);
  7323. }
  7324. });
  7325. $(document).ready(function() {
  7326. $('span[name="author-social"]').before($('.post-author-social .widget-content').html());
  7327. $('.post-author-social .widget-content').html('')
  7328. $('span[name="author-post"]').before($('.post-author-widget .widget-content').html());
  7329. $('.post-author-widget .widget-content').html('')
  7330. $('a[name="ad-post-top"]').before($('#adwidegt2 .widget-content').html());
  7331. $('#adwidegt2 .widget-content').html('')
  7332. $('a[name="ad-post-bottom"]').before($('#adwidegt3 .widget-content').html());
  7333. $('#adwidegt3 .widget-content').html('')
  7334. });
  7335. $('.ty-trigger .HTML .widget-content span.latestcomments').each(function() {
  7336. var b = $(this).attr("data-no");
  7337. $.ajax({
  7338. url: "/feeds/comments/default?alt=json-in-script&max-results=" + b,
  7339. type: 'get',
  7340. dataType: "jsonp",
  7341. success: function(e) {
  7342. var u = "";
  7343. var h = '<div class="tyard-komet">';
  7344. for (var i = 0; i < e.feed.entry.length; i++) {
  7345. if (i == e.feed.entry.length) break;
  7346. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7347. if (e.feed.entry[i].link[j].rel == 'alternate') {
  7348. u = e.feed.entry[i].link[j].href;
  7349. break
  7350. }
  7351. }
  7352. if ("content" in e.feed.entry[i]) {
  7353. var c = e.feed.entry[i].content.$t
  7354. } else if ("summary" in b_rc) {
  7355. var c = e.feed.entry[i].summary.$t
  7356. } else var c = "";
  7357. var re = /<\S[^>]*>/g;
  7358. c = c.replace(re, "");
  7359. if (c.length > 70) {
  7360. c = '' + c.substring(0, 50) + '...'
  7361. }
  7362. var y = e.feed.entry[i].author[0].name.$t;
  7363. var yk = e.feed.entry[i].author[0].gd$image.src;
  7364. if (yk.match('http://img1.blogblog.com/img/blank.gif')) {
  7365. var k = 'http://img1.blogblog.com/img/anon36.png'
  7366. } else {
  7367. if (yk.match('http://img2.blogblog.com/img/b16-rounded.gif')) {
  7368. var k = 'http://img1.blogblog.com/img/anon36.png'
  7369. } else {
  7370. var k = yk
  7371. }
  7372. };
  7373. 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>'
  7374. }
  7375. h += '</div><div class="clear"/>';
  7376. $('.ty-trigger .HTML .widget-content span.latestcomments').each(function() {
  7377. var text = $(this).attr("data-no");
  7378. if (text == b) {
  7379. $(this).parent().html(h)
  7380. }
  7381. })
  7382. }
  7383. })
  7384. });
  7385. $('.ty-trigger .HTML .widget-content span.latestposts').each(function() {
  7386. var b = $(this).attr("data-no");
  7387. $.ajax({
  7388. url: "/feeds/posts/default?alt=json-in-script&max-results=" + b,
  7389. type: 'get',
  7390. dataType: "jsonp",
  7391. success: function(e) {
  7392. var u = "";
  7393. var h = '<div class="ty-bonus">';
  7394. for (var i = 0; i < e.feed.entry.length; i++) {
  7395. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7396. if (e.feed.entry[i].link[j].rel == "alternate") {
  7397. u = e.feed.entry[i].link[j].href;
  7398. break
  7399. }
  7400. }
  7401. var g = e.feed.entry[i].title.$t;
  7402. var s = e.feed.entry[i].category[0].term;
  7403. var y = e.feed.entry[i].author[0].name.$t;
  7404. var d = e.feed.entry[i].published.$t,
  7405. t = d.substring(0, 4),
  7406. w = d.substring(5, 7),
  7407. f = d.substring(8, 10),
  7408. r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7409. var c = e.feed.entry[i].content.$t;
  7410. var $c = $('<div>').html(c);
  7411. if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7412. var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7413. var k = p
  7414. } else if (c.indexOf("<img") > -1) {
  7415. var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7416. var k = q
  7417. } else {
  7418. var k = no_image
  7419. }
  7420. 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>'
  7421. }
  7422. h += '</div>';
  7423. $('.ty-trigger .HTML .widget-content span.latestposts').each(function() {
  7424. var text = $(this).attr("data-no");
  7425. if (text == b) {
  7426. $(this).parent().html(h)
  7427. }
  7428. })
  7429. }
  7430. })
  7431. });
  7432. $('.ty-trigger .HTML .widget-content span.tagpost').each(function() {
  7433. var v = $(this).attr("data-label"),
  7434. b = $(this).attr("data-no");
  7435. $.ajax({
  7436. url: "/feeds/posts/default/-/" + v + "?alt=json-in-script&max-results=" + b,
  7437. type: 'get',
  7438. dataType: "jsonp",
  7439. success: function(e) {
  7440. var u = "";
  7441. var h = '<div class="ty-bonus">';
  7442. for (var i = 0; i < e.feed.entry.length; i++) {
  7443. for (var j = 0; j < e.feed.entry[i].link.length; j++) {
  7444. if (e.feed.entry[i].link[j].rel == "alternate") {
  7445. u = e.feed.entry[i].link[j].href;
  7446. break
  7447. }
  7448. }
  7449. var g = e.feed.entry[i].title.$t;
  7450. var s = e.feed.entry[i].category[0].term;
  7451. var y = e.feed.entry[i].author[0].name.$t;
  7452. var d = e.feed.entry[i].published.$t,
  7453. t = d.substring(0, 4),
  7454. w = d.substring(5, 7),
  7455. f = d.substring(8, 10),
  7456. r = month_format[parseInt(w, 10)] + ' ' + f + ', ' + t;
  7457. var c = e.feed.entry[i].content.$t;
  7458. var $c = $('<div>').html(c);
  7459. if (c.indexOf("//www.youtube.com/embed/") > -1) {
  7460. var p = e.feed.entry[i].media$thumbnail.url.replace('/default.jpg', '/mqdefault.jpg');
  7461. var k = p
  7462. } else if (c.indexOf("<img") > -1) {
  7463. var q = $c.find('img:first').attr('src').replace('s72-c', 's1600');
  7464. var k = q
  7465. } else {
  7466. var k = no_image
  7467. }
  7468. 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>'
  7469. }
  7470. h += '</div>';
  7471. $(".ty-trigger .HTML .widget-content span.tagpost").each(function() {
  7472. var text = $(this).attr("data-label");
  7473. if (text == v) {
  7474. $(this).parent().html(h)
  7475. }
  7476. })
  7477. }
  7478. })
  7479. });
  7480.  
  7481. $(document).ready(function() {
  7482. $('span[name="author-social"]').before($('.post-author-social .widget-content').html());
  7483. $('.post-author-social .widget-content').html('')
  7484. $('span[name="author-post"]').before($('.post-author-widget .widget-content').html());
  7485. $('.post-author-widget .widget-content').html('')
  7486. });
  7487. $(".ty-comment").click(function() {
  7488. $('html, body').animate({
  7489. scrollTop: $("#put-your-comment").offset().top
  7490. }, 1000);
  7491. });
  7492.  
  7493. $(document).ready(function() {
  7494. $('img').each(function(){
  7495. var $img = $(this);
  7496. var filename = $img.attr('src')
  7497. $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  7498.  
  7499. $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  7500. });
  7501. });
  7502. $(document).ready(function(typage){
  7503. var b = typage("#post-pager .blog-pager-newer-link");
  7504. var c = typage("#post-pager .blog-pager-older-link");
  7505. typage.get(b.attr("href"), function (c) {
  7506. b.html("<b>" + POSTPAGER_NEWER + "</b><span>" + typage(c).find(".post h1.post-title").text() + "</span>")
  7507. },
  7508. "html");
  7509. typage.get(c.attr("href"), function (b) {
  7510. c.html("<b>" + POSTPAGER_OLDER + "</b><span>" + typage(b).find(".post h1.post-title").text() + "</span>")
  7511. },
  7512. "html")
  7513. });
  7514. $(function() {
  7515. $( ".post-body img" ).parent( "a" ).css( "margin", "0 auto!important" );
  7516. });
  7517. $(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}}
  7518. 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';}
  7519. 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>'}
  7520. h+='</div>',g.html(h);}})}
  7521. $("#related-posts").each(function(){var g=$(this),e=g.text(),r=3;relatedPost(g,e,r);});});
  7522. $(".Label a,.post-labels a,.post-ty-heading a,.breadcrumbs span a,.label-head a").attr("href", function($this, href) {
  7523. return href.replace(href, href + "?&max-results=" + perPage);
  7524. });
  7525. $( ".item .post-body img" ).parent( "a" ).css( "margin", "0 auto!important" );
  7526. var s = "[full_width]";
  7527. var o = "[left_sidebar]";
  7528. var u = "[right_sidebar]";
  7529. $(".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>");
  7530. $(".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>");
  7531. $(".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>");
  7532.  
  7533. //]]>
  7534. </script>
  7535.  
  7536. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  7537. <b:if cond='data:blog.pageType!= &quot;item&quot;'>
  7538. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  7539. <style>
  7540. article {
  7541. padding:0 10px 0 0;
  7542. }
  7543. .post-header {
  7544. padding:0;
  7545. }
  7546. @media only screen and (max-width: 768px) {
  7547. article {
  7548. padding:10px;
  7549. }
  7550. }
  7551. </style>
  7552. <!--Page Navigation Starts-->
  7553. <script type='text/javascript'>
  7554. /*<![CDATA[*/
  7555. var numPages=5;
  7556. var firstText ='First';
  7557. var lastText ='Last';
  7558. var prevText ='« Previous';
  7559. var nextText ='Next »';
  7560. var urlactivepage=location.href;
  7561. var home_page="/";
  7562. /*]]>*/
  7563. </script>
  7564. <script type='text/javascript'>
  7565. /*<![CDATA[*/
  7566. if (typeof firstText == "undefined") firstText = "First";
  7567. if (typeof lastText == "undefined") lastText = "Last";
  7568. var noPage;
  7569. var currentPage;
  7570. var currentPageNo;
  7571. var postLabel;
  7572. pagecurrentg();
  7573.  
  7574. function looppagecurrentg(pageInfo) {
  7575. var html = '';
  7576. pageNumber = parseInt(numPages / 2);
  7577. if (pageNumber == numPages - pageNumber) {
  7578. numPages = pageNumber * 2 + 1
  7579. }
  7580. pageStart = currentPageNo - pageNumber;
  7581. if (pageStart < 1) pageStart = 1;
  7582. lastPageNo = parseInt(pageInfo / perPage) + 1;
  7583. if (lastPageNo - 1 == pageInfo / perPage) lastPageNo = lastPageNo - 1;
  7584. pageEnd = pageStart + numPages - 1;
  7585. if (pageEnd > lastPageNo) pageEnd = lastPageNo;
  7586. html += "<span class='showpageOf'>Page " + currentPageNo + ' of ' + lastPageNo + "</span>";
  7587. var prevNumber = parseInt(currentPageNo) - 1;
  7588.  
  7589. //Iccsi was here, doing magic
  7590. if (currentPageNo > 1) {
  7591. if (currentPage == "page") {
  7592. html += '<span class="showpage firstpage"><a href="' + home_page + '">' + firstText + '</a></span>'
  7593. } else {
  7594. html += '<span class="displaypageNum firstpage"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + firstText + '</a></span>'
  7595. }
  7596. }
  7597.  
  7598. if (currentPageNo > 2) {
  7599. if (currentPageNo == 3) {
  7600. if (currentPage == "page") {
  7601. html += '<span class="showpage"><a href="' + home_page + '">' + prevText + '</a></span>'
  7602. } else {
  7603. html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">' + prevText + '</a></span>'
  7604. }
  7605. } else {
  7606. if (currentPage == "page") {
  7607. html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + prevNumber + ');return false">' + prevText + '</a></span>'
  7608. } else {
  7609. html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + prevNumber + ');return false">' + prevText + '</a></span>'
  7610. }
  7611. }
  7612. }
  7613. if (pageStart > 1) {
  7614. if (currentPage == "page") {
  7615. html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
  7616. } else {
  7617. html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
  7618. }
  7619. }
  7620. if (pageStart > 2) {
  7621. html += ' ... '
  7622. }
  7623. for (var jj = pageStart; jj <= pageEnd; jj++) {
  7624. if (currentPageNo == jj) {
  7625. html += '<span class="pagecurrent">' + jj + '</span>'
  7626. } else if (jj == 1) {
  7627. if (currentPage == "page") {
  7628. html += '<span class="displaypageNum"><a href="' + home_page + '">1</a></span>'
  7629. } else {
  7630. html += '<span class="displaypageNum"><a href="/search/label/' + postLabel + '?&max-results=' + perPage + '">1</a></span>'
  7631. }
  7632. } else {
  7633. if (currentPage == "page") {
  7634. html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + jj + ');return false">' + jj + '</a></span>'
  7635. } else {
  7636. html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + jj + ');return false">' + jj + '</a></span>'
  7637. }
  7638. }
  7639. }
  7640. if (pageEnd < lastPageNo - 1) {
  7641. html += '...'
  7642. }
  7643. if (pageEnd < lastPageNo) {
  7644. if (currentPage == "page") {
  7645. html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
  7646. } else {
  7647. html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastPageNo + '</a></span>'
  7648. }
  7649. }
  7650.  
  7651.  
  7652. var nextnumber = parseInt(currentPageNo) + 1;
  7653. if (currentPageNo < (lastPageNo - 1)) {
  7654. if (currentPage == "page") {
  7655. html += '<span class="displaypageNum"><a href="#" onclick="redirectpage(' + nextnumber + ');return false">' + nextText + '</a></span>'
  7656. } else {
  7657. html += '<span class="displaypageNum"><a href="#" onclick="redirectlabel(' + nextnumber + ');return false">' + nextText + '</a></span>'
  7658. }
  7659. }
  7660.  
  7661. if (currentPageNo < lastPageNo) {
  7662. //Iccsi was here, doing magic
  7663. if (currentPage == "page") {
  7664. html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage(' + lastPageNo + ');return false">' + lastText + '</a></span>'
  7665. } else {
  7666. html += '<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel(' + lastPageNo + ');return false">' + lastText + '</a></span>'
  7667. }
  7668. }
  7669.  
  7670. var pageArea = document.getElementsByName("pageArea");
  7671. var blogPager = document.getElementById("blog-pager");
  7672. for (var p = 0; p < pageArea.length; p++) {
  7673. pageArea[p].innerHTML = html
  7674. }
  7675. if (pageArea && pageArea.length > 0) {
  7676. html = ''
  7677. }
  7678. if (blogPager) {
  7679. blogPager.innerHTML = html
  7680. }
  7681. }
  7682.  
  7683. function totalcountdata(root) {
  7684. var feed = root.feed;
  7685. var totaldata = parseInt(feed.openSearch$totalResults.$t, 10);
  7686. looppagecurrentg(totaldata)
  7687. }
  7688.  
  7689. function pagecurrentg() {
  7690. var thisUrl = urlactivepage;
  7691. if (thisUrl.indexOf("/search/label/") != -1) {
  7692. if (thisUrl.indexOf("?updated-max") != -1) {
  7693. postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?updated-max"))
  7694. } else {
  7695. postLabel = thisUrl.substring(thisUrl.indexOf("/search/label/") + 14, thisUrl.indexOf("?&max"))
  7696. }
  7697. }
  7698. if (thisUrl.indexOf("?q=") == -1 && thisUrl.indexOf(".html") == -1) {
  7699. if (thisUrl.indexOf("/search/label/") == -1) {
  7700. currentPage = "page";
  7701. if (urlactivepage.indexOf("#PageNo=") != -1) {
  7702. currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
  7703. } else {
  7704. currentPageNo = 1
  7705. }
  7706. document.write("<script src=\"" + home_page + "feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")
  7707. } else {
  7708. currentPage = "label";
  7709. if (thisUrl.indexOf("&max-results=") == -1) {
  7710. perPage = 20
  7711. }
  7712. if (urlactivepage.indexOf("#PageNo=") != -1) {
  7713. currentPageNo = urlactivepage.substring(urlactivepage.indexOf("#PageNo=") + 8, urlactivepage.length)
  7714. } else {
  7715. currentPageNo = 1
  7716. }
  7717. document.write('<script src="' + home_page + 'feeds/posts/summary/-/' + postLabel + '?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')
  7718. }
  7719. }
  7720. }
  7721.  
  7722. function redirectpage(numberpage) {
  7723. jsonstart = (numberpage - 1) * perPage;
  7724. noPage = numberpage;
  7725. var nameBody = document.getElementsByTagName('head')[0];
  7726. var newInclude = document.createElement('script');
  7727. newInclude.type = 'text/javascript';
  7728. newInclude.setAttribute("src", home_page + "feeds/posts/summary?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
  7729. nameBody.appendChild(newInclude)
  7730. }
  7731.  
  7732. function redirectlabel(numberpage) {
  7733. jsonstart = (numberpage - 1) * perPage;
  7734. noPage = numberpage;
  7735. var nameBody = document.getElementsByTagName('head')[0];
  7736. var newInclude = document.createElement('script');
  7737. newInclude.type = 'text/javascript';
  7738. newInclude.setAttribute("src", home_page + "feeds/posts/summary/-/" + postLabel + "?start-index=" + jsonstart + "&max-results=1&alt=json-in-script&callback=finddatepost");
  7739. nameBody.appendChild(newInclude)
  7740. }
  7741.  
  7742. function finddatepost(root) {
  7743. post = root.feed.entry[0];
  7744. var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
  7745. var timestamp = encodeURIComponent(timestamp1);
  7746. if (currentPage == "page") {
  7747. var pAddress = "/search?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
  7748. } else {
  7749. var pAddress = "/search/label/" + postLabel + "?updated-max=" + timestamp + "&max-results=" + perPage + "#PageNo=" + noPage
  7750. }
  7751. location.href = pAddress
  7752. }
  7753. /*]]>*/
  7754. </script>
  7755. </b:if>
  7756. </b:if>
  7757. </b:if>
  7758. <!--Page Navigation Ends -->
  7759. <script>
  7760. /*<![CDATA[*/
  7761. jQuery(document).ready(function() {
  7762. var offset = 220;
  7763. var duration = 500;
  7764. jQuery(window).scroll(function() {
  7765. if (jQuery(this).scrollTop() > offset) {
  7766. jQuery('.back-to-top').fadeIn(duration);
  7767. } else {
  7768. jQuery('.back-to-top').fadeOut(duration);
  7769. }
  7770. });
  7771. jQuery('.back-to-top').click(function(event) {
  7772. event.preventDefault();
  7773. jQuery('html, body').animate({scrollTop: 0}, duration);
  7774. return false;
  7775. })
  7776. });
  7777. /*]]>*/
  7778. </script>
  7779. </body>
  7780. </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!