arie_service

VioMagz 2.4

Nov 18th, 2018
670
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 228.15 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:responsive='true' 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. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  7. <b:include data='blog' name='all-head-content'/>
  8. <meta content='#efefef' name='theme-color'/>
  9. <meta content='#efefef' name='msapplication-navbutton-color'/>
  10. <meta content='yes' name='apple-mobile-web-app-capable'/>
  11. <meta content='#efefef' name='apple-mobile-web-app-status-bar-style'/>
  12.  
  13. <!-- Title -->
  14. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
  15. <title><data:blog.pageTitle/></title>
  16. <b:else/>
  17. <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
  18. <title><data:blog.pageName/> - <data:blog.title/></title>
  19. <b:else/>
  20. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.pageName == &quot;&quot;'>
  21. <title>All Posts - <data:blog.title/></title>
  22. <b:else/>
  23. <b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
  24. <title>Page Not Found - <data:blog.title/></title>
  25. <b:else/>
  26. <title><data:blog.pageName/></title>
  27. </b:if>
  28. </b:if>
  29. </b:if>
  30. </b:if>
  31.  
  32. <!-- Meta keywords otomatis homepage, static page, dan post -->
  33. <b:if cond='data:blog.pageType in {&quot;index&quot;} and data:blog.homepageUrl == data:blog.url'>
  34. <meta expr:content='data:blog.title' name='keywords'/>
  35. </b:if>
  36. <b:if cond='data:blog.pageType in {&quot;item&quot;,&quot;static_page&quot;}'>
  37. <meta expr:content='data:blog.pageName' name='keywords'/>
  38. </b:if>
  39.  
  40. <!-- Noindex search page, label, dan arsip -->
  41. <b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
  42. <meta content='noindex,nofollow' name='robots'/>
  43. </b:if>
  44.  
  45. <!-- Facebook Open Graph Tag -->
  46. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  47. <meta expr:content='data:blog.pageName' property='og:title'/>
  48. <meta content='article' property='og:type'/>
  49. <b:else/>
  50. <meta expr:content='data:blog.pageTitle' property='og:title'/>
  51. <meta content='website' property='og:type'/>
  52. </b:if>
  53. <b:if cond='data:blog.metaDescription'>
  54. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  55. </b:if>
  56. <meta expr:content='data:blog.title' property='og:site_name'/>
  57.  
  58. <b:skin><![CDATA[/*
  59. -----------------------------------------------
  60. Blogger Template Style
  61. Name: VioMagz
  62. Version: 2.2 (1 April 2018)
  63. Designer: Mas Sugeng
  64. ----------------------------------------------- */
  65.  
  66. /* Variable definitions start
  67. ==========================
  68. <Variable name="keycolor" description="Main Color" type="color" default="#43ce8e" value="#43ce8e"/>
  69.  
  70. <Group description="Page Text" selector="body">
  71. <Variable name="body.font" description="Font" type="font"
  72. default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/>
  73. <Variable name="body.text.color" description="Main Text Color" type="color" default="#777777" value="#777777"/>
  74. </Group>
  75.  
  76. <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  77. <Variable name="body.background.color" description="Body" type="color" default="#ffffff" value="#ffffff"/>
  78. <Variable name="header.background.color" description="Header" type="color" default="#43ce8e" value="#43ce8e"/>
  79. <Variable name="footer.background.color" description="Footer" type="color" default="#222222" value="#222222"/>
  80. </Group>
  81.  
  82. <Variable name="body.background" description="Body Background" type="background"
  83. color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
  84. <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/>
  85.  
  86. <Group description="Links" selector=".main-outer">
  87. <Variable name="link.color" description="Link Color" type="color" default="#43ce8e" value="#43ce8e"/>
  88. <Variable name="link.visited.color" description="Visited Color" type="color" default="#43ce8e" value="#43ce8e"/>
  89. <Variable name="link.hover.color" description="Hover Color" type="color" default="#444444" value="#444444"/>
  90. </Group>
  91.  
  92. <Group description="Blog Title" selector=".header">
  93. <Variable name="header.font" description="Font" type="font"
  94. default="700 20px Roboto Slab, Times New Roman, Times, serif" value="700 20px Roboto Slab, Times New Roman, Times, serif"/>
  95. <Variable name="header.title.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
  96. </Group>
  97.  
  98. <Group description="Navigation Menu" selector="#cssmenu">
  99. <Variable name="navmenu.font" description="Font" type="font"
  100. default="500 12px Roboto, Arial, sans-serif" value="500 12px Roboto, Arial, sans-serif"/>
  101. <Variable name="navmenu.font.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  102. <Variable name="navmenu.font.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
  103. </Group>
  104.  
  105. <Group description="Search Icon" selector=".search-icon">
  106. <Variable name="search.icon.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  107. </Group>
  108.  
  109. <Group description="Post Title" selector="h2.post-title, .FeaturedPost .post-summary h3">
  110. <Variable name="post.title.font" description="Font" type="font"
  111. default="700 20px Roboto Slab, Times New Roman, Times, serif" value="700 20px Roboto Slab, Times New Roman, Times, serif"/>
  112. <Variable name="post.title.color" description="Link Color" type="color" default="#5a5a5a" value="#5a5a5a"/>
  113. <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#43ce8e" value="#43ce8e"/>
  114. </Group>
  115.  
  116. <Group description="Widget Title" selector=".sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2">
  117. <Variable name="widget.title.font" description="Title Font" type="font"
  118. default="700 14px Roboto Slab, Times New Roman, Times, serif" value="700 14px Roboto Slab, Times New Roman, Times, serif"/>
  119. <Variable name="widget.title.color" description="Color" type="color" default="#43ce8e" value="#43ce8e"/>
  120. <Variable name="widget.border.color" description="Border Color" type="color" default="#efefef" value="#efefef"/>
  121. </Group>
  122.  
  123. <Group description="Label" selector=".label-info-th">
  124. <Variable name="label.bg.color" description="Background" type="color" default="#f8f8f8" value="#f8f8f8"/>
  125. <Variable name="label.color" description="Color" type="color" default="#888888" value="#888888"/>
  126. <Variable name="label.border.color" description="Border Color" type="color" default="#dddddd" value="#dddddd"/>
  127. <Variable name="label.hover.border.color" description="Hover Color" type="color" default="#777" value="#777777"/>
  128. </Group>
  129.  
  130. <Group description="Post Body" selector=".post-body, .post-snippet">
  131. <Variable name="post.body.font" description="Font" type="font"
  132. default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/>
  133. <Variable name="post.body.color" description="Color" type="color" default="#777777" value="#777777"/>
  134. </Group>
  135.  
  136. <Group description="Post Footer" selector=".post-info">
  137. <Variable name="post.footer.font" description="Font" type="font"
  138. default="normal normal 13px Roboto, Arial, sans-serif" value="normal normal 13px Roboto, Arial, sans-serif"/>
  139. <Variable name="post.footer.color" description="Color" type="color" default="#999999" value="#999999"/>
  140. </Group>
  141.  
  142. <Group description="Footer Social Icon" selector="#footer-widget-container">
  143. <Variable name="footerwidget.bg.color" description="Background Color" type="color" default="#f8f8f8" value="#f8f8f8"/>
  144. <Variable name="footerwidget.color" description="Color" type="color" default="#999999" value="#999999"/>
  145. </Group>
  146.  
  147. <Group description="Footer Navigation Menu" selector="#footer-navmenu">
  148. <Variable name="navmenufooter.font" description="Font" type="font"
  149. default="500 14px Roboto, Arial, sans-serif" value="500 14px Roboto, Arial, sans-serif"/>
  150. <Variable name="navmenufooter.bg" description="Background Color" type="color" default="#292929" value="#292929"/>
  151. <Variable name="navmenufooter.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  152. <Variable name="navmenufooter.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
  153. </Group>
  154.  
  155. <Group description="Footer" selector="#footer-wrapper">
  156. <Variable name="footer.color" description="Color" type="color" default="#dddddd" value="#dddddd"/>
  157. <Variable name="footer.link.color" description="Link Color" type="color" default="#dddddd" value="#dddddd"/>
  158. <Variable name="footer.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/>
  159. </Group>
  160.  
  161. <Group description="Back to Top" selector="#back-to-top">
  162. <Variable name="backtp.background.color" description="Background" type="color" default="#43ce8e" value="#43ce8e"/>
  163. <Variable name="backtp.color" description="Color" type="color" default="#ffffff" value="#ffffff"/>
  164. </Group>
  165.  
  166. Variable definitions end
  167. ========================*/
  168.  
  169. /**
  170. * Eric Meyer&#39;s Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/
  171. * http://cssreset.com
  172. */
  173. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;}
  174. /* HTML5 display-role reset for older browsers */
  175. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
  176. /* Blogger CSS Reset */
  177. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
  178. .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;}
  179. .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;}
  180. .quickedit,.thread-toggle,.edit-post,.item-control{display:none;}
  181. /* disable font boosting on mobile browsers */
  182. body * {
  183. max-height: 9999999em; /* Chrome for Android */
  184. -moz-text-size-adjust: none; /* Firefox Mobile */
  185. }
  186. /* FRAMEWORK */
  187. strong,b{font-weight:bold;}
  188. cite,em,i{font-style:italic;}
  189. a:link{color:#49ACE1;text-decoration:none;outline:none;}
  190. a:visited{color:#49ACE1;text-decoration:none;}
  191. a:hover{color:#444444;text-decoration:none;}
  192. a img{border:none;border-width:0;outline:none;}
  193. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  194. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  195. sub{top:.4em;}small{font-size:86%;}
  196. kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
  197. mark{background-color:#ffce00;color:black;}
  198. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  199. hr{height:1px;border:none;background-color:#666;}
  200. h1{font-size:1.8rem}
  201. h2{font-size:1.6rem}
  202. h3{font-size:1.4rem}
  203. h4{font-size:1.2rem}
  204. h5{font-size:1rem}
  205. h6{font-size:0.9rem}
  206. /* heading */
  207. h1,h2,h3,h4,h5,h6 {
  208. margin: 0 0 0.6em;
  209. }
  210. /* list */
  211. ol,ul,dl{margin: .5em 0em .5em 3em}
  212. li{margin: .5em 0}
  213. dt{font-weight: 500}
  214. dd{margin: 0 0 .5em 2em}
  215. /* form */
  216. input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
  217. textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  218. /* code & blockquote */
  219. pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;}
  220. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  221. blockquote{background:#f6f6f6;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:105%;}
  222. blockquote:before {
  223. content: "\f10d";
  224. font-family: FontAwesome;
  225. font-style: normal;
  226. font-weight: normal;
  227. text-decoration: inherit;
  228. padding-right:4px;
  229. color:#666;
  230. }
  231. /* table */
  232. table[border="1"] td, table[border="1"] th {
  233. vertical-align: top;
  234. text-align: left;
  235. font-size: 13px;
  236. padding: 3px 5px;
  237. border: 1px solid #f6f6f6;
  238. }
  239. table[border="1"] th {
  240. background: #eee;
  241. }
  242. table, img {
  243. max-width: 100%;
  244. height: auto;
  245. }
  246. iframe {
  247. max-width: 100%;
  248. }
  249. td.tr-caption {
  250. color: #777;
  251. }
  252. .clear {
  253. clear: both;
  254. }
  255. .clear:after {
  256. visibility: hidden;
  257. display: block;
  258. font-size: 0;
  259. content: " ";
  260. clear: both;
  261. height: 0;
  262. }
  263. /* TRANSISI */
  264. a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:before, .button:before, .button.menu-opened:after, .berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] {
  265. transition: all 0.2s;
  266. -moz-transition: all 0.2s;
  267. -webkit-transition: all 0.2s;
  268. }
  269. .related-post-style-3 .related-post-item {
  270. transition: opacity 0.2s linear;
  271. }
  272. .img-thumbnail, .img-thumbnail img, .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet, .sidebar-sticky {
  273. transition: all .2s linear;
  274. -o-transition: all .2s linear;
  275. -moz-transition: all .2s linear;
  276. -webkit-transition: all .2s linear;
  277. }
  278. #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 {
  279. transition: font-size .2s linear;
  280. -o-transition: font-size .2s linear;
  281. -moz-transition: font-size .2s linear;
  282. -webkit-transition: font-size .2s linear;
  283. }
  284. .img-thumbnail, .img-thumbnail img, .FeaturedPost .post-summary, .FeaturedPost .image, .PopularPosts .item-thumbnail, .PopularPosts .widget-content ul li img, .Profile .widget-content, .PopularPosts .widget-content ul, .list-label-widget-content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a, .Profile .profile-link, .label-size, .berlangganan-box, #baca-juga, #baca-juga h2, .related-post-item-thumbnail, #baca-juga ul, .PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before {
  285. border-radius: 3px;
  286. }
  287. #share a:first-child {
  288. border-radius: 3px 0 0 3px;
  289. }
  290. #share a:last-child {
  291. border-radius: 0 3px 3px 0;
  292. }
  293. body {
  294. background: #ffffff none repeat scroll top left;
  295. margin: 0 0 0 0;
  296. padding: 0 0 0 0;
  297. color: #777777;
  298. font: normal normal 16px Roboto, Arial, sans-serif;
  299. text-align: left;
  300. }
  301. /* WRAPPER */
  302. #wrapper {
  303. background: #fff;
  304. max-width: 1000px;
  305. margin: 0 auto;
  306. padding: 70px 30px 30px;
  307. overflow: hidden;
  308. }
  309. /* HEADER */
  310. #header-container {
  311. background: #5b86e5;
  312. background: linear-gradient(to right, #5b86e5, #36d1dc);
  313. -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
  314. box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
  315. position: fixed;
  316. top: 0;
  317. left: 0;
  318. right: 0;
  319. width: 100%;
  320. z-index: 999;
  321. }
  322. #header-wrapper {
  323. max-width: 1000px;
  324. margin: 0 auto;
  325. position: relative;
  326. }
  327. .header {
  328. max-width: 400px;
  329. float: left;
  330. margin-right: 28px;
  331. overflow: hidden;
  332. white-space: nowrap;
  333. text-overflow: ellipsis;
  334. }
  335. .header h1.title, .header p.title {
  336. font: 500 25px Roboto, Arial, sans-serif;
  337. color: #ffffff;
  338. margin: 0;
  339. text-transform: uppercase;
  340. padding: 9px 0;
  341. }
  342. .header .description {
  343. color: #ffffff;
  344. margin: -10px 0 4px 0;
  345. padding: 0;
  346. font-size: 0.7em;
  347. display: none;
  348. }
  349. .header a, .header a:hover {
  350. color: #ffffff;
  351. }
  352. .header img {
  353. display: block;
  354. width: auto;
  355. margin: 11px 0;
  356. max-height: 24px;
  357. }
  358. /* POST WRAPPER */
  359. .post-container {
  360. padding-right: 25px;
  361. }
  362. #post-wrapper {
  363. background:transparent;
  364. float:left;
  365. width:70%;
  366. max-width:700px;
  367. margin:0 0 10px;
  368. }
  369. .breadcrumbs a {
  370. color: #49ACE1;
  371. }
  372. .post {
  373. margin-bottom: 20px;
  374. }
  375. .post-body {
  376. font:normal normal 16px Roboto, Arial, sans-serif;
  377. color:#777777;
  378. line-height: 1.6em;
  379. text-align: left;
  380. word-wrap: break-word;
  381. }
  382. h2.post-title, h1.post-title {
  383. font: 500 20px Roboto, Arial, sans-serif;
  384. }
  385. h1.post-title {
  386. font-size: 30px;
  387. margin-bottom: 12px;
  388. }
  389. h2.post-title {
  390. margin-bottom: 12px;
  391. }
  392. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
  393. color: #444444;
  394. line-height: 1.3em;
  395. }
  396. h2.post-title a:hover, h1.post-title a:hover {
  397. color: #49ACE1;
  398. }
  399. .img-thumbnail {
  400. position: relative;
  401. float: left;
  402. width: 255px;
  403. height: 170px;
  404. }
  405. .img-thumbnail img {
  406. width: 255px;
  407. height: 170px;
  408. display: block;
  409. }
  410. .label-info-th {
  411. display: block;
  412. z-index: 2;
  413. position: relative;
  414. margin-bottom: 10px;
  415. }
  416. .label-line, .label-line-c {
  417. position:relative;
  418. }
  419. .label-line-c {
  420. text-align: center;
  421. margin-bottom: 6px;
  422. }
  423. .label-line:before, .label-line-c:before {
  424. z-index: 1;
  425. content: "";
  426. width: 100%;
  427. height: 2px;
  428. background: #efefef;
  429. position: absolute;
  430. top: 50%;
  431. left: 0;
  432. margin-top: -2px;
  433. }
  434. .label-info-th a {
  435. color: #888888;
  436. background: #ffffff;
  437. display: inline-block;
  438. padding: 6px 12px;
  439. margin: 1px 0;
  440. font-size: 11px;
  441. font-weight: 500;
  442. text-transform: uppercase;
  443. border: 2px solid #efefef;
  444. }
  445. .label-info-th a:hover {
  446. color: #49ACE1;
  447. }
  448. .post-info {
  449. color: #777777;
  450. font: normal normal 13px Roboto, Arial, sans-serif;
  451. }
  452. .info-1, .info-2, h2.post-title, .post-snippet {
  453. margin-left: 275px;
  454. }
  455. .info-1 {
  456. margin-top: 12px;
  457. }
  458. .info-2 {
  459. margin-top: 12px;
  460. }
  461. .info-3 {
  462. margin-bottom: 1.6em;
  463. }
  464. .post-info a {
  465. display: inline-block;
  466. color: #777777;
  467. }
  468. .post-info a:hover {
  469. color: #49ACE1;
  470. }
  471. .author-info:after, .time-info:after, .label-info:after {
  472. content: "-";
  473. padding: 0 2px;
  474. }
  475. .edit-post:before {
  476. content: "-";
  477. padding: 0 2px;
  478. }
  479. /* AUTHOR POST PROFILE */
  480. .author-profile {
  481. overflow: hidden;
  482. margin: 30px 0;
  483. line-height: 1.5;
  484. }
  485. .author-profile img {
  486. border: none;
  487. float: left;
  488. margin-right: 15px;
  489. border-radius: 46px;
  490. }
  491. .author-profile > span {
  492. font-size: 14px;
  493. color: #888;
  494. }
  495. .author-profile a.g-profile {
  496. font-weight: 500;
  497. color: #444444;
  498. font-size: 18px;
  499. margin-bottom: 5px;
  500. display: inline-block;
  501. }
  502. .author-profile a.g-profile:hover {
  503. color: #49ACE1;
  504. }
  505. .author-profile a.g-profile:after {
  506. content: "\f058";
  507. font-family: FontAwesome;
  508. font-style: normal;
  509. font-weight: normal;
  510. text-decoration: inherit;
  511. padding-right: 4px;
  512. color: #49ACE1;
  513. }
  514. /* SIDEBAR WIDGET */
  515. #sidebar-wrapper {
  516. background:transparent;
  517. float:right;
  518. width:30%;
  519. max-width:300px;
  520. margin:0 auto;
  521. }
  522. #sidebar-wrapper .widget {
  523. overflow: hidden;
  524. }
  525. .sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3, .breadcrumbs {
  526. font: 500 15px Roboto, Arial, sans-serif;
  527. margin-bottom: 15px;
  528. padding: 0px 0px 5px;
  529. color: #49ACE1;
  530. text-transform: uppercase;
  531. display: inline-block;
  532. border-bottom: 2px solid #efefef;
  533. }
  534. .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {
  535. margin:0 0 30px;
  536. clear:both;
  537. }
  538. .sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol {
  539. list-style-type:none;
  540. margin: 0;
  541. padding: 0;
  542. }
  543. .sidebar li, .sidebar-sticky li {
  544. margin:5px 0;
  545. padding: 0;
  546. }
  547. .sidebar-sticky {
  548. z-index: 997;
  549. }
  550. .bellow-header-widget {
  551. text-align: center;
  552. }
  553. .bellow-header-widget h2 {
  554. display: none;
  555. }
  556. .bellow-header-widget .widget {
  557. overflow: hidden;
  558. }
  559. .bellow-header-widget img, .bellow-header-widget iframe{
  560. max-width: 100%;
  561. border: none;
  562. overflow: hidden;
  563. }
  564. /* CUSTOM WIDGET */
  565. .widget ul {
  566. line-height:1.4em;
  567. }
  568. /* Label */
  569. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  570. font-size:100%;
  571. opacity:10
  572. }
  573. .cloud-label-widget-content{
  574. text-align:left
  575. }
  576. .label-size {
  577. transition: all 0.25s;
  578. -moz-transition: all 0.25s;
  579. -webkit-transition: all 0.25s;
  580. line-height:1.2;
  581. display: block;
  582. float: left;
  583. margin: 0 3px 3px 0;
  584. color: #49ACE1;
  585. font-size: 12px;
  586. text-transform: uppercase;
  587. border: 1px solid #49ACE1;
  588. }
  589. .label-size a,.label-size span{
  590. display: inline-block;
  591. color: #49ACE1;
  592. padding: 6px 8px;
  593. }
  594. .label-size:hover {
  595. border: 1px solid #444444;
  596. }
  597. .label-size:hover a, .label-size:hover .label-count {
  598. color: #444444;
  599. }
  600. .label-count {
  601. margin-left: -12px;
  602. margin-right: 0px;
  603. }
  604. .list-label-widget-content ul li {
  605. display: block;
  606. margin: 0 0 5px;
  607. }
  608. .list-label-widget-content ul li:last-child {
  609. margin-bottom: 10px
  610. }
  611. /* Feed */
  612. .Feed ul li {
  613. display: block;
  614. margin: 0 0 10px;
  615. }
  616. .Feed ul li:last-child {
  617. margin-bottom: 10px;
  618. }
  619. .Feed .item-date, .Feed .item-author {
  620. color: #999;
  621. }
  622. .Feed .item-title {
  623. font-weight: 500;
  624. }
  625. /* Popular Posts */
  626. .PopularPosts .widget-content ul, .PopularPosts .widget-content ul li, .PopularPosts .widget-content ul li img, .PopularPosts .widget-content ul li a, .PopularPosts .widget-content ul li a img {
  627. margin:0 0;
  628. padding:0 0;
  629. list-style:none;
  630. border:none;
  631. outline:none;
  632. }
  633. .PopularPosts .widget-content ul {
  634. margin: 0;
  635. list-style:none;
  636. counter-reset:num;
  637. }
  638. .PopularPosts .widget-content ul li img {
  639. display: block;
  640. width: 70px;
  641. height: 70px;
  642. float: left;
  643. }
  644. .PopularPosts .widget-content ul li {
  645. margin: 0 0 10px;
  646. counter-increment: num;
  647. position: relative;
  648. }
  649. .PopularPosts ul li:last-child {
  650. margin-bottom: 0px;
  651. }
  652. .PopularPosts ul li .item-title a, .PopularPosts ul li a {
  653. font-weight: 500;
  654. text-decoration: none;
  655. color: #444444;
  656. }
  657. .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {
  658. color: #49ACE1;
  659. }
  660. .PopularPosts ul li .item-thumbnail-only:before, .PopularPosts ul li .item-content:before {
  661. content: counter(num) !important;
  662. font-size: 30px;
  663. font-weight: 500;
  664. display: block;
  665. position: absolute;
  666. top: 0;
  667. left: 0;
  668. bottom: 0;
  669. background: linear-gradient(#49ACE1, #fff);
  670. color: #fff !important;
  671. width: 30px;
  672. padding-top: 10px;
  673. text-align: center;
  674. }
  675. .PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {
  676. margin-left: 34px;
  677. }
  678. .PopularPosts .item-title {
  679. line-height: 1.6;
  680. margin-right: 8px;
  681. }
  682. .PopularPosts .item-thumbnail {
  683. float: left;
  684. margin-right: 8px;
  685. }
  686. .PopularPosts .item-snippet {
  687. line-height: 1.6em;
  688. font-size: 14px;
  689. margin-top: 8px;
  690. }
  691. /* Featured Post */
  692. .FeaturedPost .post-summary {
  693. background: #f7f7f7;
  694. position: relative;
  695. padding: 0;
  696. min-height: 200px;
  697. max-height: 450px;
  698. overflow: hidden;
  699. }
  700. .FeaturedPost .post-summary h3 {
  701. font: 500 20px Roboto, Arial, sans-serif;
  702. position: absolute;
  703. bottom: 58px;
  704. z-index: 1;
  705. font-size: 28px;
  706. margin: 0 15px;
  707. }
  708. .FeaturedPost .post-summary h3:after {
  709. content:"";
  710. position:absolute;
  711. top:-0.25em;
  712. right:100%;
  713. bottom:-0.25em;
  714. width:0.25em;
  715. }
  716. .FeaturedPost .post-summary h3 a {
  717. color: #444444;
  718. background: #fff;
  719. padding: 2px 8px;
  720. -webkit-box-decoration-break: clone;
  721. -o-box-decoration-break: clone;
  722. box-decoration-break: clone;
  723. }
  724. .FeaturedPost .post-summary h3 a:hover {
  725. color: #49ACE1;
  726. }
  727. .FeaturedPost .post-summary p {
  728. position: absolute;
  729. background: #ffffff;
  730. color: #5a5a5a;
  731. padding: 3px 8px;
  732. bottom: 15px;
  733. margin: 0 15px;
  734. overflow: hidden;
  735. text-overflow: ellipsis;
  736. white-space: nowrap;
  737. width: 90%;
  738. -webkit-box-sizing: border-box;
  739. -moz-box-sizing: border-box;
  740. box-sizing: border-box;
  741. }
  742. .FeaturedPost .image {
  743. display: block;
  744. }
  745. /* Profile */
  746. .Profile .widget-content {
  747. text-align: center;
  748. padding: 30px;
  749. border: 2px solid #efefef;
  750. }
  751. .Profile .profile-img {
  752. border-radius: 50%;
  753. float: none;
  754. }
  755. .Profile .profile-name-link {
  756. color: #777777;
  757. font-size: .9em;
  758. opacity: 1;
  759. overflow: hidden;
  760. }
  761. .Profile .profile-name-link:hover {
  762. color: #49ACE1;
  763. }
  764. .Profile .profile-link {
  765. border-style: solid;
  766. border-width: 1px;
  767. cursor: pointer;
  768. font-size: 13px;
  769. font-weight: 400;
  770. padding: 6px 22px;
  771. display: inline-block;
  772. line-height: normal;
  773. }
  774. .profile-textblock {
  775. margin: .8em 0;
  776. font-size: 14px;
  777. }
  778. .profile-img {
  779. float: left;
  780. display:inline;
  781. opacity:10;
  782. margin:0 6px 3px 0;
  783. }
  784. .profile-data {
  785. margin: 0;
  786. }
  787. .profile-datablock {
  788. margin: .5em 0;
  789. }
  790. .profile-name-link {
  791. background: no-repeat left top;
  792. box-sizing: border-box;
  793. display: inline-block;
  794. max-width: 100%;
  795. min-height: 20px;
  796. padding-left: 20px;
  797. }
  798. /* Archive */
  799. #ArchiveList .toggle {
  800. cursor: pointer;
  801. font-family: Arial, sans-serif;
  802. }
  803. #ArchiveList .toggle-open {
  804. _font-size: 1.7em;
  805. line-height: .6em;
  806. }
  807. #ArchiveList {
  808. text-align: left;
  809. }
  810. #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {
  811. text-decoration: none;
  812. }
  813. #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover {
  814. color: inherit;
  815. text-decoration: none;
  816. }
  817. .BlogArchive #ArchiveList ul li {
  818. background: none;
  819. list-style: none;
  820. list-style-image: none;
  821. list-style-position: outside;
  822. border-width: 0;
  823. padding-left: 15px;
  824. text-indent: -15px;
  825. margin: .25em 0;
  826. background-image: none;
  827. }
  828. .BlogArchive #ArchiveList ul ul li {
  829. padding-left: 1.2em;
  830. }
  831. .BlogArchive #ArchiveList ul {
  832. margin: 0;
  833. padding: 0;
  834. list-style: none;
  835. list-style-image: none;
  836. border-width: 0;
  837. }
  838. .BlogArchive #ArchiveList ul.posts li {
  839. padding-left: 1.3em;
  840. }
  841. #ArchiveList .collapsed ul {
  842. display: none;
  843. }
  844. /* Artikel Terbaru */
  845. .artikel-terbaru ul li {
  846. border-bottom: 2px dotted #efefef;
  847. padding-bottom: 8px;
  848. margin-bottom: 8px;
  849. font-weight: 500;
  850. }
  851. .list-label-widget-content ul li, .LinkList ul li, .PageList ul li {
  852. border-bottom: 2px dotted #efefef;
  853. padding-bottom: 5px;
  854. }
  855. .artikel-terbaru ul li:before, .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before {
  856. content: "\f14b";
  857. font-family: FontAwesome;
  858. font-style: normal;
  859. font-weight: normal;
  860. text-decoration: inherit;
  861. margin-right: 6px;
  862. }
  863. .artikel-terbaru ul li:before {
  864. content: "\f14b";
  865. }
  866. .list-label-widget-content ul li:before {
  867. content: "\f07b";
  868. }
  869. .LinkList ul li:before {
  870. content: "\f14c";
  871. }
  872. .PageList ul li:before {
  873. content: "\f249";
  874. }
  875. /* SUBSCRIBER BOX */
  876. .berlangganan-box {
  877. background: #5b86e5;
  878. background: linear-gradient(to right, #5b86e5, #36d1dc);
  879. color: #ffffff;
  880. padding: 15px;
  881. margin: 20px 0;
  882. text-align: center;
  883. }
  884. .berlangganan-box p {
  885. margin:15px 0;
  886. }
  887. .berlangganan-box input.email-address[type="text"] {
  888. width: 60%;
  889. padding: 10px;
  890. text-align: center;
  891. border-radius: 2px;
  892. border: none;
  893. outline: none;
  894. }
  895. .berlangganan-box input.submit-email[type="submit"] {
  896. background: #fff;
  897. padding: 10px 15px;
  898. border-radius: 2px;
  899. color: #777777;
  900. border: none;
  901. outline: none;
  902. }
  903. .berlangganan-box input.submit-email[type="submit"]:hover {
  904. background: #777777;
  905. color: #fff;
  906. cursor: pointer;
  907. }
  908. .berlangganan-box input.email-address[type="text"]:focus {
  909. background: #fffcd2;
  910. }
  911. /* Back to top */
  912. #back-to-top {
  913. background:#49ACE1;
  914. color:#ffffff;
  915. padding:8px 10px;
  916. font-size:24px;
  917. border-radius: 22px;
  918. box-shadow: 0 1px 2px 0 rgba(0,0,0,.15), 0 1px 1px 0 rgba(0,0,0,.30);
  919. }
  920. .back-to-top {
  921. position: fixed !important;
  922. position: absolute;
  923. bottom: 25px;
  924. right: 20px;
  925. z-index: 998;
  926. }
  927. /* Share button */
  928. .share-this-pleaseeeee {
  929. display: inline-block;
  930. margin: 0;
  931. color: #afafaf;
  932. text-transform: uppercase;
  933. font-size: 16px;
  934. background: #fff;
  935. z-index: 1;
  936. position: relative;
  937. padding: 0 10px;
  938. font-weight: 500;
  939. }
  940. #share-container {
  941. margin: 20px auto;
  942. overflow: hidden;
  943. }
  944. #share {
  945. width: 100%;
  946. text-align: center;
  947. }
  948. #share a {
  949. width: 25%;
  950. height: 40px;
  951. display: block;
  952. font-size: 24px;
  953. color: #fff;
  954. transition: opacity 0.15s linear;
  955. float: left;
  956. }
  957. #share a:hover {
  958. opacity: 0.8;
  959. }
  960. #share i {
  961. position: relative;
  962. top: 50%;
  963. transform: translateY(-50%);
  964. }
  965. .facebook {
  966. background: #3b5998;
  967. }
  968. .twitter {
  969. background: #55acee;
  970. }
  971. .googleplus {
  972. background: #dd4b39;
  973. }
  974. .linkedin {
  975. background: #0077b5;
  976. }
  977. .pinterest {
  978. background: #cb2027;
  979. }
  980. .whatsapp {
  981. background: #25d366;
  982. }
  983. /* Status Msg */
  984. .status-msg-wrap {
  985. font-size: 110%;
  986. width: 90%;
  987. margin: 0 auto 15px;
  988. position: relative;
  989. }
  990. .status-msg-border {
  991. border: none;
  992. filter: alpha(opacity=40);
  993. -moz-opacity: .4;
  994. opacity: .4;
  995. width: 100%;
  996. position: relative;
  997. }
  998. .status-msg-bg {
  999. background-color: transparent;
  1000. opacity: .8;
  1001. filter: alpha(opacity=30);
  1002. -moz-opacity: .8;
  1003. width: 100%;
  1004. position: relative;
  1005. z-index: 1;
  1006. }
  1007. .status-msg-body {
  1008. text-align: center;
  1009. padding: .3em 0;
  1010. width: 100%;
  1011. position: absolute;
  1012. z-index: 4;
  1013. }
  1014. .status-msg-hidden {
  1015. visibility: hidden;
  1016. padding: .3em 0;
  1017. }
  1018. .status-msg-wrap a {
  1019. padding-left: .4em;
  1020. }
  1021. /* SLOT IKLAN */
  1022. .iklan-tengah1 .widget, .iklan-tengah2 .widget, .iklan-bawah .widget, .iklan-atas .widget, .iklan-tengah1 .widget-content, .iklan-tengah2 .widget-content, .iklan-bawah .widget-content, .iklan-atas .widget-content {
  1023. margin:0 !important;
  1024. padding 0;
  1025. }
  1026. .iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 {
  1027. display: none;
  1028. }
  1029. #kode-iklan-atas ins, #kode-iklan-bawah ins, #kode-iklan-tengah1 ins, #kode-iklan-tengah2 ins {
  1030. margin: 20px 0;
  1031. }
  1032. .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas {
  1033. text-align: center;
  1034. display: block;
  1035. }
  1036. .post-body #baca-juga {
  1037. display: block;
  1038. }
  1039. /* PAGE NAVIGATION */
  1040. #blog-pager {
  1041. clear:both !important;
  1042. padding:2px 0;
  1043. text-align: center;
  1044. }
  1045. #blog-pager-newer-link a {
  1046. float:left;
  1047. display:block;
  1048. }
  1049. #blog-pager-older-link a {
  1050. float:right;
  1051. display:block;
  1052. }
  1053. .displaypageNum a,.showpage a,.pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a {
  1054. font-size: 12px;
  1055. padding: 8px 12px;
  1056. margin: 2px 3px 2px 0px;
  1057. display: inline-block;
  1058. color: #49ACE1;
  1059. border: 1px solid #49ACE1;
  1060. }
  1061. #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent {
  1062. color: #444444;
  1063. border: 1px solid #444444;
  1064. }
  1065. .showpageOf {
  1066. display: none !important;
  1067. }
  1068. #blog-pager .pages {
  1069. border: none;
  1070. }
  1071. /* FOOTER NAV MENU */
  1072. #footer-navmenu {
  1073. background: #292929;
  1074. padding: 15px 0px;
  1075. font: 500 14px Roboto, Arial, sans-serif;
  1076. color: #ffffff;
  1077. }
  1078. #footer-navmenu-container {
  1079. max-width: 1000px;
  1080. margin: 0 auto;
  1081. text-align: center;
  1082. }
  1083. #footer-navmenu ul {
  1084. list-style: none;
  1085. margin: 0;
  1086. }
  1087. #footer-navmenu ul li {
  1088. display: inline-block;
  1089. margin: 6px 0;
  1090. }
  1091. #footer-navmenu ul li:after {
  1092. content:"/";
  1093. }
  1094. #footer-navmenu ul li:last-child:after {
  1095. content:"";
  1096. }
  1097. #footer-navmenu ul li a {
  1098. color: #ffffff;
  1099. margin: 0 15px;
  1100. }
  1101. #footer-navmenu ul li a:hover {
  1102. color: #ffffff;
  1103. border-bottom: 2px solid #ffffff;
  1104. }
  1105. /* FOOTER WIDGET */
  1106. #footer-widget-container {
  1107. background: #f8f8f8;
  1108. font-size: 18px;
  1109. }
  1110. .footer-widget {
  1111. max-width: 1000px;
  1112. margin: 0 auto;
  1113. text-align: center;
  1114. }
  1115. .footer-widget h2 {
  1116. display: none;
  1117. }
  1118. .footer-widget .widget {
  1119. margin-bottom: 0px !important;
  1120. padding: 20px 0px;
  1121. }
  1122. /* SOCIAL ICON */
  1123. ul.nav-social {
  1124. list-style: none;
  1125. margin: 0;
  1126. padding: 0;
  1127. }
  1128. ul.nav-social li {
  1129. display: inline-block;
  1130. padding: 0px 15px;
  1131. margin: 0;
  1132. }
  1133. ul.nav-social li a {
  1134. color: #999999;
  1135. }
  1136. ul.nav-social li a:hover {
  1137. color:#555;
  1138. }
  1139. ul.nav-social li a.fcb:hover {
  1140. color:#3B5A9B;
  1141. }
  1142. ul.nav-social li a.gpl:hover {
  1143. color:#DD4B39;
  1144. }
  1145. ul.nav-social li a.twt:hover {
  1146. color:#1BB2E9;
  1147. }
  1148. ul.nav-social li a.ytb:hover {
  1149. color:#ED3F41;
  1150. }
  1151. ul.nav-social li a.lkdn:hover {
  1152. color:#007fb2;
  1153. }
  1154. ul.nav-social li a.igicon:hover {
  1155. color:#527fa4;
  1156. }
  1157. /* SEARCH FORM */
  1158. .search-icon {
  1159. position: absolute;
  1160. top: 11px;
  1161. right: 0px;
  1162. font-size: 19px;
  1163. }
  1164. .search-icon a {
  1165. color: #ffffff;
  1166. }
  1167. #searchfs {
  1168. position: fixed;
  1169. z-index:9999;
  1170. top: 0px;
  1171. left: 0px;
  1172. width: 100%;
  1173. height: 100%;
  1174. background-color: rgba(0, 0, 0, 0.8);
  1175. -webkit-transition: all 0.1s ease-in-out;
  1176. -moz-transition: all 0.1s ease-in-out;
  1177. -o-transition: all 0.1s ease-in-out;
  1178. -ms-transition: all 0.1s ease-in-out;
  1179. transition: all 0.1s ease-in-out;
  1180. -webkit-transform: translate(0px, -100%) scale(0, 0);
  1181. -moz-transform: translate(0px, -100%) scale(0, 0);
  1182. -o-transform: translate(0px, -100%) scale(0, 0);
  1183. -ms-transform: translate(0px, -100%) scale(0, 0);
  1184. transform: translate(0px, -100%) scale(0, 0);
  1185. opacity: 0;
  1186. }
  1187. #searchfs.open {
  1188. -webkit-transform: translate(0px, 0px) scale(1, 1);
  1189. -moz-transform: translate(0px, 0px) scale(1, 1);
  1190. -o-transform: translate(0px, 0px) scale(1, 1);
  1191. -ms-transform: translate(0px, 0px) scale(1, 1);
  1192. transform: translate(0px, 0px) scale(1, 1);
  1193. opacity: 1;
  1194. z-index: 9999;
  1195. }
  1196. #searchfs input[type="search"] {
  1197. position: absolute;
  1198. top: 50%;
  1199. left: 0;
  1200. margin-top: -51px;
  1201. width: 70%;
  1202. margin-left: 15%;
  1203. color: rgb(255, 255, 255);
  1204. background: transparent;
  1205. border-top: 1px solid rgba(255, 255, 255, .8);
  1206. border-bottom: 2px solid rgba(255, 255, 255, .5);
  1207. border-left: 0px solid transparent;
  1208. border-right: 0px solid transparent;
  1209. font-size: 40px;
  1210. text-align: center;
  1211. outline: none;
  1212. padding: 10px;
  1213. }
  1214. #searchfs .close {
  1215. position: fixed;
  1216. top: 20px;
  1217. right: 30px;
  1218. color: #fff;
  1219. background-color: transparent;
  1220. opacity: 0.8;
  1221. font-size: 40px;
  1222. border: none;
  1223. outline: none;
  1224. }
  1225. #searchfs .close:hover {
  1226. cursor: pointer;
  1227. }
  1228. /* NAV MENU */
  1229. #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
  1230. border: 0;
  1231. list-style: none;
  1232. line-height: 1;
  1233. display: block;
  1234. position: relative;
  1235. -webkit-box-sizing: border-box;
  1236. -moz-box-sizing: border-box;
  1237. box-sizing: border-box;
  1238. }
  1239. #cssmenu {
  1240. float: left;
  1241. }
  1242. #cssmenu ul {
  1243. margin: 0;
  1244. display: block;
  1245. }
  1246. #cssmenu:after,#cssmenu > ul:after {
  1247. content: ".";
  1248. display: block;
  1249. clear: both;
  1250. visibility: hidden;
  1251. line-height: 0;
  1252. height: 0
  1253. }
  1254. #cssmenu #head-mobile {
  1255. display: none
  1256. }
  1257. #cssmenu > ul > li {
  1258. float: left;
  1259. margin: 0;
  1260. }
  1261. #cssmenu > ul > li > a {
  1262. padding: 17px;
  1263. font: 500 12px Roboto, Arial, sans-serif;
  1264. letter-spacing: 0.8px;
  1265. text-decoration: none;
  1266. text-transform: uppercase;
  1267. color: #ffffff;
  1268. }
  1269. #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
  1270. color: #ffffff;
  1271. }
  1272. #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
  1273. background: rgba(64,64,64,0.05);
  1274. -webkit-transition: background .2s ease;
  1275. -ms-transition: background .2s ease;
  1276. transition: background .2s ease;
  1277. }
  1278. #cssmenu > ul > li.has-sub > a {
  1279. padding-right: 25px
  1280. }
  1281. #cssmenu > ul > li.has-sub > a:after {
  1282. position: absolute;
  1283. top: 22px;
  1284. right: 11px;
  1285. width: 8px;
  1286. height: 2px;
  1287. display: block;
  1288. background: #ffffff;
  1289. content:''
  1290. }
  1291. #cssmenu > ul > li.has-sub > a:before {
  1292. position: absolute;
  1293. top: 19px;
  1294. right: 14px;
  1295. display: block;
  1296. width: 2px;
  1297. height: 8px;
  1298. background: #ffffff;
  1299. content:'';
  1300. }
  1301. #cssmenu > ul > li.has-sub:hover > a:before {
  1302. top: 23px;
  1303. height: 0
  1304. }
  1305. #cssmenu ul ul {
  1306. position: absolute;
  1307. left: -9999px;
  1308. z-index: 1;
  1309. -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
  1310. box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
  1311. }
  1312. #cssmenu ul ul li {
  1313. height: 0;
  1314. background :#f8f8f8;
  1315. margin: 0;
  1316. }
  1317. #cssmenu ul ul li:hover {
  1318. background: #efefef;
  1319. }
  1320. #cssmenu li:hover > ul {
  1321. left: auto
  1322. }
  1323. #cssmenu li:hover > ul > li {
  1324. height: 33px
  1325. }
  1326. #cssmenu ul ul ul{
  1327. margin-left: 100%;
  1328. top: 0
  1329. }
  1330. #cssmenu ul ul li a {
  1331. border-bottom: 1px solid rgba(150,150,150,0.15);
  1332. padding: 10px 25px 10px 15px;
  1333. max-width: 100%;
  1334. min-width: 150px;
  1335. font-size: 12px;
  1336. text-decoration: none;
  1337. color: #888;
  1338. font-weight: 400;
  1339. white-space: nowrap;
  1340. text-overflow: ellipsis;
  1341. overflow: hidden;
  1342. }
  1343. #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
  1344. border-bottom: 0
  1345. }
  1346. #cssmenu ul ul li.has-sub > a:after {
  1347. position: absolute;
  1348. top: 16px;
  1349. right: 11px;
  1350. width: 8px;
  1351. height: 2px;
  1352. display: block;
  1353. background: #888;
  1354. content:''
  1355. }
  1356. #cssmenu ul ul li.has-sub > a:before {
  1357. position: absolute;
  1358. top: 13px;
  1359. right: 14px;
  1360. display: block;
  1361. width: 2px;
  1362. height: 8px;
  1363. background: #888;
  1364. content:'';
  1365. }
  1366. #cssmenu ul ul > li.has-sub:hover > a:before {
  1367. top: 17px;
  1368. height: 0
  1369. }
  1370. #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
  1371. background: #efefef;
  1372. }
  1373. #cssmenu ul ul ul li.active a {
  1374. border-left:1px solid #333
  1375. }
  1376. #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
  1377. border-top: 1px solid #333
  1378. }
  1379. @media screen and (min-width:801px){
  1380. #cssmenu ul {
  1381. display: block !important;
  1382. }
  1383. }
  1384. @media screen and (max-width:800px){
  1385. #cssmenu {
  1386. float: none;
  1387. }
  1388. #cssmenu ul {
  1389. background: #f8f8f8;
  1390. width: 100%;
  1391. display: none
  1392. }
  1393. #cssmenu ul ul {
  1394. -webkit-box-shadow: none;
  1395. box-shadow: none;
  1396. display:none;
  1397. }
  1398. #cssmenu ul li {
  1399. width: 100%;
  1400. border-top: 1px solid #efefef;
  1401. background: #f8f8f8;
  1402. }
  1403. #cssmenu ul ul li, #cssmenu li:hover > ul > li {
  1404. height: auto
  1405. }
  1406. #cssmenu ul li a, #cssmenu ul ul li a {
  1407. width: 100%;
  1408. border-bottom: 0;
  1409. color: #888 !important;
  1410. }
  1411. #cssmenu > ul > li {
  1412. float: none
  1413. }
  1414. #cssmenu ul ul li a {
  1415. padding-left: 25px
  1416. }
  1417. #cssmenu ul ul ul li a {
  1418. padding-left: 35px
  1419. }
  1420. #cssmenu ul ul, #cssmenu ul ul ul{
  1421. position: relative;
  1422. left: 0;
  1423. width: 100%;
  1424. margin: 0;
  1425. text-align: left
  1426. }
  1427. #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before{
  1428. display: none
  1429. }
  1430. #cssmenu #head-mobile {
  1431. display: block;
  1432. padding: 23px;
  1433. color: #fff;
  1434. font-size: 12px;
  1435. font-weight: 500
  1436. }
  1437. .button {
  1438. width: 20px;
  1439. height: 46px;
  1440. position: absolute;
  1441. left: 0;
  1442. top: 0;
  1443. cursor: pointer;
  1444. z-index: 2;
  1445. }
  1446. .button:after {
  1447. position: absolute;
  1448. top: 21px;
  1449. right: 0px;
  1450. display: block;
  1451. height: 4px;
  1452. width: 20px;
  1453. border-top: 3px solid #ffffff;
  1454. border-bottom: 3px solid #ffffff;
  1455. content:''
  1456. }
  1457. .button:before {
  1458. position: absolute;
  1459. top: 14px;
  1460. right: 0px;
  1461. display: block;
  1462. height: 3px;
  1463. width: 20px;
  1464. background: #ffffff;
  1465. content:''
  1466. }
  1467. .button.menu-opened:after {
  1468. top: 21px;
  1469. border: 0;
  1470. height: 3px;
  1471. width: 20px;
  1472. background: #ffffff;
  1473. -webkit-transform: rotate(45deg);
  1474. -moz-transform: rotate(45deg);
  1475. -ms-transform: rotate(45deg);
  1476. -o-transform: rotate(45deg);
  1477. transform: rotate(45deg)
  1478. }
  1479. .button.menu-opened:before {
  1480. top: 21px;
  1481. background: #ffffff;
  1482. width: 20px;
  1483. -webkit-transform: rotate(-45deg);
  1484. -moz-transform: rotate(-45deg);
  1485. -ms-transform: rotate(-45deg);
  1486. -o-transform: rotate(-45deg);
  1487. transform: rotate(-45deg)
  1488. }
  1489. #cssmenu .submenu-button {
  1490. position: absolute;
  1491. z-index: 99;
  1492. right: 0;
  1493. top: 0;
  1494. display: block;
  1495. border-left: 1px solid #efefef;
  1496. height: 38px;
  1497. width: 38px;
  1498. cursor: pointer
  1499. }
  1500. #cssmenu .submenu-button.submenu-opened {
  1501. background: rgba(64,64,64,0.05);
  1502. }
  1503. #cssmenu ul ul .submenu-button {
  1504. height: 32px;
  1505. width: 32px
  1506. }
  1507. #cssmenu .submenu-button:after {
  1508. position: absolute;
  1509. top: 19px;
  1510. right: 16px;
  1511. width: 8px;
  1512. height: 2px;
  1513. display: block;
  1514. background: #888;
  1515. content:''
  1516. }
  1517. #cssmenu ul ul .submenu-button:after {
  1518. top: 15px;
  1519. right: 13px
  1520. }
  1521. #cssmenu .submenu-button.submenu-opened:after {
  1522. background: #888
  1523. }
  1524. #cssmenu .submenu-button:before {
  1525. position: absolute;
  1526. top: 16px;
  1527. right: 19px;
  1528. display: block;
  1529. width: 2px;
  1530. height: 8px;
  1531. background: #888;
  1532. content:''
  1533. }
  1534. #cssmenu ul ul .submenu-button:before{
  1535. top: 12px;
  1536. right: 16px
  1537. }
  1538. #cssmenu .submenu-button.submenu-opened:before{
  1539. display: none
  1540. }
  1541. #cssmenu ul ul ul li.active a{
  1542. border-left: none
  1543. }
  1544. #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
  1545. border-top: none
  1546. }
  1547. }
  1548. /* FOOTER */
  1549. #footer-container {
  1550. background: #222222;
  1551. padding: 15px 5px;
  1552. overflow: hidden;
  1553. color: #dddddd;
  1554. font-size: 12px;
  1555. text-align: center;
  1556. }
  1557. #footer-wrapper {
  1558. max-width: 1000px;
  1559. margin: 0 auto;
  1560. }
  1561. #footer-wrapper a {
  1562. color: #dddddd;
  1563. }
  1564. #footer-wrapper a:hover {
  1565. color: #ffffff;
  1566. }
  1567. /* BACA JUGA */
  1568. #baca-juga {
  1569. display: none;
  1570. position: relative;
  1571. }
  1572. #baca-juga h2 {
  1573. color: #888888;
  1574. position: absolute;
  1575. top: -15px;
  1576. left: 20px;
  1577. border: 2px solid #efefef;
  1578. padding: 2px 12px;
  1579. font-size: 14px;
  1580. background: #ffffff;
  1581. font-weight: 500;
  1582. z-index: 1;
  1583. }
  1584. #baca-juga a {
  1585. font-weight: 500;
  1586. font-size: 14px;
  1587. display: block;
  1588. padding: 0;
  1589. }
  1590. #baca-juga ul {
  1591. max-width: 75%;
  1592. margin: 30px 0 20px;
  1593. padding: 20px 20px 10px 40px;
  1594. position: relative;
  1595. border: 2px solid #efefef;
  1596. }
  1597. #baca-juga li {
  1598. padding: 0px;
  1599. margin: .6em 0;
  1600. }
  1601. /* RELATED POSTS */
  1602. .related-post {
  1603. margin: 30px auto 0;
  1604. overflow: hidden;
  1605. }
  1606. .related-post h4 {
  1607. position:relative;
  1608. margin: 0;
  1609. display: inline-block;
  1610. font-weight: 500;
  1611. color: #afafaf;
  1612. text-transform: uppercase;
  1613. font-size: 16px;
  1614. z-index: 1;
  1615. background: #fff;
  1616. padding: 0 10px;
  1617. }
  1618. .related-post ul {
  1619. padding: 0 !important;
  1620. font-size: 14px;
  1621. }
  1622. /* Style 3 */
  1623. .related-post-style-3,
  1624. .related-post-style-3 li {
  1625. margin: 0;
  1626. padding: 0;
  1627. list-style: none;
  1628. word-wrap: break-word;
  1629. overflow: hidden;
  1630. }
  1631. .related-post-style-3 .related-post-item {
  1632. float: left;
  1633. width: 23.5%;
  1634. height: auto;
  1635. margin-right: 2%;
  1636. margin-bottom: 10px;
  1637. }
  1638. .related-post-style-3 .related-post-item:nth-of-type(4n+0) {
  1639. margin-right: 0;
  1640. }
  1641. .related-post-style-3 .related-post-item:hover {
  1642. opacity: 0.7;
  1643. }
  1644. .related-post-style-3 .related-post-item-thumbnail {
  1645. display: block;
  1646. max-height: none;
  1647. background-color: transparent;
  1648. border: none;
  1649. padding: 0;
  1650. max-width: 100%;
  1651. }
  1652. .related-post-style-3 .related-post-item-title {
  1653. color: #444;
  1654. }
  1655. .related-post-style-3 .related-post-item-tooltip {
  1656. padding: 10px 0;
  1657. }
  1658. .related-post-item-tooltip .related-post-item-title {
  1659. font-weight: 500;
  1660. display: block;
  1661. }
  1662. @media only screen and (max-width:480px){
  1663. .related-post-style-3 .related-post-item {
  1664. width: 48%;
  1665. margin-right: 4%;
  1666. }
  1667. .related-post-style-3 .related-post-item:nth-of-type(2n+0) {
  1668. margin-right: 0;
  1669. }
  1670. .related-post-style-3 .related-post-item:nth-of-type(2n+1) {
  1671. clear: both;
  1672. }
  1673. }
  1674. .contact-form-widget {
  1675. }
  1676. .contact-form-success-message, .contact-form-error-message {
  1677. background: #f9edbe;
  1678. border: 0 solid #f0c36d;
  1679. font-size: 14px;
  1680. text-align: center;
  1681. max-width: 500px;
  1682. border-radius: 3px;
  1683. }
  1684. .contact-form-success-message-with-border, .contact-form-error-message-with-border {
  1685. background: #f9edbe;
  1686. border: 1px solid #f0c36d;
  1687. font-size: 14px;
  1688. text-align: center;
  1689. max-width: 600px;
  1690. border-radius: 3px;
  1691. box-sizing: border-box;
  1692. padding: 5px 10px;
  1693. }
  1694. .contact-form-cross {
  1695. height: 11px;
  1696. margin: 0 5px;
  1697. vertical-align: -8.5%;
  1698. width: 11px;
  1699. }
  1700. .contact-form-email, .contact-form-name {
  1701. color: inherit;
  1702. height: 40px;
  1703. margin-top: 5px;
  1704. max-width: 300px;
  1705. width: 100%;
  1706. padding: 0 15px;
  1707. border-radius: 3px;
  1708. border: 1px solid #cacaca;
  1709. box-sizing: border-box;
  1710. }
  1711. .contact-form-email-message {
  1712. color: inherit;
  1713. margin-top: 5px;
  1714. vertical-align: top;
  1715. max-width: 600px;
  1716. width: 100%;
  1717. border-radius: 3px;
  1718. border: 1px solid #cacaca;
  1719. padding: 15px;
  1720. }
  1721. .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
  1722. outline: none;
  1723. border: 1px solid #49ACE1;
  1724. }
  1725. .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
  1726. outline: none;
  1727. border: 1px solid #49ACE1;
  1728. }
  1729. .contact-form-name, .contact-form-email, .contact-form-email-message {
  1730. background: #f8f8f8;
  1731. }
  1732. .contact-form-button {
  1733. display: block;
  1734. font-size: 14px;
  1735. line-height: 24px;
  1736. padding: 5px 20px;
  1737. margin: 30px 0;
  1738. text-align: center;
  1739. border: none;
  1740. background: #49ACE1;
  1741. color: #fff;
  1742. border-radius: 3px;
  1743. font-weight: 500;
  1744. }
  1745. .contact-form-button:hover, .contact-form-button.hover {
  1746. cursor: pointer;
  1747. outline: none;
  1748. opacity: .85;
  1749. }
  1750. .contact-form-button.focus, .contact-form-button.right.focus, .contact-form-button.mid.focus, .contact-form-button.left.focus {
  1751. outline: none;
  1752. }
  1753. .contact-form-button-submit:focus, .contact-form-button-submit.focus {
  1754. outline: none;
  1755. opacity: .85;
  1756. }
  1757. .swajib {
  1758. font-weight: bold;
  1759. color: #e85e5e;
  1760. }
  1761. .ctitles {
  1762. font-weight: 500;
  1763. display: block;
  1764. margin: 30px 0 0;
  1765. }
  1766. /* COMMENT FORM */
  1767. #comments-block {
  1768. margin: 15px 0;
  1769. }
  1770. .comment-body {
  1771. padding: 15px 0;
  1772. margin: 0 0;
  1773. }
  1774. .comment-body p {
  1775. margin: 0;
  1776. }
  1777. .comment-form {
  1778. overflow: hidden;
  1779. margin-top: 20px;
  1780. }
  1781. .comment-footer {
  1782. margin: 0 0 30px;
  1783. }
  1784. #comments-block .avatar-image-container {
  1785. display: none;
  1786. }
  1787. h4#comment-post-message {
  1788. display: none;
  1789. margin: 0 0 0 0;
  1790. }
  1791. .comments{
  1792. clear: both;
  1793. margin-top: 10px;
  1794. margin-bottom: 0
  1795. }
  1796. .comments .comments-content{
  1797. font-size: 14px;
  1798. margin-bottom: 30px
  1799. }
  1800. .comments .comments-content .comment-thread ol{
  1801. text-align: left;
  1802. margin: 13px 0;
  1803. padding: 0;
  1804. list-style: none;
  1805. }
  1806. .comment .avatar-image-container {
  1807. float: left;
  1808. max-height: 36px;
  1809. overflow: hidden;
  1810. width: 36px;
  1811. }
  1812. .comments .avatar-image-container img {
  1813. max-width: 34px;
  1814. border-radius: 17px;
  1815. }
  1816. .comments .comment-block{
  1817. position: relative;
  1818. padding: 20px;
  1819. margin-left: 45px;
  1820. border: 2px solid #efefef;
  1821. border-radius: 10px;
  1822. }
  1823. .comments .comments-content .comment-replies{
  1824. margin:10px 0;
  1825. margin-left:45px
  1826. }
  1827. .comments .comments-content .comment-thread:empty{
  1828. display:none
  1829. }
  1830. .comments .comment-replybox-single {
  1831. margin-left:45px
  1832. }
  1833. .comments .comment-replybox-thread {
  1834. }
  1835. iframe#comment-editor {
  1836. min-height: 220px;
  1837. }
  1838. .comments .comments-content .comment{
  1839. margin-bottom:6px;
  1840. padding:0
  1841. }
  1842. .comments .comments-content .comment:first-child {
  1843. padding:0;
  1844. margin:0
  1845. }
  1846. .comments .comments-content .comment:last-child {
  1847. padding:0;
  1848. margin:0
  1849. }
  1850. .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
  1851. margin:0px 0px 5px 14%
  1852. }
  1853. .comment .comment-thread.inline-thread .comment:nth-child(6) {
  1854. margin:0px 0px 5px 12%;
  1855. }
  1856. .comment .comment-thread.inline-thread .comment:nth-child(5) {
  1857. margin:0px 0px 5px 10%;
  1858. }
  1859. .comment .comment-thread.inline-thread .comment:nth-child(4) {
  1860. margin:0px 0px 5px 8%;
  1861. }
  1862. .comment .comment-thread.inline-thread .comment:nth-child(3) {
  1863. margin:0px 0px 5px 4%;
  1864. }
  1865. .comment .comment-thread.inline-thread .comment:nth-child(2) {
  1866. margin:0px 0px 5px 2%;
  1867. }
  1868. .comment .comment-thread.inline-thread .comment:nth-child(1) {
  1869. margin:0px 0px 5px 0;
  1870. }
  1871. .comments .comments-content .comment-thread{
  1872. margin:0;
  1873. padding:0
  1874. }
  1875. .comments .comments-content .inline-thread{
  1876. background:#fff;
  1877. margin:0
  1878. }
  1879. .comments .comments-content .icon.blog-author {
  1880. display:inline;
  1881. height: 18px;
  1882. margin: 0 0 -4px 6px;
  1883. width: 18px;
  1884. }
  1885. .comments .comments-content .icon.blog-author:after {
  1886. content:"\f058";
  1887. font-family: FontAwesome;
  1888. font-style: normal;
  1889. font-weight: normal;
  1890. text-decoration: inherit;
  1891. padding-right:4px;
  1892. color:#49ACE1;
  1893. }
  1894. .comments .comments-content .comment-header {
  1895. font-size:14px;
  1896. margin: 0 0 15px;
  1897. }
  1898. .comments .comments-content .comment-content {
  1899. margin: 0 0 15px;
  1900. text-align: left;
  1901. line-height: 1.6;
  1902. }
  1903. .comments .comments-content .datetime {
  1904. margin-left: 6px;
  1905. }
  1906. .comments .comments-content .datetime a {
  1907. color:#bbbbbb;
  1908. }
  1909. .comments .comments-content .user {
  1910. font-weight: 500;
  1911. font-style: normal;
  1912. }
  1913. .comments .comment .comment-actions a {
  1914. display:inline-block;
  1915. font-weight:500;
  1916. font-size:13px;
  1917. line-height:15px;
  1918. margin:4px 8px 0 0;
  1919. }
  1920. .comments .continue a {
  1921. display:inline-block;
  1922. font-size:13px;
  1923. padding: .5em;
  1924. }
  1925. .comments .comment .comment-actions a:hover, .comments .continue a:hover{
  1926. text-decoration:underline;
  1927. }
  1928. .pesan-komentar {
  1929. padding: 0 8px;
  1930. }
  1931. .pesan-komentar p {
  1932. margin: 5px 0;
  1933. }
  1934. .comments .comments-content .loadmore {
  1935. max-height: 24px;
  1936. opacity: 1;
  1937. overflow: hidden;
  1938. line-height: 24px;
  1939. }
  1940. .comments .comments-content .loadmore a {
  1941. display: block;
  1942. padding: 0 0;
  1943. text-align: center;
  1944. font-weight: 500;
  1945. }
  1946. .deleted-comment {
  1947. font-style: italic;
  1948. opacity: .5;
  1949. }
  1950. /* MEDIA QUERY */
  1951. @media only screen and (max-width:1080px){
  1952. #wrapper {
  1953. margin: 0 auto;
  1954. }
  1955. .footer-widget, #footer-navmenu-container {
  1956. max-width: 100%;
  1957. }
  1958. #header-wrapper, .footer-widget .widget, #footer-navmenu-container {
  1959. padding-left: 30px;
  1960. padding-right: 30px;
  1961. }
  1962. .sticky-mobile {
  1963. margin-right: 30px;
  1964. }
  1965. .img-thumbnail, .img-thumbnail img {
  1966. width: 240px;
  1967. height: 160px;
  1968. }
  1969. .info-1, .info-2, h2.post-title, .post-snippet {
  1970. margin-left: 260px;
  1971. }
  1972. .search-icon {
  1973. right: 30px;
  1974. }
  1975. }
  1976. @media only screen and (max-width:800px){
  1977. #header-wrapper {
  1978. padding-left: 0px;
  1979. padding-right: 0px;
  1980. position: relative;
  1981. }
  1982. #wrapper {
  1983. padding: 70px 20px 20px;
  1984. }
  1985. #cssmenu > ul > li > a {
  1986. padding: 12px 20px;
  1987. }
  1988. .footer-widget .widget, #footer-navmenu-container {
  1989. padding-left: 20px;
  1990. padding-right: 20px;
  1991. }
  1992. .button {
  1993. margin-left: 20px;
  1994. }
  1995. .header {
  1996. position: absolute;
  1997. top: 0;
  1998. left: 45px;
  1999. right: 45px;
  2000. z-index: 1;
  2001. text-align: center;
  2002. float: none;
  2003. display: inline-block;
  2004. max-width: 100%;
  2005. margin-right: 0;
  2006. }
  2007. .header img {
  2008. display: inline-block !important;
  2009. }
  2010. .img-thumbnail, .img-thumbnail img {
  2011. width: 180px;
  2012. height: 120px;
  2013. }
  2014. .info-1, .info-2, h2.post-title, .post-snippet {
  2015. margin-left: 195px;
  2016. }
  2017. .search-icon {
  2018. right: 20px;
  2019. }
  2020. }
  2021. @media only screen and (max-width:768px){
  2022. #post-wrapper, #sidebar-wrapper {
  2023. float:none;
  2024. width:100%;
  2025. max-width:100%
  2026. }
  2027. .post-container {
  2028. padding: 0 0 20px 0;
  2029. }
  2030. }
  2031. @media only screen and (max-width:640px){
  2032. #wrapper {
  2033. padding: 70px 15px 15px;
  2034. }
  2035. #cssmenu > ul > li > a {
  2036. padding: 12px 15px;
  2037. }
  2038. .footer-widget .widget, #footer-navmenu-container {
  2039. padding-left: 15px;
  2040. padding-right: 15px;
  2041. }
  2042. .button {
  2043. margin-left: 15px;
  2044. }
  2045. #post-wrapper, #sidebar-wrapper {
  2046. float:none;
  2047. width:100%;
  2048. max-width:100%
  2049. }
  2050. .info-1, .info-2, h2.post-title, .post-snippet {
  2051. margin-left: 190px;
  2052. }
  2053. .search-icon {
  2054. right: 15px;
  2055. }
  2056. }
  2057. @media only screen and (max-width:480px){
  2058. #wrapper {
  2059. padding: 70px 12px 12px;
  2060. }
  2061. #cssmenu > ul > li > a {
  2062. padding: 12px 12px;
  2063. }
  2064. .footer-widget .widget, #footer-navmenu-container {
  2065. padding-left: 12px;
  2066. padding-right: 12px;
  2067. }
  2068. #footer-navmenu ul li a {
  2069. margin: 0px 8px;
  2070. }
  2071. ul.nav-social li {
  2072. padding: 0px 8px;
  2073. }
  2074. .button {
  2075. margin-left: 12px;
  2076. }
  2077. .img-thumbnail {
  2078. float: right;
  2079. width: 100px;
  2080. height: auto;
  2081. margin: 3px 0px 0px 10px;
  2082. }
  2083. .img-thumbnail img {
  2084. width: 100px;
  2085. height: 67px;
  2086. }
  2087. .info-1, .info-2, h2.post-title, .post-snippet {
  2088. margin-left: 0px;
  2089. }
  2090. .post-snippet {
  2091. margin-top: 10px;
  2092. }
  2093. .post {
  2094. overflow: hidden;
  2095. }
  2096. h1{font-size:170%}
  2097. h2{font-size:150%}
  2098. h3{font-size:130%}
  2099. h4{font-size:120%}
  2100. h5{font-size:110%}
  2101. h6{font-size:100%}
  2102. h2.post-title {
  2103. font-size: 18px;
  2104. display: inline;
  2105. }
  2106. h1.post-title {
  2107. font-size: 24px;
  2108. }
  2109. .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {
  2110. margin:0 0 20px;
  2111. }
  2112. .comments .comments-content .comment-replies{
  2113. margin-left:20px !important;
  2114. }
  2115. .comments .comment-block {
  2116. padding: 15px !important;
  2117. }
  2118. .comment .comment-thread.inline-thread .comment {
  2119. margin: 0 0 0 0 !important;
  2120. }
  2121. iframe#comment-editor {
  2122. min-height: 270px;
  2123. }
  2124. #searchfs input[type="search"] {
  2125. font-size: 26px;
  2126. }
  2127. .FeaturedPost .post-summary h3 {
  2128. font-size: 20px;
  2129. margin: 0 10px;
  2130. }
  2131. .FeaturedPost .post-summary p {
  2132. margin: 0 10px;
  2133. }
  2134. .search-icon {
  2135. right: 12px;
  2136. }
  2137. #baca-juga {
  2138. max-width: 100%;
  2139. }
  2140. }
  2141. @media screen and (max-width:320px){
  2142. #wrapper {
  2143. padding: 70px 10px 10px;
  2144. }
  2145. #cssmenu > ul > li > a {
  2146. padding: 12px 10px;
  2147. }
  2148. .footer-widget .widget, #footer-navmenu-container {
  2149. padding-left: 10px;
  2150. padding-right: 10px;
  2151. }
  2152. .button {
  2153. margin-left: 10px;
  2154. }
  2155. .info-1, .info-2, h2.post-title, .post-snippet {
  2156. margin-left: 0px;
  2157. }
  2158. .search-icon {
  2159. right: 10px;
  2160. }
  2161. }
  2162. /* Tombol Download */
  2163. .buttonDownload {
  2164. border-radius: 3px;
  2165. display: inline-block;
  2166. position: relative;
  2167. padding: 10px 25px;
  2168. background-color: #49ACE1;
  2169. color: white !important;
  2170. font-weight: 500;
  2171. font-size: 0.9em;
  2172. text-align: center;
  2173. text-indent: 15px;
  2174. transition:all 0.4s;
  2175. -moz-transition:all 0.4s;
  2176. -webkit-transition:all 0.4s;
  2177. }
  2178. .buttonDownload:hover {
  2179. opacity: .85;
  2180. }
  2181. .buttonDownload:before, .buttonDownload:after {
  2182. content: ' ';
  2183. display: block;
  2184. position: absolute;
  2185. left: 15px;
  2186. top: 52%;
  2187. }
  2188. .buttonDownload:before {
  2189. width: 10px;
  2190. height: 2px;
  2191. border-style: solid;
  2192. border-width: 0 2px 2px;
  2193. }
  2194. .buttonDownload:after {
  2195. width: 0;
  2196. height: 0;
  2197. margin-left: 3px;
  2198. margin-top: -7px;
  2199. border-style: solid;
  2200. border-width: 4px 4px 0 4px;
  2201. border-color: transparent;
  2202. border-top-color: inherit;
  2203. animation: downloadArrow 2s linear infinite;
  2204. animation-play-state: paused;
  2205. }
  2206. .buttonDownload:hover:after {
  2207. animation-play-state: running;
  2208. }
  2209. @keyframes downloadArrow {
  2210. 0% {
  2211. margin-top: -7px;
  2212. opacity: 1;
  2213. }
  2214. 0.001% {
  2215. margin-top: -15px;
  2216. opacity: 0;
  2217. }
  2218. 50% {
  2219. opacity: 1;
  2220. }
  2221. 100% {
  2222. margin-top: 0;
  2223. opacity: 0;
  2224. }
  2225. }
  2226.  
  2227.  
  2228. ]]></b:skin>
  2229.  
  2230. <b:template-skin>
  2231. <![CDATA[
  2232. /* CSS FOR LAYOUT */
  2233. body#layout, body#layout div.section {
  2234. font-family: Arial, sans-serif;
  2235. }
  2236. body#layout {
  2237. max-width: 1040px;
  2238. }
  2239. body#layout .sidebar-sticky {
  2240. z-index:0;
  2241. }
  2242. body#layout #wrapper {
  2243. overflow: unset;
  2244. }
  2245. body#layout:before {
  2246. content: "VioMagz v.2.4";
  2247. position: absolute;
  2248. top: 20px;
  2249. right: 20px;
  2250. z-index: 1;
  2251. padding: 10px 20px;
  2252. font-size: 18px;
  2253. color: #49ACE1;
  2254. background: #fff;
  2255. border-radius: 20px;
  2256. border: 1px solid #d6d6d6;
  2257. }
  2258. body#layout .widget-content {
  2259. box-shadow: none;
  2260. }
  2261. body#layout #navbar {
  2262. display: block;
  2263. margin: 0;
  2264. max-width: 100%;
  2265. padding: 0 20px;
  2266. margin-bottom: 12px;
  2267. }
  2268. body#layout .header {
  2269. width: 200px;
  2270. }
  2271. body#layout #navbar:before {
  2272. content: "Untuk mempercepat loading blog, klik edit dan nonaktifkan Navbar ==>>";
  2273. position: absolute;
  2274. bottom: 18px;
  2275. z-index: 999;
  2276. right: 80px;
  2277. color: #999;
  2278. font-size: 12px;
  2279. }
  2280. body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container {
  2281. margin: 0 0;
  2282. padding: 0 20px;
  2283. }
  2284. body#layout #footer-container {
  2285. padding-bottom: 20px;
  2286. }
  2287. body#layout #cssmenu {
  2288. display: block;
  2289. padding: 20px;
  2290. margin: 8px 0;
  2291. width: 500px;
  2292. font-size: 14px;
  2293. color: #fff;
  2294. background: #bbbbbb;
  2295. font-weight: bold;
  2296. float: right;
  2297. }
  2298. body#layout #cssmenu:after {
  2299. content: "Menu navigasi harus diedit melalui Edit HTML";
  2300. color: #fff;
  2301. position: absolute;
  2302. top: 30px;
  2303. left: 20px;
  2304. visibility: visible;
  2305. }
  2306. body#layout .post-container {
  2307. padding: 0 15px 0 0;
  2308. }
  2309. body#layout .sidebar-container {
  2310. padding: 0 0 0 0;
  2311. }
  2312. body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 {
  2313. display: none;
  2314. }
  2315. body#layout div.section {
  2316. background: transparent;
  2317. margin: 0px 0px 15px 0px;
  2318. padding: 0px;
  2319. border: none;
  2320. -webkit-box-sizing: border-box;
  2321. -moz-box-sizing: border-box;
  2322. box-sizing: border-box;
  2323. }
  2324. body#layout .sidebar-sticky:before {
  2325. content: "Widget Sidebar (Sticky)";
  2326. }
  2327. body#layout .sidebar:before {
  2328. content: "Widget Sidebar";
  2329. }
  2330. body#layout .above-post-widget:before {
  2331. content: "Widget di Atas Post (Hanya Homepage)";
  2332. }
  2333. body#layout .Blog:before {
  2334. content: "Posting Blog";
  2335. margin-bottom: 8px;
  2336. }
  2337. body#layout .bellow-header-widget:before {
  2338. content: "Widget di Bawah Header/Menu Navigasi";
  2339. }
  2340. body#layout #footer-widget-container:before {
  2341. content: "Widget di Atas Footer";
  2342. }
  2343. body#layout .sidebar-sticky:before, body#layout .sidebar:before, body#layout .above-post-widget:before, body#layout .Blog:before, body#layout .bellow-header-widget:before, body#layout #footer-widget-container:before {
  2344. padding: 5px 10px;
  2345. display: block;
  2346. font-size: 14px;
  2347. color: #fff;
  2348. background: #bbbbbb;
  2349. box-shadow: rgba(0,0,0,0.12) 0 0 2px 0, rgba(0,0,0,0.24) 0 2px 2px 0;
  2350. font-weight: bold;
  2351. }
  2352. body#layout .add_widget, body#layout .widget-content {
  2353. padding: 12px;
  2354. }
  2355. body#layout .add_widget a {
  2356. margin-left: 0px;
  2357. font-size: 14px;
  2358. }
  2359. body#layout div.layout-title {
  2360. font-size: 14px;
  2361. }
  2362. body#layout div.layout-widget-description {
  2363. font-size: 12px;
  2364. }
  2365. body#layout .editlink {
  2366. color: #FFFFFF !important;
  2367. background: #bbbbbb;
  2368. border-radius: 15px;
  2369. padding: 4px 6px;
  2370. }
  2371. body#layout #footer-wrapper {
  2372. position: relative;
  2373. background: #fff;
  2374. height: 40px;
  2375. border: 1px solid #ddd;
  2376. }
  2377. body#layout #footer-wrapper:after {
  2378. content:"Footer";
  2379. color:#999;
  2380. position:absolute;
  2381. top:12px;
  2382. }
  2383. body#layout #footer-navmenu {
  2384. position: relative;
  2385. display: block;
  2386. padding:0;
  2387. font-size: 14px;
  2388. color: #fff;
  2389. background: #bbbbbb;
  2390. font-weight: bold;
  2391. margin: 0 20px 8px;
  2392. height: 50px;
  2393. }
  2394. body#layout #footer-navmenu:after {
  2395. content: "Menu navigasi harus diedit melalui Edit HTML";
  2396. color: #fff;
  2397. position: absolute;
  2398. top: 17px;
  2399. left: 20px;
  2400. visibility: visible;
  2401. }
  2402.  
  2403. ]]></b:template-skin>
  2404.  
  2405. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  2406. <style>
  2407. /* ERROR PAGE */
  2408. .status-msg-body:after, .status-msg-hidden:after {
  2409. content: &quot;404&quot;;
  2410. font-size: 140px;
  2411. display: block;
  2412. margin: 30px 0;
  2413. color: #e86e6e;
  2414. font-weight: 700;
  2415. text-shadow: 6px 6px #efefef;
  2416. }
  2417. #blog-pager, #sidebar-wrapper {
  2418. display: none;
  2419. }
  2420. #post-wrapper {
  2421. width: 100%;
  2422. max-width: 100%;
  2423. }
  2424. .status-msg-body {
  2425. padding: 30px 0;
  2426. }
  2427. </style>
  2428. </b:if>
  2429. <script type='text/javascript'>//<![CDATA[
  2430. /*! jQuery v2.1.3 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
  2431. !function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m="2.1.3",n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:"jQuery"+(m+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return"object"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,"isPrototypeOf")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf("use strict")?(b=l.createElement("script"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,"ms-").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(o,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function s(a){var b=a.length,c=n.type(a);return"function"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=hb(),z=hb(),A=hb(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ab=/[+~]/,bb=/'|\\/g,cb=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),db=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},eb=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fb){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function gb(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(bb,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+rb(o[l]);w=ab.test(a)&&pb(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function hb(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ib(a){return a[u]=!0,a}function jb(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function kb(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function lb(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function mb(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function nb(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function ob(a){return ib(function(b){return b=+b,ib(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pb(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=gb.support={},f=gb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=gb.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",eb,!1):e.attachEvent&&e.attachEvent("onunload",eb)),p=!f(g),c.attributes=jb(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=jb(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=jb(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(cb,db);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(jb(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\f]' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),jb(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&jb(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return lb(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?lb(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},gb.matches=function(a,b){return gb(a,null,null,b)},gb.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return gb(b,n,null,[a]).length>0},gb.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},gb.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},gb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},gb.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=gb.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=gb.selectors={cacheLength:50,createPseudo:ib,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(cb,db),a[3]=(a[3]||a[4]||a[5]||"").replace(cb,db),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||gb.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&gb.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(cb,db).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=gb.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||gb.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ib(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ib(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ib(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ib(function(a){return function(b){return gb(a,b).length>0}}),contains:ib(function(a){return a=a.replace(cb,db),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ib(function(a){return W.test(a||"")||gb.error("unsupported lang: "+a),a=a.replace(cb,db).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:ob(function(){return[0]}),last:ob(function(a,b){return[b-1]}),eq:ob(function(a,b,c){return[0>c?c+b:c]}),even:ob(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:ob(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:ob(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:ob(function(a,b,c){for(var d=0>c?c+b:c;++d<b;)a.push(d);return a})}},d.pseudos.nth=d.pseudos.eq;for(b in{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})d.pseudos[b]=mb(b);for(b in{submit:!0,reset:!0})d.pseudos[b]=nb(b);function qb(){}qb.prototype=d.filters=d.pseudos,d.setFilters=new qb,g=gb.tokenize=function(a,b){var c,e,f,g,h,i,j,k=z[a+" "];if(k)return b?0:k.slice(0);h=a,i=[],j=d.preFilter;while(h){(!c||(e=S.exec(h)))&&(e&&(h=h.slice(e[0].length)||h),i.push(f=[])),c=!1,(e=T.exec(h))&&(c=e.shift(),f.push({value:c,type:e[0].replace(R," ")}),h=h.slice(c.length));for(g in d.filter)!(e=X[g].exec(h))||j[g]&&!(e=j[g](e))||(c=e.shift(),f.push({value:c,type:g,matches:e}),h=h.slice(c.length));if(!c)break}return b?h.length:h?gb.error(a):z(a,i).slice(0)};function rb(a){for(var b=0,c=a.length,d="";c>b;b++)d+=a[b].value;return d}function sb(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function tb(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ub(a,b,c){for(var d=0,e=b.length;e>d;d++)gb(a,b[d],c);return c}function vb(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wb(a,b,c,d,e,f){return d&&!d[u]&&(d=wb(d)),e&&!e[u]&&(e=wb(e,f)),ib(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ub(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:vb(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=vb(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=vb(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xb(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sb(function(a){return a===b},h,!0),l=sb(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sb(tb(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wb(i>1&&tb(m),i>1&&rb(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xb(a.slice(i,e)),f>e&&xb(a=a.slice(e)),f>e&&rb(a))}m.push(c)}return tb(m)}function yb(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=vb(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&gb.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ib(f):f}return h=gb.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xb(b[c]),f[u]?d.push(f):e.push(f);f=A(a,yb(e,d)),f.selector=a}return f},i=gb.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(cb,db),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(cb,db),ab.test(j[0].type)&&pb(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&rb(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,ab.test(a)&&pb(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=jb(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),jb(function(a){return a.innerHTML="<a href='#'></a>","#"===a.firstChild.getAttribute("href")})||kb("type|href|height|width",function(a,b,c){return c?void 0:a.getAttribute(b,"type"===b.toLowerCase()?1:2)}),c.attributes&&jb(function(a){return a.innerHTML="<input/>",a.firstChild.setAttribute("value",""),""===a.firstChild.getAttribute("value")})||kb("value",function(a,b,c){return c||"input"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),jb(function(a){return null==a.getAttribute("disabled")})||kb(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),gb}(a);n.find=t,n.expr=t.selectors,n.expr[":"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,w=/^.[^:#\[\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if("string"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=":not("+a+")"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if("string"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+" "+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,"string"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if("string"==typeof a){if(c="<"===a[0]&&">"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?"undefined"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||"string"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?"string"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,"parentNode")},parentsUntil:function(a,b,c){return n.dir(a,"parentNode",c)},next:function(a){return D(a,"nextSibling")},prev:function(a){return D(a,"previousSibling")},nextAll:function(a){return n.dir(a,"nextSibling")},prevAll:function(a){return n.dir(a,"previousSibling")},nextUntil:function(a,b,c){return n.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return n.dir(a,"previousSibling",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return"Until"!==a.slice(-5)&&(d=c),d&&"string"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a="string"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);"function"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&"string"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[["resolve","done",n.Callbacks("once memory"),"resolved"],["reject","fail",n.Callbacks("once memory"),"rejected"],["notify","progress",n.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+"With"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+"With"](this===e?d:this,arguments),this},e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler("ready"),n(l).off("ready"))))}});function I(){l.removeEventListener("DOMContentLoaded",I,!1),a.removeEventListener("load",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),"complete"===l.readyState?setTimeout(n.ready):(l.addEventListener("DOMContentLoaded",I,!1),a.addEventListener("load",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if("object"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if("string"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&"string"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d="data-"+b.replace(O,"-$1").toLowerCase(),c=a.getAttribute(d),"string"==typeof c){try{c="true"===c?!0:"false"===c?!1:"null"===c?null:+c+""===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){return M.access(a,b,c)
  2432. },removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,"hasDataAttrs"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf("data-")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,"hasDataAttrs",!0)}return e}return"object"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf("-")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};"inprogress"===e&&(e=c.shift(),d--),e&&("fx"===b&&c.unshift("inprogress"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks("once memory").add(function(){L.remove(a,[b+"queue",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return"string"!=typeof a&&(b=a,a="fx",c--),arguments.length<c?n.queue(this[0],a):void 0===b?this:this.each(function(){var c=n.queue(this,a,b);n._queueHooks(this,a),"fx"===a&&"inprogress"!==c[0]&&n.dequeue(this,a)})},dequeue:function(a){return this.each(function(){n.dequeue(this,a)})},clearQueue:function(a){return this.queue(a||"fx",[])},promise:function(a,b){var c,d=1,e=n.Deferred(),f=this,g=this.length,h=function(){--d||e.resolveWith(f,[f])};"string"!=typeof a&&(b=a,a=void 0),a=a||"fx";while(g--)c=L.get(f[g],a+"queueHooks"),c&&c.empty&&(d++,c.empty.add(h));return h(),e.promise(b)}});var Q=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,R=["Top","Right","Bottom","Left"],S=function(a,b){return a=b||a,"none"===n.css(a,"display")||!n.contains(a.ownerDocument,a)},T=/^(?:checkbox|radio)$/i;!function(){var a=l.createDocumentFragment(),b=a.appendChild(l.createElement("div")),c=l.createElement("input");c.setAttribute("type","radio"),c.setAttribute("checked","checked"),c.setAttribute("name","t"),b.appendChild(c),k.checkClone=b.cloneNode(!0).cloneNode(!0).lastChild.checked,b.innerHTML="<textarea>x</textarea>",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U="undefined";k.focusinBubbles="onfocusin"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||"").match(E)||[""],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(".")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||"").match(E)||[""],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||"").split(".").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp("(^|\\.)"+p.join("\\.(?:.*\\.|)")+"(\\.|$)"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&("**"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,"events"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,"type")?b.type:b,r=j.call(b,"namespace")?b.namespace.split("."):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),k=q.indexOf(":")<0&&"on"+q,b=b[n.expando]?b:new n.Event(q,"object"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join("."),b.namespace_re=b.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,"events")||{})[b.type]&&L.get(g,"handle"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,"events")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||"click"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||"click"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+" ",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<b.length&&g.push({elem:this,handlers:b.slice(h)}),g},props:"altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),fixHooks:{},keyHooks:{props:"char charCode key keyCode".split(" "),filter:function(a,b){return null==a.which&&(a.which=null!=b.charCode?b.charCode:b.keyCode),a}},mouseHooks:{props:"button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),filter:function(a,b){var c,d,e,f=b.button;return null==a.pageX&&null!=b.clientX&&(c=a.target.ownerDocument||l,d=c.documentElement,e=c.body,a.pageX=b.clientX+(d&&d.scrollLeft||e&&e.scrollLeft||0)-(d&&d.clientLeft||e&&e.clientLeft||0),a.pageY=b.clientY+(d&&d.scrollTop||e&&e.scrollTop||0)-(d&&d.clientTop||e&&e.clientTop||0)),a.which||void 0===f||(a.which=1&f?1:2&f?3:4&f?2:0),a}},fix:function(a){if(a[n.expando])return a;var b,c,d,e=a.type,f=a,g=this.fixHooks[e];g||(this.fixHooks[e]=g=W.test(e)?this.mouseHooks:V.test(e)?this.keyHooks:{}),d=g.props?this.props.concat(g.props):this.props,a=new n.Event(f),b=d.length;while(b--)c=d[b],a[c]=f[c];return a.target||(a.target=l),3===a.target.nodeType&&(a.target=a.target.parentNode),g.filter?g.filter(a,f):a},special:{load:{noBubble:!0},focus:{trigger:function(){return this!==_()&&this.focus?(this.focus(),!1):void 0},delegateType:"focusin"},blur:{trigger:function(){return this===_()&&this.blur?(this.blur(),!1):void 0},delegateType:"focusout"},click:{trigger:function(){return"checkbox"===this.type&&this.click&&n.nodeName(this,"input")?(this.click(),!1):void 0},_default:function(a){return n.nodeName(a.target,"a")}},beforeunload:{postDispatch:function(a){void 0!==a.result&&a.originalEvent&&(a.originalEvent.returnValue=a.result)}}},simulate:function(a,b,c,d){var e=n.extend(new n.Event,c,{type:a,isSimulated:!0,originalEvent:{}});d?n.event.trigger(e,null,b):n.event.dispatch.call(b,e),e.isDefaultPrevented()&&c.preventDefault()}},n.removeEvent=function(a,b,c){a.removeEventListener&&a.removeEventListener(b,c,!1)},n.Event=function(a,b){return this instanceof n.Event?(a&&a.type?(this.originalEvent=a,this.type=a.type,this.isDefaultPrevented=a.defaultPrevented||void 0===a.defaultPrevented&&a.returnValue===!1?Z:$):this.type=a,b&&n.extend(this,b),this.timeStamp=a&&a.timeStamp||n.now(),void(this[n.expando]=!0)):new n.Event(a,b)},n.Event.prototype={isDefaultPrevented:$,isPropagationStopped:$,isImmediatePropagationStopped:$,preventDefault:function(){var a=this.originalEvent;this.isDefaultPrevented=Z,a&&a.preventDefault&&a.preventDefault()},stopPropagation:function(){var a=this.originalEvent;this.isPropagationStopped=Z,a&&a.stopPropagation&&a.stopPropagation()},stopImmediatePropagation:function(){var a=this.originalEvent;this.isImmediatePropagationStopped=Z,a&&a.stopImmediatePropagation&&a.stopImmediatePropagation(),this.stopPropagation()}},n.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(a,b){n.event.special[a]={delegateType:b,bindType:b,handle:function(a){var c,d=this,e=a.relatedTarget,f=a.handleObj;return(!e||e!==d&&!n.contains(d,e))&&(a.type=f.origType,c=f.handler.apply(this,arguments),a.type=b),c}}}),k.focusinBubbles||n.each({focus:"focusin",blur:"focusout"},function(a,b){var c=function(a){n.event.simulate(b,a.target,n.event.fix(a),!0)};n.event.special[b]={setup:function(){var d=this.ownerDocument||this,e=L.access(d,b);e||d.addEventListener(a,c,!0),L.access(d,b,(e||0)+1)},teardown:function(){var d=this.ownerDocument||this,e=L.access(d,b)-1;e?L.access(d,b,e):(d.removeEventListener(a,c,!0),L.remove(d,b))}}}),n.fn.extend({on:function(a,b,c,d,e){var f,g;if("object"==typeof a){"string"!=typeof b&&(c=c||b,b=void 0);for(g in a)this.on(g,b,c,a[g],e);return this}if(null==c&&null==d?(d=b,c=b=void 0):null==d&&("string"==typeof b?(d=c,c=void 0):(d=c,c=b,b=void 0)),d===!1)d=$;else if(!d)return this;return 1===e&&(f=d,d=function(a){return n().off(a),f.apply(this,arguments)},d.guid=f.guid||(f.guid=n.guid++)),this.each(function(){n.event.add(this,a,d,c,b)})},one:function(a,b,c,d){return this.on(a,b,c,d,1)},off:function(a,b,c){var d,e;if(a&&a.preventDefault&&a.handleObj)return d=a.handleObj,n(a.delegateTarget).off(d.namespace?d.origType+"."+d.namespace:d.origType,d.selector,d.handler),this;if("object"==typeof a){for(e in a)this.off(e,b,a[e]);return this}return(b===!1||"function"==typeof b)&&(c=b,b=void 0),c===!1&&(c=$),this.each(function(){n.event.remove(this,a,c,b)})},trigger:function(a,b){return this.each(function(){n.event.trigger(a,b,this)})},triggerHandler:function(a,b){var c=this[0];return c?n.event.trigger(a,b,c,!0):void 0}});var ab=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bb=/<([\w:]+)/,cb=/<|&#?\w+;/,db=/<(?:script|style|link)/i,eb=/checked\s*(?:[^=]|=\s*.checked.)/i,fb=/^$|\/(?:java|ecma)script/i,gb=/^true\/(.*)/,hb=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,ib={option:[1,"<select multiple='multiple'>","</select>"],thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};ib.optgroup=ib.option,ib.tbody=ib.tfoot=ib.colgroup=ib.caption=ib.thead,ib.th=ib.td;function jb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function kb(a){return a.type=(null!==a.getAttribute("type"))+"/"+a.type,a}function lb(a){var b=gb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function mb(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],"globalEval",!b||L.get(b[c],"globalEval"))}function nb(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function ob(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||"*"):a.querySelectorAll?a.querySelectorAll(b||"*"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pb(a,b){var c=b.nodeName.toLowerCase();"input"===c&&T.test(a.type)?b.checked=a.checked:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=ob(h),f=ob(a),d=0,e=f.length;e>d;d++)pb(f[d],g[d]);if(b)if(c)for(f=f||ob(a),g=g||ob(h),d=0,e=f.length;e>d;d++)nb(f[d],g[d]);else nb(a,h);return g=ob(h,"script"),g.length>0&&mb(g,!i&&ob(a,"script")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if("object"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(cb.test(e)){f=f||k.appendChild(b.createElement("div")),g=(bb.exec(e)||["",""])[1].toLowerCase(),h=ib[g]||ib._default,f.innerHTML=h[1]+e.replace(ab,"<$1></$2>")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=""}else l.push(b.createTextNode(e));k.textContent="",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=ob(k.appendChild(e),"script"),i&&mb(f),c)){j=0;while(e=f[j++])fb.test(e.type||"")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=jb(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(ob(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&mb(ob(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(ob(a,!1)),a.textContent="");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if("string"==typeof a&&!db.test(a)&&!ib[(bb.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(ab,"<$1></$2>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(ob(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(ob(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&eb.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(ob(c,"script"),kb),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,ob(h,"script"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,lb),j=0;g>j;j++)h=f[j],fb.test(h.type||"")&&!L.access(h,"globalEval")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(hb,"")))}return this}}),n.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qb,rb={};function sb(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],"display");return e.detach(),f}function tb(a){var b=l,c=rb[a];return c||(c=sb(a,b),"none"!==c&&c||(qb=(qb||n("<iframe frameborder='0' width='0' height='0'/>")).appendTo(b.documentElement),b=qb[0].contentDocument,b.write(),b.close(),c=sb(a,b),qb.detach()),rb[a]=c),c}var ub=/^margin/,vb=new RegExp("^("+Q+")(?!px)[a-z%]+$","i"),wb=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};function xb(a,b,c){var d,e,f,g,h=a.style;return c=c||wb(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(""!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),vb.test(g)&&ub.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+"":g}function yb(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d=l.documentElement,e=l.createElement("div"),f=l.createElement("div");if(f.style){f.style.backgroundClip="content-box",f.cloneNode(!0).style.backgroundClip="",k.clearCloneStyle="content-box"===f.style.backgroundClip,e.style.cssText="border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute",e.appendChild(f);function g(){f.style.cssText="-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute",f.innerHTML="",d.appendChild(e);var g=a.getComputedStyle(f,null);b="1%"!==g.top,c="4px"===g.width,d.removeChild(e)}a.getComputedStyle&&n.extend(k,{pixelPosition:function(){return g(),b},boxSizingReliable:function(){return null==c&&g(),c},reliableMarginRight:function(){var b,c=f.appendChild(l.createElement("div"));return c.style.cssText=f.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0",c.style.marginRight=c.style.width="0",f.style.width="1px",d.appendChild(e),b=!parseFloat(a.getComputedStyle(c,null).marginRight),d.removeChild(e),f.removeChild(c),b}})}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var zb=/^(none|table(?!-c[ea]).+)/,Ab=new RegExp("^("+Q+")(.*)$","i"),Bb=new RegExp("^([+-])=("+Q+")","i"),Cb={position:"absolute",visibility:"hidden",display:"block"},Db={letterSpacing:"0",fontWeight:"400"},Eb=["Webkit","O","Moz","ms"];function Fb(a,b){if(b in a)return b;var c=b[0].toUpperCase()+b.slice(1),d=b,e=Eb.length;while(e--)if(b=Eb[e]+c,b in a)return b;return d}function Gb(a,b,c){var d=Ab.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function Hb(a,b,c,d,e){for(var f=c===(d?"border":"content")?4:"width"===b?1:0,g=0;4>f;f+=2)"margin"===c&&(g+=n.css(a,c+R[f],!0,e)),d?("content"===c&&(g-=n.css(a,"padding"+R[f],!0,e)),"margin"!==c&&(g-=n.css(a,"border"+R[f]+"Width",!0,e))):(g+=n.css(a,"padding"+R[f],!0,e),"padding"!==c&&(g+=n.css(a,"border"+R[f]+"Width",!0,e)));return g}function Ib(a,b,c){var d=!0,e="width"===b?a.offsetWidth:a.offsetHeight,f=wb(a),g="border-box"===n.css(a,"boxSizing",!1,f);if(0>=e||null==e){if(e=xb(a,b,f),(0>e||null==e)&&(e=a.style[b]),vb.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Hb(a,b,c||(g?"border":"content"),d,f)+"px"}function Jb(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=L.get(d,"olddisplay"),c=d.style.display,b?(f[g]||"none"!==c||(d.style.display=""),""===d.style.display&&S(d)&&(f[g]=L.access(d,"olddisplay",tb(d.nodeName)))):(e=S(d),"none"===c&&e||L.set(d,"olddisplay",e?c:n.css(d,"display"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&"none"!==d.style.display&&""!==d.style.display||(d.style.display=b?f[g]||"":"none"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=xb(a,"opacity");return""===c?"1":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":"cssFloat"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Fb(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&"get"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,"string"===f&&(e=Bb.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f="number"),null!=c&&c===c&&("number"!==f||n.cssNumber[h]||(c+="px"),k.clearCloneStyle||""!==c||0!==b.indexOf("background")||(i[b]="inherit"),g&&"set"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Fb(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&"get"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=xb(a,b,d)),"normal"===e&&b in Db&&(e=Db[b]),""===c||c?(f=parseFloat(e),c===!0||n.isNumeric(f)?f||0:e):e}}),n.each(["height","width"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?zb.test(n.css(a,"display"))&&0===a.offsetWidth?n.swap(a,Cb,function(){return Ib(a,b,d)}):Ib(a,b,d):void 0},set:function(a,c,d){var e=d&&wb(a);return Gb(a,c,d?Hb(a,b,d,"border-box"===n.css(a,"boxSizing",!1,e),e):0)}}}),n.cssHooks.marginRight=yb(k.reliableMarginRight,function(a,b){return b?n.swap(a,{display:"inline-block"},xb,[a,"marginRight"]):void 0}),n.each({margin:"",padding:"",border:"Width"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f="string"==typeof c?c.split(" "):[c];4>d;d++)e[a+R[d]+b]=f[d]||f[d-2]||f[0];return e}},ub.test(a)||(n.cssHooks[a+b].set=Gb)}),n.fn.extend({css:function(a,b){return J(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=wb(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Jb(this,!0)},hide:function(){return Jb(this)},toggle:function(a){return"boolean"==typeof a?a?this.show():this.hide():this.each(function(){S(this)?n(this).show():n(this).hide()})}});function Kb(a,b,c,d,e){return new Kb.prototype.init(a,b,c,d,e)}n.Tween=Kb,Kb.prototype={constructor:Kb,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?"":"px")},cur:function(){var a=Kb.propHooks[this.prop];return a&&a.get?a.get(this):Kb.propHooks._default.get(this)},run:function(a){var b,c=Kb.propHooks[this.prop];return this.pos=b=this.options.duration?n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Kb.propHooks._default.set(this),this}},Kb.prototype.init.prototype=Kb.prototype,Kb.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Kb.propHooks.scrollTop=Kb.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=Kb.prototype.init,n.fx.step={};var Lb,Mb,Nb=/^(?:toggle|show|hide)$/,Ob=new RegExp("^(?:([+-])=|)("+Q+")([a-z%]*)$","i"),Pb=/queueHooks$/,Qb=[Vb],Rb={"*":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=Ob.exec(b),f=e&&e[3]||(n.cssNumber[a]?"":"px"),g=(n.cssNumber[a]||"px"!==f&&+d)&&Ob.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||".5",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function Sb(){return setTimeout(function(){Lb=void 0}),Lb=n.now()}function Tb(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=R[d],e["margin"+c]=e["padding"+c]=a;return b&&(e.opacity=e.width=a),e}function Ub(a,b,c){for(var d,e=(Rb[b]||[]).concat(Rb["*"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Vb(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&S(a),q=L.get(a,"fxshow");c.queue||(h=n._queueHooks(a,"fx"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,"fx").length||h.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,"display"),k="none"===j?L.get(a,"olddisplay")||tb(a.nodeName):j,"inline"===k&&"none"===n.css(a,"float")&&(o.display="inline-block")),c.overflow&&(o.overflow="hidden",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Nb.exec(e)){if(delete b[d],f=f||"toggle"===e,e===(p?"hide":"show")){if("show"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))"inline"===("none"===j?tb(a.nodeName):j)&&(o.display=j);else{q?"hidden"in q&&(p=q.hidden):q=L.access(a,"fxshow",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;L.remove(a,"fxshow");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ub(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start="width"===d||"height"===d?1:0))}}function Wb(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function Xb(a,b,c){var d,e,f=0,g=Qb.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=Lb||Sb(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:Lb||Sb(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(Wb(k,j.opts.specialEasing);g>f;f++)if(d=Qb[f].call(j,a,k,j.opts))return d;return n.map(k,Ub,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(Xb,{tweener:function(a,b){n.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],Rb[c]=Rb[c]||[],Rb[c].unshift(b)},prefilter:function(a,b){b?Qb.unshift(a):Qb.push(a)}}),n.speed=function(a,b,c){var d=a&&"object"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(S).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=Xb(this,n.extend({},a),f);(e||L.get(this,"finish"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return"string"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,e=null!=a&&a+"queueHooks",f=n.timers,g=L.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Pb.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||"fx"),this.each(function(){var b,c=L.get(this),d=c[a+"queue"],e=c[a+"queueHooks"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each(["toggle","show","hide"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||"boolean"==typeof a?c.apply(this,arguments):this.animate(Tb(b,!0),a,d,e)}}),n.each({slideDown:Tb("show"),slideUp:Tb("hide"),slideToggle:Tb("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(Lb=n.now();b<c.length;b++)a=c[b],a()||c[b]!==a||c.splice(b--,1);c.length||n.fx.stop(),Lb=void 0},n.fx.timer=function(a){n.timers.push(a),a()?n.fx.start():n.timers.pop()},n.fx.interval=13,n.fx.start=function(){Mb||(Mb=setInterval(n.fx.tick,n.fx.interval))},n.fx.stop=function(){clearInterval(Mb),Mb=null},n.fx.speeds={slow:600,fast:200,_default:400},n.fn.delay=function(a,b){return a=n.fx?n.fx.speeds[a]||a:a,b=b||"fx",this.queue(b,function(b,c){var d=setTimeout(b,a);c.stop=function(){clearTimeout(d)}})},function(){var a=l.createElement("input"),b=l.createElement("select"),c=b.appendChild(l.createElement("option"));a.type="checkbox",k.checkOn=""!==a.value,k.optSelected=c.selected,b.disabled=!0,k.optDisabled=!c.disabled,a=l.createElement("input"),a.value="t",a.type="radio",k.radioValue="t"===a.value}();var Yb,Zb,$b=n.expr.attrHandle;n.fn.extend({attr:function(a,b){return J(this,n.attr,a,b,arguments.length>1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===U?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?Zb:Yb)),void 0===c?d&&"get"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&"set"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+""),c):void n.removeAttr(a,b))
  2433. },removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&"radio"===b&&n.nodeName(a,"input")){var c=a.value;return a.setAttribute("type",b),c&&(a.value=c),b}}}}}),Zb={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\w+/g),function(a,b){var c=$b[b]||n.find.attr;$b[b]=function(a,b,d){var e,f;return d||(f=$b[b],$b[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,$b[b]=f),e}});var _b=/^(?:input|select|textarea|button)$/i;n.fn.extend({prop:function(a,b){return J(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({propFix:{"for":"htmlFor","class":"className"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&"set"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&"get"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){return a.hasAttribute("tabindex")||_b.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),k.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),n.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){n.propFix[this.toLowerCase()]=this});var ac=/[\t\r\n\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h="string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ac," "):" ")){f=0;while(e=b[f++])d.indexOf(" "+e+" ")<0&&(d+=e+" ");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||"string"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||"").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(" "+c.className+" ").replace(ac," "):"")){f=0;while(e=b[f++])while(d.indexOf(" "+e+" ")>=0)d=d.replace(" "+e+" "," ");g=a?n.trim(d):"",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return"boolean"==typeof b&&"string"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c){var b,d=0,e=n(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===U||"boolean"===c)&&(this.className&&L.set(this,"__className__",this.className),this.className=this.className||a===!1?"":L.get(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(ac," ").indexOf(b)>=0)return!0;return!1}});var bc=/\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e="":"number"==typeof e?e+="":n.isArray(e)&&(e=n.map(e,function(a){return null==a?"":a+""})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&"set"in b&&void 0!==b.set(this,e,"value")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&"get"in b&&void 0!==(c=b.get(e,"value"))?c:(c=e.value,"string"==typeof c?c.replace(bc,""):null==c?"":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,"value");return null!=b?b:n.trim(n.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f="select-one"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute("disabled"))||c.parentNode.disabled&&n.nodeName(c.parentNode,"optgroup"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each(["radio","checkbox"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},k.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute("value")?"on":a.value})}),n.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,"**"):this.off(b,a||"**",c)}});var cc=n.now(),dc=/\?/;n.parseJSON=function(a){return JSON.parse(a+"")},n.parseXML=function(a){var b,c;if(!a||"string"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,"text/xml")}catch(d){b=void 0}return(!b||b.getElementsByTagName("parsererror").length)&&n.error("Invalid XML: "+a),b};var ec=/#.*$/,fc=/([?&])_=[^&]*/,gc=/^(.*?):[ \t]*([^\r\n]*)$/gm,hc=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,ic=/^(?:GET|HEAD)$/,jc=/^\/\//,kc=/^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,lc={},mc={},nc="*/".concat("*"),oc=a.location.href,pc=kc.exec(oc.toLowerCase())||[];function qc(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e=0,f=b.toLowerCase().match(E)||[];if(n.isFunction(c))while(d=f[e++])"+"===d[0]?(d=d.slice(1)||"*",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function rc(a,b,c,d){var e={},f=a===mc;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return"string"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e["*"]&&g("*")}function sc(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function tc(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while("*"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader("Content-Type"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+" "+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function uc(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if("*"===f)f=i;else if("*"!==i&&i!==f){if(g=j[i+" "+f]||j["* "+f],!g)for(e in j)if(h=e.split(" "),h[1]===f&&(g=j[i+" "+h[0]]||j["* "+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a["throws"])b=g(b);else try{b=g(b)}catch(l){return{state:"parsererror",error:g?l:"No conversion from "+i+" to "+f}}}return{state:"success",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:oc,type:"GET",isLocal:hc.test(pc[1]),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":nc,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":n.parseJSON,"text xml":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?sc(sc(a,n.ajaxSettings),b):sc(n.ajaxSettings,a)},ajaxPrefilter:qc(lc),ajaxTransport:qc(mc),ajax:function(a,b){"object"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks("once memory"),q=k.statusCode||{},r={},s={},t=0,u="canceled",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!f){f={};while(b=gc.exec(e))f[b[1].toLowerCase()]=b[2]}b=f[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?e:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return c&&c.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||oc)+"").replace(ec,"").replace(jc,pc[1]+"//"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||"*").toLowerCase().match(E)||[""],null==k.crossDomain&&(h=kc.exec(k.url.toLowerCase()),k.crossDomain=!(!h||h[1]===pc[1]&&h[2]===pc[2]&&(h[3]||("http:"===h[1]?"80":"443"))===(pc[3]||("http:"===pc[1]?"80":"443")))),k.data&&k.processData&&"string"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),rc(lc,k,b,v),2===t)return v;i=n.event&&k.global,i&&0===n.active++&&n.event.trigger("ajaxStart"),k.type=k.type.toUpperCase(),k.hasContent=!ic.test(k.type),d=k.url,k.hasContent||(k.data&&(d=k.url+=(dc.test(d)?"&":"?")+k.data,delete k.data),k.cache===!1&&(k.url=fc.test(d)?d.replace(fc,"$1_="+cc++):d+(dc.test(d)?"&":"?")+"_="+cc++)),k.ifModified&&(n.lastModified[d]&&v.setRequestHeader("If-Modified-Since",n.lastModified[d]),n.etag[d]&&v.setRequestHeader("If-None-Match",n.etag[d])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader("Content-Type",k.contentType),v.setRequestHeader("Accept",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+("*"!==k.dataTypes[0]?", "+nc+"; q=0.01":""):k.accepts["*"]);for(j in k.headers)v.setRequestHeader(j,k.headers[j]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u="abort";for(j in{success:1,error:1,complete:1})v[j](k[j]);if(c=rc(mc,k,b,v)){v.readyState=1,i&&m.trigger("ajaxSend",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort("timeout")},k.timeout));try{t=1,c.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,"No Transport");function x(a,b,f,h){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),c=void 0,e=h||"",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,f&&(u=tc(k,v,f)),u=uc(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader("Last-Modified"),w&&(n.lastModified[d]=w),w=v.getResponseHeader("etag"),w&&(n.etag[d]=w)),204===a||"HEAD"===k.type?x="nocontent":304===a?x="notmodified":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x="error",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+"",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,i&&m.trigger(j?"ajaxSuccess":"ajaxError",[v,k,j?r:s]),p.fireWith(l,[v,x]),i&&(m.trigger("ajaxComplete",[v,k]),--n.active||n.event.trigger("ajaxStop")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,"json")},getScript:function(a,b){return n.get(a,void 0,b,"script")}}),n.each(["get","post"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n._evalUrl=function(a){return n.ajax({url:a,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,"body")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var vc=/%20/g,wc=/\[\]$/,xc=/\r?\n/g,yc=/^(?:submit|button|image|reset|file)$/i,zc=/^(?:input|select|textarea|keygen)/i;function Ac(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||wc.test(a)?d(a,e):Ac(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==n.type(b))d(a,b);else for(e in b)Ac(a+"["+e+"]",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?"":b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Ac(c,a[c],b,e);return d.join("&").replace(vc,"+")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,"elements");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(":disabled")&&zc.test(this.nodeName)&&!yc.test(a)&&(this.checked||!T.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(xc,"\r\n")}}):{name:b.name,value:c.replace(xc,"\r\n")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Bc=0,Cc={},Dc={0:200,1223:204},Ec=n.ajaxSettings.xhr();a.attachEvent&&a.attachEvent("onunload",function(){for(var a in Cc)Cc[a]()}),k.cors=!!Ec&&"withCredentials"in Ec,k.ajax=Ec=!!Ec,n.ajaxTransport(function(a){var b;return k.cors||Ec&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Bc;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c["X-Requested-With"]||(c["X-Requested-With"]="XMLHttpRequest");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Cc[g],b=f.onload=f.onerror=null,"abort"===a?f.abort():"error"===a?d(f.status,f.statusText):d(Dc[f.status]||f.status,f.statusText,"string"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.onload=b(),f.onerror=b("error"),b=Cc[g]=b("abort");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),n.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/(?:java|ecma)script/},converters:{"text script":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter("script",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type="GET")}),n.ajaxTransport("script",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=n("<script>").prop({async:!0,charset:a.scriptCharset,src:a.url}).on("load error",c=function(a){b.remove(),c=null,a&&e("error"===a.type?404:200,a.type)}),l.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Fc=[],Gc=/(=)\?(?=&|$)|\?\?/;n.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Fc.pop()||n.expando+"_"+cc++;return this[a]=!0,a}}),n.ajaxPrefilter("json jsonp",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Gc.test(b.url)?"url":"string"==typeof b.data&&!(b.contentType||"").indexOf("application/x-www-form-urlencoded")&&Gc.test(b.data)&&"data");return h||"jsonp"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Gc,"$1"+e):b.jsonp!==!1&&(b.url+=(dc.test(b.url)?"&":"?")+b.jsonp+"="+e),b.converters["script json"]=function(){return g||n.error(e+" was not called"),g[0]},b.dataTypes[0]="json",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Fc.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),"script"):void 0}),n.parseHTML=function(a,b,c){if(!a||"string"!=typeof a)return null;"boolean"==typeof b&&(c=b,b=!1),b=b||l;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var Hc=n.fn.load;n.fn.load=function(a,b,c){if("string"!=typeof a&&Hc)return Hc.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(" ");return h>=0&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&"object"==typeof b&&(e="POST"),g.length>0&&n.ajax({url:a,type:e,dataType:"html",data:b}).done(function(a){f=arguments,g.html(d?n("<div>").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},n.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var Ic=a.document.documentElement;function Jc(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&(f+i).indexOf("auto")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(typeof d.getBoundingClientRect!==U&&(e=d.getBoundingClientRect()),c=Jc(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return"fixed"===n.css(c,"position")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(d=a.offset()),d.top+=n.css(a[0],"borderTopWidth",!0),d.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-d.top-n.css(c,"marginTop",!0),left:b.left-d.left-n.css(c,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||Ic;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||Ic})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(b,c){var d="pageYOffset"===c;n.fn[b]=function(e){return J(this,function(b,e,f){var g=Jc(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=yb(k.pixelPosition,function(a,c){return c?(c=xb(a,b),vb.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return J(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var Kc=a.jQuery,Lc=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Lc),b&&a.jQuery===n&&(a.jQuery=Kc),n},typeof b===U&&(a.jQuery=a.$=n),n});
  2434. //# sourceMappingURL=jquery.min.map
  2435. //]]></script>
  2436.  
  2437. &lt;!--</head>--&gt;&lt;/head&gt;
  2438.  
  2439. <body itemscope='itemscope' itemtype='http://schema.org/Blog'>
  2440.  
  2441. <!-- navbar menu start -->
  2442. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  2443. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  2444. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  2445. function setAttributeOnload(object, attribute, val) {
  2446. if(window.addEventListener) {
  2447. window.addEventListener(&#39;load&#39;,
  2448. function(){ object[attribute] = val; }, false);
  2449. } else {
  2450. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  2451. }
  2452. }
  2453. &lt;/script&gt;
  2454. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  2455. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  2456. &lt;script type=&quot;text/javascript&quot;&gt;
  2457. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  2458. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  2459. gapi.iframes.getContext().openChild({
  2460. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d992276852157562155\x26blogName\x3dTutorial+AMP\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://tutorialamp.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://tutorialamp.blogspot.com/\x26vt\x3d-3896588357539579592&#39;,
  2461. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  2462. id: &quot;navbar-iframe&quot;
  2463. });
  2464. }
  2465. });
  2466. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  2467. (function() {
  2468. var script = document.createElement(&#39;script&#39;);
  2469. script.type = &#39;text/javascript&#39;;
  2470. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  2471. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  2472. if (head) {
  2473. head.appendChild(script);
  2474. }})();
  2475. &lt;/script&gt;
  2476. </b:includable>
  2477. </b:widget>
  2478. </b:section>
  2479. <!-- navbar menu end -->
  2480.  
  2481. <!-- header wrapper start -->
  2482. <div id='header-container'>
  2483. <header id='header-wrapper'>
  2484. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  2485. <b:widget id='Header1' locked='true' title='Tutorial AMP (Header)' type='Header' version='1'>
  2486. <b:widget-settings>
  2487. <b:widget-setting name='displayUrl'/>
  2488. <b:widget-setting name='displayHeight'>0</b:widget-setting>
  2489. <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  2490. <b:widget-setting name='useImage'>false</b:widget-setting>
  2491. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  2492. <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  2493. <b:widget-setting name='displayWidth'>0</b:widget-setting>
  2494. </b:widget-settings>
  2495. <b:includable id='main'>
  2496.  
  2497. <b:if cond='data:useImage'>
  2498. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  2499. <!--
  2500. Show image as background to text. You can't really calculate the width
  2501. reliably in JS because margins are not taken into account by any of
  2502. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  2503. width if the user is using shrink to fit.
  2504. This results in a margin-width's worth of pixels being cropped. If the
  2505. user is not using shrink to fit then we expand the header.
  2506. -->
  2507. <b:if cond='data:mobile'>
  2508. <div id='header-inner'>
  2509. <div class='titlewrapper' style='background: transparent'>
  2510. <h1 class='title' style='background: transparent; border-width: 0px'>
  2511. <b:include name='title'/>
  2512. </h1>
  2513. </div>
  2514. <b:include name='description'/>
  2515. </div>
  2516. <b:else/>
  2517. <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'>
  2518. <div class='titlewrapper' style='background: transparent'>
  2519. <h1 class='title' style='background: transparent; border-width: 0px'>
  2520. <b:include name='title'/>
  2521. </h1>
  2522. </div>
  2523. <b:include name='description'/>
  2524. </div>
  2525. </b:if>
  2526. <b:else/>
  2527. <!--Show the image only-->
  2528. <div id='header-inner'>
  2529. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2530. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2531. <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
  2532. </b:if>
  2533. </b:if>
  2534. <a expr:href='data:blog.homepageUrl' style='display: block'>
  2535. <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'/>
  2536. </a>
  2537. <!--Show the description-->
  2538. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  2539. <b:include name='description'/>
  2540. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2541. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2542. <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
  2543. </b:if>
  2544. </b:if>
  2545. </b:if>
  2546. </div>
  2547. </b:if>
  2548. <b:else/>
  2549. <!--No header image -->
  2550. <div id='header-inner'>
  2551. <div class='titlewrapper'>
  2552. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2553. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2554. <p class='title'><b:include name='title'/></p>
  2555. <b:else/>
  2556. <h1 class='title'><b:include name='title'/></h1>
  2557. </b:if>
  2558. <b:else/>
  2559. <p class='title'><b:include name='title'/></p>
  2560. </b:if>
  2561. <b:include name='description'/>
  2562. </div>
  2563. </div>
  2564. </b:if>
  2565. </b:includable>
  2566. <b:includable id='description'>
  2567. <div class='descriptionwrapper'>
  2568. <p class='description'><span><data:description/></span></p>
  2569. </div>
  2570. </b:includable>
  2571. <b:includable id='title'>
  2572. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2573. <data:title/>
  2574. <b:else/>
  2575. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  2576. </b:if>
  2577. </b:includable>
  2578. </b:widget>
  2579. </b:section>
  2580.  
  2581. <nav id='cssmenu'>
  2582. <div id='head-mobile'/>
  2583. <div class='button' id='menu-button'/>
  2584.  
  2585. <!-- menu navigasi header start -->
  2586. <ul>
  2587. <li><a href='#'>Menu</a></li>
  2588. <li><a href='#'>Menu</a></li>
  2589. <li><a href='#'>Menu</a></li>
  2590. <li><a href='#'>Menu</a>
  2591. <ul>
  2592. <li><a href='#'>SubMenu1</a></li>
  2593. <li><a href='#'>SubMenu2</a></li>
  2594. <li><a href='#'>SubMenu3</a></li>
  2595. </ul>
  2596. </li>
  2597. <li><a href='#'>Menu</a>
  2598. <ul>
  2599. <li><a href='#'>SubMenu1</a></li>
  2600. <li><a href='#'>SubMenu2</a></li>
  2601. <li><a href='#'>SubMenu3</a></li>
  2602. <li><a href='#'>SubMenu4</a></li>
  2603. </ul>
  2604. </li>
  2605. </ul>
  2606. <!-- menu navigasi header end -->
  2607.  
  2608. </nav>
  2609.  
  2610. <div class='search-icon'>
  2611. <a href='#searchfs'><i class='fa fa-search'/></a>
  2612. </div>
  2613.  
  2614. <div id='searchfs'>
  2615. <button class='close' type='button'>&#215;</button>
  2616. <form action='/search' id='search-form' method='get'>
  2617. <input name='q' placeholder='type to search' type='search' value=''/>
  2618. <input name='max-results' type='hidden' value='7'/>
  2619. </form>
  2620. </div>
  2621.  
  2622. <div class='clear'/>
  2623. </header>
  2624.  
  2625. </div>
  2626. <!-- header wrapper end -->
  2627.  
  2628. <!-- wrapper start -->
  2629. <div id='wrapper'>
  2630.  
  2631. <b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1' showaddelement='yes'/>
  2632.  
  2633. <div class='clear'/>
  2634.  
  2635. <!-- post wrapper start -->
  2636. <div id='post-wrapper'>
  2637. <div class='post-container'>
  2638. <b:if cond='data:blog.homepageUrl == data:blog.url'>
  2639.  
  2640. <b:section class='above-post-widget' id='above-post-widget' maxwidgets='1' showaddelement='yes'/>
  2641.  
  2642. <div class='latest-post-title'>
  2643. <h2>Latest Posts</h2>
  2644. </div>
  2645. </b:if>
  2646.  
  2647. <b:section class='main' id='main' showaddelement='no'>
  2648. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
  2649. <b:widget-settings>
  2650. <b:widget-setting name='commentLabel'>komentar</b:widget-setting>
  2651. <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  2652. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  2653. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  2654. <b:widget-setting name='timestampLabel'>pada tanggal</b:widget-setting>
  2655. <b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting>
  2656. <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
  2657. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  2658. <b:widget-setting name='showLocation'>false</b:widget-setting>
  2659. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  2660. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  2661. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  2662. <b:widget-setting name='backlinksLabel'>Link ke posting ini</b:widget-setting>
  2663. <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  2664. <b:widget-setting name='style.textcolor'>#777777</b:widget-setting>
  2665. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  2666. <b:widget-setting name='style.urlcolor'>#43ce8e</b:widget-setting>
  2667. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  2668. <b:widget-setting name='style.linkcolor'>#43ce8e</b:widget-setting>
  2669. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  2670. <b:widget-setting name='showLabels'>true</b:widget-setting>
  2671. <b:widget-setting name='postLabelsLabel'>Label:</b:widget-setting>
  2672. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  2673. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  2674. <b:widget-setting name='showReactions'>true</b:widget-setting>
  2675. </b:widget-settings>
  2676. <b:includable id='main' var='top'>
  2677. <b:include data='posts' name='breadcrumb'/>
  2678. <b:if cond='data:mobile == &quot;false&quot;'>
  2679.  
  2680. <!-- posts -->
  2681. <div class='blog-posts'>
  2682.  
  2683. <b:include data='top' name='status-message'/>
  2684.  
  2685. <data:defaultAdStart/>
  2686. <b:loop values='data:posts' var='post'>
  2687. <b:if cond='data:post.isDateStart'>
  2688. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2689. &lt;/div&gt;&lt;/div&gt;
  2690. </b:if>
  2691. </b:if>
  2692. <b:if cond='data:post.isDateStart'>
  2693. &lt;div class=&quot;date-outer&quot;&gt;
  2694. </b:if>
  2695. <b:if cond='data:post.isDateStart'>
  2696. &lt;div class=&quot;date-posts&quot;&gt;
  2697. </b:if>
  2698. <div class='post-outer'>
  2699. <b:include data='post' name='post'/>
  2700. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2701. <b:include data='post' name='comment_picker'/>
  2702. </b:if>
  2703. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2704. <b:include data='post' name='comment_picker'/>
  2705. </b:if>
  2706. </div>
  2707. <b:if cond='data:post.includeAd'>
  2708. <b:if cond='data:post.isFirstPost'>
  2709. <data:defaultAdEnd/>
  2710. <b:else/>
  2711. <data:adEnd/>
  2712. </b:if>
  2713. <div class='inline-ad'>
  2714. <data:adCode/>
  2715. </div>
  2716. <data:adStart/>
  2717. </b:if>
  2718. </b:loop>
  2719. <b:if cond='data:numPosts != 0'>
  2720. &lt;/div&gt;&lt;/div&gt;
  2721. </b:if>
  2722. <data:adEnd/>
  2723. </div>
  2724.  
  2725. <!-- navigation -->
  2726. <b:include name='nextprev'/>
  2727.  
  2728. <!-- feed links -->
  2729. <b:include name='feedLinks'/>
  2730.  
  2731. <b:if cond='data:top.showStars'>
  2732. <script src='//www.google.com/jsapi'/>
  2733. <script>
  2734. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2735. function initialize() {
  2736. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2737. google.annotations.createAll();
  2738. google.annotations.fetch();
  2739. }
  2740. google.setOnLoadCallback(initialize);
  2741. </script>
  2742. </b:if>
  2743.  
  2744. <b:else/>
  2745. <b:include name='mobile-main'/>
  2746. </b:if>
  2747.  
  2748. <b:if cond='data:top.showDummy'>
  2749. <data:top.dummyBootstrap/>
  2750. </b:if>
  2751.  
  2752. </b:includable>
  2753. <b:includable id='backlinkDeleteIcon' var='backlink'>
  2754. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2755. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2756. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2757. </a>
  2758. </span>
  2759. </b:includable>
  2760. <b:includable id='backlinks' var='post'>
  2761. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2762. <b:if cond='data:post.numBacklinks != 0'>
  2763. <dl class='comments-block' id='comments-block'>
  2764. <b:loop values='data:post.backlinks' var='backlink'>
  2765. <div class='collapsed-backlink backlink-control'>
  2766. <dt class='comment-title'>
  2767. <span class='backlink-toggle-zippy'>&#160;</span>
  2768. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2769. <b:include data='backlink' name='backlinkDeleteIcon'/>
  2770. </dt>
  2771. <dd class='comment-body collapseable'>
  2772. <data:backlink.snippet/>
  2773. </dd>
  2774. <dd class='comment-footer collapseable'>
  2775. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2776. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  2777. </dd>
  2778. </div>
  2779. </b:loop>
  2780. </dl>
  2781. </b:if>
  2782. <p class='comment-footer'>
  2783. <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>
  2784. </p>
  2785. </b:includable>
  2786. <b:includable id='breadcrumb' var='posts'>
  2787. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  2788. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2789. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  2790. </div>
  2791. <b:else/>
  2792. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2793. <b:loop values='data:posts' var='post'>
  2794. <b:if cond='data:post.labels'>
  2795. <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#8250; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#8250; </b:if> </b:loop>
  2796. </div>
  2797. <b:else/>
  2798. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span>Uncategories</span> &#8250; <span><data:post.title/></span></div>
  2799. </b:if>
  2800. </b:loop>
  2801. <b:else/>
  2802. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2803. <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span>Archive for <data:blog.pageName/></span>
  2804. </div>
  2805. <b:else/>
  2806. <b:if cond='data:blog.searchQuery'>
  2807. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  2808. </div>
  2809. <b:else/>
  2810. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2811. <div class='breadcrumbs'>
  2812. <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span>All post</span>
  2813. <b:else/>
  2814. <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  2815. </b:if>
  2816. </div>
  2817. </b:if>
  2818. </b:if>
  2819. </b:if>
  2820. </b:if>
  2821. </b:if>
  2822. </b:if>
  2823. </b:includable>
  2824. <b:includable id='comment-form' var='post'>
  2825. <div class='comment-form'>
  2826. <a name='comment-form'/>
  2827. <b:if cond='data:mobile'>
  2828. <h4 id='comment-post-message'>
  2829. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2830. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2831. <data:blogTeamBlogMessage/>
  2832. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2833. <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%'/>
  2834. <b:else/>
  2835. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  2836. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2837. <data:blogTeamBlogMessage/>
  2838. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2839. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2840. </b:if>
  2841. <data:post.friendConnectJs/>
  2842. <data:post.cmtfpIframe/>
  2843. <script>
  2844. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2845. </script>
  2846. </div>
  2847. </b:includable>
  2848. <b:includable id='commentDeleteIcon' var='comment'>
  2849. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2850. <b:if cond='data:showCmtPopup'>
  2851. <div class='goog-toggle-button'>
  2852. <div class='goog-inline-block comment-action-icon'/>
  2853. </div>
  2854. <b:else/>
  2855. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2856. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2857. </a>
  2858. </b:if>
  2859. </span>
  2860. </b:includable>
  2861. <b:includable id='comment_count_picker' var='post'>
  2862. <b:if cond='data:post.commentSource == 1'>
  2863. <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'>
  2864. </span>
  2865. <b:else/>
  2866. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2867. <data:post.commentLabelFull/>:
  2868. </a>
  2869. </b:if>
  2870. </b:includable>
  2871. <b:includable id='comment_picker' var='post'>
  2872. <b:if cond='data:post.commentSource == 1'>
  2873. <b:include data='post' name='iframe_comments'/>
  2874. <b:else/>
  2875. <b:if cond='data:post.showThreadedComments'>
  2876. <b:include data='post' name='threaded_comments'/>
  2877. <b:else/>
  2878. <b:include data='post' name='comments'/>
  2879. </b:if>
  2880. </b:if>
  2881. </b:includable>
  2882. <b:includable id='comments' var='post'>
  2883. <div class='comments' id='comments'>
  2884. <a name='comments'/>
  2885. <b:if cond='data:post.allowComments'>
  2886. <h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if></h3>
  2887.  
  2888. <b:if cond='data:post.commentPagingRequired'>
  2889. <span class='paging-control-container'>
  2890. <b:if cond='data:post.hasOlderLinks'>
  2891. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2892. &#160;
  2893. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2894. &#160;
  2895. </b:if>
  2896.  
  2897. <data:post.commentRangeText/>
  2898.  
  2899. <b:if cond='data:post.hasNewerLinks'>
  2900. &#160;
  2901. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2902. &#160;
  2903. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2904. </b:if>
  2905. </span>
  2906. </b:if>
  2907.  
  2908. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2909. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2910. <b:loop values='data:post.comments' var='comment'>
  2911. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2912. <b:if cond='data:comment.favicon'>
  2913. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2914. </b:if>
  2915. <a expr:name='data:comment.anchorName'/>
  2916. <b:if cond='data:blog.enabledCommentProfileImages'>
  2917. <data:comment.authorAvatarImage/>
  2918. </b:if>
  2919. <b:if cond='data:comment.authorUrl'>
  2920. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2921. <b:else/>
  2922. <data:comment.author/>
  2923. </b:if>
  2924. <data:commentPostedByMsg/>
  2925. </dt>
  2926. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2927. <b:if cond='data:comment.isDeleted'>
  2928. <span class='deleted-comment'><data:comment.body/></span>
  2929. <b:else/>
  2930. <p>
  2931. <data:comment.body/>
  2932. </p>
  2933. </b:if>
  2934. </dd>
  2935. <dd class='comment-footer'>
  2936. <span class='comment-timestamp'>
  2937. <a expr:href='data:comment.url' title='comment permalink'>
  2938. <data:comment.timestamp/>
  2939. </a>
  2940. <b:include data='comment' name='commentDeleteIcon'/>
  2941. </span>
  2942. </dd>
  2943. </b:loop>
  2944. </dl>
  2945. </div>
  2946.  
  2947. <b:if cond='data:post.commentPagingRequired'>
  2948. <span class='paging-control-container'>
  2949. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2950. <data:post.oldestLinkText/>
  2951. </a>
  2952. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2953. <data:post.olderLinkText/>
  2954. </a>
  2955. &#160;
  2956. <data:post.commentRangeText/>
  2957. &#160;
  2958. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2959. <data:post.newerLinkText/>
  2960. </a>
  2961. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2962. <data:post.newestLinkText/>
  2963. </a>
  2964. </span>
  2965. </b:if>
  2966.  
  2967. <p class='comment-footer'>
  2968. <b:if cond='data:post.embedCommentForm'>
  2969. <b:if cond='data:post.allowNewComments'>
  2970. <b:include data='post' name='comment-form'/>
  2971. <b:else/>
  2972. <data:post.noNewCommentsText/>
  2973. </b:if>
  2974. <b:else/>
  2975. <b:if cond='data:post.allowComments'>
  2976. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2977. </b:if>
  2978. </b:if>
  2979.  
  2980. </p>
  2981. </b:if>
  2982. <b:if cond='data:showCmtPopup'>
  2983. <div id='comment-popup'>
  2984. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2985. </iframe>
  2986. </div>
  2987. </b:if>
  2988.  
  2989. <div id='backlinks-container'>
  2990. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2991. <b:if cond='data:post.showBacklinks'>
  2992. <b:include data='post' name='backlinks'/>
  2993. </b:if>
  2994. </div>
  2995. </div>
  2996. </div>
  2997. </b:includable>
  2998. <b:includable id='feedLinks'>
  2999. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  3000. <b:if cond='data:feedLinks'>
  3001. <div class='blog-feeds'>
  3002. <b:include data='feedLinks' name='feedLinksBody'/>
  3003. </div>
  3004. </b:if>
  3005.  
  3006. <b:else/> <!--Post feed links -->
  3007. <div class='post-feeds'>
  3008. <b:loop values='data:posts' var='post'>
  3009. <b:if cond='data:post.allowComments'>
  3010. <b:if cond='data:post.feedLinks'>
  3011. <b:include data='post.feedLinks' name='feedLinksBody'/>
  3012. </b:if>
  3013. </b:if>
  3014. </b:loop>
  3015. </div>
  3016. </b:if>
  3017. </b:includable>
  3018. <b:includable id='feedLinksBody' var='links'>
  3019. <div class='feed-links'>
  3020. <data:feedLinksMsg/>
  3021. <b:loop values='data:links' var='f'>
  3022. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  3023. </b:loop>
  3024. </div>
  3025. </b:includable>
  3026. <b:includable id='iframe_comments' var='post'>
  3027.  
  3028. <b:if cond='data:post.allowIframeComments'>
  3029. <script expr:src='data:post.iframeCommentSrc'/>
  3030. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  3031.  
  3032. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  3033. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  3034. </b:if>
  3035. </b:if>
  3036. </b:includable>
  3037. <b:includable id='mobile-index-post' var='post'>
  3038. <!-- MOBILE INDEX POST HERE -->
  3039. <div class='mobile-date-outer date-outer'>
  3040.  
  3041. <div class='mobile-post-outer'>
  3042.  
  3043. <div class='mobile-index-contents'>
  3044. <b:if cond='data:post.thumbnailUrl'>
  3045. <div class='mobile-index-thumbnail'>
  3046. <div class='Image'>
  3047. <img expr:src='data:post.thumbnailUrl'/>
  3048. </div>
  3049. </div>
  3050. <b:else/>
  3051. <div class='mobile-index-thumbnail'>
  3052. <div class='Image'>
  3053. <img expr:alt='data:post.title' expr:title='data:post.title' src='//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
  3054. </div>
  3055. </div>
  3056. </b:if>
  3057.  
  3058. <a expr:href='data:post.url'>
  3059. <h3 class='mobile-index-title entry-title' itemprop='name'>
  3060. <data:post.title/>
  3061. </h3>
  3062. </a>
  3063.  
  3064. <div class='post-body'>
  3065.  
  3066. <div class='post-info'>
  3067. <b:if cond='data:top.showAuthor'>
  3068. <b:if cond='data:post.authorProfileUrl'>
  3069. <span class='author-info'>
  3070. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3071. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3072. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3073. <span itemprop='name'><data:post.author/></span>
  3074. </a>
  3075. </span>
  3076. </span>
  3077. <b:else/>
  3078. <span class='author-info'>
  3079. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3080. <span itemprop='name'><data:post.author/></span>
  3081. </span>
  3082. </span>
  3083. </b:if>
  3084. </b:if>
  3085. <b:if cond='data:top.showTimestamp'>
  3086. <b:if cond='data:post.url'>
  3087. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  3088. <span class='time-info'>
  3089. / <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published updated' expr:content='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></a>
  3090. </span>
  3091. </b:if>
  3092. </b:if>
  3093. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3094. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3095. <b:if cond='data:post.allowComments'>
  3096. <span class='comment-info'>
  3097. / <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3098. </a>
  3099. </span>
  3100. </b:if>
  3101. </b:if>
  3102. </b:if>
  3103. </div>
  3104.  
  3105. </div>
  3106. </div>
  3107.  
  3108. <div style='clear: both;'/>
  3109.  
  3110. </div>
  3111.  
  3112. </div>
  3113. </b:includable>
  3114. <b:includable id='mobile-main' var='top'>
  3115. <!-- posts -->
  3116. <div class='blog-posts hfeed'>
  3117.  
  3118. <b:include data='top' name='status-message'/>
  3119.  
  3120. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3121. <b:loop values='data:posts' var='post'>
  3122. <b:include data='post' name='mobile-index-post'/>
  3123. </b:loop>
  3124. <b:else/>
  3125. <b:loop values='data:posts' var='post'>
  3126. <b:include data='post' name='mobile-post'/>
  3127. </b:loop>
  3128. </b:if>
  3129. </div>
  3130.  
  3131. <b:include name='mobile-nextprev'/>
  3132. </b:includable>
  3133. <b:includable id='mobile-nextprev'>
  3134. <div class='blog-pager' id='blog-pager'>
  3135. <b:if cond='data:newerPageUrl'>
  3136. <div class='mobile-link-button' id='blog-pager-newer-link'>
  3137. <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>
  3138. </div>
  3139. </b:if>
  3140.  
  3141. <b:if cond='data:olderPageUrl'>
  3142. <div class='mobile-link-button' id='blog-pager-older-link'>
  3143. <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>
  3144. </div>
  3145. </b:if>
  3146.  
  3147. <div class='mobile-link-button' id='blog-pager-home-link'>
  3148. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3149. </div>
  3150.  
  3151. <div class='mobile-desktop-link'>
  3152. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  3153. </div>
  3154.  
  3155. </div>
  3156. <div class='clear'/>
  3157. </b:includable>
  3158. <b:includable id='mobile-post' var='post'>
  3159. <div class='date-outer'>
  3160. <b:if cond='data:post.dateHeader'>
  3161. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  3162. </b:if>
  3163. <div class='date-posts'>
  3164. <div class='post-outer'>
  3165.  
  3166. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  3167. <b:if cond='data:post.thumbnailUrl'>
  3168. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  3169. </b:if>
  3170. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  3171. <meta expr:content='data:post.id' itemprop='postId'/>
  3172.  
  3173. <a expr:name='data:post.id'/>
  3174. <b:if cond='data:post.title'>
  3175. <h3 class='post-title entry-title' itemprop='name'>
  3176. <b:if cond='data:post.link'>
  3177. <a expr:href='data:post.link'><data:post.title/></a>
  3178. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  3179. <a expr:href='data:post.url'><data:post.title/></a>
  3180. <b:else/>
  3181. <data:post.title/>
  3182. </b:if>
  3183. </h3>
  3184. </b:if>
  3185.  
  3186. <div class='post-header'>
  3187. <div class='post-header-line-1'/>
  3188. </div>
  3189.  
  3190. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  3191. <data:post.body/>
  3192. <div style='clear: both;'/> <!-- clear for photos floats -->
  3193. </div>
  3194.  
  3195. <div class='post-footer'>
  3196. <div class='post-footer-line post-footer-line-1'>
  3197. <span class='post-author vcard'>
  3198. <b:if cond='data:top.showAuthor'>
  3199. <b:if cond='data:post.authorProfileUrl'>
  3200. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3201. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3202. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3203. <span itemprop='name'><data:post.author/></span>
  3204. </a>
  3205. </span>
  3206. <b:else/>
  3207. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3208. <span itemprop='name'><data:post.author/></span>
  3209. </span>
  3210. </b:if>
  3211. </b:if>
  3212. </span>
  3213.  
  3214. <span class='post-timestamp'>
  3215. <b:if cond='data:top.showTimestamp'>
  3216. <data:top.timestampLabel/>
  3217. <b:if cond='data:post.url'>
  3218. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  3219. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></a>
  3220. </b:if>
  3221. </b:if>
  3222. </span>
  3223.  
  3224. <span class='post-comment-link'>
  3225. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  3226. </span>
  3227. </div>
  3228.  
  3229. <div class='post-footer-line post-footer-line-2'>
  3230. <b:if cond='data:top.showMobileShare'>
  3231. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  3232. <a href='javascript:void(0);'><data:shareMsg/></a>
  3233. </div>
  3234. </b:if>
  3235. <b:if cond='data:top.showDummy'>
  3236. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  3237. </b:if>
  3238. </div>
  3239.  
  3240. </div>
  3241. </div>
  3242.  
  3243. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  3244. </div>
  3245. </div>
  3246. </div>
  3247. </b:includable>
  3248. <b:includable id='nextprev'>
  3249. <div class='blog-pager' id='blog-pager'>
  3250. <b:if cond='data:newerPageUrl'>
  3251. <span id='blog-pager-newer-link'>
  3252. <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>
  3253. </span>
  3254. </b:if>
  3255.  
  3256. <b:if cond='data:olderPageUrl'>
  3257. <span id='blog-pager-older-link'>
  3258. <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>
  3259. </span>
  3260. </b:if>
  3261.  
  3262. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3263.  
  3264. <b:if cond='data:mobileLinkUrl'>
  3265. <div class='blog-mobile-link'>
  3266. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  3267. </div>
  3268. </b:if>
  3269.  
  3270. </div>
  3271. <div class='clear'/>
  3272. </b:includable>
  3273. <b:includable id='post' var='post'>
  3274. <article class='post'>
  3275.  
  3276. <b:switch var='data:blog.pageType'>
  3277. <b:case value='static_page'/>
  3278. <!-- Posting halaman statis -->
  3279. <div>
  3280. <b:if cond='data:post.title'>
  3281. <h1 class='post-title entry-title'>
  3282. <b:if cond='data:post.link'>
  3283. <a expr:href='data:post.link'><data:post.title/></a>
  3284. <b:else/>
  3285. <b:if cond='data:post.url'>
  3286. <b:if cond='data:blog.url != data:post.url'>
  3287. <a expr:href='data:post.url'><data:post.title/></a>
  3288. <b:else/>
  3289. <data:post.title/>
  3290. </b:if>
  3291. <b:else/>
  3292. <data:post.title/>
  3293. </b:if>
  3294. </b:if>
  3295. </h1>
  3296. </b:if>
  3297. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3298. <div id='body-post-it'>
  3299. <data:post.body/>
  3300. </div>
  3301. <div style='clear: both;'/>
  3302. </div>
  3303. </div>
  3304. <script>
  3305. if (typeof(BLOG_attachCsiOnload) != &#39;undefined&#39; &amp;&amp; BLOG_attachCsiOnload != null) { window[&#39;blogger_templates_experiment_id&#39;] = &quot;templatesV1&quot;;window[&#39;blogger_blog_id&#39;] = &#39;<data:blog.blogId/>&#39;;BLOG_attachCsiOnload(&#39;&#39;); }_WidgetManager._Init(&#39;//www.blogger.com/rearrange?blogIDx3d<data:blog.blogId/>&#39;,&#39;<data:blog.homepageUrl/>&#39;,&#39;<data:blog.blogId/>&#39;);
  3306. _WidgetManager._RegisterWidget(&#39;_ContactFormView&#39;, new _WidgetInfo(&#39;ContactForm1&#39;, &#39;footer1&#39;, null, document.getElementById(&#39;ContactForm1&#39;), {&#39;contactFormMessageSendingMsg&#39;: &#39;Sending...&#39;, &#39;contactFormMessageSentMsg&#39;: &#39;Your message has been sent.&#39;, &#39;contactFormMessageNotSentMsg&#39;: &#39;Message could not be sent. Please try again later.&#39;, &#39;contactFormInvalidEmailMsg&#39;: &#39;A valid email address is required.&#39;, &#39;contactFormEmptyMessageMsg&#39;: &#39;Message field cannot be empty.&#39;, &#39;title&#39;: &#39;Contact Form&#39;, &#39;blogId&#39;: &#39;<data:blog.blogId/>&#39;, &#39;contactFormNameMsg&#39;: &#39;Name&#39;, &#39;contactFormEmailMsg&#39;: &#39;Email&#39;, &#39;contactFormMessageMsg&#39;: &#39;Message&#39;, &#39;contactFormSendMsg&#39;: &#39;Send&#39;, &#39;submitUrl&#39;: &#39;https://www.blogger.com/contact-form.do&#39;}, &#39;displayModeFull&#39;));
  3307. </script>
  3308. <b:case value='item'/>
  3309. <!-- Posting halaman item -->
  3310. <div>
  3311. <b:if cond='data:post.firstImageUrl'>
  3312. <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3313. </b:if>
  3314. <a expr:name='data:post.id'/>
  3315. <b:if cond='data:post.title'>
  3316. <h1 class='post-title entry-title' itemprop='name headline'>
  3317. <b:if cond='data:post.link'>
  3318. <a expr:href='data:post.link'><data:post.title/></a>
  3319. <b:else/>
  3320. <b:if cond='data:post.url'>
  3321. <b:if cond='data:blog.url != data:post.url'>
  3322. <a expr:href='data:post.url'><data:post.title/></a>
  3323. <b:else/>
  3324. <data:post.title/>
  3325. </b:if>
  3326. <b:else/>
  3327. <data:post.title/>
  3328. </b:if>
  3329. </b:if>
  3330. </h1>
  3331. </b:if>
  3332.  
  3333. <div class='post-info info-3'>
  3334. <b:include data='post' name='postauthorinfo'/>
  3335. <b:include data='post' name='postdateinfo'/>
  3336. <b:include data='post' name='postcommentinfo2'/>
  3337. <b:include data='post' name='postQuickEdit'/>
  3338. </div>
  3339.  
  3340. <script type='text/javascript'>
  3341. //<![CDATA[
  3342. var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function bacajuga(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;for(var r=0;r<t.link.length;r++)if("alternate"==t.link[r].rel){relatedUrls[relatedTitlesNum]=t.link[r].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=0;t<relatedUrls.length;t++)contains(e,relatedUrls[t])||(e.length+=1,e[e.length-1]=relatedUrls[t],l.length+=1,l[l.length-1]=relatedTitles[t]);relatedTitles=l,relatedUrls=e}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random());l=0;if(relatedTitles.length>1){for(document.write("<h2>Baca Juga</h2>"),document.write("<ul>");l<relatedTitles.length&&l<20&&l<jumlahbacajuga;)document.write('<li><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>"),t<relatedTitles.length-1?t++:t=0,l++;document.write("</ul>")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)}
  3343. //]]>
  3344. </script>
  3345.  
  3346. <div id='baca-juga'>
  3347. <b:loop values='data:post.labels' var='label'>
  3348. <b:if cond='data:label.isLast != &quot;true&quot;'>
  3349. </b:if>
  3350. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=bacajuga&amp;max-results=5&quot;' type='text/javascript'/>
  3351. </b:loop>
  3352. <script type='text/javascript'>
  3353. var jumlahbacajuga=3;
  3354. removeRelatedDuplicates();
  3355. printRelatedLabels(&quot;<data:post.url/>&quot;);
  3356. </script>
  3357. </div>
  3358.  
  3359. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3360. <meta expr:content='data:post.snippet' itemprop='description'/>
  3361.  
  3362. <div id='body-post-it'>
  3363. <data:post.body/>
  3364. </div>
  3365.  
  3366. <div style='clear: both;'/>
  3367.  
  3368. <b:include data='post' name='postauthorbox'/>
  3369.  
  3370. <b:include data='post' name='postsharebutton'/>
  3371.  
  3372. <b:include data='post' name='relatedpost'/>
  3373.  
  3374. </div>
  3375. </div>
  3376. <b:default/>
  3377. <!-- Posting halaman default (index, arsip, dll.) -->
  3378. <b:if cond='data:post.labels'>
  3379. <div class='label-line'>
  3380. <span class='label-info-th'>
  3381. <b:loop values='data:post.labels' var='label'>
  3382. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  3383. </b:loop>
  3384. </span>
  3385. </div>
  3386. </b:if>
  3387. <b:include data='post' name='postthumbnail'/>
  3388. <b:if cond='data:post.firstImageUrl'>
  3389. <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3390. </b:if>
  3391. <a expr:name='data:post.id'/>
  3392. <b:if cond='data:post.title'>
  3393. <h2 class='post-title entry-title' itemprop='name headline'>
  3394. <b:if cond='data:post.link'>
  3395. <a expr:href='data:post.link'><data:post.title/></a>
  3396. <b:else/>
  3397. <b:if cond='data:post.url'>
  3398. <b:if cond='data:blog.url != data:post.url'>
  3399. <a expr:href='data:post.url'><data:post.title/></a>
  3400. <b:else/>
  3401. <data:post.title/>
  3402. </b:if>
  3403. <b:else/>
  3404. <data:post.title/>
  3405. </b:if>
  3406. </b:if>
  3407. </h2>
  3408. </b:if>
  3409.  
  3410. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description'>
  3411. <div class='post-snippet'>
  3412. <data:post.snippet/>
  3413. </div>
  3414. </div>
  3415. <div class='post-info info-1'>
  3416. <b:include data='post' name='postauthorinfo'/>
  3417. <b:include data='post' name='postdateinfo'/>
  3418. <b:include data='post' name='postcommentinfo'/>
  3419. <b:include data='post' name='postQuickEdit'/>
  3420. </div>
  3421. </b:switch>
  3422.  
  3423. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3424. <div class='berlangganan-box'>
  3425. <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=xxxxxxxxx&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  3426. <p>Berlangganan update artikel terbaru via email:</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='Warim'/>
  3427. <input name='loc' type='hidden' value='en_US'/>
  3428. <p><input class='submit-email' type='submit' value='Berlangganan'/></p>
  3429. </form>
  3430. </div>
  3431. </b:if>
  3432.  
  3433. <div style='clear: both;'/>
  3434. </article>
  3435.  
  3436. </b:includable>
  3437. <b:includable id='postQuickEdit' var='post'>
  3438. <b:if cond='data:post.editUrl'>
  3439. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  3440. <span class='edit-post'>
  3441. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  3442. <strong>Edit</strong>
  3443. </a>
  3444. </span>
  3445. </span>
  3446. </b:if>
  3447. </b:includable>
  3448. <b:includable id='postauthorbox' var='post'>
  3449. <b:if cond='data:post.authorAboutMe'>
  3450. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3451. <b:if cond='data:post.authorPhoto.url'>
  3452. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='90px'/>
  3453. </b:if>
  3454. <div>
  3455. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  3456. <span itemprop='name'><data:post.author/></span>
  3457. </a>
  3458. </div>
  3459. <span itemprop='description'><data:post.authorAboutMe/></span>
  3460. </div>
  3461. </b:if>
  3462. </b:includable>
  3463. <b:includable id='postauthorinfo' var='post'>
  3464. <b:if cond='data:top.showAuthor'>
  3465. <span class='author-info'>
  3466. By <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3467. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3468. <b:if cond='data:post.authorProfileUrl'>
  3469. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3470. <span itemprop='name'><data:post.author/></span>
  3471. </a>
  3472. <b:else/>
  3473. <span itemprop='name'><data:post.author/></span>
  3474. </b:if>
  3475. </span>
  3476. </span>
  3477. </b:if>
  3478. </b:includable>
  3479. <b:includable id='postcommentinfo' var='post'>
  3480. <b:if cond='data:post.allowComments'>
  3481. <span class='comment-info'>
  3482. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3483. </a>
  3484. </span>
  3485. </b:if>
  3486. </b:includable>
  3487. <b:includable id='postcommentinfo2' var='post'>
  3488. <b:if cond='data:post.allowComments'>
  3489. <span class='comment-info'>
  3490. <a expr:onclick='data:post.addCommentOnclick' href='#comment-form'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
  3491. </a>
  3492. </span>
  3493. </b:if>
  3494. </b:includable>
  3495. <b:includable id='postdateinfo' var='post'>
  3496. <b:if cond='data:post.dateHeader'>
  3497. <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'>
  3498. <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
  3499. <data:post.dateHeader/>
  3500. </span></span>
  3501. <b:else/>
  3502. <b:if cond='data:top.showTimestamp'>
  3503. <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'>
  3504. <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
  3505. <data:post.timestamp/>
  3506. </span></span>
  3507. </b:if>
  3508. </b:if>
  3509. </b:includable>
  3510. <b:includable id='postlabelinfo' var='post'>
  3511. <b:if cond='data:post.labels'>
  3512. <span class='label-info'>
  3513. <b:loop values='data:post.labels' var='label'>
  3514. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  3515. </b:loop>
  3516. </span>
  3517. </b:if>
  3518. </b:includable>
  3519. <b:includable id='postsharebutton' var='post'>
  3520. <div id='share-container'>
  3521. <div class='label-line-c'>
  3522. <p class='share-this-pleaseeeee'>Share this post</p>
  3523. </div>
  3524. <div id='share'>
  3525. <!-- facebook -->
  3526. <a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a>
  3527. <!-- twitter -->
  3528. <a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a>
  3529. <!-- google plus -->
  3530. <a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-google-plus'/></a>
  3531. <!-- linkedin
  3532. <a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'></i></a> -->
  3533. <!-- pinterest
  3534. <a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:blog.postImageUrl + &quot;&amp;amp;description=&quot; + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'></i></a> -->
  3535. <a class='whatsapp' data-action='share/whatsapp/share' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a>
  3536. </div>
  3537. </div>
  3538. </b:includable>
  3539. <b:includable id='postsubscribebox' var='post'>
  3540. <div class='berlangganan-box'>
  3541. <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=BlogMasSugeng&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
  3542. <p>Berlangganan update artikel terbaru via email:</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='BlogMasSugeng'/>
  3543. <input name='loc' type='hidden' value='en_US'/>
  3544. <p><input class='submit-email' type='submit' value='Berlangganan'/></p>
  3545. </form>
  3546. </div>
  3547. <!--
  3548. ...
  3549. Edit ID feedburner BlogMasSugeng di atas dengan ID feedburner milik sobat
  3550. ...
  3551. -->
  3552. <style>
  3553. /* SUBSCRIBER BOX */
  3554. .berlangganan-box {
  3555. background: #f8f8f8;
  3556. padding: 15px;
  3557. margin: 20px 0;
  3558. text-align: center;
  3559. border: 1px solid #efefef;
  3560. }
  3561. .berlangganan-box p {
  3562. margin:15px 0;
  3563. }
  3564. .berlangganan-box input.email-address[type=&quot;text&quot;] {
  3565. width: 60%;
  3566. padding: 10px;
  3567. border: 1px solid #efefef;
  3568. text-align: center;
  3569. border-radius: 2px;
  3570. outline: none;
  3571. }
  3572. .berlangganan-box input.submit-email[type=&quot;submit&quot;] {
  3573. transition: all 0.5s;
  3574. -moz-transition: all 0.5s;
  3575. -webkit-transition: all 0.5s;
  3576. padding: 10px 15px;
  3577. border-radius: 2px;
  3578. color: #444;
  3579. border: none;
  3580. outline: none;
  3581. border: 1px solid #c7c7c7;
  3582. }
  3583. .berlangganan-box input.submit-email[type=&quot;submit&quot;]:hover {
  3584. background:#f8f8f8;
  3585. cursor:pointer;
  3586. }
  3587. .berlangganan-box input.email-address[type=&quot;text&quot;]:focus {
  3588. background: #f9f2a5;
  3589. }
  3590. </style>
  3591. </b:includable>
  3592. <b:includable id='postthumbnail' var='post'>
  3593. <div class='img-thumbnail'>
  3594. <b:if cond='data:post.thumbnailUrl'>
  3595. <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 255, &quot;300:200&quot;)' expr:title='data:post.title'/>
  3596. </a>
  3597. <b:else/>
  3598. <b:if cond='data:post.firstImageUrl'>
  3599. <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
  3600. </a>
  3601. <b:else/>
  3602. <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' src='//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w255-h170-c/no-image.png'/>
  3603. </a>
  3604. </b:if>
  3605. </b:if>
  3606. </div>
  3607. </b:includable>
  3608. <b:includable id='relatedpost' var='post'>
  3609. <div class='related-post' expr:id='&quot;related-post-&quot; + data:post.id'/>
  3610. <script>
  3611. var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if>];
  3612. var relatedPostConfig = {
  3613. homePage: &quot;<data:blog.homepageUrl/>&quot;,
  3614. widgetTitle: &quot;&lt;div class=&#39;label-line-c&#39;&gt;&lt;h4&gt;Related Posts&lt;/h4&gt;&lt;/div&gt;&quot;,
  3615. numPosts: 4,
  3616. summaryLength: 370,
  3617. titleLength: &quot;auto&quot;,
  3618. thumbnailSize: 250,
  3619. noImage: &quot;//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w250-h250-c/no-image.png&quot;,
  3620. containerId: &quot;related-post-<data:post.id/>&quot;,
  3621. newTabLink: false,
  3622. moreText: &quot;Read More&quot;,
  3623. widgetStyle: 3,
  3624. callBack: function() {}
  3625. };
  3626. </script>
  3627. </b:includable>
  3628. <b:includable id='shareButtons' var='post'>
  3629. <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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  3630. </b:includable>
  3631. <b:includable id='status-message'>
  3632. <b:if cond='data:navMessage'>
  3633. <div class='status-msg-wrap'>
  3634. <div class='status-msg-body'>
  3635. <data:navMessage/>
  3636. </div>
  3637. <div class='status-msg-border'>
  3638. <div class='status-msg-bg'>
  3639. <div class='status-msg-hidden'><data:navMessage/></div>
  3640. </div>
  3641. </div>
  3642. </div>
  3643. <div style='clear: both;'/>
  3644. </b:if>
  3645. </b:includable>
  3646. <b:includable id='threaded-comment-form' var='post'>
  3647. <div class='comment-form'>
  3648. <a name='comment-form'/>
  3649. <b:if cond='data:mobile'>
  3650. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3651. <data:blogTeamBlogMessage/>
  3652. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3653. <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%'/>
  3654. <b:else/>
  3655. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3656. <data:blogTeamBlogMessage/>
  3657. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3658. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3659. </b:if>
  3660. <data:post.friendConnectJs/>
  3661. <data:post.cmtfpIframe/>
  3662. <script>
  3663. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  3664. </script>
  3665. </div>
  3666. </b:includable>
  3667. <b:includable id='threaded_comment_js' var='post'>
  3668. <script async='async' expr:src='data:post.commentSrc'/>
  3669.  
  3670. <script>
  3671. (function() {
  3672. var items = <data:post.commentJso/>;
  3673. var msgs = <data:post.commentMsgs/>;
  3674. var config = <data:post.commentConfig/>;
  3675.  
  3676. // <![CDATA[
  3677. var cursor = null;
  3678. if (items && items.length > 0) {
  3679. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  3680. }
  3681.  
  3682. var bodyFromEntry = function(entry) {
  3683. if (entry.gd$extendedProperty) {
  3684. for (var k in entry.gd$extendedProperty) {
  3685. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  3686. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  3687. }
  3688. }
  3689. }
  3690. return entry.content.$t;
  3691. }
  3692.  
  3693. var parse = function(data) {
  3694. cursor = null;
  3695. var comments = [];
  3696. if (data && data.feed && data.feed.entry) {
  3697. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3698. var comment = {};
  3699. // comment ID, parsed out of the original id format
  3700. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3701. comment.id = id ? id[2] : null;
  3702. comment.body = bodyFromEntry(entry);
  3703. comment.timestamp = Date.parse(entry.published.$t) + '';
  3704. if (entry.author && entry.author.constructor === Array) {
  3705. var auth = entry.author[0];
  3706. if (auth) {
  3707. comment.author = {
  3708. name: (auth.name ? auth.name.$t : undefined),
  3709. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3710. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3711. };
  3712. }
  3713. }
  3714. if (entry.link) {
  3715. if (entry.link[2]) {
  3716. comment.link = comment.permalink = entry.link[2].href;
  3717. }
  3718. if (entry.link[3]) {
  3719. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3720. if (pid && pid[1]) {
  3721. comment.parentId = pid[1];
  3722. }
  3723. }
  3724. }
  3725. comment.deleteclass = 'item-control blog-admin';
  3726. if (entry.gd$extendedProperty) {
  3727. for (var k in entry.gd$extendedProperty) {
  3728. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3729. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3730. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3731. comment.displayTime = entry.gd$extendedProperty[k].value;
  3732. }
  3733. }
  3734. }
  3735. comments.push(comment);
  3736. }
  3737. }
  3738. return comments;
  3739. };
  3740.  
  3741. var paginator = function(callback) {
  3742. if (hasMore()) {
  3743. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3744. if (cursor) {
  3745. url += '&published-min=' + new Date(cursor).toISOString();
  3746. }
  3747. window.bloggercomments = function(data) {
  3748. var parsed = parse(data);
  3749. cursor = parsed.length < 50 ? null
  3750. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3751. callback(parsed);
  3752. window.bloggercomments = null;
  3753. }
  3754. url += '&callback=bloggercomments';
  3755. var script = document.createElement('script');
  3756. script.type = 'text/javascript';
  3757. script.src = url;
  3758. document.getElementsByTagName('head')[0].appendChild(script);
  3759. }
  3760. };
  3761. var hasMore = function() {
  3762. return !!cursor;
  3763. };
  3764. var getMeta = function(key, comment) {
  3765. if ('iswriter' == key) {
  3766. var matches = !!comment.author
  3767. && comment.author.name == config.authorName
  3768. && comment.author.profileUrl == config.authorUrl;
  3769. return matches ? 'true' : '';
  3770. } else if ('deletelink' == key) {
  3771. return config.baseUri + '/delete-comment.g?blogID='
  3772. + config.blogId + '&postID=' + comment.id;
  3773. } else if ('deleteclass' == key) {
  3774. return comment.deleteclass;
  3775. }
  3776. return '';
  3777. };
  3778.  
  3779. var replybox = null;
  3780. var replyUrlParts = null;
  3781. var replyParent = undefined;
  3782.  
  3783. var onReply = function(commentId, domId) {
  3784. if (replybox == null) {
  3785. // lazily cache replybox, and adjust to suit this style:
  3786. replybox = document.getElementById('comment-editor');
  3787. if (replybox != null) {
  3788. replybox.height = '250px';
  3789. replybox.style.display = 'block';
  3790. replyUrlParts = replybox.src.split('#');
  3791. }
  3792. }
  3793. if (replybox && (commentId !== replyParent)) {
  3794. document.getElementById(domId).insertBefore(replybox.parentNode, null);
  3795. replybox.src = replyUrlParts[0]
  3796. + (commentId ? '&parentID=' + commentId : '')
  3797. + '#' + replyUrlParts[1];
  3798. replyParent = commentId;
  3799. }
  3800. };
  3801.  
  3802. var hash = (window.location.hash || '#').substring(1);
  3803. var startThread, targetComment;
  3804. if (/^comment-form_/.test(hash)) {
  3805. startThread = hash.substring('comment-form_'.length);
  3806. } else if (/^c[0-9]+$/.test(hash)) {
  3807. targetComment = hash.substring(1);
  3808. }
  3809.  
  3810. // Configure commenting API:
  3811. var configJso = {
  3812. 'maxDepth': config.maxThreadDepth
  3813. };
  3814. var provider = {
  3815. 'id': config.postId,
  3816. 'data': items,
  3817. 'loadNext': paginator,
  3818. 'hasMore': hasMore,
  3819. 'getMeta': getMeta,
  3820. 'onReply': onReply,
  3821. 'rendered': true,
  3822. 'initComment': targetComment,
  3823. 'initReplyThread': startThread,
  3824. 'config': configJso,
  3825. 'messages': msgs
  3826. };
  3827.  
  3828. var render = function() {
  3829. if (window.goog && window.goog.comments) {
  3830. var holder = document.getElementById('comment-holder');
  3831. window.goog.comments.render(holder, provider);
  3832. }
  3833. };
  3834.  
  3835. // render now, or queue to render when library loads:
  3836. if (window.goog && window.goog.comments) {
  3837. render();
  3838. } else {
  3839. window.goog = window.goog || {};
  3840. window.goog.comments = window.goog.comments || {};
  3841. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3842. window.goog.comments.loadQueue.push(render);
  3843. }
  3844. })();
  3845. // ]]>
  3846. </script>
  3847. </b:includable>
  3848. <b:includable id='threaded_comments' var='post'>
  3849. <div class='comments' id='comments'>
  3850. <a name='comments'/>
  3851. <h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if></h3>
  3852.  
  3853. <div class='comments-content'>
  3854. <b:if cond='data:post.embedCommentForm'>
  3855. <b:include data='post' name='threaded_comment_js'/>
  3856. </b:if>
  3857. <div id='comment-holder'>
  3858. <data:post.commentHtml/>
  3859. </div>
  3860. </div>
  3861.  
  3862. <p class='comment-footer'>
  3863. <b:if cond='data:post.allowNewComments'>
  3864. <b:include data='post' name='threaded-comment-form'/>
  3865. <b:else/>
  3866. <data:post.noNewCommentsText/>
  3867. </b:if>
  3868. </p>
  3869.  
  3870. <b:if cond='data:showCmtPopup'>
  3871. <div id='comment-popup'>
  3872. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3873. </iframe>
  3874. </div>
  3875. </b:if>
  3876.  
  3877. <div id='backlinks-container'>
  3878. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3879. <b:if cond='data:post.showBacklinks'>
  3880. <b:include data='post' name='backlinks'/>
  3881. </b:if>
  3882. </div>
  3883. </div>
  3884. </div>
  3885. </b:includable>
  3886. </b:widget>
  3887. </b:section>
  3888.  
  3889. <b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' showaddelement='yes'>
  3890. <b:widget id='HTML996' locked='true' title='Iklan Atas Artikel' type='HTML' version='1'>
  3891. <b:widget-settings>
  3892. <b:widget-setting name='content'/>
  3893. </b:widget-settings>
  3894. <b:includable id='main'>
  3895. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3896. <!-- only display title if it's non-empty -->
  3897. <b:if cond='data:title != &quot;&quot;'>
  3898. <h2 class='title'><data:title/></h2>
  3899. </b:if>
  3900. <div class='widget-content'>
  3901. <div id='kode-iklan-atas'>
  3902. <data:content/>
  3903. </div>
  3904. </div>
  3905. </b:if>
  3906.  
  3907. </b:includable>
  3908. </b:widget>
  3909. </b:section>
  3910.  
  3911. <b:section class='iklan-tengah1' id='iklan-tengah1' maxwidgets='1' showaddelement='yes'>
  3912. <b:widget id='HTML997' locked='true' title='Iklan Tengah Artikel 1' type='HTML' version='1'>
  3913. <b:widget-settings>
  3914. <b:widget-setting name='content'/>
  3915. </b:widget-settings>
  3916. <b:includable id='main'>
  3917. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3918. <!-- only display title if it's non-empty -->
  3919. <b:if cond='data:title != &quot;&quot;'>
  3920. <h2 class='title'><data:title/></h2>
  3921. </b:if>
  3922. <div class='widget-content'>
  3923. <div id='kode-iklan-tengah1'>
  3924. <data:content/>
  3925. </div>
  3926. </div>
  3927. </b:if>
  3928. </b:includable>
  3929. </b:widget>
  3930. </b:section>
  3931. <b:section class='iklan-tengah2' id='iklan-tengah2' maxwidgets='1' showaddelement='yes'>
  3932. <b:widget id='HTML998' locked='true' title='Iklan Tengah Artikel 2' type='HTML' version='1'>
  3933. <b:widget-settings>
  3934. <b:widget-setting name='content'/>
  3935. </b:widget-settings>
  3936. <b:includable id='main'>
  3937. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3938. <!-- only display title if it's non-empty -->
  3939. <b:if cond='data:title != &quot;&quot;'>
  3940. <h2 class='title'><data:title/></h2>
  3941. </b:if>
  3942. <div class='widget-content'>
  3943. <div id='kode-iklan-tengah2'>
  3944. <data:content/>
  3945. </div>
  3946. </div>
  3947. </b:if>
  3948. </b:includable>
  3949. </b:widget>
  3950. </b:section>
  3951. <b:section class='iklan-bawah' id='iklan-bawah' maxwidgets='1' showaddelement='yes'>
  3952. <b:widget id='HTML999' locked='true' title='Iklan Bawah Artikel' type='HTML' version='1'>
  3953. <b:widget-settings>
  3954. <b:widget-setting name='content'/>
  3955. </b:widget-settings>
  3956. <b:includable id='main'>
  3957. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3958. <!-- only display title if it's non-empty -->
  3959. <b:if cond='data:title != &quot;&quot;'>
  3960. <h2 class='title'><data:title/></h2>
  3961. </b:if>
  3962. <div class='widget-content'>
  3963. <div id='kode-iklan-bawah'>
  3964. <data:content/>
  3965. </div>
  3966. </div>
  3967. </b:if>
  3968.  
  3969. </b:includable>
  3970. </b:widget>
  3971. </b:section>
  3972. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3973. <script type='text/javascript'>
  3974. function insertAfter(addition, konten) {
  3975. var parent = konten.parentNode;
  3976. if (parent.lastChild == konten) {
  3977. parent.appendChild(addition);
  3978. } else {
  3979. parent.insertBefore(addition, konten.nextSibling);
  3980. }
  3981. }
  3982. function insertAbove(addition, konten) {
  3983. var parent = konten.parentNode;
  3984. parent.insertBefore(addition, konten);
  3985. }
  3986. function insertBellow(addition) {
  3987. var parent = konten;
  3988. parent.appendChild(addition);
  3989. }
  3990. var iklan1 = document.getElementById(&quot;kode-iklan-tengah1&quot;);
  3991. var iklan2 = document.getElementById(&quot;kode-iklan-tengah2&quot;);
  3992. var iklanAtas = document.getElementById(&quot;kode-iklan-atas&quot;);
  3993. var iklanBawah = document.getElementById(&quot;kode-iklan-bawah&quot;);
  3994. var bacaJuga = document.getElementById(&quot;baca-juga&quot;);
  3995. var konten = document.getElementById(&quot;body-post-it&quot;);
  3996. var lokasi = konten.getElementsByTagName(&quot;br&quot;);
  3997. if (lokasi.length &gt; 0) {
  3998. insertAbove(iklanAtas,konten);
  3999. insertBellow(iklanBawah);
  4000. }
  4001. if (lokasi.length &gt; 2) {
  4002. insertAfter(iklan1,lokasi[2]);
  4003. }
  4004. else {
  4005. iklan1.innerHTML = &quot;&quot;;
  4006. }
  4007. if (lokasi.length &gt; 10) {
  4008. insertAfter(iklan2,lokasi[10]);
  4009. }
  4010. else {
  4011. iklan2.innerHTML = &quot;&quot;;
  4012. }
  4013. if (lokasi.length &gt; 4) {
  4014. insertAfter(bacaJuga,lokasi[4]);
  4015. }
  4016. else {
  4017. bacaJuga.innerHTML = &quot;&quot;;
  4018. }
  4019. </script>
  4020. </b:if>
  4021. </div>
  4022.  
  4023. </div>
  4024. <!-- post wrapper end -->
  4025.  
  4026.  
  4027. <!-- sidebar wrapper start -->
  4028. <aside id='sidebar-wrapper'>
  4029. <div class='sidebar-container'>
  4030. <b:section class='sidebar' id='sidebar' preferred='yes'>
  4031. <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'>
  4032. <b:widget-settings>
  4033. <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
  4034. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4035. <b:widget-setting name='showSnippets'>true</b:widget-setting>
  4036. <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  4037. </b:widget-settings>
  4038. <b:includable id='main'>
  4039. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  4040. <div class='widget-content popular-posts'>
  4041. <ul>
  4042. <b:loop values='data:posts' var='post'>
  4043. <li>
  4044. <b:if cond='!data:showThumbnails'>
  4045. <b:if cond='!data:showSnippets'>
  4046. <!-- (1) No snippet/thumbnail -->
  4047. <a expr:href='data:post.href'><data:post.title/></a>
  4048. <b:else/>
  4049. <!-- (2) Show only snippets -->
  4050. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4051. <div class='item-snippet'><data:post.snippet/></div>
  4052. </b:if>
  4053. <b:else/>
  4054. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  4055. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  4056. <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  4057. <div class='item-thumbnail'>
  4058. <a expr:href='data:post.href' target='_blank'>
  4059. <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
  4060. <img alt='' border='0' expr:src='data:image'/>
  4061. </b:with>
  4062. </a>
  4063. </div>
  4064. </b:if>
  4065. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4066. <b:if cond='data:showSnippets'>
  4067. <div class='item-snippet'><data:post.snippet/></div>
  4068. </b:if>
  4069. </div>
  4070. <div style='clear: both;'/>
  4071. </b:if>
  4072. </li>
  4073. </b:loop>
  4074. </ul>
  4075.  
  4076. </div>
  4077. </b:includable>
  4078. </b:widget>
  4079. </b:section>
  4080. <b:section class='sidebar-sticky' id='sidebar-sticky' preferred='yes'>
  4081. <b:widget id='Profile1' locked='false' title='About Me' type='Profile' version='1'>
  4082. <b:widget-settings>
  4083. <b:widget-setting name='showaboutme'>true</b:widget-setting>
  4084. <b:widget-setting name='showlocation'>false</b:widget-setting>
  4085. </b:widget-settings>
  4086. <b:includable id='main'>
  4087. <b:if cond='data:title != &quot;&quot;'>
  4088. <h2><data:title/></h2>
  4089. </b:if>
  4090. <div class='widget-content'>
  4091. <b:if cond='data:team'> <!-- team blog profile -->
  4092. <ul>
  4093. <b:loop values='data:authors' var='i'>
  4094. <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
  4095. </b:loop>
  4096. </ul>
  4097.  
  4098. <b:else/> <!-- normal blog profile -->
  4099.  
  4100. <b:if cond='data:photo.url != &quot;&quot;'>
  4101. <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
  4102. </b:if>
  4103.  
  4104. <dl class='profile-datablock'>
  4105. <dt class='profile-data'>
  4106. <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
  4107. <data:displayname/>
  4108. </a>
  4109. <b:if cond='data:hasgoogleprofile'>
  4110. <br/>
  4111. <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
  4112. </b:if>
  4113. </dt>
  4114.  
  4115. <b:if cond='data:showlocation'>
  4116. <dd class='profile-data'><data:location/></dd>
  4117. </b:if>
  4118.  
  4119. <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
  4120. </dl>
  4121. <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
  4122. </b:if>
  4123.  
  4124.  
  4125. </div>
  4126. </b:includable>
  4127. </b:widget>
  4128. </b:section>
  4129. </div>
  4130. </aside>
  4131. <!-- sidebar wrapper end -->
  4132.  
  4133. <div class='clear'/>
  4134. </div>
  4135. <!-- wrapper end -->
  4136. <div class='sticky-stop'/>
  4137.  
  4138. <div id='footer-widget-container'>
  4139. <b:section class='footer-widget' id='footer-widget' maxwidgets='1' showaddelement='yes'>
  4140. <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'>
  4141. <b:widget-settings>
  4142. <b:widget-setting name='content'>&lt;!-- social media button start --&gt;
  4143. &lt;ul class=&#39;nav-social&#39;&gt;
  4144. &lt;li&gt;&lt;a class=&#39;fcb&#39; href=&#39;https://www.facebook.com/&#39; rel=&#39;nofollow&#39;&gt;&lt;i class=&#39;fa fa-facebook-square fa-2x&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  4145. &lt;/li&gt;
  4146. &lt;li&gt;&lt;a class=&#39;igicon&#39; href=&#39;https://www.instagram.com/&#39; rel=&#39;nofollow&#39;&gt;&lt;i class=&#39;fa fa-instagram fa-2x&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  4147. &lt;/li&gt;
  4148. &lt;li&gt;&lt;a class=&#39;gpl&#39; href=&#39;https://plus.google.com/&#39; rel=&#39;nofollow&#39;&gt;&lt;i class=&#39;fa fa-google-plus-square fa-2x&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  4149. &lt;/li&gt;
  4150. &lt;li&gt;&lt;a class=&#39;twt&#39; href=&#39;https://twitter.com/&#39; rel=&#39;nofollow&#39;&gt;&lt;i class=&#39;fa fa-twitter-square fa-2x&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  4151. &lt;/li&gt;
  4152. &lt;li&gt;&lt;a class=&#39;ytb&#39; href=&#39;https://www.youtube.com&#39; rel=&#39;nofollow&#39;&gt;&lt;i class=&#39;fa fa-youtube fa-2x&#39;/&gt;&lt;/i&gt;&lt;/a&gt;
  4153. &lt;/li&gt;
  4154. &lt;/ul&gt;
  4155. &lt;!-- social media button end --&gt;</b:widget-setting>
  4156. </b:widget-settings>
  4157. <b:includable id='main'>
  4158. <!-- only display title if it's non-empty -->
  4159. <b:if cond='data:title != &quot;&quot;'>
  4160. <h2 class='title'><data:title/></h2>
  4161. </b:if>
  4162. <div class='widget-content'>
  4163. <data:content/>
  4164. </div>
  4165.  
  4166.  
  4167. </b:includable>
  4168. </b:widget>
  4169. </b:section>
  4170. </div>
  4171.  
  4172. <!-- footer nav menu -->
  4173. <div id='footer-navmenu'>
  4174. <nav id='footer-navmenu-container'>
  4175.  
  4176. <!-- menu navigasi footer start -->
  4177. <ul>
  4178. <li><a href='#'>About</a></li>
  4179. <li><a href='#'>Contact</a></li>
  4180. <li><a href='#'>Privacy Policy</a></li>
  4181. <li><a href='#'>Disclaimer</a></li>
  4182. </ul>
  4183. <!-- menu navigasi footer end -->
  4184.  
  4185. </nav>
  4186. </div>
  4187. <!-- footer nav menu end -->
  4188.  
  4189. <!-- footer wrapper start -->
  4190. <div id='footer-container'>
  4191. <footer id='footer-wrapper'>
  4192. Copyright 2018 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  4193. </footer>
  4194. </div>
  4195. <!-- footer wrapper end -->
  4196.  
  4197. <div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>
  4198. <i class='fa fa-chevron-up'/>
  4199. </a></div>
  4200.  
  4201. <script>
  4202. $(window).scroll(function() {
  4203. if($(this).scrollTop() &gt; 200) {
  4204. $(&#39;#back-to-top&#39;).fadeIn();
  4205. } else {
  4206. $(&#39;#back-to-top&#39;).fadeOut();
  4207. }
  4208. });
  4209. $(&#39;#back-to-top&#39;).hide().click(function() {
  4210. $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
  4211. return false;
  4212. });
  4213. </script>
  4214.  
  4215. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4216. <script>
  4217. //<![CDATA[
  4218. /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
  4219. var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"&hellip;":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
  4220. //]]>
  4221. </script>
  4222. </b:if>
  4223.  
  4224. <b:if cond='data:blog.isMobile == &quot;false&quot;'>
  4225. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  4226. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  4227. <!-- JAVASCRIPT NAVIGASI HALAMAN BERNOMOR -->
  4228. <script>
  4229. /*<![CDATA[*/
  4230. var perPage=7;
  4231. var numPages=6;
  4232. var firstText ='First';
  4233. var lastText ='Last';
  4234. var prevText ='‹ Prev';
  4235. var nextText ='Next ›';
  4236. var urlactivepage=location.href;
  4237. var home_page="/";
  4238. /*]]>*/
  4239. </script>
  4240. <script>
  4241. //<![CDATA[
  4242. if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}if(pageStart>2){html+=' ... '}for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1){html+='...'}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}location.href=pAddress}
  4243. //]]>
  4244. </script>
  4245. </b:if>
  4246. </b:if>
  4247. </b:if>
  4248.  
  4249. <script>
  4250. //<![CDATA[
  4251. /*
  4252. Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net
  4253. */
  4254. (function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));
  4255. if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,
  4256. u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),
  4257. h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),
  4258. a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",
  4259. y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this);
  4260. // search form
  4261. $(function(){$('a[href="#searchfs"]').on("click",function(e){e.preventDefault(),$("#searchfs").addClass("open"),$('#searchfs > form > input[type="search"]').focus()}),$("#searchfs, #searchfs button.close").on("click keyup",function(e){e.target!=this&&"close"!=e.target.className&&27!=e.keyCode||$(this).removeClass("open")})});
  4262. // nav menu
  4263. !function(s){s.fn.menumaker=function(n){var e=s(this),o=s.extend({format:"dropdown",sticky:!1},n);return this.each(function(){s(this).find(".button").on("click",function(){s(this).toggleClass("menu-opened");var n=s(this).next("ul");n.hasClass("open")?n.slideToggle(150).removeClass("open"):(n.slideToggle(150).addClass("open"),"dropdown"===o.format&&n.find("ul").show())}),e.find("li ul").parent().addClass("has-sub"),multiTg=function(){e.find(".has-sub").prepend('<span class="submenu-button"></span>'),e.find(".submenu-button").on("click",function(){s(this).toggleClass("submenu-opened"),s(this).siblings("ul").hasClass("open")?s(this).siblings("ul").removeClass("open").slideToggle(150):s(this).siblings("ul").addClass("open").slideToggle(150)})},"multitoggle"===o.format?multiTg():e.addClass("dropdown"),!0===o.sticky&&e.css("position","fixed")})}}(jQuery),function(s){s(document).ready(function(){s("#cssmenu").menumaker({format:"multitoggle"})})}(jQuery);
  4264. //]]>
  4265. </script>
  4266. <script>
  4267. //<![CDATA[
  4268. jQuery(document).ready(function(){var i=jQuery(window).width();function e(){jQuery("#sidebar-sticky").stick_in_parent({parent:"#wrapper",offset_top:70})}i<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):e(),jQuery(window).resize(function(){(i=jQuery(window).width())<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):e()})});
  4269. //]]>
  4270. </script>
  4271.  
  4272.  
  4273. <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500' rel='stylesheet' type='text/css'/>
  4274. <link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
  4275. &lt;!--</body>--&gt;&lt;/body&gt;
  4276. </html>
Add Comment
Please, Sign In to add comment