Advertisement
LanhLung

sđa

Apr 8th, 2016
150
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 321.44 KB | None | 0 0
  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.  
  6. <link href='//fonts.googleapis.com/css?family=Droid+Sans|Ruda:400,700' rel='stylesheet' type='text/css'/>
  7.  
  8. <b:include data='blog' name='all-head-content'/>
  9. <link href='//netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>
  10. <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
  11. <title>
  12. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  13. <data:blog.pageTitle/>
  14. <b:else/>
  15. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  16. <data:blog.pageName/> - <data:blog.title/>
  17. <b:else/>
  18. 404 - <data:blog.title/>
  19. </b:if>
  20. </b:if>
  21. </title>
  22.  
  23. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  24. <meta expr:content='data:blog.pageName' property='og:title'/>
  25. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  26. <meta content='article' property='og:type'/>
  27. </b:if>
  28. <b:if cond='data:blog.postImageUrl'>
  29. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  30. <b:else/>
  31. <b:if cond='data:blog.postImageThumbnailUrl'>
  32. <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  33. </b:if></b:if>
  34. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  35. <meta expr:content='data:blog.metaDescription' name='og:description'/>
  36. </b:if>
  37. <meta expr:content='data:blog.title' property='og:site_name'/>
  38. <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
  39. <meta expr:content='data:blog.pageName' name='twitter:title'/>
  40. <b:if cond='data:blog.postImageUrl'>
  41. <meta content='summary_large_image' name='twitter:card'/>
  42. <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  43. <b:else/>
  44. <meta content='summary' name='twitter:card'/>
  45. <b:if cond='data:blog.postImageThumbnailUrl'>
  46. <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  47. </b:if>
  48. </b:if>
  49. <meta expr:content='data:blog.pageName' name='twitter:title'/>
  50. <b:if cond='data:blog.metaDescription'>
  51. <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  52. </b:if>
  53.  
  54. <!-- Social Media meta tag need customer customization -->
  55. <meta content='Facebook App ID here' property='fb:app_id'/>
  56. <meta content='Facebook Admin ID here' property='fb:admins'/>
  57. <meta content='@username' name='twitter:site'/>
  58. <meta content='@username' name='twitter:creator'/>
  59.  
  60. <!--[if IE]><style>.item .post-body img{width:auto;height:auto}</style><![endif]-->
  61.  
  62. <script type='text/javascript'>
  63. var blog = document.location.hostname.split(&quot;.&quot;);
  64. if (window.location.href.indexOf(&quot;.blogspot&quot;) &gt; -1) {
  65. if (blog[blog.length - 1] != &quot;com&quot;) {
  66. var ncr = &quot;http://&quot; + blog[0] + &quot;.blogspot.com/ncr&quot;;
  67. window.location.replace(ncr + document.location.pathname);
  68. }
  69. }
  70. </script>
  71.  
  72. <b:skin><![CDATA[/*
  73. -----------------------------------------------
  74. Blogger Template Style
  75. Name: BMAG Blogger Template
  76. Designer: Phước An
  77. URL: http://www.tranphuocan.tk
  78. Shared By: www.tranphuocan.tk
  79.  
  80. /* Version 2.0.2 */
  81.  
  82. /* Variable definitions
  83. ====================
  84. <Variable name="keycolor" description="Main Color" type="color" default="#1e87f0" value="#75a0d5"/>
  85. <Variable name="body.background" description="Background" type="background" color="#EEE" default="$(color) url() no-repeat fixed top center" value="$(color) url(http://3.bp.blogspot.com/-KMWeD7GNUFk/VwSzdIIcIRI/AAAAAAAABhM/xxpBAgJhpjgSGUZil0yIpapaHvi9XxzcQ/s0-r/bg1.png) repeat scroll top left"/>
  86. <Group description="Main Sittings" selector="body">
  87. <Variable name="main.color" description="Main Theme Color" type="color" default="#FFC000" value="#3faaff"/>
  88. <Variable name="text.color" description="Main Text Color" type="color" default="#828282" value="#868686"/>
  89. <Variable name="body.font" description="Main Font" type="font" default="normal normal 13px Droid Sans" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  90. </Group>
  91. <Group description="links color" selector="body">
  92. <Variable name="link.color" description="link color" type="color" default="$(main.color)" value="#1e87f0"/>
  93. <Variable name="link.color.hover" description="link color hover" type="color" default="$(main.color)" value="#1e87f0"/>
  94. </Group>
  95. <Group description="Top Nav" selector="#header-top">
  96. <Variable name="top.nav.bg" description="Background Color" type="color" default="#333333" value="#484848"/>
  97. <Variable name="top.nav.text" description="Menu Text Color" type="color" default="#D1D1D1" value="#d2d2d2"/>
  98. <Variable name="top.nav.text.hover" description="Menu Text Color Hover" type="color" default="#999" value="#9c9c9c"/>
  99. <Variable name="top.social.bg" description="Social Icon Background" type="color" default="#474545" value="#555252"/>
  100. <Variable name="top.social.color" description="Social Icon Color" type="color" default="#FFF" value="#ffffff"/>
  101. </Group>
  102. <Group description="Main Menu" selector="#header-tail">
  103. <Variable name="main.nav.bg" description="Background Color" type="color" default="#333333" value="#484848"/>
  104. <Variable name="main.nav.icon.color" description="Icons Color" type="color" default="#FFF" value="#ffffff"/>
  105. <Variable name="main.nav.title.color" description="Menu Title Color" type="color" default="#FFC000" value="#ffffff"/>
  106. <Variable name="main.nav.subtitle.color" description="Menu Sub-Title Color" type="color" default="#EEE" value="#efefef"/>
  107. </Group>
  108. <Group description="News Ticker" selector=".ticker">
  109. <Variable name="ticker.bg" description="Background Color" type="color" default="#f7f7f7" value="#f8f8f8"/>
  110. <Variable name="ticker.title.bg" description="Title Background" type="color" default="#333" value="#484848"/>
  111. <Variable name="ticker.title.color" description="Title Color" type="color" default="#fff" value="#ffffff"/>
  112. <Variable name="ticker.tag.bg" description="Tag Background" type="color" default="#38c" value="#3a84cd"/>
  113. <Variable name="ticker.tag.color" description="Tag Color" type="color" default="#fff" value="#ffffff"/>
  114. </Group>
  115. <Group description="Ticker Links" selector=".ticker .recent-title a">
  116. <Variable name="ticker.link.color" description="link color" type="color" default="#222" value="#414141"/>
  117. <Variable name="ticker.link.color.hover" description="link color hover" type="color" default="#FFC000" value="#ffcf09"/>
  118. </Group>
  119. <Variable name="header.font" description="blog title font" type="font" default="normal normal 60px Droid Sans" value="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  120. <Variable name="titles.font" description="Titles Font" type="font" default="normal normal 15px Ruda" value="normal normal 15px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  121. <Variable name="post.body.font" description="Post Body Font" type="font" default="normal normal 13px Droid Sans" value="normal normal 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  122. <Variable name="desc.font" description="Small Description Font" type="font" default="normal normal 13px Droid Sans" value="normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  123. <Variable name="content.bg.color" description="Content Background Color" type="color" default="#FFF" value="#ffffff"/>
  124. <Variable name="posts.link.color" description="Posts Links Color" type="color" default="#222" value="#414141"/>
  125. <Variable name="posts.block.title" description="Posts Title Background" type="color" default="#F4F4F4" value="#f5f5f5"/>
  126.  
  127. */
  128.  
  129. /*
  130. CONTENTS
  131. =======================
  132. = A. Css Reset
  133. = B. Body
  134. = C. Header Section
  135. = D. Social Icons Widget
  136. = E. Magazine Section
  137. = F. Posts Section
  138. = G. Blogger Comments
  139. = H. Blogger Widgets
  140. = I. Sidebar Section
  141. = J. Footer Section
  142. = K. Error page
  143. = L. Shortcodes
  144. */
  145.  
  146. /*=====================================
  147. = A. Css Reset
  148. =====================================*/
  149. .fa{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  150. *{outline:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease}
  151. *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  152. a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}
  153. ins{text-decoration:underline}
  154. del{text-decoration:line-through}
  155. blockquote{font-style:italic;color:#888}
  156. dl,ul{list-style-position:inside;font-weight:700;list-style:none}
  157. ul li{list-style:none}
  158. caption,th{text-align:center}
  159. img{border:none;position:relative}
  160. a,a:visited{text-decoration:none;font-weight:400}
  161. a{color:$(link.color)}
  162. a:hover{color:$(link.color.hover)}
  163. q:after,q:before{content:''}
  164. p{margin:0}
  165. abbr,acronym{border:0}
  166. .clear{clear:both}
  167. .section,.widget,.widget ul{margin:0;padding:0}
  168. ::-moz-selection{background-color:$(main.color);color:#fff}
  169. ::selection{background-color:$(main.color);color:#fff}
  170. .blog-feeds,.post-feeds,.quickedit{display:none}
  171. .status-msg-border{display:none}
  172. .status-msg-body{position:relative;padding:0}
  173. .status-msg-wrap{width:100%;background-color:#fff;color:#555;padding:30px 0;font-size:120%}
  174. /*=====================================
  175. = B. Body
  176. =====================================*/
  177. body{background:$(body.background);position:relative;font:$(body.font);line-height:25px;color:#828282;margin:0;padding:0}
  178. #outer-wrapper{max-width:1200px;margin:0 auto;background-color:$(content.bg.color);box-shadow:0 0 5px #ccc}
  179. #content-wrapper{overflow:hidden}
  180. #main-wrapper{width:68%}
  181. #sidebar-wrapper{width:32%;position:relative}
  182. .row{margin-right:2%;margin-left:2%;max-width:1200px}
  183. /*=====================================
  184. = C. Header Section
  185. =====================================*/
  186. #header-wrapper{margin-bottom:20px}
  187. #header-content{display:table;padding:20px 0;color:#555}
  188. .header,.topad{display:table-cell;vertical-align:middle;width:100%}
  189. .header .widget{max-width:250px}
  190. .topad{max-width:728px;height:90px}
  191. .topad h2{display:none}
  192. .topad .widget{line-height:0}
  193. .header a{color:#555}
  194. #header-tail{height:65px;position:relative;background-color:$(main.nav.bg);transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  195. .menu #nav{display:none}
  196. .selectnav{font:$(body.font);border:0}
  197. .sub-menu{display:none}
  198. #menu li,#menu ul{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  199. .menu ul li{padding:15px 0;display:inline}
  200. .menu ul li a{text-transform:uppercase;font-size:16px;color:$(main.nav.title.color);font-weight:700;padding:0 20px;display:block;height:35px;margin:0;position:relative}
  201. .menu ul li a span{font-size:11px;font-weight:400;display:block;margin-top:5px;color:$(main.nav.subtitle.color)}
  202. .home-icon .fa{font-size:30px;line-height:35px}
  203. .menu ul li:hover{background-color:rgba(255,255,255,0.1)}
  204. .menu ul li ul li{padding:0;margin:0;display:block;float:none;background-color:#333}
  205. .menu ul li ul li:hover{background-color:$(main.nav.bg)}
  206. .menu ul li ul a:hover{color:#fff;box-shadow:none;padding-left:30px;transition:.4s;background-color:rgba(255,255,255,0.1)}
  207. .menu ul li ul a:before{font-family:fontawesome;vertical-align:middle;font-size:10px}
  208. .home-icon{font-size:25px;position:absolute;top:15px;width:65px;height:35px;padding:0;text-align:center;z-index:9;color:$(main.nav.icon.color)}
  209. .home-icon:hover{color:$(main.nav.icon.color)}
  210. .hasSub a:after{font-family:'FontAwesome';content:'\f107';top:-3px;position:absolute;color:rgba(255,255,255,0.5);font-size:20px}
  211. .hasSub ul a:after{content:'';line-height:0}
  212. .menu ul li ul{position:absolute;z-index:999;padding-top:15px;display:none;width:200px}
  213. .menu ul li ul a{margin-top:0;color:#aaa;height:auto;line-height:16px;border:0;line-height:38px;height:38px;font-size:12px;font-weight:400;border-bottom:1px solid #222;border-top:1px solid #444}
  214. #header-top{background-color:$(top.nav.bg);height:38px}
  215. .menu-top li{display:inline-block;line-height:38px;padding:0}
  216. .menu-top li a{color:$(top.nav.text);text-transform:uppercase;font-size:11px}
  217. .menu-top li a:hover{color:$(top.nav.text.hover)}
  218. .menu-top li a:after{content:'-'}
  219. .menu-top li:last-child a:after{content:''}
  220. .search-icon:before{content:"\f002";font-family:'FontAwesome'}
  221. .search-icon{background-color:rgba(255,255,255,0.1);color:$(main.nav.icon.color);line-height:65px;height:65px;display:block;width:65px;text-align:center;font-size:19px;position:relative;z-index:99}
  222. .search-icon:hover{background-color:$(main.color);color:#FFF}
  223. #header-search .searchbox{position:absolute;top:0;height:65px;border:0;width:100%;z-index:98;background-color:$(main.color);color:#FFF;font-size:17px}
  224. .searchbox::-webkit-input-placeholder{color:#FFF}
  225. /*=====================================
  226. = D. Social Icons Widget
  227. =====================================*/
  228. .social-sec li{display:inline;padding:0}
  229. .social-sec .widget ul{padding:0}
  230. .social-sec .LinkList ul{text-align:center}
  231. .social-sec #social a{display:block;height:27px;width:27px;font-size:15px;margin-top:5.5px;color:$(top.social.color);background-color:$(top.social.bg)}
  232. .social-sec #social a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:27px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  233. .social-sec .facebook:before{content:"\f09a"}
  234. .social-sec #social a.facebook:hover{background-color:#3b5998}
  235. .social-sec .twitter:before{content:"\f099"}
  236. .social-sec #social a.twitter:hover{background-color:#55acee}
  237. .social-sec .gplus:before{content:"\f0d5"}
  238. .social-sec #social a.gplus:hover{background-color:#dd4b39}
  239. .social-sec .rss:before{content:"\f09e"}
  240. .social-sec ul#social a.rss:hover{background-color:#f26522}
  241. .social-sec .youtube:before{content:"\f167"}
  242. .social-sec ul#social a.youtube:hover{background-color:#e52d27}
  243. .social-sec .skype:before{content:"\f17e"}
  244. .social-sec ul#social a.skype:hover{background-color:#00aff0}
  245. .social-sec .stumbleupon:before{content:"\f1a4"}
  246. .social-sec ul#social a.stumbleupon:hover{background-color:#eb4924}
  247. .social-sec .tumblr:before{content:"\f173"}
  248. .social-sec ul#social a.tumblr:hover{background-color:#35465c}
  249. .social-sec .vine:before{content:"\f1ca"}
  250. .social-sec ul#social a.vine:hover{background-color:#00b488}
  251. .social-sec .stack-overflow:before{content:"\f16c"}
  252. .social-sec ul#social a.stack-overflow:hover{background-color:#fe7a15}
  253. .social-sec .linkedin:before{content:"\f0e1"}
  254. .social-sec ul#social a.linkedin:hover{background-color:#0976b4}
  255. .social-sec .dribbble:before{content:"\f17d"}
  256. .social-sec ul#social a.dribbble:hover{background-color:#ea4c89}
  257. .social-sec .soundcloud:before{content:"\f1be"}
  258. .social-sec ul#social a.soundcloud:hover{background-color:#f80}
  259. .social-sec .behance:before{content:"\f1b4"}
  260. .social-sec ul#social a.behance:hover{background-color:#1769ff}
  261. .social-sec .digg:before{content:"\f1a6"}
  262. .social-sec ul#social a.digg:hover{background-color:#000}
  263. .social-sec .instagram:before{content:"\f16d"}
  264. .social-sec ul#social a.instagram:hover{background-color:#3f729b}
  265. .social-sec .pinterest:before{content:"\f0d2"}
  266. .social-sec ul#social a.pinterest:hover{background-color:#cc2127}
  267. .social-sec .delicious:before{content:"\f1a5"}
  268. .social-sec ul#social a.delicious:hover{background-color:#39f}
  269. .social-sec ul#social a:hover{color:#fff;opacity:1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
  270. /*=====================================
  271. = E. Magazine Section
  272. =====================================*/
  273. .img-Animate .recent-layout .recent-thumb,.img-Animate .recent-layout .first-thumb,.img-Animate .post-widget .rcp-thumb,.img-Animate .PopularPosts img,.img-Animate .home .post-thumb a{opacity:0;transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transform:scale(.8);-moz-transform:scale(.8);transform:scale(.8)}
  274. .img-Animate .show-with,.img-Animate .recent-layout .recent-thumb.show-with,.img-Animate .recent-layout .first-thumb.show-with,.img-Animate .post-widget .rcp-thumb.show-with,.img-Animate .PopularPosts img.show-with,.img-Animate .post-thumb a.show-with{opacity:1;transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
  275. .ticker .title{font:$(titles.font);height:40px;overflow:hidden;line-height:40px;padding:0 10px;background-color:$(ticker.title.bg);color:$(ticker.title.color)}
  276. .ticker .layout-content{overflow:hidden}
  277. .ticker .layout-content li{display:inline-block;height:40px;line-height:40px;padding:0}
  278. .ticker{height:40px;overflow:hidden;margin-bottom:20px;background-color:$(ticker.bg)}
  279. .ticker .post-tag{display:inline-block;background-color:$(ticker.tag.bg);color:$(ticker.tag.color);padding:2px 5px;line-height:1}
  280. .ticker .recent-title{display:inline-block}
  281. .ticker .recent-title a{color:$(ticker.link.color)}
  282. .ticker .recent-title a:hover{color:$(ticker.link.color.hover)}
  283. .tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0}
  284. .tickercontainer{margin:0;padding:0;overflow:hidden}
  285. .tickercontainer .mask{position:relative;overflow:hidden}
  286. .newsticker{position:relative;list-style-type:none;margin:0;padding:0}
  287. .tickeroverlay-left{display:none}
  288. .tickeroverlay-right{display:none}
  289. .sidebar .post-widget li{overflow:hidden;border-bottom:1px solid #eee;padding:10px 0}
  290. .footer-column .post-widget li{overflow:hidden;border-bottom:1px solid #333;padding:10px 0}
  291. .post-widget li:first-child{padding-top:0}
  292. .post-widget li:last-child{border-bottom:none}
  293. .post-widget .rcp-thumb{display:block;width:60px;height:60px;border-radius:2px}
  294. .post-widget .rcp-title{font:$(titles.font);margin:5px 0 8px}
  295. .post-widget .rcp-title a{color:$(posts.link.color);font-weight:700;font-size:14px}
  296. .post-widget .rcp-title a:hover{color:$(main.color);text-decoration:underline}
  297. .footer-column .post-widget .rcp-title a{color:#DDD}
  298. .footer-column .post-widget .rcp-title a:hover{color:#888}
  299. .footer-column .recent-date,.footer-column .recent-author,.footer-column .recent-date:before,.footer-column .recent-author:before{color:#999}
  300. .intro .widget-content,.recent-layout .widget-content,.recent-layout h2.title,.ticker .widget-content{display:none}
  301. .recent-layout .box-title h2.title{font:$(titles.font);display:inline-block}
  302. .more-link{height:20px;line-height:20px;padding:0 5px;background-color:#FFF;margin-top:7px;font-size:11px;color:#aaa}
  303. .more-link:after{font-family:fontawesome;font-size:9px;vertical-align:middle}
  304. .box-title{background-color:$(posts.block.title);margin-bottom:15px;border-bottom:3px solid $(main.color)}
  305. .box-title h2{background-color:$(main.color);display:inline-block}
  306. .box-title h2 a{color:#FFF;font-weight:700;font-size:15px;text-transform:uppercase;display:block}
  307. .box-title h2 a:before{content:'\f143';font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400}
  308. .recent-date:before{content:'\f073';font-family:fontawesome;color:#bbb}
  309. .recent-date{color:#999;font-weight:400;font-size:12px}
  310. .recent-author:before{content:'\f007';font-family:fontawesome;color:#bbb}
  311. .recent-author{color:#999;font-weight:400;font-size:12px}
  312. .intro-loader{position:absolute;top:0;width:100%;height:100%}
  313. .intro{position:relative}
  314. .intro-loader .fa{position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;font-size:20px;color:#222}
  315. .intro .widget{margin-bottom:20px!important;height:450px;overflow:hidden}
  316. .intro h2{display:none;display:none}
  317. .intro .rcp-thumb{width:100%;height:215px;display:block}
  318. .intro li:hover .rcp-thumb{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
  319. .intro .rcp-title{font:$(titles.font);font-size:16px}
  320. .intro .rcp-thumb:after{content:no-close-quote;position:absolute;bottom:0;width:100%;height:151px;background:url(http://2.bp.blogspot.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x;opacity:.8}
  321. .intro li{width:40%;height:215px;position:relative;padding:.1px;overflow:hidden}
  322. .intro li:nth-child(2){margin-bottom:20px}
  323. .intro li:first-child{width:58.333333333%;height:450px}
  324. .intro li:first-child .rcp-thumb{height:450px}
  325. .intro li:first-child .rcp-title{font-size:25px}
  326. .intro .post-panel{position:absolute;bottom:20px}
  327. .intro .rcp-title a{color:#FFF;font-weight:700;position:relative;bottom:10px;line-height:14px}
  328. .intro .recent-date:before{color:#bbb}
  329. .intro .recent-date{color:#bbb}
  330. .intro .recent-author:before{color:#bbb}
  331. .intro .recent-author{color:#bbb}
  332. .intro .post-tag{position:absolute;top:15px;background-color:#B565BE;color:#FFF;padding:10px;text-transform:uppercase;font-weight:700;z-index:99}
  333. .intro li:nth-child(2) .post-tag{background-color:$(main.color)}
  334. .intro li:nth-child(3) .post-tag{background-color:#FF5858}
  335. .recent-layout .widget{margin-bottom:20px}
  336. .recent-layout .recent-sec .widget:last-child{margin-bottom:20px}
  337. .recent-title{font:$(titles.font)}
  338. .fbig .first-thumb:hover,.fbig .recent-thumb:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important}
  339. .fbig .first .rthumbc{width:50%;height:200px}
  340. .fbig .first-thumb{width:100%;height:200px;display:block}
  341. .fbig .first{overflow:hidden}
  342. .rthumbc{overflow:hidden}
  343. .fbig ul li .rthumbc{width:90px;height:60px;display:table-cell;vertical-align:middle}
  344. .fbig ul li .recent-thumb{width:90px;height:60px;display:block}
  345. .fbig ul li .recent-content{display:table-cell;vertical-align:middle}
  346. .fbig .recent-title a{font-weight:700;color:$(posts.link.color);margin-bottom:10px;display:inline-block}
  347. .fbig .first-content .recent-title a{font-size:18px}
  348. .fbig .recent-des{margin-top:15px;font:$(desc.font);line-height:22px}
  349. .fbig1 .first{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #EEE}
  350. .fbig1 .first .rthumbc{display:table-cell;vertical-align:middle}
  351. .fbig1 .first-thumb{display:block}
  352. .fbig1 .first-content{display:table-cell;vertical-align:middle}
  353. .fbig1 ul li{display:inline-block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #EEE;height:77px}
  354. .fbig1 ul li:nth-child(4),.fbig1 ul li:nth-child(5){border-bottom:0;padding-bottom:0;margin-bottom:0;height:62px}
  355. .fbig2 .first{width:50%}
  356. .fbig2 .first .rthumbc{width:100%;margin-bottom:15px}
  357. .fbig2 .first-thumb{width:100%}
  358. .fbig2 ul li{display:block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #EEE}
  359. .fbig2 ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
  360. .column{width:47.15%;display:inline-block}
  361. .column .first .rthumbc{width:100%;margin-bottom:15px}
  362. .column .first-thumb{width:100%}
  363. .column .first,.column ul li{border-bottom:1px solid #EEE;margin-bottom:15px;padding-top:0}
  364. .column .first{padding-bottom:15px}
  365. .column ul li{padding-bottom:15px}
  366. .column ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
  367. .list ul li{display:inline-block;width:48%;padding-bottom:15px;margin-bottom:15px;padding-top:0;border-bottom:1px solid #EEE;height:77px}
  368. .list ul li:last-child,.list ul li:nth-child(5){border-bottom:0;padding-bottom:0;margin-bottom:0;height:62px}
  369. .recent-title a:hover{text-decoration:underline;color:$(main.color)}
  370. .recent-block .recent-thumb{width:100%;height:150px;display:block}
  371. .recent-block ul li{width:33%;display:inline-block;position:relative;padding:0;margin-bottom:2px}
  372. .recent-block .recent-title a{font-weight:700;margin-bottom:5px;display:inline-block}
  373. .gallery ul li{height:150px;overflow:hidden}
  374. .gallery li:hover .recent-content{bottom:10px}
  375. .gallery li:hover .recent-thumb{opacity:.4!important}
  376. .gallery li:hover{background-color:#000}
  377. .gallery .recent-content{position:absolute;bottom:-100%}
  378. .gallery .recent-date,.gallery .recent-author{color:#BBB}
  379. .gallery .recent-title a{font-size:15px;color:#FFF}
  380. .videos ul li:nth-child(4),.videos ul li:nth-child(5),.videos ul li:nth-child(6){margin-bottom:0;padding-bottom:0;border-bottom:0}
  381. .videos ul li{width:32%}
  382. .videos .recent-title a{color:$(posts.link.color);height:20px;overflow:hidden;margin-bottom:0;padding-bottom:2px}
  383. .videos .recent-title a:hover{color:$(main.color)}
  384. .videos ul li,.videos .recent-thumb{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #F0F0F0}
  385. .videos ul li .recent-thumb:before{content:'\f01d';font-family:fontawesome;position:absolute;height:150px;width:100%;text-align:center;line-height:150px;color:#FFF;font-size:0;font-weight:400;opacity:.5;transition-timing-function:linear,ease-out-in;transition:.4s}
  386. .videos .recent-thumb{position:relative}
  387. .videos .recent-thumb:hover{opacity:1}
  388. .videos .recent-thumb:hover:before{background-color:#000;opacity:.5;font-size:5em;transition-timing-function:linear,ease-in-out;transition:.1s;transition-delay:.1s}
  389. .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
  390. .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
  391. .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
  392. .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
  393. .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
  394. .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
  395. .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
  396. .grabbing,.grabbing a,.grabbing *{cursor:e-resize!important}
  397. .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-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)}
  398. .owl-prev,.owl-next{width:28px;height:22px;background-color:#fff;text-align:center;line-height:22px;font-size:12px;margin-top:5px;color:#aaa;display:inline-block}
  399. .owl-next:before{font-family:fontawesome}
  400. .owl-prev:before{font-family:fontawesome}
  401. .carousel.recent-block .recent-thumb{height:180px}
  402. .carousel .recent-content{position:absolute;bottom:10px;width:90%;left:5%}
  403. .carousel .recent-content .recent-title a{color:#FFF;font-size:14px}
  404. .carousel .recent-content .recent-date,.carousel .recent-content .recent-author{color:#bbb}
  405. .carousel .recent-thumb:before{content:no-close-quote;position:absolute;bottom:0;width:100%;height:150px;background:url(http://2.bp.blogspot.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x;opacity:.8}
  406. .carousel li{padding:0;position:relative;overflow:hidden;margin:0 5px;list-style:none}
  407. .owl-carousel{border:1px solid #DDD;padding:5px 0}
  408. .carousel li{background-color:#111}
  409. .carousel li:hover .recent-thumb{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;opacity:.5}
  410. .slider *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  411. .slider li:hover .recent-thumb{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important;opacity:.5!important}
  412. .slider .owl-carousel{border:0;padding:0}
  413. .slider .owl-item li{margin:0;padding:0}
  414. .slider.recent-block .recent-thumb{height:400px}
  415. .slider.carousel .recent-content{bottom:20px;text-align:center}
  416. .slider.carousel .recent-content .recent-title a{font-size:25px;margin-bottom:10px;text-transform:uppercase}
  417. .slider .recent-des{line-height:22px;font-size:14px;color:#BBB;margin-top:10px;max-width:550px;margin-right:auto;margin-left:auto}
  418. .slider.carousel .recent-thumb:before{opacity:.9;background-size:250px 100%;height:250px}
  419. .slider .owl-controls{position:absolute;top:10px;left:10px}
  420. .slider .owl-prev,.slider .owl-next{height:40px;line-height:40px;width:40px;font-size:14px;opacity:.6;background-color:#000;color:#FFF}
  421. .slider .owl-prev:hover,.slider .owl-next:hover{opacity:.9;background-color:$(main.color)}
  422. /*=====================================
  423. = F. Posts Section
  424. =====================================*/
  425. .post-thumb a{-webkit-transition:all .6s;-moz-transition:all .6s;-o-transition:all .6s;transition:all .6s}
  426. .post-thumb a:hover{-webkit-transform:scale(1.1)!important;-moz-transform:scale(1.1)!important;transform:scale(1.1)!important;transition:all .3s ease!important;-webkit-transition:all .3s ease!important;-moz-transition:all .3s ease!important;-o-transition:all .3s ease!important}
  427. .postags{position:absolute;top:5px}
  428. .postags a{padding:5px;display:inline-block;background:$(main.color);margin:0;color:#fff}
  429. .postags a:nth-child(2){background-color:#444}
  430. .postags a{display:none}
  431. .postags a:first-child,.postags a:nth-child(2){display:inline-block}
  432. .postags a:hover{background:#aaa}
  433. .index .status-msg-wrap{background-color:#FFF;border:1px solid #EEE;padding:15px 0;margin-top:0;margin-bottom:20px}
  434. #related-posts .owl-prev,#related-posts .owl-next{height:40px;line-height:40px;width:40px}
  435. #related-posts .owl-controls{position:absolute;bottom:10px}
  436. #related-posts{margin-bottom:20px}
  437. #related-posts .owl-carousel{padding:6px 5px}
  438. .rnav li{width:100%;display:inline-block;height:300px;overflow:hidden;position:relative}
  439. .rnav li .rnav-img{width:100%;height:300px;display:block}
  440. .rnav li .rnav-conent{position:absolute;top:50%;height:20px;width:90%;text-align:center;margin-top:-10px}
  441. .rnav-title a{color:#222;font-size:17px}
  442. .rnav li .rnav-conent{transform:scale(10);-webkit-transform:scale(10);-moz-transform:scale(10);-o-transform:scale(10);-ms-transform:scale(10);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;opacity:0}
  443. .rnav li:hover .rnav-conent{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);opacity:1}
  444. .rnav li:hover .rnav-img{opacity:.2}
  445. .sharepost li{width:19%;border:1px solid #EEE;padding:0}
  446. .sharepost li a{padding:10px 0;background-color:#aaa;color:#FFF;display:block;border-radius:2px;}
  447. .sharepost{overflow:hidden;text-align:center;margin-bottom:20px}
  448. .sharepost li a:hover{opacity:1}
  449. .sharepost li .twitter:hover{background-color:#55acee}
  450. .sharepost li .facebook:hover{background-color:#3b5998}
  451. .sharepost li .gplus:hover{background-color:#dd4b39}
  452. .sharepost li .pinterest:hover{background-color:#cc2127}
  453. .sharepost li .linkedin:hover{background-color:#0976b4}
  454. .hreview{display:none}
  455. .item .intro,.item .recent-layout,.item .posts-title{display:none}
  456. .home .pagenavi{display:none}
  457. .pagenavi{padding:0 20px;text-align:center;padding-top:20px;border-top:1px solid #F0F0F0;margin:20px 0}
  458. .pagenavi a,.pagenavi span{padding:10px;display:inline-block;background-color:$(main.color);color:#FFF}
  459. .pagenavi span.current,.pagenavi a:hover{background-color:#000}
  460. .posts-title{background-color:$(posts.block.title);margin-bottom:15px;border-bottom:3px solid $(main.color)}
  461. .posts-title h2{font:$(titles.font);background-color:$(main.color);display:inline-block}
  462. .posts-title h2 a{color:#FFF;font-weight:700;font-size:15px;text-transform:uppercase;display:block}
  463. .posts-title h2 a:before{content:'\f143';font-family:fontawesome;font-size:16px;vertical-align:middle;font-weight:400}
  464. .posts-link{height:20px;line-height:20px;padding:0 5px;background-color:#FFF;margin-top:9px;font-size:11px;color:#aaa}
  465. .posts-link:after{font-family:fontawesome;font-size:9px;vertical-align:middle}
  466. .post-snippet{margin-top:10px;margin-bottom:10px;font:$(desc.font);line-height:22px;color:#717171}
  467. .post-readmore a{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;white-space:nowrap;line-height:1.42857143;color:#fff;background-color:$(main.color);border-radius:2px;font-size:12px;padding:5px 12px;margin-top:10px;outline:none;border:none;width:83px}
  468. .post-readmore a:hover{background:rgba(0,0,0,0.5);width:119px}
  469. #post-foot{position:relative}
  470. .post-share{display:none;position:absolute;background:#444;padding:10px;border-radius:2px;top:-25px;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  471. .post-share:before{content:"";position:absolute;width:10px;height:10px;top:45%;z-index:0;background:#444;border-style:solid;border-color:#444;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}
  472. .post-share ul{margin:0;padding:0}
  473. .post-share ul li{margin:0;padding:0}
  474. .post-share ul li a{color:#fff;border-bottom:1px solid #555;padding:5px;display:block}
  475. .post-share ul li a:last-child{border-bottom:0}
  476. .post-share ul li a:hover{color:#eee}
  477. .post-sharebtn{display:block;padding:5px 10px 4px;background:#f4f4f4;border-radius:2px;margin:10px;cursor:pointer}
  478. .post-sharebtn:hover{background:$(main.color);color:#fff}
  479. .post-share .twitter{background-color:#55acee}
  480. .post-share .share{background-color:#3b5998}
  481. .post-share .plus{background-color:#dd4b39}
  482. .fa-share-alt:before{content:"\f1e0"}
  483. .fa-twitter:before{content:"\f099"}
  484. .fa-facebook:before{content:"\f09a"}
  485. .fa-google-plus:before{content:"\f0d5"}
  486. .fa-long-arrow-right:before{content:"\f178"}
  487. .index .post-title{font:$(titles.font);margin-bottom:10px}
  488. .index .post-title a{font-weight:700;color:$(posts.link.color);font-size:17px}
  489. .index .post-title a:hover{text-decoration:underline}
  490. .fa-angle-right:before{margin:0 5px}
  491. .breadcrumbs{padding:10px;background:#F7F7F7;margin-bottom:20px}
  492. .item article{margin-top:20px}
  493. .item .post-heading{position:relative;margin:10px 0;border-bottom:2px solid #eee}
  494. .item .post-title{font:$(titles.font);border-bottom:2px solid #555;color:#555;display:inline-block;padding-bottom:5px;font-size:24px;font-weight:500;position:relative;top:2px}
  495. .item .post-body{width:100%;font:$(post.body.font);color:#5E5E5E;font-size:15px;line-height:26px;overflow:hidden}
  496. .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin-bottom:15px;color:#555}
  497. .item .post-outer{padding:0}
  498. .item .post-body img{max-width:100%}
  499. .index article{display:table-cell;vertical-align:middle}
  500. .post-thumb{display:table-cell;vertical-align:middle;line-height:0;position:relative;overflow:hidden;width:360px}
  501. .post-thumb a{display:block;width:100%;height:200px;overflow:hidden;border-radius:2px}
  502. .index .post{overflow:hidden;display:table}
  503. .index .post-outer{margin-bottom:15px;padding-bottom:15px;overflow:hidden;border-bottom:1px solid #eee}
  504. .index .post-outer:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
  505. .index #main-wrapper #main{margin-bottom:20px}
  506. .post-thumb img{width:100%;height:auto}
  507. .post-meta a,.post-meta i{color:#aaa}
  508. .post-pager li{padding:0;display:inline-block;width:50%}
  509. .post-pager li strong{display:block;padding:0 0 10px}
  510. ul.post-pager{background-color:#FFF;border:1px solid #EEE;display:block;width:100%;overflow:hidden}
  511. .post-pager li a{color:#555;display:block;padding:20px 35px}
  512. .post-pager li:hover{background-color:$(main.color)}
  513. .post-pager li:hover a{color:#888;background:#f8f8f8}
  514. ul.post-pager *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  515. .postarea-wrapper{padding:0;overflow:hidden}
  516. .tags{display:block;padding:20px 0}
  517. .tags a{font:normal 10px tahoma;background:#ccc;line-height:100%!important;padding:8px;margin-bottom:5px;color:#fff;background-color:#aaa;border-radius:3px;-webkit-border-radius:3px;text-align:center;text-transform:uppercase;text-decoration:none;transition:.4s}
  518. .tags a:hover{color:#fff!important;background:#666;transition:.4s}
  519. .articleAuthor{overflow:hidden;margin-bottom:20px}
  520. .authorContent{overflow:hidden;background:#f8f8f8;padding:30px;margin:1px;margin-bottom:0}
  521. .authorLeft{overflow:hidden}
  522. .authorLeft .authorAvatar{overflow:hidden;border-radius:50%}
  523. .authorLeft .authorAvatar img{display:block}
  524. .authorDetails{overflow:hidden;margin-bottom:5px;margin-top:10px}
  525. .authorDetails h2{font-size:16px;color:#555}
  526. .authorDetails .AuthorPostsCount{display:block;padding-top:3px}
  527. .authorDetails h2 span{color:$(main.color);font-weight:400}
  528. .articleAuthor .authorContent p{line-height:20px;margin-bottom:10px}
  529. .authorContent .authorSocial{border-bottom:none}
  530. .authorSocial{padding:0 10px 10px}
  531. .authorSocial a{font-size:12px;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;padding:7px;display:inline-block;background:#444;color:#fff;width:24px;height:24px;border-radius:2px}
  532. .authorSocial a:hover{background:$(main.color)}
  533. /*=====================================
  534. = G. Blogger Comments
  535. =====================================*/
  536. #comments{line-height:1.5em;margin-top:25px}
  537. #gpluscomments{margin-top:25px!important}
  538. .comments .comment-block{margin-left:0}
  539. .comments .comments-content .comment{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee}
  540. .comments .comments-content .comment-content{font-weight:400;margin:24px 0 10px;line-height:2em;margin:25px 0 0;max-width:500px}
  541. .comments .comments-content .comment:first-child{padding-top:16px;border-top:1px solid #eee}
  542. .comments .comments-content .comment{margin:0 0 25px;padding:0;border-bottom:1px solid #eee}
  543. .comments .comments-content .comment-header{margin:8px 0 0;display:inline-block}
  544. .comments .comments-content .user a:after{content:'says';margin-left:5px;font-size:12px;font-style:italic;display:inline;color:#BBB}
  545. .comments .comments-content .datetime a{color:#BBB;border-bottom:1px dashed;padding-bottom:2px}
  546. .comments .comments-content .comment-replies .comment{border-top:0}
  547. .comments .comments-content .comment:last-child{border-bottom:0;margin-bottom:15px}
  548. .comments .comments-content .user{font-style:normal;font-weight:500;display:block;margin:0;padding:0}
  549. .comments .comments-content .user a{color:#888;font-weight:500;font-size:15px}
  550. .comments .comments-content .icon.blog-author{margin:0!important;display:none!important}
  551. .comments .comments-content .datetime{font-size:12px}
  552. .comments .avatar-image-container{max-height:60px;overflow:hidden;width:60px;border-radius:3px}
  553. .comments .avatar-image-container img{max-width:100%}
  554. .comments .comment .comment-actions a{background:#eee;margin-top:-22px;padding:3px 15px;color:#888;border-radius:2px;font-style:italic;font-weight:500}
  555. .comments .comment .comment-actions a:hover{text-decoration:none;background:$(main.color);color:#FFF}
  556. .comments-tabs.simpleTab .tab-content{background-color:transparent;padding:0;margin-top:20px}
  557. .comments-tabs.simpleTab{border:1px solid #EEE;padding:15px;margin-top:25px;margin-bottom:25px}
  558. .comments-tabs.simpleTab .tab-wrapper li a{border-radius:3px;text-transform:uppercase;background-color:#BBB}
  559. .comments-tabs.simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color)}
  560. .comments-tabs-header{overflow:hidden}
  561. .comments-tabs-header h3{line-height:35px;color:#555}
  562. .comments-tabs-header h3:before{content:'';display:inline-block;width:5px;height:5px;background-color:$(main.color);vertical-align:middle}
  563. /*=====================================
  564. = H. Blogger Widgets
  565. =====================================*/
  566. .flickr_widget .flickr_badge_image{width:25%;margin-bottom:10px;overflow:hidden;display:inline-block}
  567. .flickr_widget .flickr_badge_image img:hover{opacity:0.5}
  568. .widget-item-control{display:none!important}
  569. .PopularPosts img:hover{opacity:.4}
  570. .PopularPosts .widget-content ul li{padding:0;display:inline-block;margin-bottom:10px;padding-bottom:4px;padding-top:0;border-bottom:1px solid #EEE}
  571. .PopularPosts .widget-content ul li:last-child,.footer-column .PopularPosts .widget-content ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
  572. .PopularPosts .item-title{font:$(titles.font);line-height:22px;font-size:15px}
  573. .item-title a{font-weight:700;color:$(posts.link.color);margin-bottom:5px}
  574. .item-title a:hover{text-decoration:underline}
  575. .PopularPosts .item-snippet{height:40px;overflow:hidden;font:$(desc.font);line-height:22px}
  576. #ArchiveList select{border:1px solid #EEE;padding:8px;width:100%;cursor:pointer;font:$(body.font)}
  577. .PopularPosts .item-thumbnail{line-height:21px;overflow:hidden}
  578. .PlusBadge .widget-title{margin-bottom:15px}
  579. .sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  580. .FollowByEmail td{width:100%}
  581. .FollowByEmail .follow-by-email-inner .follow-by-email-submit{width:35%;border-radius:2px;height:35px;font:$(body.font);font-size:12px;color:#fff;background-color:#50C932}
  582. .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover{background-color:$(main.color);color:#FFF}
  583. .FollowByEmail .follow-by-email-inner .follow-by-email-address{height:40px;border:1px solid #EEE;margin-bottom:5px;font:$(body.font);font-size:12px}
  584. .FollowByEmail .follow-by-email-inner .follow-by-email-address:focus{border:1px solid #EEE}
  585. .FollowByEmail .widget-content:before{content:"Enter your email address to subscribe to this blog and receive notifications of new posts by email.";font-size:12px;line-height:21px;margin-bottom:5px;display:block}
  586. .list-label-widget-content ul li{list-style:none;padding:0;position:relative}
  587. .list-label-widget-content ul{padding:0}
  588. .list-label-widget-content ul li a{display:block;color:#777;padding:5px 0;border-bottom:1px solid rgba(238,238,238,0.5);font-size:12px;position:relative;z-index:9;font-weight:500}
  589. .list-label-widget-content span{display:block;color:$(main.color);padding:10px 0;border-bottom:1px solid rgba(238,238,238,0.5);font-size:12px;position:relative;z-index:9;font-weight:500}
  590. .footer-column .list-label-widget-content span{display:block;color:$(main.color);padding:10px 0;border-bottom:1px solid #333;font-size:12px;position:relative;z-index:9;font-weight:500}
  591. .footer-column .list-label-widget-content ul li a{color:#aaa;border-bottom:1px solid #333}
  592. .list-label-widget-content ul li:after{content:'';height:36px;width:0;position:absolute;top:0;z-index:1;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease}
  593. .list-label-widget-content ul li:hover a{color:$(main.color)!important;border-bottom:1px solid $(main.color)}
  594. .list-label-widget-content ul li a:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:25px;line-height:25px;text-align:center;color:#555}
  595. .list-label-widget-content ul li:hover a:before{color:$(main.color)}
  596. .cloud-label-widget-content span{display:inline-block;font-size:100%;min-height:29px;line-height:2em}
  597. .cloud-label-widget-content span a{background-color:#f4f4f4;color:#aaa;padding:7px;border-radius:2px}
  598. .cloud-label-widget-content span a:hover{background-color:#5271b3;color:#fff;text-decoration:none}
  599. .label-size span{background-color:#5271b3;color:#fff;padding:1px 7px;border-radius:2px;margin:-2px 0!important}
  600. .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-widget{max-width:none;margin-bottom:15px;padding:5px}
  601. .contact-form-name,.contact-form-email,.contact-form-email-message{background-color:#f3f3f3;border:0}
  602. .contact-form-button-submit{max-width:none;width:100%;height:35px;border:0;background-image:none;background-color:#49aff8;cursor:pointer;font:$(body.font);font-style:normal;font-weight:400}
  603. .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{border:0;box-shadow:none}
  604. .contact-form-name:hover,.contact-form-email:hover,.contact-form-email-message:hover{border:0}
  605. .contact-form-button-submit:hover{background-color:#222;background-image:none;border:0}
  606. .commentswidget li .avatarImage{position:relative;overflow:hidden;padding:0}
  607. .commentswidget li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;border-bottom:1px solid #f4f4f4;overflow:hidden;margin:0;padding-bottom:10px;margin-bottom:10px;padding-top:0}
  608. .commentswidget li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
  609. .commentswidget li span{margin-top:4px;color:#ccc;display:block;font:$(desc.font);line-height:22px;text-transform:lowercase}
  610. .avatarRound{-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;width:45px;height:45px}
  611. .commentswidget a{color:#888;position:relative;font-size:14px;font-size:13px;text-transform:uppercase;display:block;overflow:hidden}
  612. .commentswidget{list-style:none;padding:0}
  613. .social-counter{margin:0;padding:0;overflow:hidden}
  614. .social-counter ul{margin:0;padding:0}
  615. .social-counter ul li{width:25%;text-align:center;margin:0;padding:20px 0;border-bottom:1px solid #f3f3f3;position:relative}
  616. .social-item:nth-child(5),.social-item:nth-child(6),.social-item:nth-child(7),.social-item:nth-child(8){border:none}
  617. .social-counter ul li a{margin:0;padding:0}
  618. .item-icon{margin:0 0 10px;float:none;width:38px;height:38px;display:inline-block;line-height:38px;text-align:center;vertical-align:middle;background-color:#a3a3a3;color:#fff;font-size:18px;border-radius:2px;transition:.8s}
  619. .item-count{display:block;color:#5f5f5f;font-weight:700;font-size:14px;line-height:20px}
  620. .item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px}
  621. .social-item .item-icon{margin:0 0 10px;float:none}
  622. .social-item.facebook .item-icon,.social-item.facebook .item-icon:after{background-color:#5271b3;border-color:#5271b3}
  623. .social-item.twitter .item-icon,.social-item.twitter .item-icon:after{background-color:#49aff8;border-color:#49aff8}
  624. .social-item.gplus .item-icon,.social-item.gplus .item-icon:after{background-color:#cb2027;border-color:#cb2027}
  625. .social-item.rss .item-icon,.social-item.rss .item-icon:after{background-color:#FFC200;border-color:#FFC200}
  626. .social-item.youtube .item-icon,.social-item.youtube .item-icon:after{background-color:#eb1a21;border-color:#eb1a21}
  627. .social-item.dribbble .item-icon,.social-item.dribbble .item-icon:after{background-color:#ea4c89;border-color:#ea4c89}
  628. .social-item.instagram .item-icon,.social-item.instagram .item-icon:after{background-color:#4E729A;border-color:#4E729A}
  629. .social-item.pinterest .item-icon,.social-item.pinterest .item-icon:after{background-color:#cb2027;border-color:#cb2027}
  630. .social-item.facebook .item-icon:before{content:"\f09a"}
  631. .social-item.twitter .item-icon:before{content:"\f099"}
  632. .social-item.gplus .item-icon:before{content:"\f0d5"}
  633. .social-item.rss .item-icon:before{content:"\f09e"}
  634. .social-item.youtube .item-icon:before{content:"\f167"}
  635. .social-item.instagram .item-icon:before{content:"\f16d"}
  636. .social-item.dribbble .item-icon:before{content:"\f17d"}
  637. .social-item.pinterest .item-icon:before{content:"\f0d2"}
  638. .social-counter ul li:hover{background:#f8f8f8}
  639. .social-item .item-icon:after{content:"";position:absolute;width:10px;height:10px;bottom:-5px;z-index:0;border-width:0 1px 1px 0;border-style:solid;-webkit-transform:rotate(224deg);-moz-transform:rotate(224deg);-ms-transform:rotate(224deg);-o-transform:rotate(224deg);transform:rotate(224deg)}
  640. /*=====================================
  641. = I. Sidebar Section
  642. =====================================*/
  643. .sidetabs *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease;-ms-transition:all 0 ease}
  644. .menu-tab li{width:33.3333%;display:inline-block;padding:0}
  645. .menu-tab{overflow:hidden;clear:both;margin:0}
  646. .menu-tab li a{text-align:center;padding:10px 0;display:block;color:#FFF;background-color:#333;font-size:12px;text-transform:uppercase}
  647. .menu-tab li.active a{color:#FFF;background-color:$(main.color)}
  648. .Text{line-height:22px}
  649. #sidebar-wrapper .widget{margin-bottom:20px;overflow:hidden}
  650. #sidebar-wrapper .widget-content,.contact-form-widget{padding:15px 0 0}
  651. .sidebar .widget-title{border-bottom:1px solid #eee;text-transform:uppercase;font-size:16px;background:url(http://1.bp.blogspot.com/-K9J4cSrMFmc/VAyfs8BHj_I/AAAAAAAAAdk/wDBzkFzK_84/s1600/dots_pat.png) repeat-x center;background-position:50% 25%}
  652. #sidebar-wrapper .widget h2{font:$(titles.font);display:inline-block;font-weight:700;font-size:14px;color:#837F7F;text-transform:uppercase;margin-bottom:10px;background-color:$(content.bg.color)}
  653. .sidebar .PopularPosts .widget-title{border-bottom:1px solid #F04949!important}
  654. .sidebar .PopularPosts h2{color:#F04949!important}
  655. .sidebar .BlogArchive .widget-title{border-bottom:1px solid #FFC200!important}
  656. .sidebar .BlogArchive h2{color:#FFC200!important}
  657. .sidebar .Label .widget-title{border-bottom:1px solid #5271b3!important}
  658. .sidebar .Label h2{color:#5271b3!important}
  659. .sidebar .FollowByEmail .widget-title{border-bottom:1px solid #50C932!important}
  660. .sidebar .FollowByEmail h2{color:#50C932!important}
  661. .sidebar .ContactForm .widget-title{border-bottom:1px solid #49aff8!important}
  662. .sidebar .ContactForm h2{color:#49aff8!important}
  663. /*=====================================
  664. = J. Footer Section
  665. =====================================*/
  666. .footer-ad h2.title{display:none}
  667. .footer-ad{text-align:center;margin:20px 0}
  668. #footer-wrapper{color:#666;border-top:4px solid $(main.color);border-bottom:1px solid #111;font-size:13px;margin:0;padding:0 0 30px;font-weight:400;background:#222;overflow:hidden}
  669. .footer-column .widget-title{border-bottom:1px solid #444;text-transform:uppercase;font-size:16px;background:#222 url(http://1.bp.blogspot.com/-K9J4cSrMFmc/VAyfs8BHj_I/AAAAAAAAAdk/wDBzkFzK_84/s1600/dots_pat.png) repeat-x center;line-height:40px;margin-bottom:15px}
  670. .footer-column h2{display:inline-block;font-weight:700;font-size:13px;color:#837F7F;text-transform:uppercase;background-color:#222}
  671. #footer-wrapper .footer-column{color:#666;width:32.2222222222%;margin:0;padding:0;display:block}
  672. .bottom-nav{text-align:center;padding:20px 0 5px;margin-bottom:10px;overflow:hidden}
  673. .menu-bottom li{display:inline;padding:0}
  674. .menu-bottom li a{color:#D1D1D1;text-transform:uppercase;font-size:11px;margin:0;display:block;padding:0 20px;line-height:40px;height:40px;background-color:#272727}
  675. .menu-bottom li a:hover{background:$(main.color);color:#fff}
  676. .footer-column .PopularPosts .widget-content ul li{border-bottom:1px solid #444}
  677. .footer-column .item-title a{color:#DDD}
  678. .contact-button{line-height:40px;height:40px}
  679. .contact-button a{padding:0 10px;background:$(main.color);color:#FFF;display:block}
  680. .contact-sec{position:fixed;top:50%;margin-top:-190px;left:50%;max-width:300px;width:90%;margin-left:-150px;background-color:#FFF;height:380px;z-index:99999;display:none;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0);transition:all .5s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}
  681. .contact-close{position:absolute;top:-12px;background-color:#303030;color:#FFF;height:25px;width:25px;text-align:center;border-radius:5px;line-height:25px;font-size:10px}
  682. .contact-sec .widget{padding:20px}
  683. .contact-sec .contact-form-cross{display:none}
  684. .contact-sec.contact-show{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
  685. #outer-wrapper.pop_contact{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  686. #outer-wrapper.pop_contact:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.69);z-index:999;transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  687. a.upbt{background:#222;border-radius:100%;text-align:center;vertical-align:middle;height:48px;padding:10px;width:48px;position:absolute;top:-26px;color:#fff;font-size:24px;left:50%;margin-left:-24px}
  688. a.upbt:hover{background:$(main.color)}
  689. #copyrights{background-color:#111;text-align:center;height:65px;padding:20px 0;border-top:1px solid #333;position:relative;box-shadow:inset 0 5px 15px #111}
  690. #copyrights a{color:#ccc}
  691. /*=====================================
  692. = K. Error page
  693. =====================================*/
  694. .error_page #sidebar-wrapper,.error_page #main-wrapper{display:none}
  695. .error_page #error-page{margin:100px auto 50px;text-align:center;padding:0;line-height:4em}
  696. a.homepage{padding:10px 20px;background:#eee;border-radius:2px;color:#aaa}
  697. a.homepage:hover{background:$(main.color);color:#fff}
  698. .error_page .error{font-size:20px;text-align:center}
  699. .error_page .errornum{font-size:150px;text-align:center;color:$(main.color)}
  700. .error_page span.fa.fa-frown-o{font-size:115px;color:#444}
  701. .error_page .fa-frown-o:before{content:"\f119"}
  702. .error_page .fa-hand-o-down:before{content:"\f0a7";font-size:18px}
  703. /*=====================================
  704. = L. Shortcodes
  705. =====================================*/
  706. .firstcharacter{float:left;color:$(main.color);font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
  707. .button.small{font-size:12px}
  708. .button.medium{font-size:16px}
  709. .button.large{font-size:20px}
  710. .button{padding:10px 20px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;-webkit-box-shadow:inset 0 -2px rgba(0,0,0,0.15);box-shadow:inset 0 -2px rgba(0,0,0,0.15);color:#fff}
  711. .button.small:hover{-webkit-box-shadow:inset 0 -34px rgba(0,0,0,0.15);box-shadow:inset 0 -34px rgba(0,0,0,0.15);color:#fff}
  712. .button.medium:hover{-webkit-box-shadow:inset 0 -44px rgba(0,0,0,0.15);box-shadow:inset 0 -44px rgba(0,0,0,0.15);color:#fff}
  713. .button.large:hover{-webkit-box-shadow:inset 0 -54px rgba(0,0,0,0.15);box-shadow:inset 0 -54px rgba(0,0,0,0.15);color:#fff}
  714. .red{background:#e74c3c}
  715. .orange{background:#e8930c}
  716. .green{background:#2ecc71}
  717. .blue{background:#3498db}
  718. .purple{background:#9b59b6}
  719. .yellow{background:#FFD600}
  720. .pink{background:#F889EB}
  721. .grey{background:#bdc3c7}
  722. .turquoise{background:#1abc9c}
  723. .midnight{background:#2c3e50}
  724. .asbestos{background:#6d7b7c}
  725. .dark{background:#454545}
  726. .small-button{width:100%;overflow:hidden;clear:both}
  727. .medium-button{width:100%;overflow:hidden;clear:both}
  728. .large-button{width:100%;overflow:hidden;clear:both}
  729. .widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
  730. .widget .post-body li{margin:5px 0;padding:0;line-height:1.5}
  731. .post-body ul li:before{content:"\f105";margin-right:5px;font-family:fontawesome}
  732. pre{background-color:#26292B;color:#333;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}
  733. pre[data-codetype]{padding:37px 1em 5px}
  734. pre[data-codetype]:before{content:attr(data-codetype);display:block;position:absolute;top:-5px;right:0;left:0;background-color:#95a5a6;padding:7px;color:#555}
  735. pre[data-codetype="HTML"]{color:#CECECE}
  736. pre[data-codetype="CSS"]{color:#30CCF3}
  737. pre[data-codetype="JavaScript"]{color:#EDD091}
  738. pre[data-codetype="JQuery"]{color:#889CAF}
  739. pre[data-codetype="HTML"]:before{background-color:#F7F7F7}
  740. pre[data-codetype="CSS"]:before{background-color:#F7F7F7}
  741. pre[data-codetype="JavaScript"]:before{background-color:#F7F7F7}
  742. pre[data-codetype="JQuery"]:before{background-color:#F7F7F7}
  743. pre code,pre .line-number{display:block;color:#069}
  744. pre .line-number{color:#ecf0f1;min-width:2.5em}
  745. pre .line-number span{display:block}
  746. pre .line-number span:nth-child(even){background-color:#243342}
  747. pre .cl{display:block;clear:both}
  748. #contact{background-color:#fff;margin:30px 0!important}
  749. #contact .contact-form-widget{max-width:100%!important}
  750. #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}
  751. #contact .contact-form-name{width:47.7%;height:50px}
  752. #contact .contact-form-email{width:49.7%;height:50px}
  753. #contact .contact-form-email-message{height:150px}
  754. #contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:15px 20px!important;text-align:center;cursor:pointer;background:#19b5fe;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}
  755. #contact .contact-form-button-submit:hover{background:#444}
  756. #contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none!important}
  757. .two-column{overflow:hidden}
  758. .two-column .column{width:50%;padding:0 15px}
  759. .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}
  760. .alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239}
  761. .alert-message span{font-size:14px!important}
  762. .alert-message i{font-size:16px;line-height:20px}
  763. .alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}
  764. .alert-message.success a,.alert-message.success span{color:#1d9d74}
  765. .alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}
  766. .alert-message.alert a,.alert-message.alert span{color:#378FFF}
  767. .alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
  768. .alert-message.warning a,.alert-message.warning span{color:#8a6d3b}
  769. .alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}
  770. .alert-message.error a,.alert-message.error span{color:#F55D5D}
  771. .fa-check-circle:before{content:"\f058"}
  772. .fa-info-circle:before{content:"\f05a"}
  773. .fa-exclamation-triangle:before{content:"\f071"}
  774. .fa-exclamation-circle:before{content:"\f06a"}
  775. .simpleTab .tab-wrapper li{display:inline-block;margin:0;padding:0}
  776. .simpleTab .tab-wrapper li a{background-color:#333;color:#FFF;padding:10px 25px;display:block}
  777. .simpleTab .tab-wrapper li:before{content:'';display:none}
  778. .simpleTab{margin:10px 0}
  779. .simpleTab .tab-content{padding:15px;background-color:#f2f2f2}
  780. .simpleTab .tab-wrapper li a.activeTab{background-color:$(main.color);color:#fff}
  781. .simpleTab *{transition:all 0 ease;-webkit-transition:all 0 ease;-moz-transition:all 0 ease;-o-transition:all 0 ease}
  782. .simpleTab.side .tab-wrapper{float:left;width:30%;margin:0!important;padding:0!important}
  783. .simpleTab .tab-wrapper{padding:0!important;margin:0!important}
  784. .simpleTab.side .tab-content{float:left;width:70%}
  785. .simpleTab.side .tab-wrapper li{width:100%;display:block;text-align:center}
  786. .simpleTab.side .tab-wrapper li a{padding:15px 0}
  787. .simpleTab.side{overflow:hidden}
  788. .ad-inside{display:none}
  789. .post-body .ad-inside{display:inline-block;line-height:0}
  790. .ad-inside-to{margin:15px auto;line-height:0}
  791. .maplabel{margin-bottom:10px;background-color:#F8F8F8}
  792. .maplabel.active .mapp{display:block}
  793. .maplabel .mapp{display:none}
  794. .maplabel h2{background-color:#ECECEC;color:#444;font-size:15px;padding:10px 20px;border-radius:2px;margin-bottom:0;cursor:pointer}
  795. .maplabel h2 .butoo{font-size:18px}
  796. .mpost{overflow:hidden;margin-bottom:20px;height:70px;background-color:#FFF}
  797. .mapp{padding:40px}
  798. .map-date{text-align:center;background-color:#F0F0F0;padding:10px}
  799. .map-date .day{font-size:25px;display:block;text-align:center;font-weight:800;color:#444}
  800. .map-date span{font-size:13px;color:#999}
  801. .mpost .rcp-title{line-height:70px;margin-bottom:0;font-size:16px}
  802. .mpost .rcp-title a{color:#111}
  803. .mpost .rcp-title a:hover{text-decoration:underline}
  804. /* Cur */
  805. HTML,BODY{cursor: url("http://maxlikeviet.com/hub/c1.cur"), url("http://maxlikeviet.com/hub/c1.cur"), auto;}
  806. A:hover,#submit{cursor: url("http://maxlikeviet.com/hub/c2.cur"), url("http://maxlikeviet.com/hub/c2.cur"), auto;}
  807. /* CPR */
  808. .post-title, .post-body, .breadcrumbs{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout: none;-ms-user-select: none;}
  809. input,textarea,mark,pre,code,blockquote,.alert-message{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-o-user-select:text;user-select:text}
  810.  
  811. pre,code,blockquote,input,textarea{
  812. -webkit-user-select:text;
  813. -khtml-user-select:text;
  814. -moz-user-select:text;
  815. -ms-user-select: text;
  816. -webkit-touch-callout: text;
  817. }
  818. /* TOP BOTTOM */
  819. #bttop{background:#0093DA;text-align:center;padding:13px;position:fixed;bottom:50%;right:0;cursor:pointer;display:none;color:#fff;font-size:15px;font-weight:900}
  820. #bttop:hover{background:#0a932c;border-bottom:4px solid #0093DA}
  821. .bottombottom{position:fixed;z-index:9999;bottom:43%;right:0;
  822. padding-left:1px;background:#333}
  823. #phuocanlink{margin:0;padding:0;overflow:auto;font-weight:bold;max-height:250px}
  824. #phuocanlink p{margin:0;padding:2px 10px}
  825. .favicon{width:16px;height:15px;margin-right:8px}
  826. 20px 0}
  827. .tochu{color:red}.tochu:hover{color:red;padding:0 0 0 16px}
  828. /* Random link */
  829. #random-link{position:absolute;padding-top:20px;height:100%;width:65px;float:right;right:67px;background-color:rgba(255,255,255,0.1);display:block;text-align:center;top:0;transition:all .4s ease-in-out}#random-link:after{color:#fff;content:"\f074";font-family:FontAwesome;font-size:18px;font-style:normal;font-weight:400;text-align:center}#random-link:hover{background:#1092DA;transition:all .4s ease-in-out}
  830.  
  831. ]]></b:skin>
  832.  
  833. <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'>
  834. <style>
  835. .flickr_widget .flickr_badge_image{float:left}
  836. .posts-title h2 a:before{margin-right:10px}
  837. .comments-tabs-header h3{float:left}
  838. .comments-tabs-header h3:before{margin-right:10px}
  839. .comments-tabs.simpleTab .tab-wrapper{float:right}
  840. .comments-tabs.simpleTab .tab-wrapper li{margin-right:5px}
  841. .pagenavi a,.pagenavi span{margin-right:5px}
  842. .authorDetails h2{float:left}
  843. .authorDetails .AuthorPostsCount{float:right}
  844. .ticker .title .fa{transform:rotate(-30deg);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);-o-transform:rotate(-30deg)}
  845. .owl-next:before{content:&#39;\f054&#39;;font-family:fontawesome}
  846. .owl-prev:before{content:&#39;\f053&#39;;font-family:fontawesome}
  847. blockquote{border-left:5px solid #ccc;margin-left:0;padding-left:15px}
  848. 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:#999}
  849. 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:#999}
  850. #main-wrapper{float:left;border-right:1px solid #eee}
  851. #main-wrapper #main{margin-right:2.85%}
  852. #sidebar-wrapper{float:right;padding-left:2%;border-left:1px solid #EEE;left:-1px}
  853. .menu ul li{float:left}
  854. .menu ul li a{border-right:1px solid rgba(255,255,255,0.1)}
  855. .menu ul li ul a:hover{padding-left:30px}
  856. .menu ul li ul a:before{content:&#39;\f054&#39;;margin-right:5px}
  857. .home-icon{left:0;border-right:1px solid rgba(255,255,255,0.3)}
  858. .menu ul{margin-left:65px}
  859. .hasSub a:after{right:8px}
  860. .menu ul .hasSub a{padding-right:30px}
  861. .menu ul li ul{margin-left:0}
  862. .menu-top{float:left}
  863. .menu-top #nav{margin-left:0}
  864. .menu-top li{margin-right:10px}
  865. .menu-top li a:after{margin-left:10px}
  866. #header-search{float:right}
  867. #header-search .searchbox{left:0;padding-left:15px}
  868. .social-sec{float:right}
  869. .social-sec li{float:left;margin-left:3px}
  870. .ticker .title{float:left}
  871. .ticker .title .fa{margin-right:10px}
  872. .ticker .layout-content li{float:left;margin-left:30px}
  873. .ticker .post-tag{margin-right:10px}
  874. .post-widget .rcp-thumb{float:left;margin-right:10px}
  875. .post-widget .post-panel{margin-left:70px}
  876. .more-link{float:right;margin-right:7px}
  877. .more-link:after{content:&#39;\f054&#39;;margin-left:5px}
  878. .box-title{border-radius:2px 2px 0 0}
  879. .box-title h2{padding:10px 20px 5px 10px;border-radius:2px 2px 0 0}
  880. .box-title h2 a:before{margin-right:10px}
  881. .recent-date:before{margin-right:10px}
  882. .recent-author:before{margin-right:10px}
  883. .recent-author{margin-left:10px}
  884. .intro-loader{left:0}
  885. .intro .rcp-thumb:after{left:0}
  886. .intro li{float:right}
  887. .intro li:first-child{float:left}
  888. .intro .post-panel{left:20px}
  889. .intro .post-tag{left:15px}
  890. .recent-layout .widget{margin-right:2.85%}
  891. .fbig ul li .recent-content{padding-left:15px}
  892. .fbig1 .first-content{padding-left:20px}
  893. .fbig1 ul li{float:left;margin-right:2%}
  894. .fbig1 ul li:nth-child(3),.fbig1 ul li:nth-child(5){margin-right:0;margin-left:2%}
  895. .fbig2 .first{float:left;border-right:1px solid #EEE;padding-right:2%}
  896. .fbig2 ul li{float:right}
  897. .list ul li{margin-right:2%;float:left}
  898. .list ul li:nth-child(2),.list ul li:nth-child(4),.list ul li:nth-child(6){margin-right:0;margin-left:2%}
  899. .recent-block ul li{float:left;margin-right:.33%}
  900. .gallery .recent-content{left:10px}
  901. .videos ul li:nth-child(1),.videos ul li:nth-child(2),.videos ul li:nth-child(4),.videos ul li:nth-child(5){margin-right:2%}
  902. .videos ul li{margin-right:0}
  903. .owl-carousel .owl-item{float:left}
  904. .owl-prev,.owl-next{margin-right:5px}
  905. .box-title .owl-controls{float:right}
  906. .carousel .recent-content{left:5%}
  907. .carousel .recent-thumb:before{left:0}
  908. .slider .owl-controls{left:10px}
  909. .postags{left:5px}
  910. #related-posts .owl-controls{left:10px}
  911. #related-posts .owl-carousel .owl-wrapper-outer{margin-left:2px}
  912. .rnav li{padding:0 5px 0 1px;float:left}
  913. .rnav li .rnav-conent{left:5%}
  914. .sharepost li{float:left;margin-right:1.2%}
  915. .sharepost li:last-child{margin-right:0}
  916. .sharepost li .fa:before{margin-right:5px}
  917. .posts-title{border-radius:2px 2px 0 0;margin-right:2.85%}
  918. .posts-title h2{padding:10px 20px 5px 10px;border-radius:2px 2px 0 0}
  919. .posts-link{float:right;margin-right:9px}
  920. .posts-link:after{content:&#39;\f054&#39;;margin-left:5px}
  921. .post-share{left:185px}
  922. .post-share:before{left:-2%;border-width:0 1px 1px 0}
  923. .post-sharebtn{float:left}
  924. .post-readmore{float:left}
  925. .fa-twitter:before{margin-right:5px}
  926. .fa-facebook:before{margin-right:5px}
  927. .fa-google-plus:before{margin-right:5px}
  928. .fa-long-arrow-right:before{margin-left:10px}
  929. .fa-angle-right:before{content:&#39;\f105&#39;}
  930. .item .post-heading{-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
  931. .index article{padding:0 0 0 20px}
  932. .post-timestamp{margin-left:5px}
  933. .post-labels{margin-left:5px}
  934. .post-pager .previous{float:left}
  935. .post-pager .next{text-align:right}
  936. .tagstitle{float:left;margin:0 10px 0 0}
  937. .authorLeft{float:left;margin-right:20px}
  938. .authorContent .authorSocial{float:right}
  939. .authorSocial{text-align:left}
  940. .authorSocial a{margin-left:5px}
  941. .comments .comment-block{margin-left:0}
  942. .comments .comments-content .datetime{margin-left:0}
  943. .comments .avatar-image-container{float:left;margin-right:15px}
  944. .comments .comment .comment-actions a{float:right;margin-left:5px}
  945. .PopularPosts .item-thumbnail{float:left;margin:0 8px 0 0}
  946. .sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{content:&#39;\f101&#39;;margin-left:5px}
  947. .FollowByEmail td{float:left}
  948. .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-left:0}
  949. .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-left:10px}
  950. .list-label-widget-content ul li:after{left:0}
  951. .list-label-widget-content ul li a:before{margin-right:10px;content:&#39;\f105&#39;}
  952. .cloud-label-widget-content span{float:left;margin:0 4px 5px 0}
  953. .commentswidget li .avatarImage{float:left;margin:0 10px 0 0}
  954. .menu-tab li{float:left}
  955. #sidebar-wrapper .widget h2{padding-right:15px}
  956. .footer-column h2{padding-right:15px}
  957. #footer-wrapper .footer-column{float:left}
  958. #footer-wrapper #column1,#footer-wrapper #column2{margin-right:1.6666667%}
  959. .menu-bottom{float:left}
  960. .menu-bottom li{float:left;margin-right:4px}
  961. .menu-bottom ul{margin-left:0}
  962. .contact-button{float:right}
  963. .contact-close{right:-12px}
  964. .contact-button a .fa{margin-right:5px}
  965. .copy-right{float:right}
  966. .copy-left{float:left}
  967. .social-counter ul li{float:left}
  968. .item-icon{margin-right:5px}
  969. .social-item .item-icon:after{left:50%;margin-left:-5px}
  970. .button{float:left}
  971. pre .line-number{float:left;margin:0 1em 0 -1em;border-right:2px solid #3E5770;text-align:right}
  972. pre .line-number span{padding:0 .5em 0 1em}
  973. #contact .contact-form-name{margin-right:12px}
  974. .two-column .column{float:left}
  975. .two-column .column:first-child{border-right:1px solid #DDD}
  976. .alert-message i{float:left;margin-right:5px}
  977. .simpleTab.side .tab-wrapper{float:left}
  978. .simpleTab.side .tab-content{float:left}
  979. .maplabel h2 .butoo{float:right}
  980. .map-date{float:left}
  981. .mpost .rcp-title{margin-left:30px;float:left}
  982. @media screen and (max-width: 1050px) {
  983. .search-icon{right:0}
  984. }
  985. @media screen and (max-width: 1000px) {
  986. #main-wrapper{border-right:0}
  987. #sidebar-wrapper{border-left:0;padding-left:0;left:0}
  988. .recent-layout .widget{margin-right:0}
  989. #footer-wrapper #column1,#footer-wrapper #column2{margin-right:0}
  990. .menu-top li a:after{margin-left:5px}
  991. }
  992. @media screen and (max-width: 950px) {
  993. .intro li:first-child{float:left}
  994. .intro li{float:left}
  995. }
  996. @media screen and (max-width: 880px) {
  997. .menu .selectnav{margin-left:65px}
  998. }
  999. @media screen and (max-width: 700px) {
  1000. .fbig2 .first{padding-right:0;border-right:0}
  1001. .fbig1 .first-content{padding-left:0}
  1002. .index article{padding-left:0}
  1003. .videos ul li{float:left}
  1004. }
  1005. </style>
  1006. <b:else/>
  1007. <style>
  1008. .flickr_widget .flickr_badge_image{float:right}
  1009. .posts-title h2 a:before{margin-left:10px}
  1010. .post-readmore .fa:before{content:&quot;\f177&quot;}
  1011. .comments-tabs-header h3{float:right}
  1012. .comments-tabs-header h3:before{margin-left:10px}
  1013. .comments-tabs.simpleTab .tab-wrapper{float:left}
  1014. .comments-tabs.simpleTab .tab-wrapper li{margin-left:5px}
  1015. .pagenavi a,.pagenavi span{margin-left:5px}
  1016. .post-pager .fa-angle-double-left:before{content:&#39;\f101&#39;}
  1017. .post-pager .fa-angle-double-right:before{content:&#39;\f100&#39;}
  1018. .authorDetails h2{float:right}
  1019. .authorDetails .AuthorPostsCount{float:left}
  1020. .ticker .title .fa{transform:rotate(30deg);-moz-transform:rotate(30deg);-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg)}
  1021. .recent-date:before,.recent-author:before{float:right}
  1022. .recent-date,.recent-author{display:inline-block}
  1023. .owl-next:before{content:&#39;\f053&#39;;font-family:fontawesome}
  1024. .owl-prev:before{content:&#39;\f054&#39;;font-family:fontawesome}
  1025. blockquote{border-right:5px solid #ccc;margin-right:0;padding-right:15px}
  1026. blockquote:after{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:#999}
  1027. blockquote:before{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:#999}
  1028. #main-wrapper{float:right;border-left:1px solid #eee}
  1029. #main-wrapper #main{margin-left:2.85%}
  1030. #sidebar-wrapper{float:left;padding-right:2%;border-right:1px solid #EEE;right:-1px}
  1031. .menu ul li{float:right}
  1032. .menu ul li a{border-left:1px solid rgba(255,255,255,0.1)}
  1033. .menu ul li ul a:hover{padding-right:30px}
  1034. .menu ul li ul a:before{content:&#39;\f053&#39;;margin-left:5px;float:right}
  1035. .home-icon{right:0;border-left:1px solid rgba(255,255,255,0.3)}
  1036. .menu ul{margin-right:65px}
  1037. .hasSub a:after{left:8px}
  1038. .menu ul .hasSub a{padding-left:30px}
  1039. .menu ul li ul{margin-right:0}
  1040. .menu-top{float:right}
  1041. .menu-top #nav{margin-right:0}
  1042. .menu-top li{margin-left:10px}
  1043. .menu-top li a:after{margin-right:10px}
  1044. #header-search{float:left}
  1045. #header-search .searchbox{right:0;padding-right:15px}
  1046. .social-sec{float:left}
  1047. .social-sec li{float:right;margin-right:3px}
  1048. .ticker .title{float:right}
  1049. .ticker .title .fa{margin-left:10px}
  1050. .ticker .layout-content li{float:right;margin-right:30px}
  1051. .ticker .post-tag{margin-left:10px}
  1052. .post-widget .rcp-thumb{float:right;margin-left:10px}
  1053. .post-widget .post-panel{margin-right:70px}
  1054. .more-link{float:left;margin-left:7px}
  1055. .more-link:after{content:&#39;\f053&#39;;margin-right:5px;float:left}
  1056. .box-title{border-radius:2px 0 0 2px}
  1057. .box-title h2{padding:10px 10px 5px 20px;border-radius:2px 0 0 2px}
  1058. .box-title h2 a:before{margin-left:10px;float:right}
  1059. .recent-date:before{margin-left:10px}
  1060. .recent-author:before{margin-left:10px}
  1061. .recent-author{margin-right:10px}
  1062. .intro-loader{right:0}
  1063. .intro .rcp-thumb:after{right:0}
  1064. .intro li{float:left}
  1065. .intro li:first-child{float:right}
  1066. .intro .post-panel{right:20px}
  1067. .intro .post-tag{right:15px}
  1068. .recent-layout .widget{margin-left:2.85%}
  1069. .fbig ul li .recent-content{padding-right:15px}
  1070. .fbig1 .first-content{padding-right:20px}
  1071. .fbig1 ul li{float:right;margin-left:2%}
  1072. .fbig1 ul li:nth-child(3),.fbig1 ul li:nth-child(5){margin-left:0;margin-right:2%}
  1073. .fbig2 .first{float:right;border-left:1px solid #EEE;padding-left:2%}
  1074. .fbig2 ul li{float:left}
  1075. .list ul li{margin-right:2%;float:right}
  1076. .list ul li:nth-child(2),.list ul li:nth-child(4),.list ul li:nth-child(6){margin-left:0;margin-right:2%}
  1077. .recent-block ul li{float:right;margin-left:.33%}
  1078. .gallery .recent-content{right:10px}
  1079. .videos ul li:nth-child(1),.videos ul li:nth-child(2),.videos ul li:nth-child(4),.videos ul li:nth-child(5){margin-left:2%}
  1080. .videos ul li{margin-left:0}
  1081. .owl-carousel .owl-item{float:right}
  1082. .owl-prev,.owl-next{margin-left:5px}
  1083. .box-title .owl-controls{float:left}
  1084. .carousel .recent-content{right:5%}
  1085. .carousel .recent-thumb:before{right:0}
  1086. .slider .owl-controls{right:10px}
  1087. .postags{right:5px}
  1088. #related-posts .owl-controls{right:10px}
  1089. #related-posts .owl-carousel .owl-wrapper-outer{margin-right:2px}
  1090. .rnav li{padding:0 1px 0 5px;float:right}
  1091. .rnav li .rnav-conent{right:5%}
  1092. .sharepost li{float:right;margin-left:1.2%}
  1093. .sharepost li:last-child{margin-left:0}
  1094. .sharepost li .fa:before{margin-left:5px}
  1095. .posts-title{border-radius:2px 0 0 2px;margin-left:2.85%}
  1096. .posts-title h2{padding:10px 10px 5px 20px;border-radius:2px 0 0 2px}
  1097. .posts-link{float:left;margin-left:9px}
  1098. .posts-link:after{content:&#39;\f053&#39;;margin-right:5px}
  1099. .post-share{right:185px}
  1100. .post-share:before{right:-2%;border-width:0 0 1px 1px}
  1101. .post-sharebtn{float:right}
  1102. .post-readmore{float:right}
  1103. .fa-twitter:before{margin-left:5px}
  1104. .fa-facebook:before{margin-left:5px}
  1105. .fa-google-plus:before{margin-left:5px}
  1106. .fa-long-arrow-right:before{margin-right:10px}
  1107. .fa-angle-right:before{content:&#39;\f104&#39;}
  1108. .item .post-heading{-webkit-border-radius:0 2px 0 2px;border-radius:2px 0 0 2px}
  1109. .index article{padding:0 20px 0 0}
  1110. .post-timestamp{margin-right:5px}
  1111. .post-labels{margin-right:5px}
  1112. .post-pager .previous{float:right}
  1113. .post-pager .next{text-align:left}
  1114. .tagstitle{float:right;margin:0 0 0 10px}
  1115. .authorLeft{float:right;margin-left:20px}
  1116. .authorContent .authorSocial{float:left}
  1117. .authorSocial{text-align:right}
  1118. .authorSocial a{margin-right:5px}
  1119. .comments .comment-block{margin-right:0}
  1120. .comments .comments-content .datetime{margin-right:0}
  1121. .comments .avatar-image-container{float:right;margin-left:15px}
  1122. .comments .comment .comment-actions a{float:left;margin-right:5px}
  1123. .PopularPosts .item-thumbnail{float:right;margin:0 0 0 8px}
  1124. .sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{content:&#39;\f101&#39;;margin-right:5px}
  1125. .FollowByEmail td{float:right}
  1126. .FollowByEmail .follow-by-email-inner .follow-by-email-submit{margin-right:0}
  1127. .FollowByEmail .follow-by-email-inner .follow-by-email-address{padding-right:10px}
  1128. .list-label-widget-content ul li:after{right:0}
  1129. .list-label-widget-content ul li a:before{margin-left:10px;content:&#39;\f104&#39;}
  1130. .cloud-label-widget-content span{float:right;margin:0 0 5px 4px}
  1131. .commentswidget li .avatarImage{float:right;margin:0 0 0 10px}
  1132. .menu-tab li{float:right}
  1133. #sidebar-wrapper .widget h2{padding-left:15px}
  1134. .footer-column h2{padding-left:15px}
  1135. #footer-wrapper .footer-column{float:right}
  1136. #footer-wrapper #column1,#footer-wrapper #column2{margin-left:1.6666667%}
  1137. .menu-bottom{float:right}
  1138. .menu-bottom li{float:right;margin-left:4px}
  1139. .menu-bottom ul{margin-right:0}
  1140. .contact-button{float:left}
  1141. .contact-close{left:-12px}
  1142. .contact-button a .fa{margin-left:5px}
  1143. .copy-right{float:left}
  1144. .copy-left{float:right}
  1145. .social-counter ul li{float:right}
  1146. .item-icon{margin-left:5px}
  1147. .social-item .item-icon:after{right:50%;margin-right:-5px}
  1148. .button{float:right}
  1149. pre .line-number{float:right;margin:0 -1em 0 1em;border-left:2px solid #3E5770;text-align:left}
  1150. pre .line-number span{padding:0 1em 0 .5em}
  1151. #contact .contact-form-name{margin-left:12px}
  1152. .two-column .column{float:right}
  1153. .two-column .column:first-child{border-left:1px solid #DDD}
  1154. .alert-message i{float:right;margin-left:5px}
  1155. .simpleTab.side .tab-wrapper{float:right}
  1156. .simpleTab.side .tab-content{float:right}
  1157. .maplabel h2 .butoo{float:left}
  1158. .map-date{float:right}
  1159. .mpost .rcp-title{margin-right:30px;float:right}
  1160. @media screen and (max-width: 1050px) {
  1161. .search-icon{left:0}
  1162. }
  1163. @media screen and (max-width: 1000px) {
  1164. #main-wrapper{border-left:0}
  1165. #sidebar-wrapper{border-right:0;padding-right:0;right:0}
  1166. .recent-layout .widget{margin-left:0}
  1167. #footer-wrapper #column1,#footer-wrapper #column2{margin-left:0}
  1168. .menu-top li a:after{margin-right:5px}
  1169. }
  1170. @media screen and (max-width: 950px) {
  1171. .intro li:first-child{float:right}
  1172. .intro li{float:right}
  1173. }
  1174. @media screen and (max-width: 880px) {
  1175. .menu .selectnav{margin-right:65px}
  1176. }
  1177. @media screen and (max-width: 700px) {
  1178. .fbig2 .first{padding-left:0;border-left:0}
  1179. .fbig1 .first-content{padding-right:0}
  1180. .index article{padding-right:0}
  1181. .videos ul li{float:right}
  1182. }
  1183. </style>
  1184. </b:if>
  1185. <style>
  1186. /*=====================================
  1187. = Responsive Design
  1188. =====================================*/
  1189. @media screen and (max-width: 1200px) {
  1190. .row{margin-right:2%!important;margin-left:2%!important}
  1191. }
  1192. @media screen and (max-width: 1050px) {
  1193. .search-icon{position:absolute;top:0}
  1194. .menu ul li a{padding:0 15px;font-size:14px}
  1195. }
  1196. @media screen and (max-width: 1000px) {
  1197. .header,.topad{display:block}
  1198. #header-content{display:block;padding:30px 0}
  1199. .header{max-width:200px;margin:0 auto 30px}
  1200. .topad{margin:0 auto;height:auto}
  1201. #main-wrapper{width:100%;float:none}
  1202. #sidebar-wrapper{width:100%;margin:30px auto;float:none}
  1203. #footer-wrapper .footer-column{width:100%;float:none}
  1204. .menu-bottom li a{padding:0 10px}
  1205. .menu-top li a{font-size:10px}
  1206. .posts-title{margin-left:0;margin-right:0}
  1207. #main-wrapper #main{margin-right:0;margin-left:0}
  1208. .recent-layout .widget.column{margin-left:1%;margin-right:1%;width:48%}
  1209. }
  1210. @media screen and (max-width: 950px) {
  1211. .menu ul li a{padding:0 10px;font-size:12px}
  1212. .intro li:first-child{width:33.33%;height:215px}
  1213. .intro li{width:33.33%;margin-bottom:20px!important}
  1214. .intro .widget{height:auto;margin-bottom:0!important}
  1215. .intro-loader{display: none}
  1216. .intro li:first-child .rcp-thumb{height:215px}
  1217. .intro li:first-child .rcp-title{font-size:16px}
  1218. }
  1219. .selectnav{display:none}
  1220. @media screen and (max-width: 880px) {
  1221. .home-icon{border-right:0;border-left:0}
  1222. .js #nav,.js #nav1,.js #nav3{display:none!important}
  1223. .js .selectnav{display:block}
  1224. .selectnav{width:100%;padding:0 30px;font-style:normal;font-weight:400;font-size:13px;background-color:#fff;cursor:pointer;overflow:hidden}
  1225. .menu .selectnav{width:500px;background-color:#444;color:#FFF;position:relative;top:0;height:65px}
  1226. .menu-top .selectnav{height:25px;margin-top:5px;background-color:#444;color:#FFF}
  1227. .menu-bottom .selectnav{height:40px;background-color:#333;color:#FFF}
  1228. .copy-left,.copy-right{float:none;text-align:center;margin-bottom:5px}
  1229. #copyrights{height:auto;padding-top:40px}
  1230. .topad img{max-width:100%}
  1231. }
  1232. @media screen and (max-width: 700px) {
  1233. .menu .selectnav{width:250px}
  1234. .intro li:first-child,.intro li{width:100%;float:none;height:300px}
  1235. .intro li:first-child .rcp-thumb,.intro li .rcp-thumb{height:300px}
  1236. .fbig2 .first{float:none;width:100%;margin-bottom:20px}
  1237. .fbig2 ul li{float:none;width:100%}
  1238. .list ul li{width:100%;float:none;display:block;margin-left:0!important;margin-right:0!important}
  1239. .fbig .first .rthumbc{width:100%;display:block;margin-bottom:20px}
  1240. .fbig1 .first-content{display:block}
  1241. .fbig1 ul li{display:block;float:none;width:100%;margin-left:0!important;margin-right:0!important}
  1242. .recent-layout .widget.column{margin-left:0;margin-right:0;width:100%;display:block}
  1243. .post-thumb{display:block;width:100%;margin-bottom:20px}
  1244. .index .post{display:block}
  1245. .recent-block ul li{width:49.66666%}
  1246. .videos ul li{width:100%;height:204px;display:inline-block;margin-left:0!important;margin-right:0!important;margin-bottom:20px!important;overflow:hidden}
  1247. }
  1248. @media screen and (max-width: 420px) {
  1249. .home-icon{display:none}
  1250. .menu .selectnav{margin-left:15px;margin-right:15px}
  1251. .social-sec{display:none}
  1252. #header-search{display:none}
  1253. .slider.recent-block .recent-thumb{height:250px}
  1254. .slider .recent-des{display: none}
  1255. .authorLeft{float:none;width:120px;margin:0 auto}
  1256. .authorDetails{text-align:center}
  1257. .authorDetails h2{float:none}
  1258. .authorDetails .AuthorPostsCount{float:none}
  1259. .articleAuthor .authorContent p{text-align:center}
  1260. ul.post-pager{display: none}
  1261. .sharepost li{width: 100%}
  1262. }
  1263.  
  1264. </style>
  1265. <b:template-skin>
  1266. <![CDATA[
  1267. /*=====================================
  1268. = Body Layout
  1269. =====================================*/
  1270. #layout .author-boxs:before{content:'Author Bio';text-transform: uppercase;font-size:20px;color:#615757;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:sans-serif}
  1271. #layout .author-boxs{background-color: #FFFFFF; padding:30px 0 0!important;border-bottom:1px solid #eee;margin-bottom:20px}
  1272. #layout #HTML900 .widget-content{background-color:#f39c12!important}
  1273. #layout #HTML901 .widget-content{background-color:#9b59b6!important}
  1274. #layout #HTML902 .widget-content{background-color:#2e9fff!important}
  1275. #layout #HTML900 .layout-title,#layout #HTML901 .layout-title,#layout #HTML902 .layout-title{color:#FFF!important;font-size:15px;text-transform:uppercase;line-height:37px;height:37px;font-weight:700}
  1276. #layout #HTML900 .editlink,#layout #HTML901 .editlink,#layout #HTML902 .editlink{color:#FFF!important;border:1px solid;height:33px;line-height:33px;padding:0 15px;font-weight:700;background-color:#555}
  1277. #layout #ticker,#layout #intro-sec{float:left;width:50%;margin:0}
  1278. #layout #main-wrapper,#layout #sidebar-wrapper{margin-top:20px}
  1279. #layout #ticker:before{content:'news ticker';text-transform:uppercase;font-size:20px;color:#555;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:sans-serif}
  1280. #layout #ticker{background-color:#E7E7E7;padding:30px 0!important;margin-bottom:0;border-bottom:1px solid #EEE}
  1281. #layout #ticker .widget{width:80%;margin:0 auto!important;overflow:hidden;float:none}
  1282. #layout #intro-sec:before{content:'Intro Posts';text-transform:uppercase;font-size:20px;color:#FFF;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:sans-serif}
  1283. #layout #intro-sec{background-color:#4A9B67;padding:30px 0!important}
  1284. #layout #intro-sec .widget{width:80%;margin:0 auto!important;overflow:hidden;float:none}
  1285. #layout #menu:before{content:'Main Menu';text-transform:uppercase;font-size:20px;color:#615757;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:sans-serif}
  1286. #layout #menu{background-color:#F6F3A4;padding:30px 0!important;margin-bottom:0;border-bottom:1px solid #EEE}
  1287. #layout #menu .widget{width:80%;margin:0 auto!important;overflow:hidden;float:none}
  1288. #layout .recent-layout:before{content:'Home Layout';text-transform:uppercase;font-size:20px;color:#615757;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:sans-serif}
  1289. #layout .recent-layout{background-color:#F6F3A4;padding:30px 0 0!important;border-bottom:1px solid #EEE;margin-bottom:20px}
  1290. #layout .admin:before{content:'Theme Options';text-transform:uppercase;font-size:20px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:700;font-family:sans-serif}
  1291. #layout .admin{background-color:#38c;padding:20px 0!important}
  1292. #layout .intro-loader{display:none}
  1293. #layout #outer-wrapper{margin-top:10px!important}
  1294. #layout .menu-top{width:65%;float:left}
  1295. #layout .social-sec{float:right;width:35%}
  1296. #layout #header-top,#layout #header-tail{height:auto;overflow:hidden}
  1297. #layout #header-content{display:block;padding:0;overflow:hidden;height:auto}
  1298. #layout #header{display:inline-block;float:left;width:30%}
  1299. #layout #topad{display:inline-block;width:70%;float:right;height:auto}
  1300. #layout #header-wrapper{margin-bottom:0}
  1301. #layout #footer-wrapper{padding:0;overflow:visible}
  1302. #layout #footer-wrapper .footer-column{width:33.33%;float:left}
  1303. #layout #copyrights{padding:0;display:none}
  1304. #layout .intro .widget-content,#layout .recent-layout .widget-content{display:block}
  1305. #layout .posts-title{display:none}
  1306. #layout .bottom-nav{padding:0;margin-bottom:0}
  1307. #layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
  1308. #layout .row{margin:0}
  1309. #layout #main-wrapper{width:70%;float:left}
  1310. #layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
  1311. #layout .menu-tab{display:none}
  1312. #layout .sidetabs .sidebar{width:33.33%;float:left}
  1313. #layout .sidetabs{overflow:hidden}
  1314. #layout .contact-sec{display:block;width:100%;max-width:none;height:auto;left:0;top:0}
  1315. #layout .contact-button{display:none}
  1316. #layout #top{position:relative;left:950px;height:10px;width:10px;top:0;display:block}
  1317. #layout .header .widget{max-width:none}
  1318. #layout #outer-wrapper,#layout .contact-sec,#layout .option{max-width:920px;margin:0 auto}
  1319. #layout .FollowByEmail .widget-content:before{content:''}
  1320. #layout #header-search{display:none}
  1321. #layout .ticker .widget-content{display:block}
  1322. #layout .ticker{height:auto}
  1323. #layout .intro .widget{height:auto}
  1324. #layout #main-wrapper #main{margin-bottom:0}
  1325. #layout .admin{margin-top:70px}
  1326. #layout .option .widget{width:24.666%;float:left;margin-left:0;margin-right:.333%;margin-bottom:4px}
  1327. #layout .option{overflow:hidden!important}
  1328. #layout .option .editlink{height:35px;line-height:35px;bottom:10px;border:1px solid;padding:0 10px;color:#FFF!important}
  1329. #layout .option .layout-title{height:auto;line-height:40px;color:#FFF;text-align:left}
  1330. #layout .option .widget-content{background-color:#65A0DF!important}
  1331. #layout .option .layout-title:before{content:"→";margin-right:10px}
  1332. #unwanted{display:none}
  1333. #layout #contact{display: none;}
  1334. ]]>
  1335. </b:template-skin>
  1336.  
  1337. <b:include data='blog' name='google-analytics'/>
  1338.  
  1339. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  1340. <!-- Cấm click chuột phải trên Web, blog -->
  1341. <script language='JavaScript'>
  1342. var msg=&quot;KHÔNG ĐƯỢC CLICK CHUỘT PHẢI ĐÂU NHÉ!!!&quot;;
  1343. function disableIE() {if (document.all) {alert(msg);return false;}
  1344. }
  1345. function disableNS(e) {
  1346. if (document.layers||(document.getElementById&amp;&amp;!document.all)) {
  1347. if (e.which==2||e.which==3) {alert(msg);return false;}
  1348. }
  1349. }
  1350. if (document.layers) {
  1351. document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS;
  1352. } else {
  1353. document.onmouseup=disableNS;document.oncontextmenu=disableIE;
  1354. }
  1355. document.oncontextmenu=new Function(&quot;alert(msg);return false&quot;)
  1356. </script>
  1357. <!--kết thúc cấm chuột phải-->
  1358.  
  1359. </head>
  1360.  
  1361. <body expr:class='data:blog.pageType'>
  1362.  
  1363.  
  1364. <div class='admin row' style='display:none'>
  1365. <b:section class='option' id='option' maxwidgets='1' showaddelement='yes'>
  1366. <b:widget id='LinkList850' locked='true' title='Translator' type='LinkList' visible='true'>
  1367. <b:includable id='main'>
  1368. <b:loop values='data:links' var='link'>
  1369. <p class='trans' expr:data-tran='data:link.target'><data:link.name/></p>
  1370. </b:loop>
  1371. </b:includable>
  1372. </b:widget>
  1373. <b:widget id='HTML850' locked='true' title='Boxed Style' type='HTML' visible='true'>
  1374. <b:includable id='main'>
  1375. &lt;script type=&#39;text/javascript&#39;&gt;
  1376. //&lt;![CDATA[
  1377. $(document).ready(function() {
  1378. var noBox = &quot;<data:content/>&quot;;
  1379. var FnoBox = noBox.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
  1380. if ( FnoBox === &quot;no&quot; ) {
  1381. $(&#39;body&#39;).addClass(&#39;noBox&#39;);
  1382. }
  1383. });
  1384. //]]&gt;
  1385. &lt;/script&gt;
  1386. <style>.noBox #outer-wrapper{max-width:none}.noBox .row{margin:0 auto;max-width:1200px}</style>
  1387. </b:includable>
  1388. </b:widget>
  1389. <b:widget id='HTML851' locked='true' title='Scroll Animation' type='HTML' visible='true'>
  1390. <b:includable id='main'>
  1391. &lt;script type=&#39;text/javascript&#39;&gt;
  1392. //&lt;![CDATA[
  1393. var scroll = &quot;<data:content/>&quot;;
  1394. var Fscroll = scroll.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
  1395. if ( Fscroll === &quot;yes&quot; ) {
  1396. $(document).ready(function() {
  1397. $(&#39;body&#39;).addClass(&#39;img-Animate&#39;);
  1398. });
  1399. $(window).bind(&#39;load resize scroll&#39;, function() {
  1400. var window = $(this).height();
  1401. $(&#39;.recent-thumb,.first-thumb,.rcp-thumb,.PopularPosts img,.home .post-thumb a&#39;).each(function() {
  1402. var qudr = .1 * $(this).height();
  1403. var omger = qudr - window + $(this).offset().top;
  1404. var lom = $(document).scrollTop();
  1405. if (lom &gt; omger) {
  1406. $(this).addClass(&#39;show-with&#39;);
  1407. }
  1408. });
  1409. });
  1410. }
  1411. //]]&gt;
  1412. &lt;/script&gt;
  1413. </b:includable>
  1414. </b:widget>
  1415. <b:widget id='HTML852' locked='true' title='PageNav Posts Number' type='HTML' visible='true'>
  1416. <b:includable id='main'>
  1417. <b:if cond='data:content == &quot;&quot;'>
  1418. <script type='text/javascript'>
  1419. //<![CDATA[
  1420. var pageNaviConf = {
  1421. perPage: 20,
  1422. numPages: 9,
  1423. firstText: 'First',
  1424. lastText: 'Last',
  1425. nextText: 'Next',
  1426. prevText: 'Prev'
  1427. }
  1428. $(window).bind("load", function() {
  1429. $('.Label a,.box-title h2 a,.more-link,.intro .post-tag,.postags a,.ticker .post-tag,.tags a,.posts-link,.posts-title h2 a').each(function() {
  1430. var labelPage = $(this).attr('href');
  1431. $(this).attr('href',labelPage + '?max-results=20');
  1432. });
  1433. });
  1434. //]]>
  1435. </script>
  1436. <b:else/>
  1437. &lt;script type=&#39;text/javascript&#39;&gt;
  1438. var pageNaviConf = {
  1439. perPage: <data:content/>,
  1440. numPages: 9,
  1441. firstText: &#39;First&#39;,
  1442. lastText: &#39;Last&#39;,
  1443. nextText: &#39;Next&#39;,
  1444. prevText: &#39;Prev&#39;
  1445. }
  1446. $(window).bind(&quot;load&quot;, function() {
  1447. $(&#39;.Label a,.box-title h2 a,.more-link,.intro .post-tag,.postags a,.ticker .post-tag,.tags a,.posts-link,.posts-title h2 a&#39;).each(function() {
  1448. var labelPage = $(this).attr(&#39;href&#39;);
  1449. $(this).attr(&#39;href&#39;,labelPage + &#39;?max-results=<data:content/>&#39;);
  1450. });
  1451. });
  1452. &lt;/script&gt;
  1453. </b:if>
  1454. </b:includable>
  1455. </b:widget>
  1456. <b:widget id='HTML853' locked='true' title='Home PageNav' type='HTML' visible='true'>
  1457. <b:includable id='main'>
  1458. &lt;script type=&#39;text/javascript&#39;&gt;
  1459. //&lt;![CDATA[
  1460. var navShow = &quot;<data:content/>&quot;;
  1461. var FnavShow = navShow.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
  1462. if ( FnavShow === &quot;yes&quot; ) {
  1463. $(window).bind(&quot;load&quot;, function() {
  1464. $(&#39;.home .pagenavi&#39;).show();
  1465. });
  1466. }
  1467. //]]&gt;
  1468. &lt;/script&gt;
  1469. </b:includable>
  1470. </b:widget>
  1471. <b:widget id='HTML856' locked='true' title='Recent Comments No.' type='HTML' visible='true'>
  1472. <b:includable id='main'>
  1473. <b:if cond='data:content == &quot;&quot;'>
  1474. <script type='text/javascript'>
  1475. //<![CDATA[
  1476. var recentcomments_number = 5;
  1477. //]]>
  1478. </script>
  1479. <b:else/>
  1480. &lt;script type=&#39;text/javascript&#39;&gt;
  1481. var recentcomments_number = <data:content/>;
  1482. &lt;/script&gt;
  1483. </b:if>
  1484. </b:includable>
  1485. </b:widget>
  1486. <b:widget id='HTML857' locked='true' title='Random Posts No.' type='HTML' visible='true'>
  1487. <b:includable id='main'>
  1488. <b:if cond='data:content == &quot;&quot;'>
  1489. <script type='text/javascript'>
  1490. //<![CDATA[
  1491. var randomposts_number = 5;
  1492. //]]>
  1493. </script>
  1494. <b:else/>
  1495. &lt;script type=&#39;text/javascript&#39;&gt;
  1496. var randomposts_number = <data:content/>;
  1497. &lt;/script&gt;
  1498. </b:if>
  1499. </b:includable>
  1500. </b:widget>
  1501. <b:widget id='HTML858' locked='true' title='Recent Posts No.' type='HTML' visible='true'>
  1502. <b:includable id='main'>
  1503. <b:if cond='data:content == &quot;&quot;'>
  1504. <script type='text/javascript'>
  1505. //<![CDATA[
  1506. var recentposts_number = 5;
  1507. //]]>
  1508. </script>
  1509. <b:else/>
  1510. &lt;script type=&#39;text/javascript&#39;&gt;
  1511. var recentposts_number = <data:content/>;
  1512. &lt;/script&gt;
  1513. </b:if>
  1514. </b:includable>
  1515. </b:widget>
  1516. <b:widget id='HTML859' locked='true' title='Fbig1 Posts No.' type='HTML' visible='true'>
  1517. <b:includable id='main'>
  1518. <b:if cond='data:content == &quot;&quot;'>
  1519. <script type='text/javascript'>
  1520. //<![CDATA[
  1521. var fbig1_number = 5;
  1522. //]]>
  1523. </script>
  1524. <b:else/>
  1525. &lt;script type=&#39;text/javascript&#39;&gt;
  1526. var fbig1_number = <data:content/>;
  1527. &lt;/script&gt;
  1528. </b:if>
  1529. </b:includable>
  1530. </b:widget>
  1531. <b:widget id='HTML860' locked='true' title='Fbig2 Posts No.' type='HTML' visible='true'>
  1532. <b:includable id='main'>
  1533. <b:if cond='data:content == &quot;&quot;'>
  1534. <script type='text/javascript'>
  1535. //<![CDATA[
  1536. var fbig2_number = 5;
  1537. //]]>
  1538. </script>
  1539. <b:else/>
  1540. &lt;script type=&#39;text/javascript&#39;&gt;
  1541. var fbig2_number = <data:content/>;
  1542. &lt;/script&gt;
  1543. </b:if>
  1544. </b:includable>
  1545. </b:widget>
  1546. <b:widget id='HTML861' locked='true' title='Column1 Posts No.' type='HTML' visible='true'>
  1547. <b:includable id='main'>
  1548. <b:if cond='data:content == &quot;&quot;'>
  1549. <script type='text/javascript'>
  1550. //<![CDATA[
  1551. var column1_number = 5;
  1552. //]]>
  1553. </script>
  1554. <b:else/>
  1555. &lt;script type=&#39;text/javascript&#39;&gt;
  1556. var column1_number = <data:content/>;
  1557. &lt;/script&gt;
  1558. </b:if>
  1559. </b:includable>
  1560. </b:widget>
  1561. <b:widget id='HTML862' locked='true' title='Column2 Posts No.' type='HTML' visible='true'>
  1562. <b:includable id='main'>
  1563. <b:if cond='data:content == &quot;&quot;'>
  1564. <script type='text/javascript'>
  1565. //<![CDATA[
  1566. var column2_number = 5;
  1567. //]]>
  1568. </script>
  1569. <b:else/>
  1570. &lt;script type=&#39;text/javascript&#39;&gt;
  1571. var column2_number = <data:content/>;
  1572. &lt;/script&gt;
  1573. </b:if>
  1574. </b:includable>
  1575. </b:widget>
  1576. <b:widget id='HTML863' locked='true' title='List Posts No.' type='HTML' visible='true'>
  1577. <b:includable id='main'>
  1578. <b:if cond='data:content == &quot;&quot;'>
  1579. <script type='text/javascript'>
  1580. //<![CDATA[
  1581. var list_number = 6;
  1582. //]]>
  1583. </script>
  1584. <b:else/>
  1585. &lt;script type=&#39;text/javascript&#39;&gt;
  1586. var list_number = <data:content/>;
  1587. &lt;/script&gt;
  1588. </b:if>
  1589. </b:includable>
  1590. </b:widget>
  1591. <b:widget id='HTML864' locked='true' title='Gallery Posts No.' type='HTML' visible='true'>
  1592. <b:includable id='main'>
  1593. <b:if cond='data:content == &quot;&quot;'>
  1594. <script type='text/javascript'>
  1595. //<![CDATA[
  1596. var gallery_number = 9;
  1597. //]]>
  1598. </script>
  1599. <b:else/>
  1600. &lt;script type=&#39;text/javascript&#39;&gt;
  1601. var gallery_number = <data:content/>;
  1602. &lt;/script&gt;
  1603. </b:if>
  1604. </b:includable>
  1605. </b:widget>
  1606. <b:widget id='HTML865' locked='true' title='Videos Posts No.' type='HTML' visible='true'>
  1607. <b:includable id='main'>
  1608. <b:if cond='data:content == &quot;&quot;'>
  1609. <script type='text/javascript'>
  1610. //<![CDATA[
  1611. var videos_number = 6;
  1612. //]]>
  1613. </script>
  1614. <b:else/>
  1615. &lt;script type=&#39;text/javascript&#39;&gt;
  1616. var videos_number = <data:content/>;
  1617. &lt;/script&gt;
  1618. </b:if>
  1619. </b:includable>
  1620. </b:widget>
  1621. <b:widget id='HTML866' locked='true' title='Carousel Posts No.' type='HTML' visible='true'>
  1622. <b:includable id='main'>
  1623. <b:if cond='data:content == &quot;&quot;'>
  1624. <script type='text/javascript'>
  1625. //<![CDATA[
  1626. var carousel_number = 9;
  1627. //]]>
  1628. </script>
  1629. <b:else/>
  1630. &lt;script type=&#39;text/javascript&#39;&gt;
  1631. var carousel_number = <data:content/>;
  1632. &lt;/script&gt;
  1633. </b:if>
  1634. </b:includable>
  1635. </b:widget>
  1636. <b:widget id='HTML867' locked='true' title='Slider Posts No.' type='HTML' visible='true'>
  1637. <b:includable id='main'>
  1638. <b:if cond='data:content == &quot;&quot;'>
  1639. <script type='text/javascript'>
  1640. //<![CDATA[
  1641. var slider_number = 8;
  1642. //]]>
  1643. </script>
  1644. <b:else/>
  1645. &lt;script type=&#39;text/javascript&#39;&gt;
  1646. var slider_number = <data:content/>;
  1647. &lt;/script&gt;
  1648. </b:if>
  1649. </b:includable>
  1650. </b:widget>
  1651. <b:widget id='HTML868' locked='true' title='Related Posts No.' type='HTML' visible='true'>
  1652. <b:includable id='main'>
  1653. <b:if cond='data:content == &quot;&quot;'>
  1654. <script type='text/javascript'>
  1655. //<![CDATA[
  1656. var related_number = 9;
  1657. //]]>
  1658. </script>
  1659. <b:else/>
  1660. &lt;script type=&#39;text/javascript&#39;&gt;
  1661. var related_number = <data:content/>;
  1662. &lt;/script&gt;
  1663. </b:if>
  1664. </b:includable>
  1665. </b:widget>
  1666. <b:widget id='HTML872' locked='true' title='Ticker Posts No.' type='HTML' visible='true'>
  1667. <b:includable id='main'>
  1668. <b:if cond='data:content == &quot;&quot;'>
  1669. <script type='text/javascript'>
  1670. //<![CDATA[
  1671. var ticker_number = 10;
  1672. //]]>
  1673. </script>
  1674. <b:else/>
  1675. &lt;script type=&#39;text/javascript&#39;&gt;
  1676. var ticker_number = <data:content/>;
  1677. &lt;/script&gt;
  1678. </b:if>
  1679. </b:includable>
  1680. </b:widget>
  1681. <b:widget id='HTML869' locked='true' title='Slider Speed' type='HTML' visible='true'>
  1682. <b:includable id='main'>
  1683. <b:if cond='data:content == &quot;&quot;'>
  1684. <script type='text/javascript'>
  1685. //<![CDATA[
  1686. var slider_speed = 5000;
  1687. //]]>
  1688. </script>
  1689. <b:else/>
  1690. &lt;script type=&#39;text/javascript&#39;&gt;
  1691. var slider_speed = <data:content/>;
  1692. &lt;/script&gt;
  1693. </b:if>
  1694. </b:includable>
  1695. </b:widget>
  1696. <b:widget id='HTML870' locked='true' title='No Image URL' type='HTML' visible='true'>
  1697. <b:includable id='main'>
  1698. <b:if cond='data:content == &quot;&quot;'>
  1699. <script type='text/javascript'>
  1700. //<![CDATA[
  1701. var no_image_url = "http://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg";
  1702. //]]>
  1703. </script>
  1704. <b:else/>
  1705. &lt;script type=&#39;text/javascript&#39;&gt;
  1706. var no_image_url = &quot;<data:content/>&quot;;
  1707. &lt;/script&gt;
  1708. </b:if>
  1709. </b:includable>
  1710. </b:widget>
  1711. <b:widget id='HTML871' locked='true' title='Months Format Text' type='HTML' visible='true'>
  1712. <b:includable id='main'>
  1713. <b:if cond='data:content == &quot;&quot;'>
  1714. <script type='text/javascript'>
  1715. //<![CDATA[
  1716. var text_month = [, "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sept", "Oct", "Nov", "Dec"];
  1717. //]]>
  1718. </script>
  1719. <b:else/>
  1720. &lt;script type=&#39;text/javascript&#39;&gt;
  1721. var text_month = <data:content/>;
  1722. &lt;/script&gt;
  1723. </b:if>
  1724. </b:includable>
  1725. </b:widget>
  1726. <b:widget id='HTML873' locked='true' title='Sticky Header' type='HTML' visible='true'>
  1727. <b:includable id='main'>
  1728. <script type='text/javascript'>
  1729. //<![CDATA[
  1730. // Plugin: Sticky jQuery ~ BY: http://stickyjs.com
  1731. (function(e){var t={topSpacing:0,bottomSpacing:0,className:"is-sticky",wrapperClassName:"sticky-wrapper",center:false,getWidthFrom:"",responsiveWidth:false},n=e(window),r=e(document),i=[],s=n.height(),o=function(){var t=n.scrollTop(),o=r.height(),u=o-s,a=t>u?u-t:0;for(var f=0;f<i.length;f++){var l=i[f],c=l.stickyWrapper.offset().top,h=c-l.topSpacing-a;if(t<=h){if(l.currentTop!==null){l.stickyElement.css("width","").css("position","").css("top","");l.stickyElement.trigger("sticky-end",[l]).parent().removeClass(l.className);l.currentTop=null}}else{var p=o-l.stickyElement.outerHeight()-l.topSpacing-l.bottomSpacing-t-a;if(p<0){p=p+l.topSpacing}else{p=l.topSpacing}if(l.currentTop!=p){l.stickyElement.css("width",l.stickyElement.width()).css("position","fixed").css("top",p);if(typeof l.getWidthFrom!=="undefined"){l.stickyElement.css("width",e(l.getWidthFrom).width())}l.stickyElement.trigger("sticky-start",[l]).parent().addClass(l.className);l.currentTop=p}}}},u=function(){s=n.height();for(var t=0;t<i.length;t++){var r=i[t];if(typeof r.getWidthFrom!=="undefined"&&r.responsiveWidth===true){r.stickyElement.css("width",e(r.getWidthFrom).width())}}},a={init:function(n){var r=e.extend({},t,n);return this.each(function(){var n=e(this);var s=n.attr("id");var o=s?s+"-"+t.wrapperClassName:t.wrapperClassName;var u=e("<div></div>").attr("id",s+"-sticky-wrapper").addClass(r.wrapperClassName);n.wrapAll(u);if(r.center){n.parent().css({width:n.outerWidth(),marginLeft:"auto",marginRight:"auto"})}if(n.css("float")=="right"){n.css({"float":"none"}).parent().css({"float":"right"})}var a=n.parent();a.css("height",n.outerHeight());i.push({topSpacing:r.topSpacing,bottomSpacing:r.bottomSpacing,stickyElement:n,currentTop:null,stickyWrapper:a,className:r.className,getWidthFrom:r.getWidthFrom,responsiveWidth:r.responsiveWidth})})},update:o,unstick:function(t){return this.each(function(){var t=e(this);var n=-1;for(var r=0;r<i.length;r++){if(i[r].stickyElement.get(0)==t.get(0)){n=r}}if(n!=-1){i.splice(n,1);t.unwrap();t.removeAttr("style")}})}};if(window.addEventListener){window.addEventListener("scroll",o,false);window.addEventListener("resize",u,false)}else if(window.attachEvent){window.attachEvent("onscroll",o);window.attachEvent("onresize",u)}e.fn.sticky=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.sticky")}};e.fn.unstick=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.unstick.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e(function(){setTimeout(o,0)})})(jQuery);
  1732. //]]>
  1733. </script>
  1734. &lt;script type=&#39;text/javascript&#39;&gt;
  1735. //&lt;![CDATA[
  1736. var stickyWork = &quot;<data:content/>&quot;;
  1737. var FstickyWork = stickyWork.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
  1738. if ( FstickyWork === &quot;yes&quot; ) {
  1739. $(document).ready(function(){$(&quot;#header-tail&quot;).sticky({topSpacing:0});});
  1740. }
  1741. //]]&gt;
  1742. &lt;/script&gt;
  1743. <style>.is-sticky #header-tail{width:100%!important;margin-right:0!important;margin-left:0!important;z-index:999999}</style>
  1744. </b:includable>
  1745. </b:widget>
  1746. <b:widget id='HTML855' locked='true' title='Home Recent Posts' type='HTML' visible='true'>
  1747. <b:includable id='main'>
  1748. &lt;script type=&#39;text/javascript&#39;&gt;
  1749. //&lt;![CDATA[
  1750. var recentShow = &quot;<data:content/>&quot;;
  1751. var FrecentShow = recentShow.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
  1752. if ( FrecentShow === &quot;no&quot; ) {
  1753. $(window).bind(&quot;load&quot;, function() {
  1754. $(&#39;.home #main,.home .posts-title&#39;).remove();
  1755. });
  1756. }
  1757. //]]&gt;
  1758. &lt;/script&gt;
  1759. </b:includable>
  1760. </b:widget>
  1761. <b:widget id='HTML874' locked='true' title='Author box' type='HTML' visible='true'>
  1762. <b:includable id='main'>
  1763. &lt;script type=&#39;text/javascript&#39;&gt;
  1764. //&lt;![CDATA[
  1765. var authorShow = &quot;<data:content/>&quot;;
  1766. var FauthorShow = authorShow.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
  1767. if ( FauthorShow === &quot;no&quot; ) {
  1768. $(window).bind(&quot;load&quot;, function() {
  1769. $(&#39;.articleAuthor&#39;).remove();
  1770. });
  1771. }
  1772. //]]&gt;
  1773. &lt;/script&gt;
  1774. </b:includable>
  1775. </b:widget>
  1776. </b:section>
  1777. </div>
  1778.  
  1779. &lt;div id=&quot;pages-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;
  1780.  
  1781. <div id='top'/>
  1782.  
  1783. <div id='outer-wrapper'>
  1784.  
  1785. <!-- Header wrapper -->
  1786. <div id='header-wrapper'>
  1787.  
  1788. <div id='header-top'>
  1789. <div class='row'>
  1790. <b:section class='menu-top' id='menu-top' maxwidgets='1' showaddelement='yes'>
  1791. <b:widget id='LinkList101' locked='true' title='Top Menu' type='LinkList' visible='true'>
  1792. <b:includable id='main'>
  1793. <div class='widget-content'>
  1794. <ul id='nav1'>
  1795. <b:loop values='data:links' var='link'>
  1796. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  1797. </b:loop>
  1798. </ul>
  1799. </div>
  1800. </b:includable>
  1801. </b:widget>
  1802. </b:section>
  1803. <b:section class='social-sec' id='social-sec' maxwidgets='1' showaddelement='yes'>
  1804. <b:widget id='LinkList55' locked='true' title='Social Media Icons' type='LinkList' visible='true'>
  1805. <b:includable id='main'>
  1806. <div class='widget-content'>
  1807. <ul id='social'>
  1808. <b:loop values='data:links' var='link'>
  1809. <li><a expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name'/></li>
  1810. </b:loop>
  1811. </ul>
  1812. </div>
  1813. </b:includable>
  1814. </b:widget>
  1815. </b:section>
  1816. </div>
  1817. </div>
  1818.  
  1819. <div class='clear'/>
  1820.  
  1821. <div class='row' id='header-content'>
  1822. <b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
  1823. <b:widget id='Header1' locked='true' title='Phước An Blog (Tiêu đề)' type='Header' visible='true'>
  1824. <b:includable id='main'>
  1825.  
  1826. <b:if cond='data:useImage'>
  1827. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1828. <!--
  1829. Show image as background to text. You can't really calculate the width
  1830. reliably in JS because margins are not taken into account by any of
  1831. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1832. width if the user is using shrink to fit.
  1833. This results in a margin-width's worth of pixels being cropped. If the
  1834. user is not using shrink to fit then we expand the header.
  1835. -->
  1836. <b:if cond='data:mobile'>
  1837. <div id='header-inner'>
  1838. <div class='titlewrapper' style='background: transparent'>
  1839. <h1 class='title' style='background: transparent; border-width: 0px'>
  1840. <b:include name='title'/>
  1841. </h1>
  1842. </div>
  1843. <b:include name='description'/>
  1844. </div>
  1845. <b:else/>
  1846. <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'>
  1847. <div class='titlewrapper' style='background: transparent'>
  1848. <h1 class='title' style='background: transparent; border-width: 0px'>
  1849. <b:include name='title'/>
  1850. </h1>
  1851. </div>
  1852. <b:include name='description'/>
  1853. </div>
  1854. </b:if>
  1855. <b:else/>
  1856. <!--Show the image only-->
  1857. <div id='header-inner'>
  1858. <a expr:href='data:blog.homepageUrl' style='display: block'>
  1859. <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'/>
  1860. </a>
  1861. <!--Show the description-->
  1862. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1863. <b:include name='description'/>
  1864. </b:if>
  1865. </div>
  1866. </b:if>
  1867. <b:else/>
  1868. <!--No header image -->
  1869. <div id='header-inner'>
  1870. <div class='titlewrapper'>
  1871. <h1 class='title'>
  1872. <b:include name='title'/>
  1873. </h1>
  1874. </div>
  1875. <b:include name='description'/>
  1876. </div>
  1877. </b:if>
  1878. </b:includable>
  1879. <b:includable id='description'>
  1880. <div class='descriptionwrapper'>
  1881. <p class='description'><span><data:description/></span></p>
  1882. </div>
  1883. </b:includable>
  1884. <b:includable id='title'>
  1885. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1886. <data:title/>
  1887. <b:else/>
  1888. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1889. </b:if>
  1890. </b:includable>
  1891. </b:widget>
  1892. </b:section>
  1893. <b:section class='topad' id='topad' maxwidgets='1' showaddelement='yes'>
  1894. <b:widget id='HTML21' locked='false' title='' type='HTML' visible='true'>
  1895. <b:includable id='main'>
  1896. <!-- only display title if it's non-empty -->
  1897. <b:if cond='data:title != &quot;&quot;'>
  1898. <h2 class='title'><data:title/></h2>
  1899. </b:if>
  1900. <div class='widget-content'>
  1901. <data:content/>
  1902. </div>
  1903.  
  1904. <b:include name='quickedit'/>
  1905. </b:includable>
  1906. </b:widget>
  1907. </b:section>
  1908. <script type='text/javascript'>
  1909. //<![CDATA[
  1910. $(document).ready(function() {
  1911. if ( $('.topad .widget').length === 0 ) {
  1912. $('.topad').remove();
  1913. $('#header-content').css('display','block');
  1914. $('#header-content').css('text-align','center');
  1915. $('#header-content').css('margin','auto');
  1916. var logoWidth = $('#header img').width();
  1917. $('#header-content').css('width',logoWidth);
  1918. }
  1919. });
  1920. //]]>
  1921. </script>
  1922. </div>
  1923.  
  1924. <div class='clear'/>
  1925.  
  1926. <div class='row' id='header-tail'>
  1927. <a class='home-icon' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
  1928. <b:section class='menu' id='menu' maxwidgets='1' showaddelement='yes'>
  1929. <b:widget id='HTML6' locked='false' title='' type='HTML' visible='true'>
  1930. <b:includable id='main'>
  1931. <!-- only display title if it's non-empty -->
  1932. <b:if cond='data:title != &quot;&quot;'>
  1933. <h2 class='title'><data:title/></h2>
  1934. </b:if>
  1935. <div class='widget-content'>
  1936. <data:content/>
  1937. </div>
  1938.  
  1939. <b:include name='quickedit'/>
  1940. </b:includable>
  1941. </b:widget>
  1942. </b:section>
  1943. <div id='header-search'>
  1944. <form action='search' class='searchform clearfix' method='no' role='search'>
  1945. <a class='' href='#'/>
  1946. <input class='searchbox' name='q' placeholder='Nhập Từ Khoá Và Nhấn Enter Để Tìm Kiếm...' style='display: none;' type='text'/>
  1947. </form>
  1948. </div>
  1949. </div>
  1950.  
  1951. </div>
  1952.  
  1953. <div class='clear'/>
  1954.  
  1955. <!-- Content wrapper -->
  1956. <div class='row' id='content-wrapper'>
  1957.  
  1958. <b:section class='ticker' id='ticker' maxwidgets='1' showaddelement='yes'>
  1959. <b:widget id='HTML3' locked='false' title='TIN TỨC' type='HTML' visible='true'>
  1960. <b:includable id='main'>
  1961. <!-- only display title if it's non-empty -->
  1962. <b:if cond='data:title != &quot;&quot;'>
  1963. <h2 class='title'><data:title/></h2>
  1964. </b:if>
  1965. <div class='widget-content'>
  1966. <data:content/>
  1967. </div>
  1968.  
  1969. <b:include name='quickedit'/>
  1970. </b:includable>
  1971. </b:widget>
  1972. </b:section>
  1973.  
  1974. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  1975. <div id='error-page'>
  1976. <h1 class='errornum'>4<span class='fa fa-frown-o'/>4</h1>
  1977. <br/>
  1978. <h2 class='error'>Không tìm thấy trang!</h2>
  1979. <br/>
  1980. <p>Xin lỗi, trang bạn đang tìm trong blog này không tồn tại.</p>
  1981. <p>Nhấn nút dưới để quay lại trang chủ Phước An Blog</p>
  1982. <span class='fa fa-hand-o-down'/>
  1983. <div class='clear'/>
  1984. <a class='homepage' expr:href='data:blog.homepageUrl'>Trang Chủ</a>
  1985. </div>
  1986. </b:if>
  1987. <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
  1988. <!-- Intro Posts -->
  1989. <div class='intro' id='intro'>
  1990. <b:section class='intro-sec' id='intro-sec' maxwidgets='1' showaddelement='yes'/>
  1991. <div class='intro-loader'>
  1992. <i class='fa fa-spinner fa-spin'/>
  1993. </div>
  1994. </div>
  1995. </b:if>
  1996.  
  1997. <!-- Main wrapper -->
  1998. <div id='main-wrapper'>
  1999.  
  2000. <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
  2001. <div class='recent-layout' id='recent-layout'>
  2002. <b:section class='recent-sec' id='recent-sec1' showaddelement='yes'>
  2003. <b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>
  2004. <b:includable id='main'>
  2005. <!-- only display title if it's non-empty -->
  2006. <b:if cond='data:title != &quot;&quot;'>
  2007. <h2 class='title'><data:title/></h2>
  2008. </b:if>
  2009. <div class='widget-content'>
  2010. <data:content/>
  2011. </div>
  2012.  
  2013. <b:include name='quickedit'/>
  2014. </b:includable>
  2015. </b:widget>
  2016. </b:section>
  2017. </div>
  2018. </b:if>
  2019.  
  2020. <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
  2021. <div class='posts-title'>
  2022. <h2>
  2023. <a href='/search'>Bài Viết Mới</a>
  2024. </h2>
  2025. <a class='posts-link' href='/search'>Xem Thêm</a>
  2026. </div>
  2027. </b:if>
  2028.  
  2029. <b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>
  2030. <b:widget id='HTML900' locked='true' title='Ad Inside Post' type='HTML' visible='true'>
  2031. <b:includable id='main'>
  2032. <div class='ad-inside'>
  2033. <data:content/>
  2034. </div>
  2035. </b:includable>
  2036. </b:widget>
  2037. <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' visible='true'>
  2038. <b:includable id='main' var='top'>
  2039. <b:if cond='data:mobile == &quot;false&quot;'>
  2040.  
  2041. <b:include data='top' name='status-message'/>
  2042.  
  2043. <!-- posts -->
  2044. <div class='blog-posts hfeed'>
  2045.  
  2046. <data:defaultAdStart/>
  2047. <b:loop values='data:posts' var='post'>
  2048. <div class='post-outer'>
  2049. <b:include data='post' name='post'/>
  2050. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2051. <b:include data='post' name='comment_picker'/>
  2052. </b:if>
  2053. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2054. <b:include data='post' name='comment_picker'/>
  2055. </b:if>
  2056. </div>
  2057. <b:if cond='data:post.includeAd'>
  2058. <b:if cond='data:post.isFirstPost'>
  2059. <data:defaultAdEnd/>
  2060. <b:else/>
  2061. <data:adEnd/>
  2062. </b:if>
  2063. <div class='inline-ad'>
  2064. <data:adCode/>
  2065. </div>
  2066. <data:adStart/>
  2067. </b:if>
  2068. </b:loop>
  2069. <data:adEnd/>
  2070. </div>
  2071.  
  2072. <!-- navigation -->
  2073. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2074. <b:include name='page-navi'/>
  2075. <b:else/>
  2076. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2077. <b:include name='page-navi'/>
  2078. </b:if>
  2079. </b:if>
  2080.  
  2081. <!-- feed links -->
  2082. <b:include name='feedLinks'/>
  2083.  
  2084. <b:if cond='data:top.showStars'>
  2085. <script src='//www.google.com/jsapi' type='text/javascript'/>
  2086. <script type='text/javascript'>
  2087. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2088. function initialize() {
  2089. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2090. google.annotations.createAll();
  2091. google.annotations.fetch();
  2092. }
  2093. google.setOnLoadCallback(initialize);
  2094. </script>
  2095. </b:if>
  2096.  
  2097. <b:else/>
  2098. <b:include name='mobile-main'/>
  2099. </b:if>
  2100.  
  2101. <b:if cond='data:top.showDummy'>
  2102. <data:top.dummyBootstrap/>
  2103. </b:if>
  2104.  
  2105. </b:includable>
  2106. <b:includable id='backlinkDeleteIcon' var='backlink'>
  2107. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2108. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2109. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2110. </a>
  2111. </span>
  2112. </b:includable>
  2113. <b:includable id='backlinks' var='post'>
  2114. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2115. <b:if cond='data:post.numBacklinks != 0'>
  2116. <dl class='comments-block' id='comments-block'>
  2117. <b:loop values='data:post.backlinks' var='backlink'>
  2118. <div class='collapsed-backlink backlink-control'>
  2119. <dt class='comment-title'>
  2120. <span class='backlink-toggle-zippy'>&#160;</span>
  2121. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2122. <b:include data='backlink' name='backlinkDeleteIcon'/>
  2123. </dt>
  2124. <dd class='comment-body collapseable'>
  2125. <data:backlink.snippet/>
  2126. </dd>
  2127. <dd class='comment-footer collapseable'>
  2128. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2129. <span class='comment-timestamp'><abbr class='timeago' expr:title='data:post.timestampISO8601'><data:post.timestampLabel/> <data:backlink.timestamp/></abbr></span>
  2130. </dd>
  2131. </div>
  2132. </b:loop>
  2133. </dl>
  2134. </b:if>
  2135. <p class='comment-footer'>
  2136. <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>
  2137. </p>
  2138. </b:includable>
  2139. <b:includable id='comment-form' var='post'>
  2140. <div class='comment-form'>
  2141. <a name='comment-form'/>
  2142. <b:if cond='data:mobile'>
  2143. <h4 id='comment-post-message'>
  2144. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2145. <p><data:blogCommentMessage/></p>
  2146. <data:blogTeamBlogMessage/>
  2147. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2148. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2149. <b:else/>
  2150. <p><data:blogCommentMessage/></p>
  2151. <data:blogTeamBlogMessage/>
  2152. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2153. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2154. </b:if>
  2155. <data:post.friendConnectJs/>
  2156. <data:post.cmtfpIframe/>
  2157. <script type='text/javascript'>
  2158. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2159. </script>
  2160. </div>
  2161. </b:includable>
  2162. <b:includable id='commentDeleteIcon' var='comment'>
  2163. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2164. <b:if cond='data:showCmtPopup'>
  2165. <div class='goog-toggle-button'>
  2166. <div class='goog-inline-block comment-action-icon'/>
  2167. </div>
  2168. <b:else/>
  2169. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2170. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2171. </a>
  2172. </b:if>
  2173. </span>
  2174. </b:includable>
  2175. <b:includable id='comment_count_picker' var='post'>
  2176. <b:if cond='data:post.commentSource == 1'>
  2177. <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.canonicalUrl'>
  2178. </span>
  2179. <b:else/>
  2180. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2181. <data:post.commentLabelFull/>:
  2182. </a>
  2183. </b:if>
  2184. </b:includable>
  2185. <b:includable id='comment_picker' var='post'>
  2186. <b:if cond='data:post.commentSource == 1'>
  2187. <b:include data='post' name='iframe_comments'/>
  2188. <b:else/>
  2189. <b:if cond='data:post.showThreadedComments'>
  2190. <b:include data='post' name='threaded_comments'/>
  2191. <b:else/>
  2192. <b:include data='post' name='comments'/>
  2193. </b:if>
  2194. </b:if>
  2195. </b:includable>
  2196. <b:includable id='comments' var='post'>
  2197. <div class='comments' id='comments'>
  2198. <a name='comments'/>
  2199. <b:if cond='data:post.allowComments'>
  2200. <h4><data:post.commentLabelFull/>:</h4>
  2201.  
  2202. <b:if cond='data:post.commentPagingRequired'>
  2203. <span class='paging-control-container'>
  2204. <b:if cond='data:post.hasOlderLinks'>
  2205. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2206. &#160;
  2207. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2208. &#160;
  2209. </b:if>
  2210.  
  2211. <data:post.commentRangeText/>
  2212.  
  2213. <b:if cond='data:post.hasNewerLinks'>
  2214. &#160;
  2215. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2216. &#160;
  2217. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2218. </b:if>
  2219. </span>
  2220. </b:if>
  2221.  
  2222. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2223. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2224. <b:loop values='data:post.comments' var='comment'>
  2225. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2226. <b:if cond='data:comment.favicon'>
  2227. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2228. </b:if>
  2229. <a expr:name='data:comment.anchorName'/>
  2230. <b:if cond='data:blog.enabledCommentProfileImages'>
  2231. <data:comment.authorAvatarImage/>
  2232. </b:if>
  2233. <b:if cond='data:comment.authorUrl'>
  2234. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2235. <b:else/>
  2236. <data:comment.author/>
  2237. </b:if>
  2238. <data:commentPostedByMsg/>
  2239. </dt>
  2240. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2241. <b:if cond='data:comment.isDeleted'>
  2242. <span class='deleted-comment'><data:comment.body/></span>
  2243. <b:else/>
  2244. <p>
  2245. <data:comment.body/>
  2246. </p>
  2247. </b:if>
  2248. </dd>
  2249. <dd class='comment-footer'>
  2250. <span class='comment-timestamp'>
  2251. <a expr:href='data:comment.url' title='comment permalink'>
  2252. <abbr class='timeago' expr:title='data:post.timestampISO8601'><data:comment.timestamp/></abbr>
  2253. </a>
  2254. <b:include data='comment' name='commentDeleteIcon'/>
  2255. </span>
  2256. </dd>
  2257. </b:loop>
  2258. </dl>
  2259. </div>
  2260.  
  2261. <b:if cond='data:post.commentPagingRequired'>
  2262. <span class='paging-control-container'>
  2263. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2264. <data:post.oldestLinkText/>
  2265. </a>
  2266. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2267. <data:post.olderLinkText/>
  2268. </a>
  2269. &#160;
  2270. <data:post.commentRangeText/>
  2271. &#160;
  2272. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2273. <data:post.newerLinkText/>
  2274. </a>
  2275. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2276. <data:post.newestLinkText/>
  2277. </a>
  2278. </span>
  2279. </b:if>
  2280.  
  2281. <p class='comment-footer'>
  2282. <b:if cond='data:post.embedCommentForm'>
  2283. <b:if cond='data:post.allowNewComments'>
  2284. <b:include data='post' name='comment-form'/>
  2285. <b:else/>
  2286. <data:post.noNewCommentsText/>
  2287. </b:if>
  2288. <b:else/>
  2289. <b:if cond='data:post.allowComments'>
  2290. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2291. </b:if>
  2292. </b:if>
  2293.  
  2294. </p>
  2295. </b:if>
  2296. <b:if cond='data:showCmtPopup'>
  2297. <div id='comment-popup'>
  2298. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2299. </iframe>
  2300. </div>
  2301. </b:if>
  2302.  
  2303. <div id='backlinks-container'>
  2304. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2305. <b:if cond='data:post.showBacklinks'>
  2306. <b:include data='post' name='backlinks'/>
  2307. </b:if>
  2308. </div>
  2309. </div>
  2310. </div>
  2311. </b:includable>
  2312. <b:includable id='feedLinks'>
  2313. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2314. <b:if cond='data:feedLinks'>
  2315. <div class='blog-feeds'>
  2316. <b:include data='feedLinks' name='feedLinksBody'/>
  2317. </div>
  2318. </b:if>
  2319.  
  2320. <b:else/> <!--Post feed links -->
  2321. <div class='post-feeds'>
  2322. <b:loop values='data:posts' var='post'>
  2323. <b:if cond='data:post.allowComments'>
  2324. <b:if cond='data:post.feedLinks'>
  2325. <b:include data='post.feedLinks' name='feedLinksBody'/>
  2326. </b:if>
  2327. </b:if>
  2328. </b:loop>
  2329. </div>
  2330. </b:if>
  2331. </b:includable>
  2332. <b:includable id='feedLinksBody' var='links'>
  2333. <div class='feed-links'>
  2334. <data:feedLinksMsg/>
  2335. <b:loop values='data:links' var='f'>
  2336. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2337. </b:loop>
  2338. </div>
  2339. </b:includable>
  2340. <b:includable id='iframe_comments' var='post'>
  2341.  
  2342. <b:if cond='data:post.allowIframeComments'>
  2343. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  2344. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  2345.  
  2346. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2347. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2348. </b:if>
  2349. </b:if>
  2350. </b:includable>
  2351. <b:includable id='mobile-index-post' var='post'>
  2352. <div class='mobile-date-outer date-outer'>
  2353. <b:if cond='data:post.dateHeader'>
  2354. <div class='date-header'>
  2355. <span><data:post.dateHeader/></span>
  2356. </div>
  2357. </b:if>
  2358.  
  2359. <div class='mobile-post-outer'>
  2360. <a expr:href='data:post.url'>
  2361. <h3 class='mobile-index-title entry-title' itemprop='name'>
  2362. <data:post.title/>
  2363. </h3>
  2364.  
  2365. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  2366.  
  2367. <div class='mobile-index-contents'>
  2368. <b:if cond='data:post.thumbnailUrl'>
  2369. <div class='mobile-index-thumbnail'>
  2370. <div class='Image'>
  2371. <img expr:src='data:post.thumbnailUrl'/>
  2372. </div>
  2373. </div>
  2374. </b:if>
  2375.  
  2376. <div class='post-body'>
  2377. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  2378. </div>
  2379. </div>
  2380.  
  2381. <div style='clear: both;'/>
  2382. </a>
  2383.  
  2384. <div class='mobile-index-comment'>
  2385. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2386. <b:if cond='data:post.allowComments'>
  2387. <b:if cond='data:post.numComments != 0'>
  2388. <b:include data='post' name='comment_count_picker'/>
  2389. </b:if>
  2390. </b:if>
  2391. </b:if>
  2392. </div>
  2393. </div>
  2394. </div>
  2395. </b:includable>
  2396. <b:includable id='mobile-main' var='top'>
  2397. <!-- posts -->
  2398. <div class='blog-posts hfeed'>
  2399.  
  2400. <b:include data='top' name='status-message'/>
  2401.  
  2402. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2403. <b:loop values='data:posts' var='post'>
  2404. <b:include data='post' name='mobile-index-post'/>
  2405. </b:loop>
  2406. <b:else/>
  2407. <b:loop values='data:posts' var='post'>
  2408. <b:include data='post' name='mobile-post'/>
  2409. </b:loop>
  2410. </b:if>
  2411. </div>
  2412.  
  2413. <b:include name='mobile-nextprev'/>
  2414. </b:includable>
  2415. <b:includable id='mobile-nextprev'>
  2416. <div class='blog-pager' id='blog-pager'>
  2417. <b:if cond='data:newerPageUrl'>
  2418. <div class='mobile-link-button' id='blog-pager-newer-link'>
  2419. <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>
  2420. </div>
  2421. </b:if>
  2422.  
  2423. <b:if cond='data:olderPageUrl'>
  2424. <div class='mobile-link-button' id='blog-pager-older-link'>
  2425. <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>
  2426. </div>
  2427. </b:if>
  2428.  
  2429. <div class='mobile-link-button' id='blog-pager-home-link'>
  2430. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2431. </div>
  2432.  
  2433. <div class='mobile-desktop-link'>
  2434. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  2435. </div>
  2436.  
  2437. </div>
  2438. <div class='clear'/>
  2439. </b:includable>
  2440. <b:includable id='mobile-post' var='post'>
  2441. <div class='date-outer'>
  2442. <b:if cond='data:post.dateHeader'>
  2443. <abbr class='timeago' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr>
  2444. </b:if>
  2445. <div class='date-posts'>
  2446. <div class='post-outer'>
  2447.  
  2448. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2449. <b:if cond='data:post.thumbnailUrl'>
  2450. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  2451. </b:if>
  2452. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2453. <meta expr:content='data:post.id' itemprop='postId'/>
  2454.  
  2455. <a expr:name='data:post.id'/>
  2456. <b:if cond='data:post.title'>
  2457. <div class='post-heading'><h1 class='post-title entry-title' itemprop='name'>
  2458. <b:if cond='data:post.link'>
  2459. <a expr:href='data:post.link'><data:post.title/></a>
  2460. <b:else/>
  2461. <b:if cond='data:post.url'>
  2462. <b:if cond='data:blog.url != data:post.url'>
  2463. <a expr:href='data:post.url'><data:post.title/></a>
  2464. <b:else/>
  2465. <data:post.title/>
  2466. </b:if>
  2467. <b:else/>
  2468. <data:post.title/>
  2469. </b:if>
  2470. </b:if>
  2471. </h1></div>
  2472. </b:if>
  2473.  
  2474. <div class='post-header'>
  2475. <div class='post-header-line-1'/>
  2476. </div>
  2477.  
  2478. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2479. <data:post.body/>
  2480. <div style='clear: both;'/> <!-- clear for photos floats -->
  2481. </div>
  2482.  
  2483. <div class='post-footer'>
  2484. <div class='post-footer-line post-footer-line-1'>
  2485. <span class='post-author vcard'>
  2486. <b:if cond='data:top.showAuthor'>
  2487. <b:if cond='data:post.authorProfileUrl'>
  2488. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2489. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2490. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2491. <span itemprop='name'><data:post.author/></span>
  2492. </a>
  2493. </span>
  2494. <b:else/>
  2495. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2496. <span itemprop='name'><data:post.author/></span>
  2497. </span>
  2498. </b:if>
  2499. </b:if>
  2500. </span>
  2501.  
  2502. <span class='post-timestamp'>
  2503. <b:if cond='data:top.showTimestamp'>
  2504. <data:top.timestampLabel/>
  2505. <b:if cond='data:post.url'>
  2506. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  2507. <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>
  2508. </b:if>
  2509. </b:if>
  2510. </span>
  2511.  
  2512. <span class='post-comment-link'>
  2513. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2514. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2515. <b:if cond='data:post.allowComments'>
  2516. <b:include data='post' name='comment_count_picker'/>
  2517. </b:if>
  2518. </b:if>
  2519. </b:if>
  2520. </span>
  2521. </div>
  2522.  
  2523. <div class='post-footer-line post-footer-line-2'>
  2524. <b:if cond='data:top.showMobileShare'>
  2525. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  2526. <a href='javascript:void(0);'><data:shareMsg/></a>
  2527. </div>
  2528. </b:if>
  2529. <b:if cond='data:top.showDummy'>
  2530. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  2531. </b:if>
  2532. </div>
  2533.  
  2534. </div>
  2535. </div>
  2536.  
  2537. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2538. <b:include data='post' name='comment_picker'/>
  2539. </b:if>
  2540. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2541. <b:include data='post' name='comment_picker'/>
  2542. </b:if>
  2543. </div>
  2544. </div>
  2545. </div>
  2546. </b:includable>
  2547. <b:includable id='nextprev'>
  2548. <div class='blog-pager' id='blog-pager'>
  2549. <b:if cond='data:newerPageUrl'>
  2550. <span id='blog-pager-newer-link'>
  2551. <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>
  2552. </span>
  2553. </b:if>
  2554. <b:if cond='data:olderPageUrl'>
  2555. <span id='blog-pager-older-link'>
  2556. <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>
  2557. </span>
  2558. </b:if>
  2559. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2560. <b:if cond='data:mobileLinkUrl'>
  2561. <div class='blog-mobile-link'>
  2562. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  2563. </div>
  2564. </b:if>
  2565.  
  2566. </div>
  2567. <div class='clear'/>
  2568. </b:includable>
  2569. <b:includable id='page-navi'>
  2570. <div class='pagenavi'>
  2571. <script type='text/javascript'>
  2572. //<![CDATA[
  2573. function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
  2574. //]]>
  2575. </script>
  2576.  
  2577. <div class='clear'/>
  2578. </div>
  2579. </b:includable>
  2580. <b:includable id='post' var='post'>
  2581. <div class='post'>
  2582. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2583. <b:if cond='data:post.thumbnailUrl'>
  2584. <div class='post-thumb'>
  2585. &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;
  2586. </div>
  2587. <div class='postags'>
  2588. <b:if cond='data:post.labels'>
  2589. <b:loop values='data:post.labels' var='label'>
  2590. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2591. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2592. </b:loop>
  2593. </b:if>
  2594. </div>
  2595. <b:else/>
  2596. <b:if cond='data:post.firstImageUrl'>
  2597. <div class='post-thumb'>
  2598. &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;
  2599. </div>
  2600. <div class='postags'>
  2601. <b:if cond='data:post.labels'>
  2602. <b:loop values='data:post.labels' var='label'>
  2603. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2604. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2605. </b:loop>
  2606. </b:if>
  2607. </div>
  2608. <b:else/>
  2609. <div class='post-thumb'>
  2610. &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  2611. </div>
  2612. <div class='postags'>
  2613. <b:if cond='data:post.labels'>
  2614. <b:loop values='data:post.labels' var='label'>
  2615. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2616. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2617. </b:loop>
  2618. </b:if>
  2619. </div>
  2620. </b:if></b:if>
  2621. </b:if>
  2622. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2623. <b:if cond='data:post.thumbnailUrl'>
  2624. <div class='post-thumb'>
  2625. &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;
  2626. </div>
  2627. <div class='postags'>
  2628. <b:if cond='data:post.labels'>
  2629. <b:loop values='data:post.labels' var='label'>
  2630. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2631. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2632. </b:loop>
  2633. </b:if>
  2634. </div>
  2635. <b:else/>
  2636. <b:if cond='data:post.firstImageUrl'>
  2637. <div class='post-thumb'>
  2638. &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;
  2639. </div>
  2640. <div class='postags'>
  2641. <b:if cond='data:post.labels'>
  2642. <b:loop values='data:post.labels' var='label'>
  2643. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2644. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2645. </b:loop>
  2646. </b:if>
  2647. </div>
  2648. <b:else/>
  2649. <div class='post-thumb'>
  2650. &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://3.bp.blogspot.com/-qnLm52EsvBE/VDkrZ46TWXI/AAAAAAAAAsM/tiJ36WiboU4/s1600/90.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
  2651. </div>
  2652. <div class='postags'>
  2653. <b:if cond='data:post.labels'>
  2654. <b:loop values='data:post.labels' var='label'>
  2655. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2656. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2657. </b:loop>
  2658. </b:if>
  2659. </div>
  2660. </b:if></b:if>
  2661. </b:if>
  2662. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2663. &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
  2664. </b:if>
  2665. <div class='post-header'>
  2666. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2667. <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
  2668. <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-angle-right'/>
  2669. <b:loop values='data:posts' var='post'>
  2670. <b:if cond='data:post.labels'>
  2671. <b:loop values='data:post.labels' var='label'>
  2672. <span typeof='v:Breadcrumb'>
  2673. <a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
  2674. <b:if cond='data:label.isLast != &quot;true&quot;'><i class='fa fa-angle-right'/></b:if>
  2675. </b:loop>
  2676. <b:else/>
  2677. Unlabelled
  2678. </b:if>
  2679. <i class='fa fa-angle-right'/><span><data:post.title/></span>
  2680. </b:loop>
  2681. </div>
  2682. <b:if cond='data:post.title'>
  2683. <div class='post-heading'><h1 class='post-title entry-title' itemprop='name headline'>
  2684. <b:if cond='data:post.link'>
  2685. <a expr:href='data:post.link'><data:post.title/></a>
  2686. <b:else/>
  2687. <b:if cond='data:post.url'>
  2688. <b:if cond='data:blog.url != data:post.url'>
  2689. <a expr:href='data:post.url'><data:post.title/></a>
  2690. <b:else/>
  2691. <data:post.title/>
  2692. </b:if>
  2693. <b:else/>
  2694. <data:post.title/>
  2695. </b:if>
  2696. </b:if>
  2697. </h1></div>
  2698. </b:if>
  2699. <div class='post-meta'>
  2700. <span class='post-author vcard'>
  2701. <b:if cond='data:top.showAuthor'>
  2702. <i class='fa fa-user'/>
  2703. <b:if cond='data:post.authorProfileUrl'>
  2704. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2705. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2706. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2707. <span itemprop='name'><data:post.author/></span>
  2708. </a>
  2709. </span>
  2710. <b:else/>
  2711. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2712. <span itemprop='name'><data:post.author/></span>
  2713. </span>
  2714. </b:if>
  2715. </b:if>
  2716. </span>
  2717. <span class='post-timestamp'>
  2718. <b:if cond='data:top.showTimestamp'>
  2719. <i class='fa fa-clock-o'/>
  2720. <b:if cond='data:post.url'>
  2721. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  2722. <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>
  2723. </b:if>
  2724. </b:if>
  2725. </span>
  2726. <span class='post-labels'>
  2727. <b:if cond='data:post.labels'>
  2728. <i class='fa fa-folder-open'/>
  2729. <b:loop values='data:post.labels' var='label'>
  2730. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2731. </b:loop>
  2732. </b:if>
  2733. </span>
  2734. </div>
  2735. </b:if>
  2736. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2737. <b:if cond='data:post.title'>
  2738. <div class='post-heading'><h1 class='post-title entry-title' itemprop='name'>
  2739. <b:if cond='data:post.link'>
  2740. <a expr:href='data:post.link'><data:post.title/></a>
  2741. <b:else/>
  2742. <b:if cond='data:post.url'>
  2743. <b:if cond='data:blog.url != data:post.url'>
  2744. <a expr:href='data:post.url'><data:post.title/></a>
  2745. <b:else/>
  2746. <data:post.title/>
  2747. </b:if>
  2748. <b:else/>
  2749. <data:post.title/>
  2750. </b:if>
  2751. </b:if>
  2752. </h1></div>
  2753. </b:if>
  2754. </b:if>
  2755. </div>
  2756. <article>
  2757. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2758. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2759. <div class='post-home'>
  2760. <div class='post-info'>
  2761. <b:if cond='data:post.title'>
  2762. <h2 class='post-title'>
  2763. <b:if cond='data:post.link'>
  2764. <a expr:href='data:post.link'><data:post.title/></a>
  2765. <b:else/>
  2766. <b:if cond='data:post.url'>
  2767. <b:if cond='data:blog.url != data:post.url'>
  2768. <a expr:href='data:post.url'><data:post.title/></a>
  2769. <b:else/>
  2770. <data:post.title/>
  2771. </b:if>
  2772. <b:else/>
  2773. <data:post.title/>
  2774. </b:if>
  2775. </b:if>
  2776. </h2>
  2777. </b:if>
  2778. <div class='post-meta'>
  2779. <span class='post-author vcard'>
  2780. <b:if cond='data:top.showAuthor'>
  2781. <i class='fa fa-user'/>
  2782. <b:if cond='data:post.authorProfileUrl'>
  2783. <span class='fn'>
  2784. <a class='g-profile' expr:href='data:post.authorProfileUrl' title='author profile'>
  2785. <span><data:post.author/></span>
  2786. </a>
  2787. </span>
  2788. <b:else/>
  2789. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2790. <span itemprop='name'><data:post.author/></span>
  2791. </span>
  2792. </b:if>
  2793. </b:if>
  2794. </span>
  2795. <span class='post-timestamp'>
  2796. <b:if cond='data:top.showTimestamp'>
  2797. <i class='fa fa-clock-o'/>
  2798. <b:if cond='data:post.url'>
  2799. <a class='timestamp-link' expr:href='data:post.url'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  2800. </b:if>
  2801. </b:if>
  2802. </span>
  2803. </div>
  2804. <div class='post-snippet'><b:if cond='data:post.snippet'><data:post.snippet/></b:if></div>
  2805. <div id='post-foot'>
  2806. <div class='post-readmore'><a expr:href='data:post.url'>Chi Tiết <i class='fa fa-long-arrow-right'/></a></div>
  2807. <div class='share-container'>
  2808. <div class='post-sharebtn'><i class='fa fa-share-alt'/> Chia Sẻ </div>
  2809. <div class='post-share'>
  2810. <ul>
  2811. <li><a class='twitter' data-via='SweethemeDotCom' expr:href='&quot; http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Twitter</a></li>
  2812. <li><a class='share' expr:href='&quot;http://www.facebook.com/share.php? v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Facebook</a></li>
  2813. <li><a class='plus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Google+</a></li>
  2814. </ul>
  2815. </div>
  2816. </div>
  2817. </div>
  2818. </div>
  2819. </div>
  2820. <b:else/>
  2821. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2822. <meta expr:content='data:post.snippet' name='twitter:description'/>
  2823. <data:post.body/>
  2824. </div>
  2825. </b:if>
  2826. <b:else/>
  2827. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2828. <meta expr:content='data:post.snippet' name='twitter:description'/>
  2829. <data:post.body/>
  2830. </div>
  2831. </b:if>
  2832. </article>
  2833. <div class='hreview'>
  2834. <span class='item'>
  2835. <span class='fn'><data:post.title/></span>
  2836. <img class='photo' expr:src='data:post.thumbnailUrl'/>
  2837. </span>
  2838. Reviewed by <span class='reviewer'><data:post.author/></span>
  2839. on
  2840. <span class='dtreviewed'>
  2841. <data:post.timestamp/>
  2842. <span class='value-title' expr:title='data:post.timestamp'/>
  2843. </span>
  2844. Rating: <span class='rating'>5</span>
  2845. </div>
  2846. <div class='post-footer'>
  2847. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2848. <div class='postarea-wrapper'>
  2849. <div class='tags'>
  2850. <p class='tagstitle'>Tags :</p>
  2851. <b:if cond='data:post.labels'>
  2852. <b:loop values='data:post.labels' var='label'>
  2853. <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
  2854. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  2855. </b:loop>
  2856. </b:if>
  2857. </div>
  2858. <div class='sharepost'>
  2859. <ul>
  2860. <li><a class='twitter' data-via='SweethemeDotCom' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;-&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li>
  2861.  
  2862. <li><a class='facebook' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li>
  2863.  
  2864. <li><a class='gplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li>
  2865.  
  2866. <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>
  2867.  
  2868. <li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li>
  2869.  
  2870. </ul>
  2871. </div>
  2872. <div class='articleAuthor'>
  2873. <i class='author-ID' style='display:none'><data:post.author/></i>
  2874. <div class='authorContent'>
  2875. <div class='authorLeft'>
  2876. <div class='authorAvatar'>
  2877. <img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='https://1.bp.blogspot.com/-_7O0TO8Deg0/VwPJquw0bEI/AAAAAAAABfM/vRyHaWu9h68_fhr1YSuMBIcX5Og_23mgw/s320/logo-phuocan.png' width='120'/>
  2878. </div><!--End AuthorAvatar-->
  2879. </div>
  2880. <div class='authorDetails'>
  2881. <h2>Chủ bút: <span>Phước An Blog</span></h2>
  2882. <span class='AuthorPostsCount'><i class='fa fa-file-o'/> Bản Quyền Thuộc : <i class='itnm'>Phước An</i></span>
  2883. <!--End Count-->
  2884. </div>
  2885. <p>Phước An Blog - Chia Sẻ Thủ Thuật Blogger - Cover - PSD. Mong các bạn ủng hộ cho Blog mình nha. Share link cho các bạn của bạn nha http://www.tranphuocan.tk Chúc xác bạn online vui vẻ !!! Xin cám ơn.</p>
  2886. <div class='authorSocial'>
  2887. <a class='fa fa-twitter social-icon size-m' href='http://www.twitter.com/' title='Phước An Blog'/>
  2888. <a class='fa fa-facebook social-icon size-m' href='https://www.facebook.com/phuocanofficial/' title='Phước An Blog'/>
  2889. <a class='fa fa-google-plus social-icon size-m' href='https://plus.google.com/+SuGiaPhuocAn/posts' title='Phước An Blog'/>
  2890. <a class='fa fa-youtube social-icon size-m' href='https://www.youtube.com/user/SuGiaPhuocAn' title='Phước An Blog'/>
  2891. <a class='fa fa-dribbble social-icon size-m' href='http://dribbble.com/' title='Phước An Blog'/>
  2892. <a class='fa fa-linkedin social-icon size-m' href='http://www.linkedin.com/company/' title='Phước An Blog'/>
  2893. </div>
  2894. </div>
  2895. </div>
  2896.  
  2897. <div style='clear:both'/>
  2898. <div id='related-posts'>
  2899. <b:if cond='data:post.labels'>
  2900. <b:loop values='data:post.labels' var='label'>
  2901. <b:if cond='data:label.isLast == &quot;true&quot;'>
  2902. <data:label.name/>
  2903. </b:if>
  2904. </b:loop>
  2905. </b:if>
  2906. </div>
  2907. </div>
  2908. <ul class='post-pager'>
  2909. <li class='next'>
  2910. <b:if cond='data:newerPageUrl'>
  2911. <a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' rel='next'/>
  2912. <b:else/>
  2913. <a rel='next'><strong>Next <i class='fa fa-angle-double-right'/></strong> <span>Recent Post</span></a>
  2914. </b:if>
  2915. </li>
  2916. <li class='previous'>
  2917. <b:if cond='data:olderPageUrl'>
  2918. <a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' rel='previous'/>
  2919. <b:else/>
  2920. <a rel='previous'><strong><i class='fa fa-angle-double-left'/> Previous</strong> <span>Last Post</span></a>
  2921. </b:if>
  2922. </li>
  2923. </ul>
  2924. </b:if>
  2925. </div>
  2926. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2927. &lt;/div&gt;
  2928. </b:if>
  2929. </div>
  2930. </b:includable>
  2931. <b:includable id='postQuickEdit' var='post'>
  2932. <b:if cond='data:post.editUrl'>
  2933. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2934. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2935. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2936. </a>
  2937. </span>
  2938. </b:if>
  2939. </b:includable>
  2940. <b:includable id='shareButtons' var='post'>
  2941. <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.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  2942. </b:includable>
  2943. <b:includable id='status-message'>
  2944. <b:if cond='data:navMessage'>
  2945. <div class='status-msg-wrap'>
  2946. <div class='status-msg-body'>
  2947. <data:navMessage/>
  2948. </div>
  2949. <div class='status-msg-border'>
  2950. <div class='status-msg-bg'>
  2951. <div class='status-msg-hidden'><data:navMessage/></div>
  2952. </div>
  2953. </div>
  2954. </div>
  2955. <div style='clear: both;'/>
  2956. </b:if>
  2957. </b:includable>
  2958. <b:includable id='threaded-comment-form' var='post'>
  2959. <div class='comment-form'>
  2960. <a name='comment-form'/>
  2961. <b:if cond='data:mobile'>
  2962. <p><data:blogCommentMessage/></p>
  2963. <data:blogTeamBlogMessage/>
  2964. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2965. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2966. <b:else/>
  2967. <p><data:blogCommentMessage/></p>
  2968. <data:blogTeamBlogMessage/>
  2969. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2970. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2971. </b:if>
  2972. <data:post.friendConnectJs/>
  2973. <data:post.cmtfpIframe/>
  2974. <script type='text/javascript'>
  2975. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2976. </script>
  2977. </div>
  2978. </b:includable>
  2979. <b:includable id='threaded_comment_js' var='post'>
  2980. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2981.  
  2982. <script type='text/javascript'>
  2983. (function() {
  2984. var items = <data:post.commentJso/>;
  2985. var msgs = <data:post.commentMsgs/>;
  2986. var config = <data:post.commentConfig/>;
  2987.  
  2988. // <![CDATA[
  2989. var cursor = null;
  2990. if (items && items.length > 0) {
  2991. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2992. }
  2993.  
  2994. var bodyFromEntry = function(entry) {
  2995. if (entry.gd$extendedProperty) {
  2996. for (var k in entry.gd$extendedProperty) {
  2997. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2998. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2999. }
  3000. }
  3001. }
  3002. return entry.content.$t;
  3003. }
  3004.  
  3005. var parse = function(data) {
  3006. cursor = null;
  3007. var comments = [];
  3008. if (data && data.feed && data.feed.entry) {
  3009. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3010. var comment = {};
  3011. // comment ID, parsed out of the original id format
  3012. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3013. comment.id = id ? id[2] : null;
  3014. comment.body = bodyFromEntry(entry);
  3015. comment.timestamp = Date.parse(entry.published.$t) + '';
  3016. if (entry.author && entry.author.constructor === Array) {
  3017. var auth = entry.author[0];
  3018. if (auth) {
  3019. comment.author = {
  3020. name: (auth.name ? auth.name.$t : undefined),
  3021. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3022. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3023. };
  3024. }
  3025. }
  3026. if (entry.link) {
  3027. if (entry.link[2]) {
  3028. comment.link = comment.permalink = entry.link[2].href;
  3029. }
  3030. if (entry.link[3]) {
  3031. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3032. if (pid && pid[1]) {
  3033. comment.parentId = pid[1];
  3034. }
  3035. }
  3036. }
  3037. comment.deleteclass = 'item-control blog-admin';
  3038. if (entry.gd$extendedProperty) {
  3039. for (var k in entry.gd$extendedProperty) {
  3040. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3041. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3042. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3043. comment.displayTime = entry.gd$extendedProperty[k].value;
  3044. }
  3045. }
  3046. }
  3047. comments.push(comment);
  3048. }
  3049. }
  3050. return comments;
  3051. };
  3052.  
  3053. var paginator = function(callback) {
  3054. if (hasMore()) {
  3055. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3056. if (cursor) {
  3057. url += '&published-min=' + new Date(cursor).toISOString();
  3058. }
  3059. window.bloggercomments = function(data) {
  3060. var parsed = parse(data);
  3061. cursor = parsed.length < 50 ? null
  3062. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3063. callback(parsed);
  3064. window.bloggercomments = null;
  3065. }
  3066. url += '&callback=bloggercomments';
  3067. var script = document.createElement('script');
  3068. script.type = 'text/javascript';
  3069. script.src = url;
  3070. document.getElementsByTagName('head')[0].appendChild(script);
  3071. }
  3072. };
  3073. var hasMore = function() {
  3074. return !!cursor;
  3075. };
  3076. var getMeta = function(key, comment) {
  3077. if ('iswriter' == key) {
  3078. var matches = !!comment.author
  3079. && comment.author.name == config.authorName
  3080. && comment.author.profileUrl == config.authorUrl;
  3081. return matches ? 'true' : '';
  3082. } else if ('deletelink' == key) {
  3083. return config.baseUri + '/delete-comment.g?blogID='
  3084. + config.blogId + '&postID=' + comment.id;
  3085. } else if ('deleteclass' == key) {
  3086. return comment.deleteclass;
  3087. }
  3088. return '';
  3089. };
  3090.  
  3091. var replybox = null;
  3092. var replyUrlParts = null;
  3093. var replyParent = undefined;
  3094.  
  3095. var onReply = function(commentId, domId) {
  3096. if (replybox == null) {
  3097. // lazily cache replybox, and adjust to suit this style:
  3098. replybox = document.getElementById('comment-editor');
  3099. if (replybox != null) {
  3100. replybox.height = '250px';
  3101. replybox.style.display = 'block';
  3102. replyUrlParts = replybox.src.split('#');
  3103. }
  3104. }
  3105. if (replybox && (commentId !== replyParent)) {
  3106. document.getElementById(domId).insertBefore(replybox, null);
  3107. replybox.src = replyUrlParts[0]
  3108. + (commentId ? '&parentID=' + commentId : '')
  3109. + '#' + replyUrlParts[1];
  3110. replyParent = commentId;
  3111. }
  3112. };
  3113.  
  3114. var hash = (window.location.hash || '#').substring(1);
  3115. var startThread, targetComment;
  3116. if (/^comment-form_/.test(hash)) {
  3117. startThread = hash.substring('comment-form_'.length);
  3118. } else if (/^c[0-9]+$/.test(hash)) {
  3119. targetComment = hash.substring(1);
  3120. }
  3121.  
  3122. // Configure commenting API:
  3123. var configJso = {
  3124. 'maxDepth': config.maxThreadDepth
  3125. };
  3126. var provider = {
  3127. 'id': config.postId,
  3128. 'data': items,
  3129. 'loadNext': paginator,
  3130. 'hasMore': hasMore,
  3131. 'getMeta': getMeta,
  3132. 'onReply': onReply,
  3133. 'rendered': true,
  3134. 'initComment': targetComment,
  3135. 'initReplyThread': startThread,
  3136. 'config': configJso,
  3137. 'messages': msgs
  3138. };
  3139.  
  3140. var render = function() {
  3141. if (window.goog && window.goog.comments) {
  3142. var holder = document.getElementById('comment-holder');
  3143. window.goog.comments.render(holder, provider);
  3144. }
  3145. };
  3146.  
  3147. // render now, or queue to render when library loads:
  3148. if (window.goog && window.goog.comments) {
  3149. render();
  3150. } else {
  3151. window.goog = window.goog || {};
  3152. window.goog.comments = window.goog.comments || {};
  3153. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3154. window.goog.comments.loadQueue.push(render);
  3155. }
  3156. })();
  3157. // ]]>
  3158. </script>
  3159. </b:includable>
  3160. <b:includable id='threaded_comments' var='post'>
  3161. <div class='comments' id='comments'>
  3162. <a name='comments'/>
  3163. <h4><data:post.commentLabelFull/>:</h4>
  3164.  
  3165. <div class='comments-content'>
  3166. <b:if cond='data:post.embedCommentForm'>
  3167. <b:include data='post' name='threaded_comment_js'/>
  3168. </b:if>
  3169. <div id='comment-holder'>
  3170. <data:post.commentHtml/>
  3171. </div>
  3172. </div>
  3173.  
  3174. <p class='comment-footer'>
  3175. <b:if cond='data:post.allowNewComments'>
  3176. <b:include data='post' name='threaded-comment-form'/>
  3177. <b:else/>
  3178. <data:post.noNewCommentsText/>
  3179. </b:if>
  3180. </p>
  3181.  
  3182. <b:if cond='data:showCmtPopup'>
  3183. <div id='comment-popup'>
  3184. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3185. </iframe>
  3186. </div>
  3187. </b:if>
  3188.  
  3189. <div id='backlinks-container'>
  3190. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3191. <b:if cond='data:post.showBacklinks'>
  3192. <b:include data='post' name='backlinks'/>
  3193. </b:if>
  3194. </div>
  3195. </div>
  3196. </div>
  3197. </b:includable>
  3198. </b:widget>
  3199. <b:widget id='HTML901' locked='true' title='Comments system' type='HTML' visible='true'>
  3200. <b:includable id='main'>
  3201. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3202. <b:if cond='data:content == &quot;[blogger]&quot;'>
  3203. <div class='comments-tabs'>
  3204. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3205. </div>
  3206. </b:if>
  3207. <b:if cond='data:content == &quot;[facebook]&quot;'>
  3208. <div class='comments-tabs'>
  3209. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3210. </div>
  3211. <script type='text/javascript'>
  3212. //<![CDATA[
  3213. $('#comments').remove();
  3214. //]]>
  3215. </script>
  3216. </b:if>
  3217. <b:if cond='data:content == &quot;[disqus]&quot;'>
  3218. <div class='comments-tabs'>
  3219. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3220. </div>
  3221. <script type='text/javascript'>
  3222. //<![CDATA[
  3223. $('#comments').remove();
  3224. //]]>
  3225. </script>
  3226. </b:if>
  3227. <b:if cond='data:content == &quot;[blogger][facebook]&quot;'>
  3228. <div class='comments-tabs'>
  3229. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3230. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3231. </div>
  3232. </b:if>
  3233. <b:if cond='data:content == &quot;[blogger][disqus]&quot;'>
  3234. <div class='comments-tabs'>
  3235. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3236. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3237. </div>
  3238. </b:if>
  3239. <b:if cond='data:content == &quot;[facebook][blogger]&quot;'>
  3240. <div class='comments-tabs'>
  3241. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3242. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3243. </div>
  3244. </b:if>
  3245. <b:if cond='data:content == &quot;[facebook][disqus]&quot;'>
  3246. <div class='comments-tabs'>
  3247. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3248. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3249. <script type='text/javascript'>
  3250. //<![CDATA[
  3251. $('#comments').remove();
  3252. //]]>
  3253. </script>
  3254. </div>
  3255. </b:if>
  3256. <b:if cond='data:content == &quot;[disqus][blogger]&quot;'>
  3257. <div class='comments-tabs'>
  3258. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3259. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3260. </div>
  3261. </b:if>
  3262. <b:if cond='data:content == &quot;[disqus][facebook]&quot;'>
  3263. <div class='comments-tabs'>
  3264. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3265. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3266. </div>
  3267. <script type='text/javascript'>
  3268. //<![CDATA[
  3269. $('#comments').remove();
  3270. //]]>
  3271. </script>
  3272. </b:if>
  3273. <b:if cond='data:content == &quot;[blogger][facebook][disqus]&quot;'>
  3274. <div class='comments-tabs'>
  3275. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3276. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3277. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3278. </div>
  3279. </b:if>
  3280. <b:if cond='data:content == &quot;[blogger][disqus][facebook]&quot;'>
  3281. <div class='comments-tabs'>
  3282. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3283. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3284. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3285. </div>
  3286. </b:if>
  3287. <b:if cond='data:content == &quot;[facebook][blogger][disqus]&quot;'>
  3288. <div class='comments-tabs'>
  3289. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3290. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3291. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3292. </div>
  3293. </b:if>
  3294. <b:if cond='data:content == &quot;[facebook][disqus][blogger]&quot;'>
  3295. <div class='comments-tabs'>
  3296. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3297. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3298. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3299. </div>
  3300. </b:if>
  3301. <b:if cond='data:content == &quot;[disqus][blogger][facebook]&quot;'>
  3302. <div class='comments-tabs'>
  3303. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3304. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3305. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3306. </div>
  3307. </b:if>
  3308. <b:if cond='data:content == &quot;[disqus][facebook][blogger]&quot;'>
  3309. <div class='comments-tabs'>
  3310. <div data-tab='disqus'><div class='tab-disqus'><div id='disqus_thread'/></div></div>
  3311. <div data-tab='facebook'><div class='tab-facebook'/></div>
  3312. <div data-tab='blogger'><div class='tab-blogger'/></div>
  3313. </div>
  3314. </b:if>
  3315. <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;.tab-facebook&quot;).append(&quot;&lt;div class=&#39;fb-comments&#39; data-href=&#39;<data:blog.canonicalUrl/>&#39; data-width=&#39;730&#39; data-numposts=&#39;5&#39; data-colorscheme=&#39;light&#39;&gt;&lt;/div&gt;&quot;);&lt;/script&gt;
  3316. </b:if>
  3317. </b:includable>
  3318. </b:widget>
  3319. <b:widget id='HTML902' locked='true' title='Disqus Shortname' type='HTML' visible='true'>
  3320. <b:includable id='main'>
  3321. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3322. &lt;script type=&#39;text/javascript&#39;&gt;
  3323. var disqus_shortname = &#39;<data:content/>&#39;;
  3324. (function() {
  3325. var dsq = document.createElement(&#39;script&#39;); dsq.type = &#39;text/javascript&#39;; dsq.async = true;
  3326. dsq.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/embed.js&#39;;
  3327. (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(dsq);
  3328. })();
  3329. &lt;/script&gt;
  3330. </b:if>
  3331. </b:includable>
  3332. </b:widget>
  3333. </b:section>
  3334.  
  3335. <div class='author-boxs-hide' style='display:none'>
  3336. <b:section class='author-boxs' id='author-boxs' showaddelement='yes'/>
  3337. </div>
  3338.  
  3339. <b:if cond='data:blog.canonicalUrl == data:blog.canonicalHomepageUrl'>
  3340. <div class='recent-layout' id='recent-layout2'>
  3341. <b:section class='recent-sec' id='recent-sec2' showaddelement='yes'>
  3342. <b:widget id='HTML13' locked='false' title='Ảnh Bìa' type='HTML' visible='true'>
  3343. <b:includable id='main'>
  3344. <!-- only display title if it's non-empty -->
  3345. <b:if cond='data:title != &quot;&quot;'>
  3346. <h2 class='title'><data:title/></h2>
  3347. </b:if>
  3348. <div class='widget-content'>
  3349. <data:content/>
  3350. </div>
  3351.  
  3352. <b:include name='quickedit'/>
  3353. </b:includable>
  3354. </b:widget>
  3355. <b:widget id='HTML18' locked='false' title='Thủ Thuật Blogger' type='HTML' visible='true'>
  3356. <b:includable id='main'>
  3357. <!-- only display title if it's non-empty -->
  3358. <b:if cond='data:title != &quot;&quot;'>
  3359. <h2 class='title'><data:title/></h2>
  3360. </b:if>
  3361. <div class='widget-content'>
  3362. <data:content/>
  3363. </div>
  3364.  
  3365. <b:include name='quickedit'/>
  3366. </b:includable>
  3367. </b:widget>
  3368. <b:widget id='HTML19' locked='false' title='Code Web' type='HTML' visible='true'>
  3369. <b:includable id='main'>
  3370. <!-- only display title if it's non-empty -->
  3371. <b:if cond='data:title != &quot;&quot;'>
  3372. <h2 class='title'><data:title/></h2>
  3373. </b:if>
  3374. <div class='widget-content'>
  3375. <data:content/>
  3376. </div>
  3377.  
  3378. <b:include name='quickedit'/>
  3379. </b:includable>
  3380. </b:widget>
  3381. <b:widget id='HTML16' locked='false' title='Thủ Thuật Facebook' type='HTML' visible='true'>
  3382. <b:includable id='main'>
  3383. <!-- only display title if it's non-empty -->
  3384. <b:if cond='data:title != &quot;&quot;'>
  3385. <h2 class='title'><data:title/></h2>
  3386. </b:if>
  3387. <div class='widget-content'>
  3388. <data:content/>
  3389. </div>
  3390.  
  3391. <b:include name='quickedit'/>
  3392. </b:includable>
  3393. </b:widget>
  3394. <b:widget id='HTML15' locked='false' title='Mockup' type='HTML' visible='true'>
  3395. <b:includable id='main'>
  3396. <!-- only display title if it's non-empty -->
  3397. <b:if cond='data:title != &quot;&quot;'>
  3398. <h2 class='title'><data:title/></h2>
  3399. </b:if>
  3400. <div class='widget-content'>
  3401. <data:content/>
  3402. </div>
  3403.  
  3404. <b:include name='quickedit'/>
  3405. </b:includable>
  3406. </b:widget>
  3407. <b:widget id='HTML17' locked='false' title='Hình Ảnh' type='HTML' visible='true'>
  3408. <b:includable id='main'>
  3409. <!-- only display title if it's non-empty -->
  3410. <b:if cond='data:title != &quot;&quot;'>
  3411. <h2 class='title'><data:title/></h2>
  3412. </b:if>
  3413. <div class='widget-content'>
  3414. <data:content/>
  3415. </div>
  3416.  
  3417. <b:include name='quickedit'/>
  3418. </b:includable>
  3419. </b:widget>
  3420. </b:section>
  3421. </div>
  3422. </b:if>
  3423.  
  3424. </div>
  3425.  
  3426. <!-- Sidebar wrapper -->
  3427. <div id='sidebar-wrapper'>
  3428. <b:section class='social-counter sidebar' id='social-counter' maxwidgets='1' showaddelement='yes'>
  3429. <b:widget id='LinkList56' locked='true' title='◣ MẠNG XÃ HỘI ◢' type='LinkList' visible='true'>
  3430. <b:includable id='main'>
  3431. <b:if cond='data:title != &quot;&quot;'>
  3432. <h2 class='title'><data:title/></h2>
  3433. </b:if>
  3434. <div class='widget-content'>
  3435. <ul id='social'>
  3436. <b:loop values='data:links' var='link'>
  3437. <li expr:class='&quot;social-item &quot; + data:link.name'><a expr:href='data:link.target'> <i class='item-icon fa'/><div class='remove-count'><data:link.name/></div><span class='item-text'>Followers</span> </a></li>
  3438. </b:loop>
  3439. </ul>
  3440. </div>
  3441. </b:includable>
  3442. </b:widget>
  3443. </b:section>
  3444. <b:section class='sidebar' id='sidebar' showaddelement='yes'>
  3445. <b:widget id='HTML7' locked='false' title='Fanpage' type='HTML' visible='true'>
  3446. <b:includable id='main'>
  3447. <!-- only display title if it's non-empty -->
  3448. <b:if cond='data:title != &quot;&quot;'>
  3449. <h2 class='title'><data:title/></h2>
  3450. </b:if>
  3451. <div class='widget-content'>
  3452. <data:content/>
  3453. </div>
  3454.  
  3455. <b:include name='quickedit'/>
  3456. </b:includable>
  3457. </b:widget>
  3458. <b:widget id='HTML2' locked='false' title='Đăng Ký Kênh Youtube' type='HTML' visible='true'>
  3459. <b:includable id='main'>
  3460. <!-- only display title if it's non-empty -->
  3461. <b:if cond='data:title != &quot;&quot;'>
  3462. <h2 class='title'><data:title/></h2>
  3463. </b:if>
  3464. <div class='widget-content'>
  3465. <data:content/>
  3466. </div>
  3467.  
  3468. <b:include name='quickedit'/>
  3469. </b:includable>
  3470. </b:widget>
  3471. </b:section>
  3472. <div class='sidetabs' id='sidetabs'>
  3473.  
  3474. <ul class='menu-tab'>
  3475. <li class='item-1'><a href='#tabside1'/></li>
  3476. <li class='item-2'><a href='#tabside2'/></li>
  3477. <li class='item-3'><a href='#tabside3'/></li>
  3478. </ul>
  3479. <b:section class='sidebar' id='tabside1' maxwidgets='1' showaddelement='yes'>
  3480. <b:widget id='PopularPosts1' locked='false' title='✩ XEM NHIỀU ✩' type='PopularPosts' visible='true'>
  3481. <b:includable id='main'>
  3482. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  3483. <div class='widget-content popular-posts'>
  3484. <ul>
  3485. <b:loop values='data:posts' var='post'>
  3486. <li>
  3487. <b:if cond='!data:showThumbnails'>
  3488. <b:if cond='!data:showSnippets'>
  3489. <!-- (1) No snippet/thumbnail -->
  3490. <a expr:href='data:post.href'><data:post.title/></a>
  3491. <b:else/>
  3492. <!-- (2) Show only snippets -->
  3493. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3494. <div class='item-snippet'><data:post.snippet/></div>
  3495. </b:if>
  3496. <b:else/>
  3497. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  3498. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  3499. <b:if cond='data:post.thumbnail'>
  3500. <div class='item-thumbnail'>
  3501. <a expr:href='data:post.href' target='_blank'>
  3502. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3503. </a>
  3504. </div>
  3505. </b:if>
  3506. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3507. <b:if cond='data:showSnippets'>
  3508. <div class='item-snippet'><data:post.snippet/></div>
  3509. </b:if>
  3510. </div>
  3511. <div style='clear: both;'/>
  3512. </b:if>
  3513. </li>
  3514. </b:loop>
  3515. </ul>
  3516. <b:include name='quickedit'/>
  3517. </div>
  3518. </b:includable>
  3519. </b:widget>
  3520. </b:section>
  3521. <b:section class='sidebar' id='tabside2' maxwidgets='1' showaddelement='yes'>
  3522. <b:widget id='HTML1' locked='false' title='👉 Bình Luận 👈' type='HTML' visible='true'>
  3523. <b:includable id='main'>
  3524. <!-- only display title if it's non-empty -->
  3525. <b:if cond='data:title != &quot;&quot;'>
  3526. <h2 class='title'><data:title/></h2>
  3527. </b:if>
  3528. <div class='widget-content'>
  3529. <data:content/>
  3530. </div>
  3531.  
  3532. <b:include name='quickedit'/>
  3533. </b:includable>
  3534. </b:widget>
  3535. </b:section>
  3536. <b:section class='sidebar' id='tabside3' maxwidgets='1' showaddelement='yes'>
  3537. <b:widget id='BlogArchive1' locked='false' title='▼ LƯU TRỮ ▼' type='BlogArchive' visible='true'>
  3538. <b:includable id='main'>
  3539. <b:if cond='data:title != &quot;&quot;'>
  3540. <h2><data:title/></h2>
  3541. </b:if>
  3542. <div class='widget-content'>
  3543. <div id='ArchiveList'>
  3544. <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  3545. <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
  3546. <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
  3547. <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  3548. </div>
  3549. </div>
  3550. <b:include name='quickedit'/>
  3551. </div>
  3552. </b:includable>
  3553. <b:includable id='flat' var='data'>
  3554. <ul class='flat'>
  3555. <b:loop values='data:data' var='i'>
  3556. <li class='archivedate'>
  3557. <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  3558. </li>
  3559. </b:loop>
  3560. </ul>
  3561. </b:includable>
  3562. <b:includable id='interval' var='intervalData'>
  3563. <b:loop values='data:intervalData' var='interval'>
  3564. <ul class='hierarchy'>
  3565. <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
  3566. <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
  3567. <a class='post-count-link' expr:href='data:interval.url'>
  3568. <data:interval.name/>
  3569. </a>
  3570. <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
  3571. <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  3572. <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  3573. </li>
  3574. </ul>
  3575. </b:loop>
  3576. </b:includable>
  3577. <b:includable id='menu' var='data'>
  3578. <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  3579. <option value=''><data:title/></option>
  3580. <b:loop values='data:data' var='i'>
  3581. <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  3582. </b:loop>
  3583. </select>
  3584. </b:includable>
  3585. <b:includable id='posts' var='posts'>
  3586. <ul class='posts'>
  3587. <b:loop values='data:posts' var='post'>
  3588. <li><a expr:href='data:post.url'><data:post.title/></a></li>
  3589. </b:loop>
  3590. </ul>
  3591. </b:includable>
  3592. <b:includable id='toggle' var='interval'>
  3593. <a class='toggle' href='javascript:void(0)'>
  3594. <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
  3595. <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  3596. &#9660;&#160;
  3597. <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
  3598. &#9668;&#160;
  3599. <b:else/>
  3600. &#9658;&#160;
  3601. </b:if>
  3602. </span>
  3603. </a>
  3604. </b:includable>
  3605. </b:widget>
  3606. </b:section>
  3607. </div>
  3608. <b:section class='sidebar' id='sidebar2' showaddelement='yes'>
  3609. <b:widget id='PopularPosts2' locked='false' title='✎ XEM NHIỀU TRONG TUẦN' type='PopularPosts' visible='true'>
  3610. <b:includable id='main'>
  3611. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  3612. <div class='widget-content popular-posts'>
  3613. <ul>
  3614. <b:loop values='data:posts' var='post'>
  3615. <li>
  3616. <b:if cond='!data:showThumbnails'>
  3617. <b:if cond='!data:showSnippets'>
  3618. <!-- (1) No snippet/thumbnail -->
  3619. <a expr:href='data:post.href'><data:post.title/></a>
  3620. <b:else/>
  3621. <!-- (2) Show only snippets -->
  3622. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3623. <div class='item-snippet'><data:post.snippet/></div>
  3624. </b:if>
  3625. <b:else/>
  3626. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  3627. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  3628. <b:if cond='data:post.thumbnail'>
  3629. <div class='item-thumbnail'>
  3630. <a expr:href='data:post.href' target='_blank'>
  3631. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  3632. </a>
  3633. </div>
  3634. </b:if>
  3635. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  3636. <b:if cond='data:showSnippets'>
  3637. <div class='item-snippet'><data:post.snippet/></div>
  3638. </b:if>
  3639. </div>
  3640. <div style='clear: both;'/>
  3641. </b:if>
  3642. </li>
  3643. </b:loop>
  3644. </ul>
  3645. <b:include name='quickedit'/>
  3646. </div>
  3647. </b:includable>
  3648. </b:widget>
  3649. <b:widget id='HTML22' locked='false' title='' type='HTML' visible='true'>
  3650. <b:includable id='main'>
  3651. <!-- only display title if it's non-empty -->
  3652. <b:if cond='data:title != &quot;&quot;'>
  3653. <h2 class='title'><data:title/></h2>
  3654. </b:if>
  3655. <div class='widget-content'>
  3656. <data:content/>
  3657. </div>
  3658.  
  3659. <b:include name='quickedit'/>
  3660. </b:includable>
  3661. </b:widget>
  3662. <b:widget id='HTML12' locked='false' title='Game' type='HTML' visible='true'>
  3663. <b:includable id='main'>
  3664. <!-- only display title if it's non-empty -->
  3665. <b:if cond='data:title != &quot;&quot;'>
  3666. <h2 class='title'><data:title/></h2>
  3667. </b:if>
  3668. <div class='widget-content'>
  3669. <data:content/>
  3670. </div>
  3671.  
  3672. <b:include name='quickedit'/>
  3673. </b:includable>
  3674. </b:widget>
  3675. <b:widget id='Label1' locked='false' title='☒ TỪ KHOÁ' type='Label' visible='true'>
  3676. <b:includable id='main'>
  3677. <b:if cond='data:title != &quot;&quot;'>
  3678. <h2><data:title/></h2>
  3679. </b:if>
  3680. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  3681. <b:if cond='data:display == &quot;list&quot;'>
  3682. <ul>
  3683. <b:loop values='data:labels' var='label'>
  3684. <li>
  3685. <b:if cond='data:blog.url == data:label.url'>
  3686. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3687. <b:else/>
  3688. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3689. </b:if>
  3690. <b:if cond='data:showFreqNumbers'>
  3691. <span dir='ltr'>(<data:label.count/>)</span>
  3692. </b:if>
  3693. </li>
  3694. </b:loop>
  3695. </ul>
  3696. <b:else/>
  3697. <b:loop values='data:labels' var='label'>
  3698. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  3699. <b:if cond='data:blog.url == data:label.url'>
  3700. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  3701. <b:else/>
  3702. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  3703. </b:if>
  3704. <b:if cond='data:showFreqNumbers'>
  3705. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  3706. </b:if>
  3707. </span>
  3708. </b:loop>
  3709. </b:if>
  3710. <b:include name='quickedit'/>
  3711. </div>
  3712. </b:includable>
  3713. </b:widget>
  3714. <b:widget id='HTML11' locked='false' title='✎ BÀI VIẾT NGẪU NHIÊN' type='HTML' visible='true'>
  3715. <b:includable id='main'>
  3716. <!-- only display title if it's non-empty -->
  3717. <b:if cond='data:title != &quot;&quot;'>
  3718. <h2 class='title'><data:title/></h2>
  3719. </b:if>
  3720. <div class='widget-content'>
  3721. <data:content/>
  3722. </div>
  3723.  
  3724. <b:include name='quickedit'/>
  3725. </b:includable>
  3726. </b:widget>
  3727. <b:widget id='HTML20' locked='false' title='Rút gọn link kiếm tiền online' type='HTML' visible='true'>
  3728. <b:includable id='main'>
  3729. <!-- only display title if it's non-empty -->
  3730. <b:if cond='data:title != &quot;&quot;'>
  3731. <h2 class='title'><data:title/></h2>
  3732. </b:if>
  3733. <div class='widget-content'>
  3734. <data:content/>
  3735. </div>
  3736.  
  3737. <b:include name='quickedit'/>
  3738. </b:includable>
  3739. </b:widget>
  3740. <b:widget id='HTML5' locked='false' title='♫ Nhạc' type='HTML' visible='true'>
  3741. <b:includable id='main'>
  3742. <!-- only display title if it's non-empty -->
  3743. <b:if cond='data:title != &quot;&quot;'>
  3744. <h2 class='title'><data:title/></h2>
  3745. </b:if>
  3746. <div class='widget-content'>
  3747. <data:content/>
  3748. </div>
  3749.  
  3750. <b:include name='quickedit'/>
  3751. </b:includable>
  3752. </b:widget>
  3753. <b:widget id='HTML8' locked='false' title='' type='HTML' visible='true'>
  3754. <b:includable id='main'>
  3755. <!-- only display title if it's non-empty -->
  3756. <b:if cond='data:title != &quot;&quot;'>
  3757. <h2 class='title'><data:title/></h2>
  3758. </b:if>
  3759. <div class='widget-content'>
  3760. <data:content/>
  3761. </div>
  3762.  
  3763. <b:include name='quickedit'/>
  3764. </b:includable>
  3765. </b:widget>
  3766. </b:section>
  3767. </div>
  3768.  
  3769. </div>
  3770.  
  3771. <div class='clear'/>
  3772.  
  3773. <b:section class='footer-ad' id='footer-ad' maxwidgets='1' showaddelement='yes'/>
  3774.  
  3775. <div class='clear'/>
  3776.  
  3777. <!-- Footer wrapper -->
  3778. <div id='footer-wrapper'>
  3779. <div class='bottom-nav row'>
  3780. <b:section class='menu-bottom' id='menu-bottom' maxwidgets='1' showaddelement='yes'>
  3781. <b:widget id='LinkList1' locked='true' title='Footer Menu' type='LinkList' visible='true'>
  3782. <b:includable id='main'>
  3783. <div class='widget-content'>
  3784. <ul id='nav3'>
  3785. <b:loop values='data:links' var='link'>
  3786. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  3787. </b:loop>
  3788. </ul>
  3789. </div>
  3790. </b:includable>
  3791. </b:widget>
  3792. </b:section>
  3793. <div class='contact-button'><a href='#'><i class='fa fa-paper-plane'/> Liên Hệ</a></div>
  3794. </div>
  3795.  
  3796. <div class='row' id='footer'>
  3797. <b:section class='footer-column' id='column1' showaddelement='yes'>
  3798. <b:widget id='HTML4' locked='false' title='➤ LIÊN KẾT' type='HTML' visible='true'>
  3799. <b:includable id='main'>
  3800. <!-- only display title if it's non-empty -->
  3801. <b:if cond='data:title != &quot;&quot;'>
  3802. <h2 class='title'><data:title/></h2>
  3803. </b:if>
  3804. <div class='widget-content'>
  3805. <data:content/>
  3806. </div>
  3807.  
  3808. <b:include name='quickedit'/>
  3809. </b:includable>
  3810. </b:widget>
  3811. </b:section>
  3812. <b:section class='footer-column' id='column2' showaddelement='yes'>
  3813. <b:widget id='Followers1' locked='false' title='➤ THAM GIA THÀNH VIÊN' type='Followers' visible='true'>
  3814. <b:includable id='main'>
  3815. <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
  3816. <h2 class='title'><data:title/></h2>
  3817. </b:if>
  3818. <div class='widget-content'>
  3819. <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  3820. <b:if cond='data:codeSnippet != &quot;&quot;'>
  3821. <div style='margin-right:2px;'>
  3822. <data:codeSnippet/>
  3823. </div>
  3824. </b:if>
  3825. </div>
  3826. <b:include name='quickedit'/>
  3827. </div>
  3828. </b:includable>
  3829. </b:widget>
  3830. <b:widget id='HTML10' locked='false' title='' type='HTML' visible='true'>
  3831. <b:includable id='main'>
  3832. <!-- only display title if it's non-empty -->
  3833. <b:if cond='data:title != &quot;&quot;'>
  3834. <h2 class='title'><data:title/></h2>
  3835. </b:if>
  3836. <div class='widget-content'>
  3837. <data:content/>
  3838. </div>
  3839.  
  3840. <b:include name='quickedit'/>
  3841. </b:includable>
  3842. </b:widget>
  3843. </b:section>
  3844. <b:section class='footer-column' id='column3' showaddelement='yes'>
  3845. <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' visible='true'>
  3846. <b:includable id='main'>
  3847. <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  3848. <div class='widget-content'>
  3849. <div class='follow-by-email-inner'>
  3850. <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'>
  3851. <table width='100%'>
  3852. <tr>
  3853. <td>
  3854. <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  3855. </td>
  3856. <td width='64px'>
  3857. <input class='follow-by-email-submit' type='submit' value='Submit'/>
  3858. </td>
  3859. </tr>
  3860. </table>
  3861. <input expr:value='data:feedPath' name='uri' type='hidden'/>
  3862. <input name='loc' type='hidden' value='en_US'/>
  3863. </form>
  3864. </div>
  3865. </div>
  3866. <span class='item-control blog-admin'>
  3867. <b:include name='quickedit'/>
  3868. </span>
  3869. </b:includable>
  3870. </b:widget>
  3871. <b:widget id='Translate1' locked='false' title='Translate' type='Translate' visible='true'>
  3872. <b:includable id='main'>
  3873. <b:if cond='data:title != &quot;&quot;'>
  3874. <h2 class='title'><data:title/></h2>
  3875. </b:if>
  3876. <div id='google_translate_element'/>
  3877. <script>
  3878. function googleTranslateElementInit() {
  3879. new google.translate.TranslateElement({
  3880. pageLanguage: &#39;<data:pageLanguage/>&#39;,
  3881. autoDisplay: &#39;true&#39;,
  3882. layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
  3883. }, &#39;google_translate_element&#39;);
  3884. }
  3885. </script>
  3886. <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  3887. <b:include name='quickedit'/>
  3888. </b:includable>
  3889. </b:widget>
  3890. <b:widget id='HTML14' locked='false' title='' type='HTML' visible='true'>
  3891. <b:includable id='main'>
  3892. <!-- only display title if it's non-empty -->
  3893. <b:if cond='data:title != &quot;&quot;'>
  3894. <h2 class='title'><data:title/></h2>
  3895. </b:if>
  3896. <div class='widget-content'>
  3897. <data:content/>
  3898. </div>
  3899.  
  3900. <b:include name='quickedit'/>
  3901. </b:includable>
  3902. </b:widget>
  3903. </b:section>
  3904. </div>
  3905. </div>
  3906.  
  3907. <div class='clear'/>
  3908.  
  3909. <!-- Copyrights -->
  3910. <div id='copyrights'>
  3911. <a class='upbt' href='#top'><i class='fa fa-angle-up'/></a>
  3912. <div class='copyrights row'>
  3913. <div class='copy-left'> Bản Quyền Thuộc: <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> &#169; 2016. All Rights Reserved </div>
  3914. <div class='copy-right'> <div id='credits'>Phát triển bởi <a href='http://www.tranphuocan.tk' id='creditlink'>Phước An Blog</a></div>
  3915. </div>
  3916. </div>
  3917.  
  3918. </div>
  3919.  
  3920. <b:section class='contact-sec' id='contact-sec' maxwidgets='1' showaddelement='yes'>
  3921. <b:widget id='ContactForm1' locked='true' title='Góp Ý Cho Phước An Blog' type='ContactForm' visible='true'>
  3922. <b:includable id='main'>
  3923. <b:if cond='data:title != &quot;&quot;'>
  3924. <h2 class='title'><data:title/></h2>
  3925. </b:if>
  3926. <div class='contact-form-widget'>
  3927. <div class='form'>
  3928. <form name='contact-form'>
  3929. <p/>
  3930. <data:contactFormNameMsg/>
  3931. <br/>
  3932. <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  3933. <p/>
  3934. <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  3935. <br/>
  3936. <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  3937. <p/>
  3938. <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  3939. <br/>
  3940. <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  3941. <p/>
  3942. <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'/>
  3943. <p/>
  3944. <div style='text-align: center; max-width: 222px; width: 100%'>
  3945. <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  3946. <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  3947. </div>
  3948. </form>
  3949. </div>
  3950. </div>
  3951. <a class='contact-close' href='#'><i class='fa fa-times'/></a>
  3952. </b:includable>
  3953. </b:widget>
  3954. </b:section>
  3955.  
  3956. <!-- Contact Us form -->
  3957. <div class='hidden-contact' style='display:none'>
  3958. <b:section class='contact' id='contact' maxwidgets='1' showaddelement='no'>
  3959. <b:widget id='ContactForm10' locked='true' title='Contact us' type='ContactForm' visible='true'>
  3960. <b:includable id='main'>
  3961.  
  3962. <div class='contact-form-widget'>
  3963. <div class='form'>
  3964. <form name='contact-form'>
  3965.  
  3966. <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
  3967.  
  3968. <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/>
  3969.  
  3970. <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' expr:placeholder='data:contactFormMessageMsg' name='email-message' rows='5'/>
  3971.  
  3972. <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'/>
  3973.  
  3974. <div style='text-align: center; max-width: 222px; width: 100%'>
  3975. <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  3976. <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  3977. </div>
  3978. </form>
  3979. </div>
  3980. </div>
  3981.  
  3982. </b:includable>
  3983. </b:widget>
  3984. </b:section>
  3985. </div>
  3986.  
  3987. <!-- unwanted widgets -->
  3988. <div style='display: none'>
  3989. <b:section class='unwanted' id='unwanted' showaddelement='no' style='display: none'>
  3990. <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
  3991. <b:includable id='main'>
  3992. <b:if cond='data:feedbackSurveyLink'>
  3993. <div class='mobile-survey-link' style='text-align: center;'>
  3994. <data:feedbackSurveyLink/>
  3995. </div>
  3996. </b:if>
  3997.  
  3998. <div class='widget-content' style='text-align: center;'>
  3999. <b:if cond='data:attribution != &quot;&quot;'>
  4000. <data:attribution/>
  4001. </b:if>
  4002. </div>
  4003.  
  4004. <b:include name='quickedit'/>
  4005. </b:includable>
  4006. </b:widget>
  4007. <b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar' visible='true'>
  4008. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  4009. function setAttributeOnload(object, attribute, val) {
  4010. if(window.addEventListener) {
  4011. window.addEventListener(&#39;load&#39;,
  4012. function(){ object[attribute] = val; }, false);
  4013. } else {
  4014. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  4015. }
  4016. }
  4017. &lt;/script&gt;
  4018. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  4019. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  4020. &lt;script type=&quot;text/javascript&quot;&gt;
  4021. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  4022. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  4023. gapi.iframes.getContext().openChild({
  4024. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0752178418456216195286\46blogName\75Ph%C6%B0%E1%BB%9Bc+An+Blog\46publishMode\75PUBLISH_MODE_HOSTED\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://www.tranphuocan.tk/search\46blogLocale\75vi\46v\0752\46homepageUrl\75http://www.tranphuocan.tk/\46vt\075362950944000943799&#39;,
  4025. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  4026. id: &quot;navbar-iframe&quot;
  4027. });
  4028. }
  4029. });
  4030. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  4031. (function() {
  4032. var script = document.createElement(&#39;script&#39;);
  4033. script.type = &#39;text/javascript&#39;;
  4034. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  4035. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  4036. if (head) {
  4037. head.appendChild(script);
  4038. }})();
  4039. &lt;/script&gt;
  4040. </b:includable>
  4041. </b:widget>
  4042. </b:section>
  4043. </div>
  4044.  
  4045. &lt;/div&gt;
  4046.  
  4047. <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'>
  4048. <script>
  4049. //<![CDATA[
  4050.  
  4051. // jQuery OwlCarousel v1.31 - http://www.owlgraphic.com/owlcarousel
  4052. "function"!==typeof Object.create&&(Object.create=function(f){function g(){}g.prototype=f;return new g});
  4053. (function(f,g,k){var l={init:function(a,b){this.$elem=f(b);this.options=f.extend({},f.fn.owlCarousel.options,this.$elem.data(),a);this.userOptions=a;this.loadContent()},loadContent:function(){function a(a){var d,e="";if("function"===typeof b.options.jsonSuccess)b.options.jsonSuccess.apply(this,[a]);else{for(d in a.owl)a.owl.hasOwnProperty(d)&&(e+=a.owl[d].item);b.$elem.html(e)}b.logIn()}var b=this,e;"function"===typeof b.options.beforeInit&&b.options.beforeInit.apply(this,[b.$elem]);"string"===typeof b.options.jsonPath?
  4054. (e=b.options.jsonPath,f.getJSON(e,a)):b.logIn()},logIn:function(){this.$elem.data("owl-originalStyles",this.$elem.attr("style"));this.$elem.data("owl-originalClasses",this.$elem.attr("class"));this.$elem.css({opacity:0});this.orignalItems=this.options.items;this.checkBrowser();this.wrapperWidth=0;this.checkVisible=null;this.setVars()},setVars:function(){if(0===this.$elem.children().length)return!1;this.baseClass();this.eventTypes();this.$userItems=this.$elem.children();this.itemsAmount=this.$userItems.length;
  4055. this.wrapItems();this.$owlItems=this.$elem.find(".owl-item");this.$owlWrapper=this.$elem.find(".owl-wrapper");this.playDirection="next";this.prevItem=0;this.prevArr=[0];this.currentItem=0;this.customEvents();this.onStartup()},onStartup:function(){this.updateItems();this.calculateAll();this.buildControls();this.updateControls();this.response();this.moveEvents();this.stopOnHover();this.owlStatus();!1!==this.options.transitionStyle&&this.transitionTypes(this.options.transitionStyle);!0===this.options.autoPlay&&
  4056. (this.options.autoPlay=5E3);this.play();this.$elem.find(".owl-wrapper").css("display","block");this.$elem.is(":visible")?this.$elem.css("opacity",1):this.watchVisibility();this.onstartup=!1;this.eachMoveUpdate();"function"===typeof this.options.afterInit&&this.options.afterInit.apply(this,[this.$elem])},eachMoveUpdate:function(){!0===this.options.lazyLoad&&this.lazyLoad();!0===this.options.autoHeight&&this.autoHeight();this.onVisibleItems();"function"===typeof this.options.afterAction&&this.options.afterAction.apply(this,
  4057. [this.$elem])},updateVars:function(){"function"===typeof this.options.beforeUpdate&&this.options.beforeUpdate.apply(this,[this.$elem]);this.watchVisibility();this.updateItems();this.calculateAll();this.updatePosition();this.updateControls();this.eachMoveUpdate();"function"===typeof this.options.afterUpdate&&this.options.afterUpdate.apply(this,[this.$elem])},reload:function(){var a=this;g.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;if(!1===a.$elem.is(":visible"))a.$elem.css({opacity:0}),
  4058. g.clearInterval(a.autoPlayInterval),g.clearInterval(a.checkVisible);else return!1;a.checkVisible=g.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),g.clearInterval(a.checkVisible))},500)},wrapItems:function(){this.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>');this.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">');this.wrapperOuter=this.$elem.find(".owl-wrapper-outer");this.$elem.css("display","block")},
  4059. baseClass:function(){var a=this.$elem.hasClass(this.options.baseClass),b=this.$elem.hasClass(this.options.theme);a||this.$elem.addClass(this.options.baseClass);b||this.$elem.addClass(this.options.theme)},updateItems:function(){var a,b;if(!1===this.options.responsive)return!1;if(!0===this.options.singleItem)return this.options.items=this.orignalItems=1,this.options.itemsCustom=!1,this.options.itemsDesktop=!1,this.options.itemsDesktopSmall=!1,this.options.itemsTablet=!1,this.options.itemsTabletSmall=
  4060. !1,this.options.itemsMobile=!1;a=f(this.options.responsiveBaseWidth).width();a>(this.options.itemsDesktop[0]||this.orignalItems)&&(this.options.items=this.orignalItems);if(!1!==this.options.itemsCustom)for(this.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),b=0;b<this.options.itemsCustom.length;b+=1)this.options.itemsCustom[b][0]<=a&&(this.options.items=this.options.itemsCustom[b][1]);else a<=this.options.itemsDesktop[0]&&!1!==this.options.itemsDesktop&&(this.options.items=this.options.itemsDesktop[1]),
  4061. a<=this.options.itemsDesktopSmall[0]&&!1!==this.options.itemsDesktopSmall&&(this.options.items=this.options.itemsDesktopSmall[1]),a<=this.options.itemsTablet[0]&&!1!==this.options.itemsTablet&&(this.options.items=this.options.itemsTablet[1]),a<=this.options.itemsTabletSmall[0]&&!1!==this.options.itemsTabletSmall&&(this.options.items=this.options.itemsTabletSmall[1]),a<=this.options.itemsMobile[0]&&!1!==this.options.itemsMobile&&(this.options.items=this.options.itemsMobile[1]);this.options.items>this.itemsAmount&&
  4062. !0===this.options.itemsScaleUp&&(this.options.items=this.itemsAmount)},response:function(){var a=this,b,e;if(!0!==a.options.responsive)return!1;e=f(g).width();a.resizer=function(){f(g).width()!==e&&(!1!==a.options.autoPlay&&g.clearInterval(a.autoPlayInterval),g.clearTimeout(b),b=g.setTimeout(function(){e=f(g).width();a.updateVars()},a.options.responsiveRefreshRate))};f(g).resize(a.resizer)},updatePosition:function(){this.jumpTo(this.currentItem);!1!==this.options.autoPlay&&this.checkAp()},appendItemsSizes:function(){var a=
  4063. this,b=0,e=a.itemsAmount-a.options.items;a.$owlItems.each(function(c){var d=f(this);d.css({width:a.itemWidth}).data("owl-item",Number(c));if(0===c%a.options.items||c===e)c>e||(b+=1);d.data("owl-roundPages",b)})},appendWrapperSizes:function(){this.$owlWrapper.css({width:this.$owlItems.length*this.itemWidth*2,left:0});this.appendItemsSizes()},calculateAll:function(){this.calculateWidth();this.appendWrapperSizes();this.loops();this.max()},calculateWidth:function(){this.itemWidth=Math.round(this.$elem.width()/
  4064. this.options.items)},max:function(){var a=-1*(this.itemsAmount*this.itemWidth-this.options.items*this.itemWidth);this.options.items>this.itemsAmount?this.maximumPixels=a=this.maximumItem=0:(this.maximumItem=this.itemsAmount-this.options.items,this.maximumPixels=a);return a},min:function(){return 0},loops:function(){var a=0,b=0,e,c;this.positionsInArray=[0];this.pagesInArray=[];for(e=0;e<this.itemsAmount;e+=1)b+=this.itemWidth,this.positionsInArray.push(-b),!0===this.options.scrollPerPage&&(c=f(this.$owlItems[e]),
  4065. c=c.data("owl-roundPages"),c!==a&&(this.pagesInArray[a]=this.positionsInArray[e],a=c))},buildControls:function(){if(!0===this.options.navigation||!0===this.options.pagination)this.owlControls=f('<div class="owl-controls"/>').toggleClass("clickable",!this.browser.isTouch).appendTo(this.$elem);!0===this.options.pagination&&this.buildPagination();!0===this.options.navigation&&this.buildButtons()},buildButtons:function(){var a=this,b=f('<div class="owl-buttons"/>');a.owlControls.append(b);a.buttonPrev=
  4066. f("<div/>",{"class":"owl-prev",html:a.options.navigationText[0]||""});a.buttonNext=f("<div/>",{"class":"owl-next",html:a.options.navigationText[1]||""});b.append(a.buttonPrev).append(a.buttonNext);b.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()});b.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(b){b.preventDefault();f(this).hasClass("owl-next")?a.next():a.prev()})},buildPagination:function(){var a=this;a.paginationWrapper=
  4067. f('<div class="owl-pagination"/>');a.owlControls.append(a.paginationWrapper);a.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(b){b.preventDefault();Number(f(this).data("owl-page"))!==a.currentItem&&a.goTo(Number(f(this).data("owl-page")),!0)})},updatePagination:function(){var a,b,e,c,d,g;if(!1===this.options.pagination)return!1;this.paginationWrapper.html("");a=0;b=this.itemsAmount-this.itemsAmount%this.options.items;for(c=0;c<this.itemsAmount;c+=1)0===c%this.options.items&&
  4068. (a+=1,b===c&&(e=this.itemsAmount-this.options.items),d=f("<div/>",{"class":"owl-page"}),g=f("<span></span>",{text:!0===this.options.paginationNumbers?a:"","class":!0===this.options.paginationNumbers?"owl-numbers":""}),d.append(g),d.data("owl-page",b===c?e:c),d.data("owl-roundPages",a),this.paginationWrapper.append(d));this.checkPagination()},checkPagination:function(){var a=this;if(!1===a.options.pagination)return!1;a.paginationWrapper.find(".owl-page").each(function(){f(this).data("owl-roundPages")===
  4069. f(a.$owlItems[a.currentItem]).data("owl-roundPages")&&(a.paginationWrapper.find(".owl-page").removeClass("active"),f(this).addClass("active"))})},checkNavigation:function(){if(!1===this.options.navigation)return!1;!1===this.options.rewindNav&&(0===this.currentItem&&0===this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.addClass("disabled")):0===this.currentItem&&0!==this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.removeClass("disabled")):this.currentItem===
  4070. this.maximumItem?(this.buttonPrev.removeClass("disabled"),this.buttonNext.addClass("disabled")):0!==this.currentItem&&this.currentItem!==this.maximumItem&&(this.buttonPrev.removeClass("disabled"),this.buttonNext.removeClass("disabled")))},updateControls:function(){this.updatePagination();this.checkNavigation();this.owlControls&&(this.options.items>=this.itemsAmount?this.owlControls.hide():this.owlControls.show())},destroyControls:function(){this.owlControls&&this.owlControls.remove()},next:function(a){if(this.isTransition)return!1;
  4071. this.currentItem+=!0===this.options.scrollPerPage?this.options.items:1;if(this.currentItem>this.maximumItem+(!0===this.options.scrollPerPage?this.options.items-1:0))if(!0===this.options.rewindNav)this.currentItem=0,a="rewind";else return this.currentItem=this.maximumItem,!1;this.goTo(this.currentItem,a)},prev:function(a){if(this.isTransition)return!1;this.currentItem=!0===this.options.scrollPerPage&&0<this.currentItem&&this.currentItem<this.options.items?0:this.currentItem-(!0===this.options.scrollPerPage?
  4072. this.options.items:1);if(0>this.currentItem)if(!0===this.options.rewindNav)this.currentItem=this.maximumItem,a="rewind";else return this.currentItem=0,!1;this.goTo(this.currentItem,a)},goTo:function(a,b,e){var c=this;if(c.isTransition)return!1;"function"===typeof c.options.beforeMove&&c.options.beforeMove.apply(this,[c.$elem]);a>=c.maximumItem?a=c.maximumItem:0>=a&&(a=0);c.currentItem=c.owl.currentItem=a;if(!1!==c.options.transitionStyle&&"drag"!==e&&1===c.options.items&&!0===c.browser.support3d)return c.swapSpeed(0),
  4073. !0===c.browser.support3d?c.transition3d(c.positionsInArray[a]):c.css2slide(c.positionsInArray[a],1),c.afterGo(),c.singleItemTransition(),!1;a=c.positionsInArray[a];!0===c.browser.support3d?(c.isCss3Finish=!1,!0===b?(c.swapSpeed("paginationSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},c.options.paginationSpeed)):"rewind"===b?(c.swapSpeed(c.options.rewindSpeed),g.setTimeout(function(){c.isCss3Finish=!0},c.options.rewindSpeed)):(c.swapSpeed("slideSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},
  4074. c.options.slideSpeed)),c.transition3d(a)):!0===b?c.css2slide(a,c.options.paginationSpeed):"rewind"===b?c.css2slide(a,c.options.rewindSpeed):c.css2slide(a,c.options.slideSpeed);c.afterGo()},jumpTo:function(a){"function"===typeof this.options.beforeMove&&this.options.beforeMove.apply(this,[this.$elem]);a>=this.maximumItem||-1===a?a=this.maximumItem:0>=a&&(a=0);this.swapSpeed(0);!0===this.browser.support3d?this.transition3d(this.positionsInArray[a]):this.css2slide(this.positionsInArray[a],1);this.currentItem=
  4075. this.owl.currentItem=a;this.afterGo()},afterGo:function(){this.prevArr.push(this.currentItem);this.prevItem=this.owl.prevItem=this.prevArr[this.prevArr.length-2];this.prevArr.shift(0);this.prevItem!==this.currentItem&&(this.checkPagination(),this.checkNavigation(),this.eachMoveUpdate(),!1!==this.options.autoPlay&&this.checkAp());"function"===typeof this.options.afterMove&&this.prevItem!==this.currentItem&&this.options.afterMove.apply(this,[this.$elem])},stop:function(){this.apStatus="stop";g.clearInterval(this.autoPlayInterval)},
  4076. checkAp:function(){"stop"!==this.apStatus&&this.play()},play:function(){var a=this;a.apStatus="play";if(!1===a.options.autoPlay)return!1;g.clearInterval(a.autoPlayInterval);a.autoPlayInterval=g.setInterval(function(){a.next(!0)},a.options.autoPlay)},swapSpeed:function(a){"slideSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.slideSpeed)):"paginationSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.paginationSpeed)):"string"!==typeof a&&this.$owlWrapper.css(this.addCssSpeed(a))},
  4077. addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+
  4078. a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){this.$owlWrapper.css(this.doTranslate(a))},css2move:function(a){this.$owlWrapper.css({left:a})},css2slide:function(a,b){var e=this;e.isCssFinish=!1;e.$owlWrapper.stop(!0,!0).animate({left:a},{duration:b||e.options.slideSpeed,complete:function(){e.isCssFinish=!0}})},checkBrowser:function(){var a=k.createElement("div");a.style.cssText=" -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px)";
  4079. a=a.style.cssText.match(/translate3d\(0px, 0px, 0px\)/g);this.browser={support3d:null!==a&&1===a.length,isTouch:"ontouchstart"in g||g.navigator.msMaxTouchPoints}},moveEvents:function(){if(!1!==this.options.mouseDrag||!1!==this.options.touchDrag)this.gestures(),this.disabledEvents()},eventTypes:function(){var a=["s","e","x"];this.ev_types={};!0===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:
  4080. !1===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:!0===this.options.mouseDrag&&!1===this.options.touchDrag&&(a=["mousedown.owl","mousemove.owl","mouseup.owl"]);this.ev_types.start=a[0];this.ev_types.move=a[1];this.ev_types.end=a[2]},disabledEvents:function(){this.$elem.on("dragstart.owl",function(a){a.preventDefault()});this.$elem.on("mousedown.disableTextSelect",function(a){return f(a.target).is("input, textarea, select, option")})},
  4081. gestures:function(){function a(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function b(a){"on"===a?(f(k).on(d.ev_types.move,e),f(k).on(d.ev_types.end,c)):"off"===a&&(f(k).off(d.ev_types.move),f(k).off(d.ev_types.end))}function e(b){b=b.originalEvent||b||g.event;d.newPosX=a(b).x-h.offsetX;d.newPosY=a(b).y-h.offsetY;d.newRelativeX=d.newPosX-h.relativePos;
  4082. "function"===typeof d.options.startDragging&&!0!==h.dragging&&0!==d.newRelativeX&&(h.dragging=!0,d.options.startDragging.apply(d,[d.$elem]));(8<d.newRelativeX||-8>d.newRelativeX)&&!0===d.browser.isTouch&&(void 0!==b.preventDefault?b.preventDefault():b.returnValue=!1,h.sliding=!0);(10<d.newPosY||-10>d.newPosY)&&!1===h.sliding&&f(k).off("touchmove.owl");d.newPosX=Math.max(Math.min(d.newPosX,d.newRelativeX/5),d.maximumPixels+d.newRelativeX/5);!0===d.browser.support3d?d.transition3d(d.newPosX):d.css2move(d.newPosX)}
  4083. function c(a){a=a.originalEvent||a||g.event;var c;a.target=a.target||a.srcElement;h.dragging=!1;!0!==d.browser.isTouch&&d.$owlWrapper.removeClass("grabbing");d.dragDirection=0>d.newRelativeX?d.owl.dragDirection="left":d.owl.dragDirection="right";0!==d.newRelativeX&&(c=d.getNewPosition(),d.goTo(c,!1,"drag"),h.targetElement===a.target&&!0!==d.browser.isTouch&&(f(a.target).on("click.disable",function(a){a.stopImmediatePropagation();a.stopPropagation();a.preventDefault();f(a.target).off("click.disable")}),
  4084. a=f._data(a.target,"events").click,c=a.pop(),a.splice(0,0,c)));b("off")}var d=this,h={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};d.isCssFinish=!0;d.$elem.on(d.ev_types.start,".owl-wrapper",function(c){c=c.originalEvent||c||g.event;var e;if(3===c.which)return!1;if(!(d.itemsAmount<=d.options.items)){if(!1===d.isCssFinish&&!d.options.dragBeforeAnimFinish||!1===d.isCss3Finish&&!d.options.dragBeforeAnimFinish)return!1;
  4085. !1!==d.options.autoPlay&&g.clearInterval(d.autoPlayInterval);!0===d.browser.isTouch||d.$owlWrapper.hasClass("grabbing")||d.$owlWrapper.addClass("grabbing");d.newPosX=0;d.newRelativeX=0;f(this).css(d.removeTransition());e=f(this).position();h.relativePos=e.left;h.offsetX=a(c).x-e.left;h.offsetY=a(c).y-e.top;b("on");h.sliding=!1;h.targetElement=c.target||c.srcElement}})},getNewPosition:function(){var a=this.closestItem();a>this.maximumItem?a=this.currentItem=this.maximumItem:0<=this.newPosX&&(this.currentItem=
  4086. a=0);return a},closestItem:function(){var a=this,b=!0===a.options.scrollPerPage?a.pagesInArray:a.positionsInArray,e=a.newPosX,c=null;f.each(b,function(d,g){e-a.itemWidth/20>b[d+1]&&e-a.itemWidth/20<g&&"left"===a.moveDirection()?(c=g,a.currentItem=!0===a.options.scrollPerPage?f.inArray(c,a.positionsInArray):d):e+a.itemWidth/20<g&&e+a.itemWidth/20>(b[d+1]||b[d]-a.itemWidth)&&"right"===a.moveDirection()&&(!0===a.options.scrollPerPage?(c=b[d+1]||b[b.length-1],a.currentItem=f.inArray(c,a.positionsInArray)):
  4087. (c=b[d+1],a.currentItem=d+1))});return a.currentItem},moveDirection:function(){var a;0>this.newRelativeX?(a="right",this.playDirection="next"):(a="left",this.playDirection="prev");return a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()});a.$elem.on("owl.prev",function(){a.prev()});a.$elem.on("owl.play",function(b,e){a.options.autoPlay=e;a.play();a.hoverStatus="play"});a.$elem.on("owl.stop",function(){a.stop();a.hoverStatus="stop"});a.$elem.on("owl.goTo",function(b,e){a.goTo(e)});
  4088. a.$elem.on("owl.jumpTo",function(b,e){a.jumpTo(e)})},stopOnHover:function(){var a=this;!0===a.options.stopOnHover&&!0!==a.browser.isTouch&&!1!==a.options.autoPlay&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var a,b,e,c,d;if(!1===this.options.lazyLoad)return!1;for(a=0;a<this.itemsAmount;a+=1)b=f(this.$owlItems[a]),"loaded"!==b.data("owl-loaded")&&(e=b.data("owl-item"),c=b.find(".lazyOwl"),"string"!==typeof c.data("src")?
  4089. b.data("owl-loaded","loaded"):(void 0===b.data("owl-loaded")&&(c.hide(),b.addClass("loading").data("owl-loaded","checked")),(d=!0===this.options.lazyFollow?e>=this.currentItem:!0)&&e<this.currentItem+this.options.items&&c.length&&this.lazyPreload(b,c)))},lazyPreload:function(a,b){function e(){a.data("owl-loaded","loaded").removeClass("loading");b.removeAttr("data-src");"fade"===d.options.lazyEffect?b.fadeIn(400):b.show();"function"===typeof d.options.afterLazyLoad&&d.options.afterLazyLoad.apply(this,
  4090. [d.$elem])}function c(){f+=1;d.completeImg(b.get(0))||!0===k?e():100>=f?g.setTimeout(c,100):e()}var d=this,f=0,k;"DIV"===b.prop("tagName")?(b.css("background-image","url("+b.data("src")+")"),k=!0):b[0].src=b.data("src");c()},autoHeight:function(){function a(){var a=f(e.$owlItems[e.currentItem]).height();e.wrapperOuter.css("height",a+"px");e.wrapperOuter.hasClass("autoHeight")||g.setTimeout(function(){e.wrapperOuter.addClass("autoHeight")},0)}function b(){d+=1;e.completeImg(c.get(0))?a():100>=d?g.setTimeout(b,
  4091. 100):e.wrapperOuter.css("height","")}var e=this,c=f(e.$owlItems[e.currentItem]).find("img"),d;void 0!==c.get(0)?(d=0,b()):a()},completeImg:function(a){return!a.complete||"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},onVisibleItems:function(){var a;!0===this.options.addClassActive&&this.$owlItems.removeClass("active");this.visibleItems=[];for(a=this.currentItem;a<this.currentItem+this.options.items;a+=1)this.visibleItems.push(a),!0===this.options.addClassActive&&f(this.$owlItems[a]).addClass("active");
  4092. this.owl.visibleItems=this.visibleItems},transitionTypes:function(a){this.outClass="owl-"+a+"-out";this.inClass="owl-"+a+"-in"},singleItemTransition:function(){var a=this,b=a.outClass,e=a.inClass,c=a.$owlItems.eq(a.currentItem),d=a.$owlItems.eq(a.prevItem),f=Math.abs(a.positionsInArray[a.currentItem])+a.positionsInArray[a.prevItem],g=Math.abs(a.positionsInArray[a.currentItem])+a.itemWidth/2;a.isTransition=!0;a.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":g+"px","-moz-perspective-origin":g+
  4093. "px","perspective-origin":g+"px"});d.css({position:"relative",left:f+"px"}).addClass(b).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endPrev=!0;d.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(d,b)});c.addClass(e).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endCurrent=!0;c.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(c,e)})},clearTransStyle:function(a,
  4094. b){a.css({position:"",left:""}).removeClass(b);this.endPrev&&this.endCurrent&&(this.$owlWrapper.removeClass("owl-origin"),this.isTransition=this.endCurrent=this.endPrev=!1)},owlStatus:function(){this.owl={userOptions:this.userOptions,baseElement:this.$elem,userItems:this.$userItems,owlItems:this.$owlItems,currentItem:this.currentItem,prevItem:this.prevItem,visibleItems:this.visibleItems,isTouch:this.browser.isTouch,browser:this.browser,dragDirection:this.dragDirection}},clearEvents:function(){this.$elem.off(".owl owl mousedown.disableTextSelect");
  4095. f(k).off(".owl owl");f(g).off("resize",this.resizer)},unWrap:function(){0!==this.$elem.children().length&&(this.$owlWrapper.unwrap(),this.$userItems.unwrap().unwrap(),this.owlControls&&this.owlControls.remove());this.clearEvents();this.$elem.attr("style",this.$elem.data("owl-originalStyles")||"").attr("class",this.$elem.data("owl-originalClasses"))},destroy:function(){this.stop();g.clearInterval(this.checkVisible);this.unWrap();this.$elem.removeData()},reinit:function(a){a=f.extend({},this.userOptions,
  4096. a);this.unWrap();this.init(a,this.$elem)},addItem:function(a,b){var e;if(!a)return!1;if(0===this.$elem.children().length)return this.$elem.append(a),this.setVars(),!1;this.unWrap();e=void 0===b||-1===b?-1:b;e>=this.$userItems.length||-1===e?this.$userItems.eq(-1).after(a):this.$userItems.eq(e).before(a);this.setVars()},removeItem:function(a){if(0===this.$elem.children().length)return!1;a=void 0===a||-1===a?-1:a;this.unWrap();this.$userItems.eq(a).remove();this.setVars()}};f.fn.owlCarousel=function(a){return this.each(function(){if(!0===
  4097. f(this).data("owl-init"))return!1;f(this).data("owl-init",!0);var b=Object.create(l);b.init(a,this);f.data(this,"owlCarousel",b)})};f.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1E3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,
  4098. responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:g,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}})(jQuery,window,document);
  4099.  
  4100. //]]>
  4101. </script>
  4102. <b:else/>
  4103. <script>
  4104. //<![CDATA[
  4105.  
  4106. // jQuery OwlCarousel v1.31 - http://www.owlgraphic.com/owlcarousel (RTL Version)
  4107. "function"!==typeof Object.create&&(Object.create=function(f){function g(){}g.prototype=f;return new g});
  4108. (function(f,g,k){var l={init:function(a,b){this.$elem=f(b);this.options=f.extend({},f.fn.owlCarousel.options,this.$elem.data(),a);this.userOptions=a;this.loadContent()},loadContent:function(){function a(a){var d,e="";if("function"===typeof b.options.jsonSuccess)b.options.jsonSuccess.apply(this,[a]);else{for(d in a.owl)a.owl.hasOwnProperty(d)&&(e+=a.owl[d].item);b.$elem.html(e)}b.logIn()}var b=this,e;"function"===typeof b.options.beforeInit&&b.options.beforeInit.apply(this,[b.$elem]);"string"===typeof b.options.jsonPath?
  4109. (e=b.options.jsonPath,f.getJSON(e,a)):b.logIn()},logIn:function(){this.$elem.data("owl-originalStyles",this.$elem.attr("style"));this.$elem.data("owl-originalClasses",this.$elem.attr("class"));this.$elem.css({opacity:0});this.orignalItems=this.options.items;this.checkBrowser();this.wrapperWidth=0;this.checkVisible=null;this.setVars()},setVars:function(){if(0===this.$elem.children().length)return!1;this.baseClass();this.eventTypes();this.$userItems=this.$elem.children();this.itemsAmount=this.$userItems.length;
  4110. this.wrapItems();this.$owlItems=this.$elem.find(".owl-item");this.$owlWrapper=this.$elem.find(".owl-wrapper");this.playDirection="next";this.prevItem=0;this.prevArr=[0];this.currentItem=0;this.customEvents();this.onStartup()},onStartup:function(){this.updateItems();this.calculateAll();this.buildControls();this.updateControls();this.response();this.moveEvents();this.stopOnHover();this.owlStatus();!1!==this.options.transitionStyle&&this.transitionTypes(this.options.transitionStyle);!0===this.options.autoPlay&&
  4111. (this.options.autoPlay=5E3);this.play();this.$elem.find(".owl-wrapper").css("display","block");this.$elem.is(":visible")?this.$elem.css("opacity",1):this.watchVisibility();this.onstartup=!1;this.eachMoveUpdate();"function"===typeof this.options.afterInit&&this.options.afterInit.apply(this,[this.$elem])},eachMoveUpdate:function(){!0===this.options.lazyLoad&&this.lazyLoad();!0===this.options.autoHeight&&this.autoHeight();this.onVisibleItems();"function"===typeof this.options.afterAction&&this.options.afterAction.apply(this,
  4112. [this.$elem])},updateVars:function(){"function"===typeof this.options.beforeUpdate&&this.options.beforeUpdate.apply(this,[this.$elem]);this.watchVisibility();this.updateItems();this.calculateAll();this.updatePosition();this.updateControls();this.eachMoveUpdate();"function"===typeof this.options.afterUpdate&&this.options.afterUpdate.apply(this,[this.$elem])},reload:function(){var a=this;g.setTimeout(function(){a.updateVars()},0)},watchVisibility:function(){var a=this;if(!1===a.$elem.is(":visible"))a.$elem.css({opacity:0}),
  4113. g.clearInterval(a.autoPlayInterval),g.clearInterval(a.checkVisible);else return!1;a.checkVisible=g.setInterval(function(){a.$elem.is(":visible")&&(a.reload(),a.$elem.animate({opacity:1},200),g.clearInterval(a.checkVisible))},500)},wrapItems:function(){this.$userItems.wrapAll('<div class="owl-wrapper">').wrap('<div class="owl-item"></div>');this.$elem.find(".owl-wrapper").wrap('<div class="owl-wrapper-outer">');this.wrapperOuter=this.$elem.find(".owl-wrapper-outer");this.$elem.css("display","block")},
  4114. baseClass:function(){var a=this.$elem.hasClass(this.options.baseClass),b=this.$elem.hasClass(this.options.theme);a||this.$elem.addClass(this.options.baseClass);b||this.$elem.addClass(this.options.theme)},updateItems:function(){var a,b;if(!1===this.options.responsive)return!1;if(!0===this.options.singleItem)return this.options.items=this.orignalItems=1,this.options.itemsCustom=!1,this.options.itemsDesktop=!1,this.options.itemsDesktopSmall=!1,this.options.itemsTablet=!1,this.options.itemsTabletSmall=
  4115. !1,this.options.itemsMobile=!1;a=f(this.options.responsiveBaseWidth).width();a>(this.options.itemsDesktop[0]||this.orignalItems)&&(this.options.items=this.orignalItems);if(!1!==this.options.itemsCustom)for(this.options.itemsCustom.sort(function(a,b){return a[0]-b[0]}),b=0;b<this.options.itemsCustom.length;b+=1)this.options.itemsCustom[b][0]<=a&&(this.options.items=this.options.itemsCustom[b][1]);else a<=this.options.itemsDesktop[0]&&!1!==this.options.itemsDesktop&&(this.options.items=this.options.itemsDesktop[1]),
  4116. a<=this.options.itemsDesktopSmall[0]&&!1!==this.options.itemsDesktopSmall&&(this.options.items=this.options.itemsDesktopSmall[1]),a<=this.options.itemsTablet[0]&&!1!==this.options.itemsTablet&&(this.options.items=this.options.itemsTablet[1]),a<=this.options.itemsTabletSmall[0]&&!1!==this.options.itemsTabletSmall&&(this.options.items=this.options.itemsTabletSmall[1]),a<=this.options.itemsMobile[0]&&!1!==this.options.itemsMobile&&(this.options.items=this.options.itemsMobile[1]);this.options.items>this.itemsAmount&&
  4117. !0===this.options.itemsScaleUp&&(this.options.items=this.itemsAmount)},response:function(){var a=this,b,e;if(!0!==a.options.responsive)return!1;e=f(g).width();a.resizer=function(){f(g).width()!==e&&(!1!==a.options.autoPlay&&g.clearInterval(a.autoPlayInterval),g.clearTimeout(b),b=g.setTimeout(function(){e=f(g).width();a.updateVars()},a.options.responsiveRefreshRate))};f(g).resize(a.resizer)},updatePosition:function(){this.jumpTo(this.currentItem);!1!==this.options.autoPlay&&this.checkAp()},appendItemsSizes:function(){var a=
  4118. this,b=0,e=a.itemsAmount-a.options.items;a.$owlItems.each(function(c){var d=f(this);d.css({width:a.itemWidth}).data("owl-item",Number(c));if(0===c%a.options.items||c===e)c>e||(b+=1);d.data("owl-roundPages",b)})},appendWrapperSizes:function(){this.$owlWrapper.css({width:this.$owlItems.length*this.itemWidth*2,right:0});this.appendItemsSizes()},calculateAll:function(){this.calculateWidth();this.appendWrapperSizes();this.loops();this.max()},calculateWidth:function(){this.itemWidth=Math.round(this.$elem.width()/
  4119. this.options.items)},max:function(){var a=-1*(this.itemsAmount*this.itemWidth-this.options.items*this.itemWidth);this.options.items>this.itemsAmount?this.maximumPixels=a=this.maximumItem=0:(this.maximumItem=this.itemsAmount-this.options.items,this.maximumPixels=a);return a},min:function(){return 0},loops:function(){var a=0,b=0,e,c;this.positionsInArray=[0];this.pagesInArray=[];for(e=0;e<this.itemsAmount;e+=1)b+=this.itemWidth,this.positionsInArray.push(-b),!0===this.options.scrollPerPage&&(c=f(this.$owlItems[e]),
  4120. c=c.data("owl-roundPages"),c!==a&&(this.pagesInArray[a]=this.positionsInArray[e],a=c))},buildControls:function(){if(!0===this.options.navigation||!0===this.options.pagination)this.owlControls=f('<div class="owl-controls"/>').toggleClass("clickable",!this.browser.isTouch).appendTo(this.$elem);!0===this.options.pagination&&this.buildPagination();!0===this.options.navigation&&this.buildButtons()},buildButtons:function(){var a=this,b=f('<div class="owl-buttons"/>');a.owlControls.append(b);a.buttonPrev=
  4121. f("<div/>",{"class":"owl-prev",html:a.options.navigationText[0]||""});a.buttonNext=f("<div/>",{"class":"owl-next",html:a.options.navigationText[1]||""});b.append(a.buttonPrev).append(a.buttonNext);b.on("touchstart.owlControls mousedown.owlControls",'div[class^="owl"]',function(a){a.preventDefault()});b.on("touchend.owlControls mouseup.owlControls",'div[class^="owl"]',function(b){b.preventDefault();f(this).hasClass("owl-next")?a.next():a.prev()})},buildPagination:function(){var a=this;a.paginationWrapper=
  4122. f('<div class="owl-pagination"/>');a.owlControls.append(a.paginationWrapper);a.paginationWrapper.on("touchend.owlControls mouseup.owlControls",".owl-page",function(b){b.preventDefault();Number(f(this).data("owl-page"))!==a.currentItem&&a.goTo(Number(f(this).data("owl-page")),!0)})},updatePagination:function(){var a,b,e,c,d,g;if(!1===this.options.pagination)return!1;this.paginationWrapper.html("");a=0;b=this.itemsAmount-this.itemsAmount%this.options.items;for(c=0;c<this.itemsAmount;c+=1)0===c%this.options.items&&
  4123. (a+=1,b===c&&(e=this.itemsAmount-this.options.items),d=f("<div/>",{"class":"owl-page"}),g=f("<span></span>",{text:!0===this.options.paginationNumbers?a:"","class":!0===this.options.paginationNumbers?"owl-numbers":""}),d.append(g),d.data("owl-page",b===c?e:c),d.data("owl-roundPages",a),this.paginationWrapper.append(d));this.checkPagination()},checkPagination:function(){var a=this;if(!1===a.options.pagination)return!1;a.paginationWrapper.find(".owl-page").each(function(){f(this).data("owl-roundPages")===
  4124. f(a.$owlItems[a.currentItem]).data("owl-roundPages")&&(a.paginationWrapper.find(".owl-page").removeClass("active"),f(this).addClass("active"))})},checkNavigation:function(){if(!1===this.options.navigation)return!1;!1===this.options.rewindNav&&(0===this.currentItem&&0===this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.addClass("disabled")):0===this.currentItem&&0!==this.maximumItem?(this.buttonPrev.addClass("disabled"),this.buttonNext.removeClass("disabled")):this.currentItem===
  4125. this.maximumItem?(this.buttonPrev.removeClass("disabled"),this.buttonNext.addClass("disabled")):0!==this.currentItem&&this.currentItem!==this.maximumItem&&(this.buttonPrev.removeClass("disabled"),this.buttonNext.removeClass("disabled")))},updateControls:function(){this.updatePagination();this.checkNavigation();this.owlControls&&(this.options.items>=this.itemsAmount?this.owlControls.hide():this.owlControls.show())},destroyControls:function(){this.owlControls&&this.owlControls.remove()},next:function(a){if(this.isTransition)return!1;
  4126. this.currentItem+=!0===this.options.scrollPerPage?this.options.items:1;if(this.currentItem>this.maximumItem+(!0===this.options.scrollPerPage?this.options.items-1:0))if(!0===this.options.rewindNav)this.currentItem=0,a="rewind";else return this.currentItem=this.maximumItem,!1;this.goTo(this.currentItem,a)},prev:function(a){if(this.isTransition)return!1;this.currentItem=!0===this.options.scrollPerPage&&0<this.currentItem&&this.currentItem<this.options.items?0:this.currentItem-(!0===this.options.scrollPerPage?
  4127. this.options.items:1);if(0>this.currentItem)if(!0===this.options.rewindNav)this.currentItem=this.maximumItem,a="rewind";else return this.currentItem=0,!1;this.goTo(this.currentItem,a)},goTo:function(a,b,e){var c=this;if(c.isTransition)return!1;"function"===typeof c.options.beforeMove&&c.options.beforeMove.apply(this,[c.$elem]);a>=c.maximumItem?a=c.maximumItem:0>=a&&(a=0);c.currentItem=c.owl.currentItem=a;if(!1!==c.options.transitionStyle&&"drag"!==e&&1===c.options.items&&!0===c.browser.support3d)return c.swapSpeed(0),
  4128. !0===c.browser.support3d?c.transition3d(c.positionsInArray[a]):c.css2slide(c.positionsInArray[a],1),c.afterGo(),c.singleItemTransition(),!1;a=c.positionsInArray[a];!0===c.browser.support3d?(c.isCss3Finish=!1,!0===b?(c.swapSpeed("paginationSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},c.options.paginationSpeed)):"rewind"===b?(c.swapSpeed(c.options.rewindSpeed),g.setTimeout(function(){c.isCss3Finish=!0},c.options.rewindSpeed)):(c.swapSpeed("slideSpeed"),g.setTimeout(function(){c.isCss3Finish=!0},
  4129. c.options.slideSpeed)),c.transition3d(a)):!0===b?c.css2slide(a,c.options.paginationSpeed):"rewind"===b?c.css2slide(a,c.options.rewindSpeed):c.css2slide(a,c.options.slideSpeed);c.afterGo()},jumpTo:function(a){"function"===typeof this.options.beforeMove&&this.options.beforeMove.apply(this,[this.$elem]);a>=this.maximumItem||-1===a?a=this.maximumItem:0>=a&&(a=0);this.swapSpeed(0);!0===this.browser.support3d?this.transition3d(this.positionsInArray[a]):this.css2slide(this.positionsInArray[a],1);this.currentItem=
  4130. this.owl.currentItem=a;this.afterGo()},afterGo:function(){this.prevArr.push(this.currentItem);this.prevItem=this.owl.prevItem=this.prevArr[this.prevArr.length-2];this.prevArr.shift(0);this.prevItem!==this.currentItem&&(this.checkPagination(),this.checkNavigation(),this.eachMoveUpdate(),!1!==this.options.autoPlay&&this.checkAp());"function"===typeof this.options.afterMove&&this.prevItem!==this.currentItem&&this.options.afterMove.apply(this,[this.$elem])},stop:function(){this.apStatus="stop";g.clearInterval(this.autoPlayInterval)},
  4131. checkAp:function(){"stop"!==this.apStatus&&this.play()},play:function(){var a=this;a.apStatus="play";if(!1===a.options.autoPlay)return!1;g.clearInterval(a.autoPlayInterval);a.autoPlayInterval=g.setInterval(function(){a.next(!0)},a.options.autoPlay)},swapSpeed:function(a){"slideSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.slideSpeed)):"paginationSpeed"===a?this.$owlWrapper.css(this.addCssSpeed(this.options.paginationSpeed)):"string"!==typeof a&&this.$owlWrapper.css(this.addCssSpeed(a))},
  4132. addCssSpeed:function(a){return{"-webkit-transition":"all "+a+"ms ease","-moz-transition":"all "+a+"ms ease","-o-transition":"all "+a+"ms ease",transition:"all "+a+"ms ease"}},removeTransition:function(){return{"-webkit-transition":"","-moz-transition":"","-o-transition":"",transition:""}},doTranslate:function(a){return{"-webkit-transform":"translate3d("+a+"px, 0px, 0px)","-moz-transform":"translate3d("+a+"px, 0px, 0px)","-o-transform":"translate3d("+a+"px, 0px, 0px)","-ms-transform":"translate3d("+
  4133. a+"px, 0px, 0px)",transform:"translate3d("+a+"px, 0px,0px)"}},transition3d:function(a){this.$owlWrapper.css(this.doTranslate(a))},css2move:function(a){this.$owlWrapper.css({right:a})},css2slide:function(a,b){var e=this;e.isCssFinish=!1;e.$owlWrapper.stop(!0,!0).animate({right:a},{duration:b||e.options.slideSpeed,complete:function(){e.isCssFinish=!0}})},checkBrowser:function(){var a=k.createElement("div");a.style.cssText=" -moz-transform:translate3d(0px, 0px, 0px); -ms-transform:translate3d(0px, 0px, 0px); -o-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); transform:translate3d(0px, 0px, 0px)";
  4134. a=a.style.cssText.match(/translate3d\(0px, 0px, 0px\)/g);this.browser={support3d:null!==a&&1===a.length,isTouch:"ontouchstart"in g||g.navigator.msMaxTouchPoints}},moveEvents:function(){if(!1!==this.options.mouseDrag||!1!==this.options.touchDrag)this.gestures(),this.disabledEvents()},eventTypes:function(){var a=["s","e","x"];this.ev_types={};!0===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl mousedown.owl","touchmove.owl mousemove.owl","touchend.owl touchcancel.owl mouseup.owl"]:
  4135. !1===this.options.mouseDrag&&!0===this.options.touchDrag?a=["touchstart.owl","touchmove.owl","touchend.owl touchcancel.owl"]:!0===this.options.mouseDrag&&!1===this.options.touchDrag&&(a=["mousedown.owl","mousemove.owl","mouseup.owl"]);this.ev_types.start=a[0];this.ev_types.move=a[1];this.ev_types.end=a[2]},disabledEvents:function(){this.$elem.on("dragstart.owl",function(a){a.preventDefault()});this.$elem.on("mousedown.disableTextSelect",function(a){return f(a.target).is("input, textarea, select, option")})},
  4136. gestures:function(){function a(a){if(void 0!==a.touches)return{x:a.touches[0].pageX,y:a.touches[0].pageY};if(void 0===a.touches){if(void 0!==a.pageX)return{x:a.pageX,y:a.pageY};if(void 0===a.pageX)return{x:a.clientX,y:a.clientY}}}function b(a){"on"===a?(f(k).on(d.ev_types.move,e),f(k).on(d.ev_types.end,c)):"off"===a&&(f(k).off(d.ev_types.move),f(k).off(d.ev_types.end))}function e(b){b=b.originalEvent||b||g.event;d.newPosX=a(b).x-h.offsetX;d.newPosY=a(b).y-h.offsetY;d.newRelativeX=d.newPosX-h.relativePos;
  4137. "function"===typeof d.options.startDragging&&!0!==h.dragging&&0!==d.newRelativeX&&(h.dragging=!0,d.options.startDragging.apply(d,[d.$elem]));(8<d.newRelativeX||-8>d.newRelativeX)&&!0===d.browser.isTouch&&(void 0!==b.preventDefault?b.preventDefault():b.returnValue=!1,h.sliding=!0);(10<d.newPosY||-10>d.newPosY)&&!1===h.sliding&&f(k).off("touchmove.owl");d.newPosX=Math.max(Math.min(d.newPosX,d.newRelativeX/5),d.maximumPixels+d.newRelativeX/5);!0===d.browser.support3d?d.transition3d(d.newPosX):d.css2move(d.newPosX)}
  4138. function c(a){a=a.originalEvent||a||g.event;var c;a.target=a.target||a.srcElement;h.dragging=!1;!0!==d.browser.isTouch&&d.$owlWrapper.removeClass("grabbing");d.dragDirection=0>d.newRelativeX?d.owl.dragDirection="right":d.owl.dragDirection="left";0!==d.newRelativeX&&(c=d.getNewPosition(),d.goTo(c,!1,"drag"),h.targetElement===a.target&&!0!==d.browser.isTouch&&(f(a.target).on("click.disable",function(a){a.stopImmediatePropagation();a.stopPropagation();a.preventDefault();f(a.target).off("click.disable")}),
  4139. a=f._data(a.target,"events").click,c=a.pop(),a.splice(0,0,c)));b("off")}var d=this,h={offsetX:0,offsetY:0,baseElWidth:0,relativePos:0,position:null,minSwipe:null,maxSwipe:null,sliding:null,dargging:null,targetElement:null};d.isCssFinish=!0;d.$elem.on(d.ev_types.start,".owl-wrapper",function(c){c=c.originalEvent||c||g.event;var e;if(3===c.which)return!1;if(!(d.itemsAmount<=d.options.items)){if(!1===d.isCssFinish&&!d.options.dragBeforeAnimFinish||!1===d.isCss3Finish&&!d.options.dragBeforeAnimFinish)return!1;
  4140. !1!==d.options.autoPlay&&g.clearInterval(d.autoPlayInterval);!0===d.browser.isTouch||d.$owlWrapper.hasClass("grabbing")||d.$owlWrapper.addClass("grabbing");d.newPosX=0;d.newRelativeX=0;f(this).css(d.removeTransition());e=f(this).position();h.relativePos=e.right;h.offsetX=a(c).x-e.right;h.offsetY=a(c).y-e.top;b("on");h.sliding=!1;h.targetElement=c.target||c.srcElement}})},getNewPosition:function(){var a=this.closestItem();a>this.maximumItem?a=this.currentItem=this.maximumItem:0<=this.newPosX&&(this.currentItem=
  4141. a=0);return a},closestItem:function(){var a=this,b=!0===a.options.scrollPerPage?a.pagesInArray:a.positionsInArray,e=a.newPosX,c=null;f.each(b,function(d,g){e-a.itemWidth/20>b[d+1]&&e-a.itemWidth/20<g&&"right"===a.moveDirection()?(c=g,a.currentItem=!0===a.options.scrollPerPage?f.inArray(c,a.positionsInArray):d):e+a.itemWidth/20<g&&e+a.itemWidth/20>(b[d+1]||b[d]-a.itemWidth)&&"left"===a.moveDirection()&&(!0===a.options.scrollPerPage?(c=b[d+1]||b[b.length-1],a.currentItem=f.inArray(c,a.positionsInArray)):
  4142. (c=b[d+1],a.currentItem=d+1))});return a.currentItem},moveDirection:function(){var a;0>this.newRelativeX?(a="left",this.playDirection="next"):(a="right",this.playDirection="prev");return a},customEvents:function(){var a=this;a.$elem.on("owl.next",function(){a.next()});a.$elem.on("owl.prev",function(){a.prev()});a.$elem.on("owl.play",function(b,e){a.options.autoPlay=e;a.play();a.hoverStatus="play"});a.$elem.on("owl.stop",function(){a.stop();a.hoverStatus="stop"});a.$elem.on("owl.goTo",function(b,e){a.goTo(e)});
  4143. a.$elem.on("owl.jumpTo",function(b,e){a.jumpTo(e)})},stopOnHover:function(){var a=this;!0===a.options.stopOnHover&&!0!==a.browser.isTouch&&!1!==a.options.autoPlay&&(a.$elem.on("mouseover",function(){a.stop()}),a.$elem.on("mouseout",function(){"stop"!==a.hoverStatus&&a.play()}))},lazyLoad:function(){var a,b,e,c,d;if(!1===this.options.lazyLoad)return!1;for(a=0;a<this.itemsAmount;a+=1)b=f(this.$owlItems[a]),"loaded"!==b.data("owl-loaded")&&(e=b.data("owl-item"),c=b.find(".lazyOwl"),"string"!==typeof c.data("src")?
  4144. b.data("owl-loaded","loaded"):(void 0===b.data("owl-loaded")&&(c.hide(),b.addClass("loading").data("owl-loaded","checked")),(d=!0===this.options.lazyFollow?e>=this.currentItem:!0)&&e<this.currentItem+this.options.items&&c.length&&this.lazyPreload(b,c)))},lazyPreload:function(a,b){function e(){a.data("owl-loaded","loaded").removeClass("loading");b.removeAttr("data-src");"fade"===d.options.lazyEffect?b.fadeIn(400):b.show();"function"===typeof d.options.afterLazyLoad&&d.options.afterLazyLoad.apply(this,
  4145. [d.$elem])}function c(){f+=1;d.completeImg(b.get(0))||!0===k?e():100>=f?g.setTimeout(c,100):e()}var d=this,f=0,k;"DIV"===b.prop("tagName")?(b.css("background-image","url("+b.data("src")+")"),k=!0):b[0].src=b.data("src");c()},autoHeight:function(){function a(){var a=f(e.$owlItems[e.currentItem]).height();e.wrapperOuter.css("height",a+"px");e.wrapperOuter.hasClass("autoHeight")||g.setTimeout(function(){e.wrapperOuter.addClass("autoHeight")},0)}function b(){d+=1;e.completeImg(c.get(0))?a():100>=d?g.setTimeout(b,
  4146. 100):e.wrapperOuter.css("height","")}var e=this,c=f(e.$owlItems[e.currentItem]).find("img"),d;void 0!==c.get(0)?(d=0,b()):a()},completeImg:function(a){return!a.complete||"undefined"!==typeof a.naturalWidth&&0===a.naturalWidth?!1:!0},onVisibleItems:function(){var a;!0===this.options.addClassActive&&this.$owlItems.removeClass("active");this.visibleItems=[];for(a=this.currentItem;a<this.currentItem+this.options.items;a+=1)this.visibleItems.push(a),!0===this.options.addClassActive&&f(this.$owlItems[a]).addClass("active");
  4147. this.owl.visibleItems=this.visibleItems},transitionTypes:function(a){this.outClass="owl-"+a+"-out";this.inClass="owl-"+a+"-in"},singleItemTransition:function(){var a=this,b=a.outClass,e=a.inClass,c=a.$owlItems.eq(a.currentItem),d=a.$owlItems.eq(a.prevItem),f=Math.abs(a.positionsInArray[a.currentItem])+a.positionsInArray[a.prevItem],g=Math.abs(a.positionsInArray[a.currentItem])+a.itemWidth/2;a.isTransition=!0;a.$owlWrapper.addClass("owl-origin").css({"-webkit-transform-origin":g+"px","-moz-perspective-origin":g+
  4148. "px","perspective-origin":g+"px"});d.css({position:"relative",right:f+"px"}).addClass(b).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endPrev=!0;d.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(d,b)});c.addClass(e).on("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend",function(){a.endCurrent=!0;c.off("webkitAnimationEnd oAnimationEnd MSAnimationEnd animationend");a.clearTransStyle(c,e)})},clearTransStyle:function(a,
  4149. b){a.css({position:"",right:""}).removeClass(b);this.endPrev&&this.endCurrent&&(this.$owlWrapper.removeClass("owl-origin"),this.isTransition=this.endCurrent=this.endPrev=!1)},owlStatus:function(){this.owl={userOptions:this.userOptions,baseElement:this.$elem,userItems:this.$userItems,owlItems:this.$owlItems,currentItem:this.currentItem,prevItem:this.prevItem,visibleItems:this.visibleItems,isTouch:this.browser.isTouch,browser:this.browser,dragDirection:this.dragDirection}},clearEvents:function(){this.$elem.off(".owl owl mousedown.disableTextSelect");
  4150. f(k).off(".owl owl");f(g).off("resize",this.resizer)},unWrap:function(){0!==this.$elem.children().length&&(this.$owlWrapper.unwrap(),this.$userItems.unwrap().unwrap(),this.owlControls&&this.owlControls.remove());this.clearEvents();this.$elem.attr("style",this.$elem.data("owl-originalStyles")||"").attr("class",this.$elem.data("owl-originalClasses"))},destroy:function(){this.stop();g.clearInterval(this.checkVisible);this.unWrap();this.$elem.removeData()},reinit:function(a){a=f.extend({},this.userOptions,
  4151. a);this.unWrap();this.init(a,this.$elem)},addItem:function(a,b){var e;if(!a)return!1;if(0===this.$elem.children().length)return this.$elem.append(a),this.setVars(),!1;this.unWrap();e=void 0===b||-1===b?-1:b;e>=this.$userItems.length||-1===e?this.$userItems.eq(-1).after(a):this.$userItems.eq(e).before(a);this.setVars()},removeItem:function(a){if(0===this.$elem.children().length)return!1;a=void 0===a||-1===a?-1:a;this.unWrap();this.$userItems.eq(a).remove();this.setVars()}};f.fn.owlCarousel=function(a){return this.each(function(){if(!0===
  4152. f(this).data("owl-init"))return!1;f(this).data("owl-init",!0);var b=Object.create(l);b.init(a,this);f.data(this,"owlCarousel",b)})};f.fn.owlCarousel.options={items:5,itemsCustom:!1,itemsDesktop:[1199,4],itemsDesktopSmall:[979,3],itemsTablet:[768,2],itemsTabletSmall:!1,itemsMobile:[479,1],singleItem:!1,itemsScaleUp:!1,slideSpeed:200,paginationSpeed:800,rewindSpeed:1E3,autoPlay:!1,stopOnHover:!1,navigation:!1,navigationText:["prev","next"],rewindNav:!0,scrollPerPage:!1,pagination:!0,paginationNumbers:!1,
  4153. responsive:!0,responsiveRefreshRate:200,responsiveBaseWidth:g,baseClass:"owl-carousel",theme:"owl-theme",lazyLoad:!1,lazyFollow:!0,lazyEffect:"fade",autoHeight:!1,jsonPath:!1,jsonSuccess:!1,dragBeforeAnimFinish:!0,mouseDrag:!0,touchDrag:!0,addClassActive:!1,transitionStyle:!1,beforeUpdate:!1,afterUpdate:!1,beforeInit:!1,afterInit:!1,beforeMove:!1,afterMove:!1,afterAction:!1,startDragging:!1,afterLazyLoad:!1}})(jQuery,window,document);
  4154.  
  4155. //]]>
  4156. </script>
  4157. </b:if>
  4158.  
  4159. <script type='text/javascript'>
  4160. //<![CDATA[
  4161.  
  4162. // News Ticker plugin ~ URL: http://jonmifsud.com/open-source/jquery/jquery-webticker
  4163. (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);
  4164.  
  4165. // Timeago jQuery plugin ~ URL: http://timeago.yarp.com
  4166. (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:"minute",minutes:"%d mins",hour:"hour",hours:"%d hrs",day:"day",days:"%d days",month:"month",months:"%d months",year:"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")});
  4167.  
  4168. // JQuery hover event with timeout by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
  4169. (function(c){c.fn.hoverTimeout=function(d,e,f,g){return this.each(function(){var a=null,b=c(this);b.hover(function(){clearTimeout(a);a=setTimeout(function(){e.call(b)},d)},function(){clearTimeout(a);a=setTimeout(function(){g.call(b)},f)})})}})(jQuery);
  4170.  
  4171. // jquery replacetext plugin https://github.com/cowboy/jquery-replacetext
  4172. (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);
  4173.  
  4174. // Tabslet jQuery plugin - http://vdw.staytuned.gr
  4175. (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);
  4176.  
  4177. // Plugin: SelectNav.js ~ url: https://github.com/lukaszfiszer/selectnav.js
  4178. 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)}}();$(document).ready(function(){selectnav('nav');selectnav('nav1');selectnav('nav3');});
  4179.  
  4180. // Simple Tab JQuery Plugin by Taufik Nurrohman - https://plus.google.com/108949996304093815163/about
  4181. (function(a){a.fn.simpleTab=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("simpleTab").prepend('<ul class="tab-wrapper"></ul>');c.addClass("tab-content").each(function(){a(this).hide();e.find(".tab-wrapper").append('<li><a href="#">'+a(this).data("tab")+"</a></li>")}).eq(d).show();e.find(".tab-wrapper a").on("click",function(){var f=a(this).parent().index();a(this).closest(".tab-wrapper").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);
  4182.  
  4183. (function(){var e=document.getElementsByTagName("pre"),t=e.length;for(var n=0;n<t;n++){e[n].innerHTML='<span class="line-number"></span>'+e[n].innerHTML+'<span class="cl"></span>';var r=e[n].innerHTML.split(/\n/).length;for(var i=0;i<r;i++){var s=e[n].getElementsByTagName("span")[0];s.innerHTML+="<span>"+(i+1)+"</span>"}}})();$(document).ready(function(){$("#contact").appendTo(".contact-form");$(".contact-form #contact").css("display","block");$(".post-tabs").simpleTab({active:1,fx:"fade",showSpeed:400,hideSpeed:400})});
  4184. $(document).ready(function(){$("#sidebar-wrapper .widget h2").wrap("<div class='widget-title'/>");$("#footer-wrapper .widget h2").wrap("<div class='widget-title'/>");$("ul#sub-menu").parent("li").addClass("hasSub");$(".index .post-outer").each(function(){$(this).find(".post-thumb a").attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$(".share-container").each(function(){var e=$(this);e.find(".post-sharebtn").click(function(){e.find(".post-share").fadeToggle("slow")});$(document).bind("click",function(e){if($(e.target).parents(".share-container").length===0){$(".post-share").fadeOut(300)}})});$(document).ready(function(e){e("abbr.timeago").timeago()});$("#header-search .search-icon").click(function(){var e=$("#header-search input");if(e.is(":hidden")){e.fadeIn(300);$(this).removeClass("icon-search");$(this).addClass("icon-cancel");$("#menu").hide()}else{e.fadeOut(300);$(this).removeClass("icon-cancel");$(this).addClass("icon-search");$("#menu").show()}return false});$(document).bind("click",function(e){if($(e.target).parents("#header-search").length===0){$("#header-search input").fadeOut(300);$("#header-search .search-icn").removeClass("icon-cancel");$("#header-search .search-icn").addClass("icon-search");$("#menu").show()}});$(".menu li").each(function(){$(this).hoverTimeout(0,function(){$(this).children("ul").slideDown()},0,function(){$(this).children("ul").hide()})});$(function(){$(".upbt").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=$(this.hash);e=e.length?e:$("[name="+this.hash.slice(1)+"]");if(e.length){$("html,body").animate({scrollTop:e.offset().top},1e3);return false}}})});$(".widget-content").each(function(){var e=$(this).text();if(e.substr(0,10).match("fbbox")){e=e.replace("fbbox/","");$(this).html('<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href='+e+'&width=340px&height=258&colorscheme=light&show_faces=true&header=false&stream=false&show_border=false&appId=492409184153294" style="border:none; overflow:hidden; width:100%; height:230px;"></iframe>')}});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)});var e="[";var t="]";$(".menu li *").replaceText(e,'<span class="msubtitle">');$(".menu li *").replaceText(t,"</span>");$(".menu #nav").show();$(".social-counter").each(function(){var e=$(this);var t=$(this).find(".social-item");if(t.length===0){e.remove()}$(this).find(".widget").removeClass("LinkList");$(".social-counter .social-item.facebook").find(".item-text").text("Likes");$(".social-counter .social-item.rss,.social-counter .social-item.youtube").find(".item-text").text("Subscribes");var n="[";var r="]";$(".social-counter *").replaceText(n,'<span class="item-count">');$(".social-counter *").replaceText(r,"</span>");$(".social-item").each(function(){var e=$(this).find(".remove-count");var t=$(this).find(".item-count");$(e).before($(t));$(e).remove()})});$(".contact-button a").click(function(){var e=$(".contact-sec");if(e.is(":hidden")){e.fadeIn(300);e.addClass("contact-show");$("#outer-wrapper").addClass("pop_contact ")}return false});$(document).bind("click",function(e){if($(e.target).parents(".contact-sec").length===0){$(".contact-sec").fadeOut(300);$("#outer-wrapper").removeClass("pop_contact ");$(".contact-sec").removeClass("contact-show")}});$(".contact-close").click(function(){$(".contact-sec").fadeOut(300);$("#outer-wrapper").removeClass("pop_contact ");$(".contact-sec").removeClass("contact-show");return false});var n=$("#sidetabs #tabside1 .widget h2").text();$(".menu-tab .item-1 a").text(n);var r=$("#sidetabs #tabside2 .widget h2").text();$(".menu-tab .item-2 a").text(r);var i=$("#sidetabs #tabside3 .widget h2").text();$(".menu-tab .item-3 a").text(i);$("#tabside1 .widget h2,#tabside2 .widget h2,#tabside3 .widget h2,#tabside1 .widget-title,#tabside2 .widget-title,#tabside3 .widget-title").remove();$(".sidetabs").tabslet({mouseevent:"click",attribute:"href",animation:true});if($(".sidetabs .widget").length===0){$(".sidetabs").remove()}if($(".home .post-outer").length===0){$(".home #main-wrapper #main").remove();$(".posts-title").remove()}if($("#footer .widget").length===0){$("#footer").remove();$("#footer-wrapper").css("padding-bottom","0");$(".bottom-nav").css("margin-bottom","0");$(".bottom-nav").css("border-bottom","0")}if($("#ticker .widget").length===0){$("#ticker").remove()}var s="[full_width]";var o="[left_sidebar]";var u="[right_sidebar]";$(".post *").replaceText(s,"<style>.item #main-wrapper{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>");$(".post-body *").replaceText(o,"<style>@media screen and (min-width: 1000px){.item #main-wrapper{float:right!important;border-left:1px solid #EEE!important;border-right:0!important}.item #sidebar-wrapper{float:left!important;padding-left:0!important;padding-right:2%!important;border-right:1px solid #EEE!important;border-left:0!important;left:1px!important}.item #main-wrapper #main{margin-left:2.85%!important;margin-right:0!important}}</style>");$(".post-body *").replaceText(u,"<style>@media screen and (min-width: 1000px){.item #main-wrapper{float:left!important;border-right:1px solid #EEE!important;border-left:0!important}.item #sidebar-wrapper{float:right!important;padding-right:0!important;padding-left:2%!important;border-left:1px solid #EEE!important;left:-1px!important;border-right:0!important}.item #main-wrapper #main{margin-right:2.85%!important;margin-left:0!important}}</style>");(function(e){var t=e("a.newer-link");var n=e("a.older-link");e.get(t.attr("href"),function(n){t.html('<strong>Next <i class="fa fa-angle-double-right"></i></strong> <span>'+e(n).find(".post h1.post-title").text()+"</span>")},"html");e.get(n.attr("href"),function(t){n.html('<strong><i class="fa fa-angle-double-left"></i> Previous</strong> <span>'+e(t).find(".post h1.post-title").text()+"</span>")},"html")})(jQuery)});$(window).bind("load",function(){$(".intro-loader").remove();$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})});
  4185. $(document).ready(function(){var e="[post_ad]";var t=$(".item .ad-inside");$(".item .post *").replaceText(e,'<div class="ad-inside-to"/>');$(".ad-inside-to").append(t);var n=$(".post-body .ad-inside").width();$(".post-body .ad-inside-to").width(n)});
  4186. $(document).ready(function(){$(".comments-tabs").simpleTab({active:1,fx:"fade",showSpeed:400,hideSpeed:400});$('.tab-blogger').append( $('#comments') );$(".comments-tabs.simpleTab .tab-wrapper").wrap("<div class='comments-tabs-header'/>");$('.comments-tabs-header').prepend('<h3>Đăng Nhận Xét</h3>');});
  4187. $(document).ready(function(){if($(".articleAuthor").length!=0&&$(".author-boxs .widget").length!=0){var e=$("i.author-ID").text();if(e.indexOf(" ")>=0){var t=e.replace(/\s+/g,"")}else{var t=e}$(".articleAuthor").addClass(t);$(".author-boxs .widget").each(function(){var e=$(this);var t=e.find("h2").text();if(t.indexOf(" ")>=0){var n=t.replace(/\s+/g,"")}else{var n=t}e.addClass(n)});if($(".author-boxs ."+t).length!=0){$(".author-boxs .widget").not("."+t).remove();var n=$(".author-boxs .widget").find("span.caption").text();var r=$(".author-boxs .widget").find("img").attr("src");var i=$(".author-boxs .widget").find("a").attr("href");var s=i.match(/[^[\]]+(?=])/g);var o=s[0];var u=s[1];var a=s[2];var f=s[3];var l=s[4];var c=s[5];var h=s[6];$(".articleAuthor .authorContent p").text(n);$(".authorDetails h2 span").text(e);$(".authorLeft .authorAvatar img").attr("src",r);$(".authorDetails .AuthorPostsCount .itnm").text(o);$(".authorContent .authorSocial a.fa-twitter").attr("href",u);$(".authorContent .authorSocial a.fa-facebook").attr("href",a);$(".authorContent .authorSocial a.fa-google-plus").attr("href",f);$(".authorContent .authorSocial a.fa-youtube").attr("href",l);$(".authorContent .authorSocial a.fa-dribbble").attr("href",c);$(".authorContent .authorSocial a.fa-linkedin").attr("href",h);$(".author-boxs-hide").remove()}else{$(".author-boxs-hide").remove()}}else{$(".author-boxs-hide").remove()}});var static_page_text=$.trim($(".static_page .post-body").text());if(static_page_text==="[sitemap]"){var postbody=$(".static_page .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="siteLabel"></div>');$(".static_page .post-body .siteLabel").text(t);var r=$(".siteLabel").text().split("/");var i="";for(get=0;get<r.length;++get){i+="<span>"+r[get]+"</span>"}$(".siteLabel").html(i);$(".siteLabel 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='<div class="mapp">';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+='<div class="mpost"><div class="map-date">'+h+'</div><h3 class="rcp-title"><a href="'+r+'">'+u+"</a></h3></div>"}i+="</div>";e.replaceWith('<div class="maplabel"><h2>'+t+'<span class="butoo"><i class="fa fa-plus-circle"></i></span></h2>'+i+"</div>");$(document).on("click",".maplabel h2",function(){$(this).parent(".maplabel").addClass("active");$(this).find(".butoo .fa").removeClass("fa-plus-circle").addClass("fa-minus-circle")});$(document).on("click",".maplabel.active h2",function(){$(this).parent(".maplabel").removeClass("active");$(this).find(".butoo .fa").addClass("fa-plus-circle").removeClass("fa-minus-circle")})}})})}})};
  4188. $(".intro .HTML .widget-content").each(function(){var e=$(this).text();$.ajax(e.match("random")?{url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=e.feed.entry.length,r=0,a=t-3,n=Math.floor(Math.random()*(a-r+1))+r;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+n+"&max-results=3",type:"get",dataType:"jsonp",success:function(e){for(var t="",r="<ul>",a=0;a<e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}var s=e.feed.entry[a].title.$t,c=e.feed.entry[a].author[0].name.$t,i=e.feed.entry[a].published.$t,l=i.substring(0,4),o=i.substring(5,7),d=i.substring(8,10),u=text_month[parseInt(o,10)]+" "+d+", "+l,h=e.feed.entry[a].category[0].term,f=e.feed.entry[a].content.$t,p=$("<div>").html(f);if(f.indexOf("http://www.youtube.com/embed/")>-1||f.indexOf("https://www.youtube.com/embed/")>-1)var m=e.feed.entry[a].media$thumbnail.url,b='<a class="rcp-thumb" href="'+t+'" style="background:url('+m+') no-repeat center center;background-size: cover"/>';else if(f.indexOf("<img")>-1)var g=p.find("img:first").attr("src"),b='<a class="rcp-thumb" href="'+t+'" style="background:url('+g+') no-repeat center center;background-size: cover"/>';else var b='<a class="rcp-thumb" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+='<li><a href="/search/label/'+h+'" class="post-tag">'+h+"</a>"+b+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+c+"</span></div></li>"}r+='<div class="clear"/></ul>',$(".intro .HTML .widget-content").each(function(){$(this).text().match("random")&&($(this).html(r),$(this).removeClass("widget-content").addClass("layout-content"),$(".intro-loader").remove(),$(this).find(".rcp-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}})}}:e.match("recent")?{url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(){$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results=3",type:"get",dataType:"jsonp",success:function(e){for(var t="",r="<ul>",a=0;a<e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}var s=e.feed.entry[a].title.$t,c=e.feed.entry[a].author[0].name.$t,i=e.feed.entry[a].published.$t,l=i.substring(0,4),o=i.substring(5,7),d=i.substring(8,10),u=text_month[parseInt(o,10)]+" "+d+", "+l,h=e.feed.entry[a].category[0].term,f=e.feed.entry[a].content.$t,p=$("<div>").html(f);if(f.indexOf("http://www.youtube.com/embed/")>-1||f.indexOf("https://www.youtube.com/embed/")>-1)var m=e.feed.entry[a].media$thumbnail.url,b='<a class="rcp-thumb" href="'+t+'" style="background:url('+m+') no-repeat center center;background-size: cover"/>';else if(f.indexOf("<img")>-1)var g=p.find("img:first").attr("src"),b='<a class="rcp-thumb" href="'+t+'" style="background:url('+g+') no-repeat center center;background-size: cover"/>';else var b='<a class="rcp-thumb" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+='<li><a href="/search/label/'+h+'" class="post-tag">'+h+"</a>"+b+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+c+"</span></div></li>"}r+='<div class="clear"/></ul>',$(".intro .HTML .widget-content").each(function(){$(this).text().match("recent")&&($(this).html(r),$(this).removeClass("widget-content").addClass("layout-content"),$(".intro-loader").remove(),$(this).find(".rcp-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}})}}:{url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results=3",type:"get",dataType:"jsonp",success:function(e){for(var t="",r="<ul>",a=0;a<e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}var s=e.feed.entry[a].title.$t,c=e.feed.entry[a].author[0].name.$t,i=e.feed.entry[a].published.$t,l=i.substring(0,4),o=i.substring(5,7),d=i.substring(8,10),u=text_month[parseInt(o,10)]+" "+d+", "+l,h=e.feed.entry[a].category[0].term,f=e.feed.entry[a].content.$t,p=$("<div>").html(f);if(f.indexOf("http://www.youtube.com/embed/")>-1||f.indexOf("https://www.youtube.com/embed/")>-1)var m=e.feed.entry[a].media$thumbnail.url,b='<a class="rcp-thumb" href="'+t+'" style="background:url('+m+') no-repeat center center;background-size: cover"/>';else if(f.indexOf("<img")>-1)var g=p.find("img:first").attr("src"),b='<a class="rcp-thumb" href="'+t+'" style="background:url('+g+') no-repeat center center;background-size: cover"/>';else var b='<a class="rcp-thumb" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+='<li><a href="/search/label/'+h+'" class="post-tag">'+h+"</a>"+b+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+c+"</span></div></li>"}r+='<div class="clear"/></ul>',$(".intro .HTML .widget-content").each(function(){$(this).html(r),$(this).removeClass("widget-content").addClass("layout-content"),$(".intro-loader").remove(),$(this).find(".rcp-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}})}),$(".HTML .widget-content").each(function(){var e=$(this).text();e.match("recentcomments")&&$.ajax({url:"/feeds/comments/default?alt=json-in-script&max-results="+recentcomments_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",r='<ul class="commentswidget">',a=0;a<e.feed.entry.length&&a!=e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}if("content"in e.feed.entry[a])var s=e.feed.entry[a].content.$t;else if("summary"in b_rc)var s=e.feed.entry[a].summary.$t;else var s="";var c=/<\S[^>]*>/g;s=s.replace(c,""),s.length>90&&(s=""+s.substring(0,70)+"...");var i=(e.feed.entry[a].title.$t,e.feed.entry[a].author[0].name.$t),l=e.feed.entry[a].author[0].gd$image.src;if(l.match("http://img1.blogblog.com/img/blank.gif"))var o='<div class="avatarImage avatarRound"><img class="rc-img" src="http://img1.blogblog.com/img/anon36.png"/></div>';else if(l.match("http://img2.blogblog.com/img/b16-rounded.gif"))var o='<div class="avatarImage avatarRound"><img class="rc-img" src="http://img1.blogblog.com/img/anon36.png"/></div>';else var o='<div class="avatarImage avatarRound"><img class="avatarRound" src="'+l+'"/></div>';r+="<li>"+o+'<a href="'+t+'">'+i+'</a><span>"'+s+'"</span></li>'}r+='</ul><div class="clear"/>',$(".HTML .widget-content").each(function(){$(this).text().match("recentcomments")&&($(this).html(r),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),e.match("randomposts")&&$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=e.feed.entry.length,r=0,a=t-randomposts_number,n=Math.floor(Math.random()*(a-r+1))+r;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+n+"&max-results="+randomposts_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",r='<ul class="post-widget">',a=0;a<e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}var s=e.feed.entry[a].title.$t,c=e.feed.entry[a].author[0].name.$t,i=e.feed.entry[a].published.$t,l=i.substring(0,4),o=i.substring(5,7),d=i.substring(8,10),u=text_month[parseInt(o,10)]+" "+d+", "+l,h=(e.feed.entry[a].category[0].term,e.feed.entry[a].content.$t),f=$("<div>").html(h);if(h.indexOf("http://www.youtube.com/embed/")>-1||h.indexOf("https://www.youtube.com/embed/")>-1)var p=e.feed.entry[a].media$thumbnail.url,m='<a class="rcp-thumb" href="'+t+'" style="background:url('+p+') no-repeat center center;background-size: cover"/>';else if(h.indexOf("<img")>-1)var b=f.find("img:first").attr("src"),m='<a class="rcp-thumb" href="'+t+'" style="background:url('+b+') no-repeat center center;background-size: cover"/>';else var m='<a class="rcp-thumb" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+="<li>"+m+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+c+"</span></div></li>"}r+='</ul><div class="clear"/>',$(".HTML .widget-content").each(function(){$(this).text().match("randomposts")&&($(this).html(r),$(this).find(".rcp-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}})}}),e.match("recentposts")&&$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(){$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results="+recentposts_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",r='<ul class="post-widget">',a=0;a<e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}var s=e.feed.entry[a].title.$t,c=e.feed.entry[a].author[0].name.$t,i=e.feed.entry[a].published.$t,l=i.substring(0,4),o=i.substring(5,7),d=i.substring(8,10),u=text_month[parseInt(o,10)]+" "+d+", "+l,h=(e.feed.entry[a].category[0].term,e.feed.entry[a].content.$t),f=$("<div>").html(h);if(h.indexOf("http://www.youtube.com/embed/")>-1||h.indexOf("https://www.youtube.com/embed/")>-1)var p=e.feed.entry[a].media$thumbnail.url,m='<a class="rcp-thumb" href="'+t+'" style="background:url('+p+') no-repeat center center;background-size: cover"/>';else if(h.indexOf("<img")>-1)var b=f.find("img:first").attr("src"),m='<a class="rcp-thumb" href="'+t+'" style="background:url('+b+') no-repeat center center;background-size: cover"/>';else var m='<a class="rcp-thumb" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+="<li>"+m+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+c+"</span></div></li>"}r+='</ul><div class="clear"/>',$(".HTML .widget-content").each(function(){$(this).text().match("recentposts")&&($(this).html(r),$(this).find(".rcp-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}})}})}),$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).html(),t=$(this).prev("h2").text(),r=e.match(/[^[\]]+(?=])/g);$(this).html("<span>"+r[0]+"</span><span>"+r[1]+"</span><span>"+r[2]+"</span>");var a=$(this).text(),n=$(this).find("span").eq(0).text(),s=$(this).find("span").eq(1).text(),c=$(this).find("span").eq(2).text();s.match("fbig1")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+fbig1_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(0==i){var v=/<\S[^>]*>/g,y=b.replace(v,"");if(y.length>100&&(y=""+y.substring(0,100)+"..."),b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var k=e.feed.entry[i].media$thumbnail.url,x='<a class="first-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var w=g.find("img:first").attr("src"),x='<a class="first-thumb" href="'+r+'" style="background:url('+w+') no-repeat center center;background-size: cover"/>';else var x='<a class="first-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>'}else if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var k=e.feed.entry[i].media$thumbnail.url,x='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var w=g.find("img:first").attr("src"),x='<a class="recent-thumb" href="'+r+'" style="background:url('+w+') no-repeat center center;background-size: cover"/>';else var x='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+=0==i?'<div class="first"><div class="rthumbc">'+x+'</div><div class="first-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span><p class="recent-des">'+y+'<p><div class="post-readmore"><a href="'+r+'">Read More <i class="fa fa-long-arrow-right"></i></a></div></div></div>':'<li><div class="rthumbc">'+x+'</div><div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("fbig1"),$(this).parent().addClass("fbig"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).find(".post-readmore a").css("background",c),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$(this).find(".first-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("fbig2")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+fbig2_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(0==i){var v=/<\S[^>]*>/g,y=b.replace(v,"");if(y.length>100&&(y=""+y.substring(0,100)+"..."),b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var k=e.feed.entry[i].media$thumbnail.url,x='<a class="first-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var w=g.find("img:first").attr("src"),x='<a class="first-thumb" href="'+r+'" style="background:url('+w+') no-repeat center center;background-size: cover"/>';else var x='<a class="first-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>'}else if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var k=e.feed.entry[i].media$thumbnail.url,x='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var w=g.find("img:first").attr("src"),x='<a class="recent-thumb" href="'+r+'" style="background:url('+w+') no-repeat center center;background-size: cover"/>';else var x='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+=0==i?'<div class="first"><div class="rthumbc">'+x+'</div><div class="first-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span><p class="recent-des">'+y+"<p></div></div>":'<li><div class="rthumbc">'+x+'</div><div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("fbig2"),$(this).parent().addClass("fbig"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$(this).find(".first-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("column1")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+column1_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(0==i){var v=/<\S[^>]*>/g,y=b.replace(v,"");if(y.length>100&&(y=""+y.substring(0,100)+"..."),b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var k=e.feed.entry[i].media$thumbnail.url,x='<a class="first-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var w=g.find("img:first").attr("src"),x='<a class="first-thumb" href="'+r+'" style="background:url('+w+') no-repeat center center;background-size: cover"/>';else var x='<a class="first-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>'}else if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var k=e.feed.entry[i].media$thumbnail.url,x='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var w=g.find("img:first").attr("src"),x='<a class="recent-thumb" href="'+r+'" style="background:url('+w+') no-repeat center center;background-size: cover"/>';else var x='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+=0==i?'<div class="first"><div class="rthumbc">'+x+'</div><div class="first-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span><p class="recent-des">'+y+"<p></div></div>":'<li><div class="rthumbc">'+x+'</div><div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("column"),$(this).parent().addClass("column1"),$(this).parent().addClass("fbig"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$(this).find(".first-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("column2")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+column2_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var v=e.feed.entry[i].media$thumbnail.url,y='<a class="recent-thumb" href="'+r+'" style="background:url('+v+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var k=g.find("img:first").attr("src"),y='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else var y='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+='<li><div class="rthumbc">'+y+'</div><div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("column"),$(this).parent().addClass("column2"),$(this).parent().addClass("fbig"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("list")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+list_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var v=e.feed.entry[i].media$thumbnail.url,y='<a class="recent-thumb" href="'+r+'" style="background:url('+v+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var k=g.find("img:first").attr("src"),y='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else var y='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+='<li><div class="rthumbc">'+y+'</div><div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("list"),$(this).parent().addClass("fbig"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("gallery")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+gallery_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var v=e.feed.entry[i].media$thumbnail.url,y='<a class="recent-thumb" href="'+r+'" style="background:url('+v+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var k=g.find("img:first").attr("src"),y='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else var y='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+="<li>"+y+'<div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("gallery"),$(this).parent().addClass("recent-block"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("videos")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+videos_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s="<ul>",i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var v=e.feed.entry[i].media$thumbnail.url,y='<a class="recent-thumb" href="'+r+'" style="background:url('+v+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var k=g.find("img:first").attr("src"),y='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else var y='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+="<li>"+y+'<div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</ul>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(s),$(this).parent().addClass("videos"),$(this).parent().addClass("recent-block"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).prev(".box-title").append('<a class="more-link" href="/search/label/'+n+'">More</a>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}}),s.match("carousel")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+carousel_number,type:"get",dataType:"jsonp",success:function(e){for(var r="",s='<div class="owl-carousel carousel-items">',i=0;i<e.feed.entry.length;i++){for(var l=0;l<e.feed.entry[i].link.length;l++)if("alternate"==e.feed.entry[i].link[l].rel){r=e.feed.entry[i].link[l].href;
  4189. break}var o=e.feed.entry[i].title.$t,d=e.feed.entry[i].author[0].name.$t,u=e.feed.entry[i].published.$t,h=u.substring(0,4),f=u.substring(5,7),p=u.substring(8,10),m=text_month[parseInt(f,10)]+" "+p+", "+h,b=e.feed.entry[i].content.$t,g=$("<div>").html(b);if(b.indexOf("http://www.youtube.com/embed/")>-1||b.indexOf("https://www.youtube.com/embed/")>-1)var v=e.feed.entry[i].media$thumbnail.url,y='<a class="recent-thumb" href="'+r+'" style="background:url('+v+') no-repeat center center;background-size: cover"/>';else if(b.indexOf("<img")>-1)var k=g.find("img:first").attr("src"),y='<a class="recent-thumb" href="'+r+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else var y='<a class="recent-thumb" href="'+r+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';s+="<li>"+y+'<div class="recent-content"><h3 class="recent-title"><a href="'+r+'">'+o+'</a></h3><span class="recent-date">'+m+'</span><span class="recent-author">'+d+'</span></div><div class="clear"/></li>'}s+="</div>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();if(e==a){$(this).html(s),$(this).parent().addClass("carousel"),$(this).parent().addClass("recent-block"),$(this).prev("h2").html('<a href="/search/label/'+n+'">'+t+"</a>"),$(this).prev("h2").css("background",c),$(this).prev("h2").wrap('<div class="box-title"></div>'),$(this).prev(".box-title").css("border-color",c),$(this).removeClass("widget-content").addClass("layout-content"),$(".carousel-items").owlCarousel({items:3,navigation:!0,navigationText:["",""],itemsDesktop:[1e3,3],itemsDesktopSmall:[647,1],itemsTablet:[396,1],itemsMobile:!1,pagination:!1});var r=$(this).find(".owl-controls");$(this).prev(".box-title").append(r),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}}),s.match("slider")&&$.ajax({url:"/feeds/posts/default/-/"+n+"?alt=json-in-script&max-results="+slider_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",r='<div class="slider-items owl-carousel">',n=0;n<e.feed.entry.length;n++){for(var s=0;s<e.feed.entry[n].link.length;s++)if("alternate"==e.feed.entry[n].link[s].rel){t=e.feed.entry[n].link[s].href;break}var i=e.feed.entry[n].title.$t,l=e.feed.entry[n].author[0].name.$t,o=e.feed.entry[n].published.$t,d=o.substring(0,4),u=o.substring(5,7),h=o.substring(8,10),f=text_month[parseInt(u,10)]+" "+h+", "+d,p=e.feed.entry[n].content.$t,m=$("<div>").html(p),b=/<\S[^>]*>/g,g=p.replace(b,"");if(g.length>150&&(g=""+g.substring(0,150)+"..."),p.indexOf("http://www.youtube.com/embed/")>-1||p.indexOf("https://www.youtube.com/embed/")>-1)var v=e.feed.entry[n].media$thumbnail.url,y='<a class="recent-thumb" href="'+t+'" style="background:url('+v+') no-repeat center center;background-size: cover"/>';else if(p.indexOf("<img")>-1)var k=m.find("img:first").attr("src"),y='<a class="recent-thumb" href="'+t+'" style="background:url('+k+') no-repeat center center;background-size: cover"/>';else var y='<a class="recent-thumb" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+="<li>"+y+'<div class="recent-content"><h3 class="recent-title"><a href="'+t+'">'+i+'</a></h3><span class="recent-date">'+f+'</span><span class="recent-author">'+l+'</span><p class="recent-des">'+g+'<p></div><div class="clear"/></li>'}r+="</div>",$(".recent-layout .HTML .widget-content").each(function(){var e=$(this).text();e==a&&($(this).html(r),$(this).parent().addClass("carousel"),$(this).parent().addClass("slider"),$(this).parent().addClass("recent-block"),$(this).prev("h2").remove(),$(this).prev("h2").css("background",c),$(this).removeClass("widget-content").addClass("layout-content"),$(".slider-items").owlCarousel({items:1,navigation:!0,navigationText:["",""],itemsDesktop:[1e3,1],itemsDesktopSmall:[647,1],itemsTablet:[396,1],autoPlay:!0,autoPlay:slider_speed,itemsMobile:!1,pagination:!0}),$(this).find(".recent-thumb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)}))})}})}),$("#related-posts").each(function(){var e=$(this).html();$.ajax({url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results="+related_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",r='<div class="rnav owl-carousel">',a=0;a<e.feed.entry.length;a++){for(var n=0;n<e.feed.entry[a].link.length;n++)if("alternate"==e.feed.entry[a].link[n].rel){t=e.feed.entry[a].link[n].href;break}var s=e.feed.entry[a].title.$t,c=e.feed.entry[a].content.$t,i=$("<div>").html(c);if(c.indexOf("http://www.youtube.com/embed/")>-1||c.indexOf("https://www.youtube.com/embed/")>-1)var l=e.feed.entry[a].media$thumbnail.url,o='<a class="rnav-img" href="'+t+'" style="background:url('+l+') no-repeat center center;background-size: cover"/>';else if(c.indexOf("<img")>-1)var d=i.find("img:first").attr("src"),o='<a class="rnav-img" href="'+t+'" style="background:url('+d+') no-repeat center center;background-size: cover"/>';else var o='<a class="rnav-img" href="'+t+'" style="background:url('+no_image_url+') no-repeat center center;background-size: cover"/>';r+="<li>"+o+'<div class="rnav-conent"><h3 class="rnav-title"><a href="'+t+'">'+s+"</a></h3></div></li>"}r+='</div><div class="clear"/>',$("#related-posts").html(r),$(".rnav.owl-carousel").owlCarousel({items:3,navigation:!0,navigationText:["",""],itemsDesktop:[1e3,3],itemsDesktopSmall:[647,1],itemsTablet:[396,1],itemsMobile:!1,pagination:!1}),$(".rnav-img").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})});
  4190.  
  4191. //]]>
  4192. </script>
  4193.  
  4194. <b:if cond='data:blog.languageDirection == &quot;ltr&quot;'>
  4195. <script>
  4196. //<![CDATA[
  4197.  
  4198. $(".ticker .widget-content").each(function(){var e=$(this).text();$.ajax(e.match("recent")?{url:"/feeds/posts/default?alt=json-in-script&max-results="+ticker_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",a="<ul>",r=0;r<e.feed.entry.length;r++){for(var n=0;n<e.feed.entry[r].link.length;n++)if("alternate"==e.feed.entry[r].link[n].rel){t=e.feed.entry[r].link[n].href;break}var s=e.feed.entry[r].title.$t,i=e.feed.entry[r].category[0].term;a+='<li><a href="/search/label/'+i+'" class="post-tag">'+i+'</a><h3 class="recent-title"><a href="'+t+'">'+s+"</a></h3></li>"}a+="</ul>",$(".ticker .widget-content").each(function(){$(this).html(a),$(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find("ul").webTicker(),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}}:e.match("random")?{url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=e.feed.entry.length,a=0,r=t-randomposts_number,n=Math.floor(Math.random()*(r-a+1))+a;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+n+"&max-results="+ticker_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",a="<ul>",r=0;r<e.feed.entry.length;r++){for(var n=0;n<e.feed.entry[r].link.length;n++)if("alternate"==e.feed.entry[r].link[n].rel){t=e.feed.entry[r].link[n].href;break}var s=e.feed.entry[r].title.$t,i=e.feed.entry[r].category[0].term;a+='<li><a href="/search/label/'+i+'" class="post-tag">'+i+'</a><h3 class="recent-title"><a href="'+t+'">'+s+"</a></h3></li>"}a+="</ul>",$(".ticker .widget-content").each(function(){$(this).html(a),$(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find("ul").webTicker(),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}})}}:{url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results="+ticker_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",a="<ul>",r=0;r<e.feed.entry.length;r++){for(var n=0;n<e.feed.entry[r].link.length;n++)if("alternate"==e.feed.entry[r].link[n].rel){t=e.feed.entry[r].link[n].href;break}var s=e.feed.entry[r].title.$t,i=e.feed.entry[r].category[0].term;a+='<li><a href="/search/label/'+i+'" class="post-tag">'+i+'</a><h3 class="recent-title"><a href="'+t+'">'+s+"</a></h3></li>"}a+="</ul>",$(".ticker .widget-content").each(function(){$(this).html(a),$(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find("ul").webTicker(),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}})});
  4199.  
  4200. //]]>
  4201. </script>
  4202. <b:else/>
  4203. <script>
  4204. //<![CDATA[
  4205.  
  4206. $(".ticker .widget-content").each(function(){var e=$(this).text();$.ajax(e.match("recent")?{url:"/feeds/posts/default?alt=json-in-script&max-results="+ticker_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",a="<ul>",r=0;r<e.feed.entry.length;r++){for(var n=0;n<e.feed.entry[r].link.length;n++)if("alternate"==e.feed.entry[r].link[n].rel){t=e.feed.entry[r].link[n].href;break}var s=e.feed.entry[r].title.$t,i=e.feed.entry[r].category[0].term;a+='<li><a href="/search/label/'+i+'" class="post-tag">'+i+'</a><h3 class="recent-title"><a href="'+t+'">'+s+"</a></h3></li>"}a+="</ul>",$(".ticker .widget-content").each(function(){$(this).html(a),$(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find("ul").webTicker({direction:"right"}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}}:e.match("random")?{url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=e.feed.entry.length,a=0,r=t-randomposts_number,n=Math.floor(Math.random()*(r-a+1))+a;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+n+"&max-results="+ticker_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",a="<ul>",r=0;r<e.feed.entry.length;r++){for(var n=0;n<e.feed.entry[r].link.length;n++)if("alternate"==e.feed.entry[r].link[n].rel){t=e.feed.entry[r].link[n].href;break}var s=e.feed.entry[r].title.$t,i=e.feed.entry[r].category[0].term;a+='<li><a href="/search/label/'+i+'" class="post-tag">'+i+'</a><h3 class="recent-title"><a href="'+t+'">'+s+"</a></h3></li>"}a+="</ul>",$(".ticker .widget-content").each(function(){$(this).html(a),$(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find("ul").webTicker({direction:"right"}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}})}}:{url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results="+ticker_number,type:"get",dataType:"jsonp",success:function(e){for(var t="",a="<ul>",r=0;r<e.feed.entry.length;r++){for(var n=0;n<e.feed.entry[r].link.length;n++)if("alternate"==e.feed.entry[r].link[n].rel){t=e.feed.entry[r].link[n].href;break}var s=e.feed.entry[r].title.$t,i=e.feed.entry[r].category[0].term;a+='<li><a href="/search/label/'+i+'" class="post-tag">'+i+'</a><h3 class="recent-title"><a href="'+t+'">'+s+"</a></h3></li>"}a+="</ul>",$(".ticker .widget-content").each(function(){$(this).html(a),$(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>'),$(this).removeClass("widget-content").addClass("layout-content"),$(this).find("ul").webTicker({direction:"right"}),$("p.trans").each(function(){var e=$(this).text(),t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})})}})});
  4207.  
  4208. //]]>
  4209. </script>
  4210. </b:if>
  4211. </div>
  4212. <script type='text/javascript'>
  4213. //<![CDATA[
  4214. $("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(/\/[0-9]+(\.bp\.blogspot)?/, "/lh4.ggpht")) });
  4215. //]]>
  4216. </script>
  4217.  
  4218. <script type='text/javascript'>
  4219. (function(d,s,id){var z=d.createElement(s);z.type=&quot;text/javascript&quot;;z.id=id;z.async=true;z.src=&quot;//static.zotabox.com/0/f/0f79507022054b9dc498d38da31a86cc/widgets.js&quot;;var sz=d.getElementsByTagName(s)[0];sz.parentNode.insertBefore(z,sz)}(document,&quot;script&quot;,&quot;zb-embed-code&quot;));
  4220. </script>
  4221. <div id='bttop'><i class='fa fa-chevron-up'/></div><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$(&#39;#bttop&#39;).fadeIn();}else{$(&#39;#bttop&#39;).fadeOut();}});$(&#39;#bttop&#39;).click(function(){$(&#39;body,html&#39;).animate({scrollTop:0},800);});});</script>
  4222. <a class='bottombottom' href='javascript:window.scrollTo(0,999999)' title='Xuống cuối trang'><img alt='Xuống cuối trang' src='http://2.bp.blogspot.com/-aMLqfHa0hUI/VwD6fv1lpAI/AAAAAAAADAM/MV443chEOxgMn-xjIOSne7PA0czbaFUHQ/s1600/back-to-bottom.png'/></a>
  4223. <script type='text/javascript'>
  4224. if (window.jstiming) window.jstiming.load.tick(&#39;widgetJsBefore&#39;);
  4225. </script>
  4226. </body>
  4227.  
  4228. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement