VanGans

Viomagz V.2.2

May 11th, 2019
156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 235.01 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;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}
  176.  
  177. /* Blogger CSS Reset */
  178. .section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
  179. .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;}
  180. .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;}
  181.  
  182. .quickedit,.thread-toggle,.edit-post,.item-control{display:none;}
  183.  
  184. /* FRAMEWORK */
  185. strong,b{font-weight:bold;}
  186. cite,em,i{font-style:italic;}
  187. a:link{color:$(link.color);text-decoration:none;outline:none;}
  188. a:visited{color:$(link.color);text-decoration:none;}
  189. a:hover{color:$(link.hover.color);text-decoration:none;}
  190. a img{border:none;border-width:0;outline:none;}
  191. abbr,acronym{border-bottom:1px dotted;cursor:help;}
  192. sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
  193. sub{top:.4em;}small{font-size:86%;}
  194. kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
  195. mark{background-color:#ffce00;color:black;}
  196. p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
  197. hr{height:1px;border:none;background-color:#666;}
  198.  
  199. h1{font-size:1.8rem}
  200. h2{font-size:1.6rem}
  201. h3{font-size:1.4rem}
  202. h4{font-size:1.2rem}
  203. h5{font-size:1rem}
  204. h6{font-size:0.9rem}
  205.  
  206. /* heading */
  207. h1,h2,h3,h4,h5,h6 {
  208. margin: 0 0 0.6em;
  209. }
  210.  
  211. /* list */
  212. ol,ul,dl{margin: .5em 0em .5em 3em}
  213. ol{list-style: decimal outside}
  214. ul{list-style: disc outside}
  215. ol[type="a"],ul[type="a"] {list-style-type: lower-alpha;}
  216. li{margin: .5em 0}
  217. dt{font-weight: 500}
  218. dd{margin: 0 0 .5em 2em}
  219.  
  220. /* form */
  221. input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
  222. textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  223.  
  224. /* code & blockquote */
  225. pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;}
  226. pre{white-space:pre;word-wrap:normal;overflow:auto;}
  227. blockquote{background:#f6f6f6;margin-left:2em;margin-right:2em;padding:1em 1em;font-style:italic;font-size:105%;}
  228. blockquote:before {
  229. content: "\f10d";
  230. font-family: FontAwesome;
  231. font-style: normal;
  232. font-weight: normal;
  233. text-decoration: inherit;
  234. padding-right:4px;
  235. color:#666;
  236. }
  237.  
  238. /* table */
  239. table[border="1"] td, table[border="1"] th {
  240. vertical-align: top;
  241. text-align: left;
  242. font-size: 13px;
  243. padding: 3px 5px;
  244. border: 1px solid #f6f6f6;
  245. }
  246. table[border="1"] th {
  247. background: #eee;
  248. }
  249. table, img {
  250. max-width: 100%;
  251. height: auto;
  252. }
  253. iframe {
  254. max-width: 100%;
  255. }
  256. td.tr-caption {
  257. color: #777;
  258. }
  259. .clear {
  260. clear: both;
  261. }
  262. .clear:after {
  263. visibility: hidden;
  264. display: block;
  265. font-size: 0;
  266. content: " ";
  267. clear: both;
  268. height: 0;
  269. }
  270.  
  271.  
  272. /* TRANSISI */
  273. 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 {
  274. transition:all 0.2s;
  275. -moz-transition:all 0.2s;
  276. -webkit-transition:all 0.2s;
  277. }
  278.  
  279. .related-post-style-3 .related-post-item {
  280. transition: opacity 0.2s linear;
  281. }
  282. .img-thumbnail, .img-thumbnail img, .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet, .sidebar-sticky {
  283. transition: all .2s linear;
  284. -o-transition: all .2s linear;
  285. -moz-transition: all .2s linear;
  286. -webkit-transition: all .2s linear;
  287. }
  288.  
  289. #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 {
  290. transition: font-size .2s linear;
  291. -o-transition: font-size .2s linear;
  292. -moz-transition: font-size .2s linear;
  293. -webkit-transition: font-size .2s linear;
  294. }
  295.  
  296. .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 {
  297. border-radius: 3px;
  298. }
  299. #share a:first-child {
  300. border-radius: 3px 0 0 3px;
  301. }
  302. #share a:last-child {
  303. border-radius: 0 3px 3px 0;
  304. }
  305.  
  306. body {
  307. background: $(body.background);
  308. margin: 0 0 0 0;
  309. padding: 0 0 0 0;
  310. color: $(body.text.color);
  311. font: $(body.font);
  312. text-align: left;
  313. }
  314.  
  315. /* WRAPPER */
  316. #wrapper {
  317. background: #fff;
  318. max-width: 1000px;
  319. margin: 0 auto;
  320. padding: 70px 30px 30px;
  321. overflow: hidden;
  322. }
  323.  
  324. /* HEADER */
  325. #header-container {
  326. background:#0F466E;
  327. background:-webkit-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  328. background:-moz-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  329. background:-o-linear-gradient(right,#3498dbE 0%,#9b59b6 75%);
  330. background:-ms-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  331. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b59b6',endColorstr='#3498db',GradientType=1);
  332. color: #fff;
  333. -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
  334. box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
  335. position: fixed;
  336. top: 0;
  337. left: 0;
  338. right: 0;
  339. width: 100%;
  340. z-index: 999;
  341. }
  342. #header-wrapper {
  343. max-width: 1000px;
  344. margin: 0 auto;
  345. position: relative;
  346. }
  347. .header {
  348. max-width: 400px;
  349. float: left;
  350. margin-right: 28px;
  351. overflow: hidden;
  352. white-space: nowrap;
  353. text-overflow: ellipsis;
  354. }
  355. .header h1.title, .header p.title {
  356. font: $(header.font);
  357. color: $(header.title.color);
  358. margin: 0;
  359. text-transform: uppercase;
  360. padding: 9px 0;
  361. }
  362. .header .description {
  363. color: $(header.title.color);
  364. margin: -10px 0 4px 0;
  365. padding: 0;
  366. font-size: 0.7em;
  367. display: none;
  368. }
  369. .header a, .header a:hover {
  370. color: $(header.title.color);
  371. }
  372. .header img {
  373. display:block;
  374. width: auto;
  375. margin: 11px 0;
  376. max-height: 24px;
  377. }
  378.  
  379.  
  380. /* POST WRAPPER */
  381. .post-container {
  382. padding-right: 25px;
  383. }
  384. #post-wrapper {
  385. background:transparent;
  386. float:left;
  387. width:70%;
  388. max-width:700px;
  389. margin:0 0 10px;
  390. }
  391. .breadcrumbs a {
  392. color: $(widget.title.color);
  393. }
  394. .post {
  395. margin-bottom: 20px;
  396. }
  397. .post-body {
  398. font:$(post.body.font);
  399. color:$(post.body.color);
  400. line-height: 1.6em;
  401. text-align: left;
  402. }
  403. h2.post-title, h1.post-title {
  404. font: $(post.title.font);
  405. }
  406. h1.post-title {
  407. font-size: 30px;
  408. margin-bottom: 12px;
  409. }
  410. h2.post-title {
  411. margin-bottom: 12px;
  412. }
  413. h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
  414. color: $(post.title.color);
  415. line-height: 1.3em;
  416. }
  417. h2.post-title a:hover, h1.post-title a:hover {
  418. color: $(post.title.hover.color);
  419. }
  420. .img-thumbnail {
  421. position: relative;
  422. float: left;
  423. width: 255px;
  424. height: 170px;
  425. }
  426. .img-thumbnail img {
  427. width: 255px;
  428. height: 170px;
  429. display: block;
  430. }
  431. .label-info-th {
  432. display: block;
  433. z-index: 2;
  434. position: relative;
  435. margin-bottom: 10px;
  436. }
  437. .label-line, .label-line-c {
  438. position:relative;
  439. }
  440. .label-line-c {
  441. text-align: center;
  442. margin-bottom: 6px;
  443. }
  444. .label-line:before, .label-line-c:before {
  445. background:#0F466E;
  446. background:-webkit-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  447. background:-moz-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  448. background:-o-linear-gradient(right,#3498dbE 0%,#9b59b6 75%);
  449. background:-ms-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  450. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b59b6',endColorstr='#3498db',GradientType=1);
  451. z-index: 1;
  452. content: "";
  453. width: 100%;
  454. height: 1px;
  455. position: absolute;
  456. top: 50%;
  457. left: 0;
  458. margin-top: -1px;
  459. }
  460. .label-info-th a {
  461. color: $(label.color);
  462. background: $(label.bg.color);
  463. display: inline-block;
  464. padding: 6px 12px;
  465. margin: 1px 0;
  466. font-size: 11px;
  467. font-weight: 500;
  468. text-transform: uppercase;
  469. border: 1px solid $(label.border.color);
  470. }
  471. .label-info-th a:hover {
  472. border: 1px solid $(label.hover.border.color);
  473. color: $(label.hover.border.color);
  474. }
  475. .post-info {
  476. color: $(post.footer.color);
  477. font: $(post.footer.font);
  478. }
  479. .info-1, .info-2, h2.post-title, .post-snippet {
  480. margin-left: 275px;
  481. }
  482. .info-1 {
  483. margin-top: 12px;
  484. }
  485. .info-2 {
  486. margin-top: 12px;
  487. }
  488. .info-3 {
  489. margin-bottom: 1.6em;
  490. }
  491. .post-info a {
  492. display: inline-block;
  493. color: $(post.footer.color);
  494. }
  495. .post-info a:hover {
  496. color: $(post.footer.color);
  497. }
  498. .author-info:after, .time-info:after, .label-info:after {
  499. content: "-";
  500. padding: 0 2px;
  501. }
  502. .edit-post:before {
  503. content: "-";
  504. padding: 0 2px;
  505. }
  506.  
  507. /* AUTHOR POST PROFILE */
  508. .author-profile {
  509. overflow: hidden;
  510. margin: 30px 0;
  511. line-height: 1.5;
  512. }
  513. .author-profile img {
  514. border: none;
  515. float: left;
  516. margin-right: 15px;
  517. border-radius: 46px;
  518. }
  519. .author-profile > span {
  520. font-size: 14px;
  521. color: #888;
  522. }
  523. .author-profile a.g-profile {
  524. font-weight: 500;
  525. color: $(link.hover.color);
  526. font-size: 18px;
  527. }
  528. .author-profile a.g-profile:hover {
  529. color: $(link.color);
  530. }
  531. .author-profile a.g-profile:after {
  532. content: "\f058";
  533. font-family: FontAwesome;
  534. font-style: normal;
  535. font-weight: normal;
  536. text-decoration: inherit;
  537. padding-right: 4px;
  538. color: $(link.color);
  539. }
  540.  
  541.  
  542. /* SIDEBAR WIDGET */
  543. #sidebar-wrapper {
  544. background:transparent;
  545. float:right;
  546. width:30%;
  547. max-width:300px;
  548. margin:0 auto;
  549. }
  550. #sidebar-wrapper .widget {
  551. overflow-y:hidden;
  552. }
  553. .sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2, .comments h3, .breadcrumbs {
  554. background:#0F466E;
  555. background:-webkit-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  556. background:-moz-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  557. background:-o-linear-gradient(right,#3498dbE 0%,#9b59b6 75%);
  558. background:-ms-linear-gradient(right,#3498db 0%,#9b59b6 75%);
  559. filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b59b6',endColorstr='#3498db',GradientType=1);
  560. font: $(widget.title.font);
  561. margin-bottom: 15px;
  562. padding: 10px 10px 10px;
  563. color: $(widget.title.color);
  564. text-transform: uppercase;
  565. text-align: center;
  566. display:block;
  567. border-radius:5px;
  568. }
  569. .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {
  570. margin:0 0 30px;
  571. clear:both;
  572. }
  573. .sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol {
  574. list-style-type:none;
  575. margin: 0;
  576. padding: 0;
  577. }
  578. .sidebar li, .sidebar-sticky li {
  579. margin:5px 0;
  580. padding: 0;
  581. }
  582. .sidebar-sticky {
  583. z-index: 997;
  584. }
  585. .bellow-header-widget {
  586. text-align: center;
  587. }
  588. .bellow-header-widget h2 {
  589. display: none;
  590. }
  591. .bellow-header-widget .widget {
  592. overflow: hidden;
  593. }
  594. .bellow-header-widget img, .bellow-header-widget iframe{
  595. max-width: 100%;
  596. border: none;
  597. overflow: hidden;
  598. }
  599.  
  600. /* CUSTOM WIDGET */
  601.  
  602. .widget ul {
  603. line-height:1.4em;
  604. }
  605.  
  606. /* Label */
  607. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
  608. font-size:100%;
  609. opacity:10
  610. }
  611. .cloud-label-widget-content{
  612. text-align:left
  613. }
  614. .label-size {
  615. transition: all 0.25s;
  616. -moz-transition: all 0.25s;
  617. -webkit-transition: all 0.25s;
  618. line-height:1.2;
  619. display: block;
  620. float: left;
  621. margin: 0 3px 3px 0;
  622. color: $(link.color);
  623. font-size: 12px;
  624. text-transform: uppercase;
  625. border: 1px solid $(link.color);
  626. }
  627. .label-size a,.label-size span{
  628. display: inline-block;
  629. color: $(link.color);
  630. padding: 6px 12px;
  631. }
  632. .label-size:hover {
  633. border: 1px solid $(link.hover.color);
  634. }
  635. .label-size:hover a, .label-size:hover .label-count {
  636. color: $(link.hover.color);
  637. }
  638. .label-count {
  639. margin-left: -3px;
  640. background: #f8f8f8;
  641. margin-right: 1px;
  642. }
  643. .list-label-widget-content {
  644. }
  645. .list-label-widget-content ul {
  646. border-left:1px solid #efefef;
  647. border-right:1px solid #efefef;
  648. }
  649. .list-label-widget-content ul li {
  650. display: block;
  651. padding: 5px 10px;
  652. background: #f8f8f8;
  653. border-top:1px solid #efefef;
  654. margin: 0;
  655. }
  656. .list-label-widget-content ul li:last-child {
  657. border-bottom:1px solid #efefef;
  658. }
  659. .list-label-widget-content ul li:nth-child(odd) {
  660. background: #f8f8f8;
  661. }
  662. .list-label-widget-content ul li:nth-child(even) {
  663. background: #efefef;
  664. }
  665. .list-label-widget-content ul li a {
  666. }
  667. .list-label-widget-content ul li span {
  668. color: #afafaf;
  669. }
  670. .list-label-widget-content ul li a:hover {
  671. }
  672.  
  673. /* Feed */
  674. .Feed {
  675. }
  676. .Feed ul {
  677. border-left:1px solid #efefef;
  678. border-right:1px solid #efefef;
  679. }
  680. .Feed ul li {
  681. display: block;
  682. padding: 8px 10px;
  683. background: #f8f8f8;
  684. border-top:1px solid #efefef;
  685. margin: 0;
  686. }
  687. .Feed ul li:last-child {
  688. border-bottom:1px solid #efefef;
  689. }
  690. .Feed ul li:nth-child(odd) {
  691. background: #f8f8f8;
  692. }
  693. .Feed ul li:nth-child(even) {
  694. background: #efefef;
  695. }
  696. .Feed .item-date, .Feed .item-author {
  697. color: #999;
  698. }
  699. .Feed .item-title {
  700. font-weight: 500;
  701. }
  702.  
  703. /* Popular Posts */
  704. .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 {
  705. margin:0 0;
  706. padding:0 0;
  707. list-style:none;
  708. border:none;
  709. outline:none;
  710. }
  711. .PopularPosts .widget-content ul {
  712. margin: 0;
  713. list-style:none;
  714. counter-reset:num;
  715. border-left:1px solid #efefef;
  716. border-right:1px solid #efefef;
  717. }
  718. .PopularPosts .widget-content ul li img {
  719. display: block;
  720. width: 70px;
  721. height: 70px;
  722. float: left;
  723. }
  724. .PopularPosts .widget-content ul li {
  725. margin: 0 0 0 0 !important;
  726. counter-increment: num;
  727. position: relative;
  728. border-top:1px solid #efefef;
  729. padding: 8px 10px;
  730. }
  731. .PopularPosts ul li:last-child {
  732. border-bottom:1px solid #efefef;
  733. }
  734. .PopularPosts li:nth-child(odd) {
  735. background: #efefef;
  736. }
  737. .PopularPosts li:nth-child(even) {
  738. background: #f8f8f8;
  739. }
  740. .PopularPosts ul li .item-title a, .PopularPosts ul li a {
  741. font-weight: 500;
  742. text-decoration: none;
  743. color: $(link.hover.color);
  744. }
  745. .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {
  746. color: $(link.color);
  747. }
  748. .PopularPosts .item-title {
  749. line-height: 1.6;
  750. }
  751. .PopularPosts .item-thumbnail {
  752. float: left;
  753. margin: 3px 8px 0 0;
  754. }
  755. .PopularPosts .item-snippet {
  756. line-height: 1.7em;
  757. color: #888;
  758. font-size: 14px;
  759. margin-top: 8px;
  760. }
  761.  
  762. /* Featured Post */
  763. .FeaturedPost .post-summary {
  764. background: #f7f7f7;
  765. position: relative;
  766. padding: 0;
  767. min-height: 200px;
  768. max-height: 450px;
  769. overflow: hidden;
  770. }
  771. .FeaturedPost .post-summary h3 {
  772. font: $(post.title.font);
  773. position: absolute;
  774. bottom: 58px;
  775. z-index: 1;
  776. font-size: 28px;
  777. margin: 0 15px;
  778. }
  779. .FeaturedPost .post-summary h3:after {
  780. content:"";
  781. position:absolute;
  782. top:-0.25em;
  783. right:100%;
  784. bottom:-0.25em;
  785. width:0.25em;
  786. }
  787. .FeaturedPost .post-summary h3 a {
  788. color: $(post.title.color);
  789. background: #fff;
  790. padding: 2px 8px;
  791. -webkit-box-decoration-break: clone;
  792. -o-box-decoration-break: clone;
  793. box-decoration-break: clone;
  794. }
  795. .FeaturedPost .post-summary h3 a:hover {
  796. color: $(post.title.hover.color);
  797. }
  798. .FeaturedPost .post-summary p {
  799. position: absolute;
  800. background: #ffffff;
  801. color: #5a5a5a;
  802. padding: 3px 8px;
  803. bottom: 15px;
  804. margin: 0 15px;
  805. overflow: hidden;
  806. text-overflow: ellipsis;
  807. white-space: nowrap;
  808. width: 90%;
  809. -webkit-box-sizing: border-box;
  810. -moz-box-sizing: border-box;
  811. box-sizing: border-box;
  812. }
  813. .FeaturedPost .image {
  814. display: block;
  815. }
  816.  
  817. /* Profile */
  818. .Profile .widget-content {
  819. text-align: center;
  820. background: #f8f8f8;
  821. padding: 30px;
  822. border: 1px solid #efefef;
  823. }
  824. .Profile .profile-img {
  825. border-radius: 50%;
  826. float: none;
  827. }
  828. .Profile .profile-name-link {
  829. color: #212121;
  830. font-size: .9em;
  831. opacity: .87;
  832. overflow: hidden;
  833. }
  834. .Profile .profile-link {
  835. border-style: solid;
  836. border-width: 1px;
  837. cursor: pointer;
  838. font-size: 12px;
  839. font-weight: 400;
  840. padding: 6px 22px;
  841. display: inline-block;
  842. line-height: normal;
  843. }
  844. .profile-textblock {
  845. margin: .8em 0;
  846. font-size: 14px;
  847. }
  848. .profile-img {
  849. float: left;
  850. display:inline;
  851. opacity:10;
  852. margin:0 6px 3px 0;
  853. }
  854. .profile-data {
  855. margin: 0;
  856. }
  857. .profile-datablock {
  858. margin: .5em 0;
  859. }
  860. .profile-name-link {
  861. background: no-repeat left top;
  862. box-sizing: border-box;
  863. display: inline-block;
  864. max-width: 100%;
  865. min-height: 20px;
  866. padding-left: 20px;
  867. }
  868.  
  869. /* Archive */
  870. #ArchiveList .toggle {
  871. cursor: pointer;
  872. font-family: Arial, sans-serif;
  873. }
  874. #ArchiveList .toggle-open {
  875. _font-size: 1.7em;
  876. line-height: .6em;
  877. }
  878. #ArchiveList {
  879. text-align: left;
  880. }
  881. #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {
  882. text-decoration: none;
  883. }
  884. #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover {
  885. color: inherit;
  886. text-decoration: none;
  887. }
  888. .BlogArchive #ArchiveList ul li {
  889. background: none;
  890. list-style: none;
  891. list-style-image: none;
  892. list-style-position: outside;
  893. border-width: 0;
  894. padding-left: 15px;
  895. text-indent: -15px;
  896. margin: .25em 0;
  897. background-image: none;
  898. }
  899. .BlogArchive #ArchiveList ul ul li {
  900. padding-left: 1.2em;
  901. }
  902. .BlogArchive #ArchiveList ul {
  903. margin: 0;
  904. padding: 0;
  905. list-style: none;
  906. list-style-image: none;
  907. border-width: 0;
  908. }
  909. .BlogArchive #ArchiveList ul.posts li {
  910. padding-left: 1.3em;
  911. }
  912. #ArchiveList .collapsed ul {
  913. display: none;
  914. }
  915.  
  916. /* Back to top */
  917. #back-to-top {
  918. background:$(backtp.background.color);
  919. color:$(backtp.color);
  920. padding:8px 10px;
  921. font-size:24px;
  922. border-radius: 22px;
  923. box-shadow: 0 1px 2px 0 rgba(0,0,0,.15), 0 1px 1px 0 rgba(0,0,0,.30);
  924. }
  925. .back-to-top {
  926. position: fixed !important;
  927. position: absolute;
  928. bottom: 25px;
  929. right: 20px;
  930. z-index: 998;
  931. }
  932.  
  933. /* Share button */
  934. .share-this-pleaseeeee {
  935. display: inline-block;
  936. margin: 0;
  937. color: #afafaf;
  938. text-transform: uppercase;
  939. font-size: 14px;
  940. background: #fff;
  941. z-index: 1;
  942. position: relative;
  943. padding: 0 10px;
  944. font-weight: 500;
  945. }
  946. #share-container {
  947. margin: 20px auto;
  948. overflow: hidden;
  949. }
  950. #share {
  951. width: 100%;
  952. text-align: center;
  953. }
  954. #share a {
  955. width: 25%;
  956. height: 40px;
  957. display: block;
  958. font-size: 24px;
  959. color: #fff;
  960. opacity: 0.8;
  961. transition: opacity 0.15s linear;
  962. float: left;
  963. }
  964. #share a:hover {
  965. opacity: 1;
  966. }
  967. #share i {
  968. position: relative;
  969. top: 50%;
  970. transform: translateY(-50%);
  971. }
  972. .facebook {
  973. background: #3b5998;
  974. }
  975. .twitter {
  976. background: #55acee;
  977. }
  978. .googleplus {
  979. background: #dd4b39;
  980. }
  981. .linkedin {
  982. background: #0077b5;
  983. }
  984. .pinterest {
  985. background: #cb2027;
  986. }
  987. .whatsapp {
  988. background: #25d366;
  989. }
  990.  
  991.  
  992. /* Status Msg */
  993.  
  994. .status-msg-wrap {
  995. font-size: 110%;
  996. width: 90%;
  997. margin: 0 auto 15px;
  998. position: relative;
  999. }
  1000. .status-msg-border {
  1001. border: none;
  1002. filter: alpha(opacity=40);
  1003. -moz-opacity: .4;
  1004. opacity: .4;
  1005. width: 100%;
  1006. position: relative;
  1007. }
  1008. .status-msg-bg {
  1009. background-color: transparent;
  1010. opacity: .8;
  1011. filter: alpha(opacity=30);
  1012. -moz-opacity: .8;
  1013. width: 100%;
  1014. position: relative;
  1015. z-index: 1;
  1016. }
  1017. .status-msg-body {
  1018. text-align: center;
  1019. padding: .3em 0;
  1020. width: 100%;
  1021. position: absolute;
  1022. z-index: 4;
  1023. }
  1024. .status-msg-hidden {
  1025. visibility: hidden;
  1026. padding: .3em 0;
  1027. }
  1028. .status-msg-wrap a {
  1029. padding-left: .4em;
  1030. }
  1031.  
  1032. /* SLOT IKLAN */
  1033. .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 {
  1034. margin:0 !important;
  1035. padding 0;
  1036. }
  1037. .iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 {
  1038. display: none;
  1039. }
  1040. #kode-iklan-atas ins, #kode-iklan-bawah ins, #kode-iklan-tengah1 ins, #kode-iklan-tengah2 ins {
  1041. margin: 20px 0;
  1042. }
  1043. .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas {
  1044. text-align: center;
  1045. display: block;
  1046. }
  1047. .post-body #baca-juga {
  1048. display: block;
  1049. }
  1050.  
  1051. /* PAGE NAVIGATION */
  1052.  
  1053. #blog-pager {
  1054. clear:both !important;
  1055. padding:2px 0;
  1056. text-align: center;
  1057. }
  1058. #blog-pager-newer-link a {
  1059. float:left;
  1060. display:block;
  1061. }
  1062. #blog-pager-older-link a {
  1063. float:right;
  1064. display:block;
  1065. }
  1066. .displaypageNum a,.showpage a,.pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a {
  1067. font-size: 12px;
  1068. padding: 8px 12px;
  1069. margin: 2px 3px 2px 0px;
  1070. display: inline-block;
  1071. color: $(link.color);
  1072. border: 1px solid $(link.color);
  1073. }
  1074. #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent {
  1075. color: $(link.hover.color);
  1076. border: 1px solid $(link.hover.color);
  1077. }
  1078. .showpageOf {
  1079. display: none !important;
  1080. }
  1081. #blog-pager .pages {
  1082. border: none;
  1083. }
  1084.  
  1085. /* FOOTER NAV MENU */
  1086. #footer-navmenu {
  1087. background: $(navmenufooter.bg);
  1088. padding: 15px 0px;
  1089. font: $(navmenufooter.font);
  1090. color: $(navmenufooter.color);
  1091. }
  1092. #footer-navmenu-container {
  1093. max-width: 1000px;
  1094. margin: 0 auto;
  1095. text-align: center;
  1096. }
  1097. #footer-navmenu ul {
  1098. list-style: none;
  1099. margin: 0;
  1100. }
  1101. #footer-navmenu ul li {
  1102. display: inline-block;
  1103. padding: 0px 15px;
  1104. }
  1105. #footer-navmenu ul li a {
  1106. color: $(navmenufooter.color);
  1107. }
  1108. #footer-navmenu ul li a:hover {
  1109. color: $(navmenufooter.hover.color);
  1110. border-bottom: 2px solid $(navmenufooter.hover.color);
  1111. }
  1112.  
  1113. /* FOOTER WIDGET */
  1114. #footer-widget-container {
  1115. background: $(footerwidget.bg.color);
  1116. font-size: 18px;
  1117. }
  1118. .footer-widget {
  1119. max-width: 1000px;
  1120. margin: 0 auto;
  1121. text-align: center;
  1122. }
  1123. .footer-widget h2 {
  1124. display: none;
  1125. }
  1126. .footer-widget .widget {
  1127. margin-bottom: 0px !important;
  1128. padding: 20px 0px;
  1129. }
  1130.  
  1131. /* SOCIAL ICON */
  1132. ul.nav-social {
  1133. list-style: none;
  1134. margin: 0;
  1135. padding: 0;
  1136. }
  1137. ul.nav-social li {
  1138. display: inline-block;
  1139. padding: 0px 15px;
  1140. margin: 0;
  1141. }
  1142. ul.nav-social li a {
  1143. color: $(footerwidget.color);
  1144. }
  1145.  
  1146. ul.nav-social li a:hover {
  1147. color:#555;
  1148. }
  1149. ul.nav-social li a.fcb:hover {
  1150. color:#3B5A9B;
  1151. }
  1152. ul.nav-social li a.gpl:hover {
  1153. color:#DD4B39;
  1154. }
  1155. ul.nav-social li a.twt:hover {
  1156. color:#1BB2E9;
  1157. }
  1158. ul.nav-social li a.ytb:hover {
  1159. color:#ED3F41;
  1160. }
  1161. ul.nav-social li a.lkdn:hover {
  1162. color:#007fb2;
  1163. }
  1164. ul.nav-social li a.igicon:hover {
  1165. color:#527fa4;
  1166. }
  1167.  
  1168. /* SEARCH FORM */
  1169. .search-icon {
  1170. position: absolute;
  1171. top: 11px;
  1172. right: 0px;
  1173. font-size: 19px;
  1174. }
  1175. .search-icon a {
  1176. color: $(search.icon.color);
  1177. }
  1178. #searchfs {
  1179. position: fixed;
  1180. z-index:9999;
  1181. top: 0px;
  1182. left: 0px;
  1183. width: 100%;
  1184. height: 100%;
  1185. background-color: rgba(0, 0, 0, 0.8);
  1186.  
  1187. -webkit-transition: all 0.1s ease-in-out;
  1188. -moz-transition: all 0.1s ease-in-out;
  1189. -o-transition: all 0.1s ease-in-out;
  1190. -ms-transition: all 0.1s ease-in-out;
  1191. transition: all 0.1s ease-in-out;
  1192.  
  1193. -webkit-transform: translate(0px, -100%) scale(0, 0);
  1194. -moz-transform: translate(0px, -100%) scale(0, 0);
  1195. -o-transform: translate(0px, -100%) scale(0, 0);
  1196. -ms-transform: translate(0px, -100%) scale(0, 0);
  1197. transform: translate(0px, -100%) scale(0, 0);
  1198.  
  1199. opacity: 0;
  1200. }
  1201.  
  1202. #searchfs.open {
  1203. -webkit-transform: translate(0px, 0px) scale(1, 1);
  1204. -moz-transform: translate(0px, 0px) scale(1, 1);
  1205. -o-transform: translate(0px, 0px) scale(1, 1);
  1206. -ms-transform: translate(0px, 0px) scale(1, 1);
  1207. transform: translate(0px, 0px) scale(1, 1);
  1208. opacity: 1;
  1209. z-index: 9999;
  1210. }
  1211.  
  1212. #searchfs input[type="search"] {
  1213. position: absolute;
  1214. top: 50%;
  1215. left: 0;
  1216. margin-top: -51px;
  1217. width: 70%;
  1218. margin-left: 15%;
  1219. color: rgb(255, 255, 255);
  1220. background: transparent;
  1221. border-top: 1px solid rgba(255, 255, 255, .8);
  1222. border-bottom: 2px solid rgba(255, 255, 255, .5);
  1223. border-left: 0px solid transparent;
  1224. border-right: 0px solid transparent;
  1225. font-size: 40px;
  1226. text-align: center;
  1227. outline: none;
  1228. padding: 10px;
  1229. }
  1230. #searchfs .close {
  1231. position: fixed;
  1232. top: 20px;
  1233. right: 30px;
  1234. color: #fff;
  1235. background-color: transparent;
  1236. opacity: 0.8;
  1237. font-size: 40px;
  1238. border: none;
  1239. outline: none;
  1240. }
  1241. #searchfs .close:hover {
  1242. cursor: pointer;
  1243. }
  1244.  
  1245. /* NAV MENU */
  1246. #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
  1247. border: 0;
  1248. list-style: none;
  1249. line-height: 1;
  1250. display: block;
  1251. position: relative;
  1252. -webkit-box-sizing: border-box;
  1253. -moz-box-sizing: border-box;
  1254. box-sizing: border-box;
  1255. }
  1256. #cssmenu {
  1257. float: left;
  1258. }
  1259. #cssmenu ul {
  1260. margin: 0;
  1261. display: block;
  1262. }
  1263. #cssmenu:after,#cssmenu > ul:after {
  1264. content: ".";
  1265. display: block;
  1266. clear: both;
  1267. visibility: hidden;
  1268. line-height: 0;
  1269. height: 0
  1270. }
  1271. #cssmenu #head-mobile {
  1272. display: none
  1273. }
  1274. #cssmenu > ul > li {
  1275. float: left;
  1276. margin: 0;
  1277. }
  1278. #cssmenu > ul > li > a {
  1279. padding: 17px;
  1280. font: $(navmenu.font);
  1281. letter-spacing: 0.8px;
  1282. text-decoration: none;
  1283. text-transform: uppercase;
  1284. color: $(navmenu.font.color);
  1285. }
  1286. #cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
  1287. color: $(navmenu.font.hover.color);
  1288. }
  1289. #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
  1290. background: rgba(64,64,64,0.05);
  1291. -webkit-transition: background .2s ease;
  1292. -ms-transition: background .2s ease;
  1293. transition: background .2s ease;
  1294. }
  1295. #cssmenu > ul > li.has-sub > a {
  1296. padding-right: 25px
  1297. }
  1298. #cssmenu > ul > li.has-sub > a:after {
  1299. position: absolute;
  1300. top: 22px;
  1301. right: 11px;
  1302. width: 8px;
  1303. height: 2px;
  1304. display: block;
  1305. background: $(navmenu.font.color);
  1306. content:''
  1307. }
  1308. #cssmenu > ul > li.has-sub > a:before {
  1309. position: absolute;
  1310. top: 19px;
  1311. right: 14px;
  1312. display: block;
  1313. width: 2px;
  1314. height: 8px;
  1315. background: $(navmenu.font.color);
  1316. content:'';
  1317. }
  1318. #cssmenu > ul > li.has-sub:hover > a:before {
  1319. top: 23px;
  1320. height: 0
  1321. }
  1322. #cssmenu ul ul {
  1323. position: absolute;
  1324. left: -9999px;
  1325. z-index: 1;
  1326. -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
  1327. box-shadow: 0 2px 8px 0 rgba(0,0,0,0.15);
  1328. }
  1329. #cssmenu ul ul li {
  1330. height: 0;
  1331. background :#f8f8f8;
  1332. margin: 0;
  1333. }
  1334. #cssmenu ul ul li:hover {
  1335. background: #efefef;
  1336. }
  1337. #cssmenu li:hover > ul {
  1338. left: auto
  1339. }
  1340. #cssmenu li:hover > ul > li {
  1341. height: 33px
  1342. }
  1343. #cssmenu ul ul ul{
  1344. margin-left: 100%;
  1345. top: 0
  1346. }
  1347. #cssmenu ul ul li a {
  1348. border-bottom: 1px solid rgba(150,150,150,0.15);
  1349. padding: 10px 25px 10px 15px;
  1350. max-width: 100%;
  1351. min-width: 150px;
  1352. font-size: 12px;
  1353. text-decoration: none;
  1354. color: #888;
  1355. font-weight: 400;
  1356. white-space: nowrap;
  1357. text-overflow: ellipsis;
  1358. overflow: hidden;
  1359. }
  1360. #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
  1361. border-bottom: 0
  1362. }
  1363.  
  1364. #cssmenu ul ul li.has-sub > a:after {
  1365. position: absolute;
  1366. top: 16px;
  1367. right: 11px;
  1368. width: 8px;
  1369. height: 2px;
  1370. display: block;
  1371. background: #888;
  1372. content:''
  1373. }
  1374. #cssmenu ul ul li.has-sub > a:before {
  1375. position: absolute;
  1376. top: 13px;
  1377. right: 14px;
  1378. display: block;
  1379. width: 2px;
  1380. height: 8px;
  1381. background: #888;
  1382. content:'';
  1383. }
  1384. #cssmenu ul ul > li.has-sub:hover > a:before {
  1385. top: 17px;
  1386. height: 0
  1387. }
  1388. #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
  1389. background: #efefef;
  1390. }
  1391. #cssmenu ul ul ul li.active a {
  1392. border-left:1px solid #333
  1393. }
  1394. #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{
  1395. border-top: 1px solid #333
  1396. }
  1397.  
  1398. @media screen and (min-width:800px){
  1399. #cssmenu ul {
  1400. display: block !important;
  1401. }
  1402. }
  1403. @media screen and (max-width:800px){
  1404. #cssmenu {
  1405. float: none;
  1406. }
  1407. #cssmenu ul {
  1408. background: #f8f8f8;
  1409. width: 100%;
  1410. display: none
  1411. }
  1412. #cssmenu ul ul {
  1413. -webkit-box-shadow: none;
  1414. box-shadow: none;
  1415. display:none;
  1416. }
  1417. #cssmenu ul li {
  1418. width: 100%;
  1419. border-top: 1px solid #efefef;
  1420. background: #f8f8f8;
  1421. }
  1422. #cssmenu ul ul li, #cssmenu li:hover > ul > li {
  1423. height: auto
  1424. }
  1425. #cssmenu ul li a, #cssmenu ul ul li a {
  1426. width: 100%;
  1427. border-bottom: 0;
  1428. color: #888 !important;
  1429. }
  1430. #cssmenu > ul > li {
  1431. float: none
  1432. }
  1433. #cssmenu ul ul li a {
  1434. padding-left: 25px
  1435. }
  1436. #cssmenu ul ul ul li a {
  1437. padding-left: 35px
  1438. }
  1439. #cssmenu ul ul, #cssmenu ul ul ul{
  1440. position: relative;
  1441. left: 0;
  1442. width: 100%;
  1443. margin: 0;
  1444. text-align: left
  1445. }
  1446. #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{
  1447. display: none
  1448. }
  1449. #cssmenu #head-mobile {
  1450. display: block;
  1451. padding: 23px;
  1452. color: #fff;
  1453. font-size: 12px;
  1454. font-weight: 500
  1455. }
  1456. .button {
  1457. width: 20px;
  1458. height: 46px;
  1459. position: absolute;
  1460. right: 0;
  1461. top: 0;
  1462. cursor: pointer;
  1463. z-index: 2;
  1464. }
  1465. .button:after {
  1466. position: absolute;
  1467. top: 21px;
  1468. right: 0px;
  1469. display: block;
  1470. height: 4px;
  1471. width: 20px;
  1472. border-top: 3px solid $(search.icon.color);
  1473. border-bottom: 3px solid $(search.icon.color);
  1474. content:''
  1475. }
  1476. .button:before {
  1477. position: absolute;
  1478. top: 14px;
  1479. right: 0px;
  1480. display: block;
  1481. height: 3px;
  1482. width: 20px;
  1483. background: $(search.icon.color);
  1484. content:''
  1485. }
  1486. .button.menu-opened:after {
  1487. top: 21px;
  1488. border: 0;
  1489. height: 3px;
  1490. width: 20px;
  1491. background: $(navmenu.font.color);
  1492. -webkit-transform: rotate(45deg);
  1493. -moz-transform: rotate(45deg);
  1494. -ms-transform: rotate(45deg);
  1495. -o-transform: rotate(45deg);
  1496. transform: rotate(45deg)
  1497. }
  1498. .button.menu-opened:before {
  1499. top: 21px;
  1500. background: $(navmenu.font.color);
  1501. width: 20px;
  1502. -webkit-transform: rotate(-45deg);
  1503. -moz-transform: rotate(-45deg);
  1504. -ms-transform: rotate(-45deg);
  1505. -o-transform: rotate(-45deg);
  1506. transform: rotate(-45deg)
  1507. }
  1508. #cssmenu .submenu-button {
  1509. position: absolute;
  1510. z-index: 99;
  1511. right: 0;
  1512. top: 0;
  1513. display: block;
  1514. border-left: 1px solid #efefef;
  1515. height: 38px;
  1516. width: 38px;
  1517. cursor: pointer
  1518. }
  1519. #cssmenu .submenu-button.submenu-opened {
  1520. background: rgba(64,64,64,0.05);
  1521. }
  1522. #cssmenu ul ul .submenu-button {
  1523. height: 32px;
  1524. width: 32px
  1525. }
  1526. #cssmenu .submenu-button:after {
  1527. position: absolute;
  1528. top: 19px;
  1529. right: 16px;
  1530. width: 8px;
  1531. height: 2px;
  1532. display: block;
  1533. background: #888;
  1534. content:''
  1535. }
  1536. #cssmenu ul ul .submenu-button:after {
  1537. top: 15px;
  1538. right: 13px
  1539. }
  1540. #cssmenu .submenu-button.submenu-opened:after {
  1541. background: #888
  1542. }
  1543. #cssmenu .submenu-button:before {
  1544. position: absolute;
  1545. top: 16px;
  1546. right: 19px;
  1547. display: block;
  1548. width: 2px;
  1549. height: 8px;
  1550. background: #888;
  1551. content:''
  1552. }
  1553. #cssmenu ul ul .submenu-button:before{
  1554. top: 12px;
  1555. right: 16px
  1556. }
  1557. #cssmenu .submenu-button.submenu-opened:before{
  1558. display: none
  1559. }
  1560. #cssmenu ul ul ul li.active a{
  1561. border-left: none
  1562. }
  1563. #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{
  1564. border-top: none
  1565. }
  1566. }
  1567.  
  1568. /* FOOTER */
  1569. #footer-container {
  1570. background: $(footer.background.color);
  1571. padding: 15px 5px;
  1572. overflow: hidden;
  1573. color: $(footer.color);
  1574. font-size: 12px;
  1575. text-align: center;
  1576. }
  1577. #footer-wrapper {
  1578. max-width: 1000px;
  1579. margin: 0 auto;
  1580. }
  1581. #footer-wrapper a {
  1582. color: $(footer.link.color);
  1583. }
  1584. #footer-wrapper a:hover {
  1585. color: $(footer.hover.color);
  1586. }
  1587.  
  1588. /* BACA JUGA */
  1589. #baca-juga {
  1590. display: none;
  1591. position: relative;
  1592. }
  1593. #baca-juga h2 {
  1594. color: $(label.color);
  1595. position: absolute;
  1596. top: -15px;
  1597. left: 20px;
  1598. border: 1px solid $(label.border.color);
  1599. padding: 2px 12px;
  1600. font-size: 14px;
  1601. background: $(label.bg.color);
  1602. font-weight: 500;
  1603. z-index: 1;
  1604. }
  1605. #baca-juga a {
  1606. font-weight: 500;
  1607. font-size: 14px;
  1608. display: block;
  1609. padding: 0;
  1610. }
  1611. #baca-juga ul {
  1612. max-width: 75%;
  1613. margin: 30px 0 20px;
  1614. padding: 20px 20px 10px 40px;
  1615. position: relative;
  1616. border: 1px solid #dddddd;
  1617. }
  1618. #baca-juga li {
  1619. padding: 0px;
  1620. margin: .6em 0;
  1621. }
  1622.  
  1623. /* RELATED POSTS */
  1624. .related-post {
  1625. margin: 30px auto 0;
  1626. overflow: hidden;
  1627. }
  1628. .related-post h4 {
  1629. position:relative;
  1630. margin: 0;
  1631. display: inline-block;
  1632. font-weight: 500;
  1633. color: #afafaf;
  1634. text-transform: uppercase;
  1635. font-size: 14px;
  1636. z-index: 1;
  1637. background: #fff;
  1638. padding: 0 10px;
  1639. }
  1640. .related-post ul {
  1641. padding: 0 !important;
  1642. font-size: 14px;
  1643. }
  1644.  
  1645. /* Style 3 */
  1646. .related-post-style-3,
  1647. .related-post-style-3 li {
  1648. margin: 0;
  1649. padding: 0;
  1650. list-style: none;
  1651. word-wrap: break-word;
  1652. overflow: hidden;
  1653. }
  1654. .related-post-style-3 .related-post-item {
  1655. display: block;
  1656. float: left;
  1657. width: 24%;
  1658. height: auto;
  1659. padding: 0;
  1660. position: relative;
  1661. margin: 0 0.5%;
  1662. }
  1663. .related-post-style-3 .related-post-item:hover {
  1664. opacity: 0.7;
  1665. }
  1666. .related-post-style-3 .related-post-item-thumbnail {
  1667. display: block;
  1668. max-height: none;
  1669. background-color: transparent;
  1670. border: none;
  1671. padding: 0;
  1672. max-width: 100%;
  1673. }
  1674. .related-post-style-3 .related-post-item-title {
  1675. color: #444;
  1676. }
  1677. .related-post-style-3 .related-post-item-tooltip {
  1678. padding: 10px 0;
  1679. }
  1680. .related-post-item-tooltip .related-post-item-title {
  1681. font-weight: 500;
  1682. display: block;
  1683. }
  1684.  
  1685. @media only screen and (max-width:480px){
  1686. .related-post-style-3 .related-post-item {
  1687. width: 49%;
  1688. }
  1689. .related-post-style-3 .related-post-item-tooltip {
  1690. height: 65px;
  1691. }
  1692. }
  1693.  
  1694. .contact-form-widget {
  1695. }
  1696. .contact-form-success-message, .contact-form-error-message {
  1697. background: #f9edbe;
  1698. border: 0 solid #f0c36d;
  1699. font-size: 14px;
  1700. text-align: center;
  1701. max-width: 500px;
  1702. border-radius: 3px;
  1703. }
  1704. .contact-form-success-message-with-border, .contact-form-error-message-with-border {
  1705. background: #f9edbe;
  1706. border: 1px solid #f0c36d;
  1707. font-size: 14px;
  1708. text-align: center;
  1709. max-width: 600px;
  1710. border-radius: 3px;
  1711. box-sizing: border-box;
  1712. padding: 5px 10px;
  1713. }
  1714. .contact-form-cross {
  1715. height: 11px;
  1716. margin: 0 5px;
  1717. vertical-align: -8.5%;
  1718. width: 11px;
  1719. }
  1720. .contact-form-email, .contact-form-name {
  1721. color: inherit;
  1722. height: 40px;
  1723. margin-top: 5px;
  1724. max-width: 300px;
  1725. width: 100%;
  1726. padding: 0 15px;
  1727. border-radius: 3px;
  1728. border: 1px solid #cacaca;
  1729. box-sizing: border-box;
  1730. }
  1731. .contact-form-email-message {
  1732. color: inherit;
  1733. margin-top: 5px;
  1734. vertical-align: top;
  1735. max-width: 600px;
  1736. width: 100%;
  1737. border-radius: 3px;
  1738. border: 1px solid #cacaca;
  1739. padding: 15px;
  1740. }
  1741. .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
  1742. outline: none;
  1743. border: 1px solid $(link.color);
  1744. }
  1745. .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
  1746. outline: none;
  1747. border: 1px solid $(link.color);
  1748. }
  1749. .contact-form-name, .contact-form-email, .contact-form-email-message {
  1750. background: #f8f8f8;
  1751. }
  1752. .contact-form-button {
  1753. display: block;
  1754. font-size: 14px;
  1755. line-height: 24px;
  1756. padding: 5px 20px;
  1757. margin: 30px 0;
  1758. text-align: center;
  1759. border: none;
  1760. background: $(link.color);
  1761. color: #fff;
  1762. border-radius: 3px;
  1763. font-weight: 500;
  1764. }
  1765. .contact-form-button:hover, .contact-form-button.hover {
  1766. cursor: pointer;
  1767. outline: none;
  1768. opacity: .85;
  1769. }
  1770. .contact-form-button.focus, .contact-form-button.right.focus, .contact-form-button.mid.focus, .contact-form-button.left.focus {
  1771. outline: none;
  1772. }
  1773. .contact-form-button-submit:focus, .contact-form-button-submit.focus {
  1774. outline: none;
  1775. opacity: .85;
  1776. }
  1777. .swajib {
  1778. font-weight: bold;
  1779. color: #e85e5e;
  1780. }
  1781. .ctitles {
  1782. font-weight: 500;
  1783. display: block;
  1784. margin: 30px 0 0;
  1785. }
  1786.  
  1787.  
  1788. /* COMMENT FORM */
  1789. #comments-block {
  1790. margin: 15px 0;
  1791. }
  1792. .comment-body {
  1793. padding: 15px 0;
  1794. margin: 0 0;
  1795. }
  1796. .comment-body p {
  1797. margin: 0;
  1798. }
  1799. .comment-form {
  1800. overflow:hidden;
  1801. }
  1802. .comment-footer {
  1803. margin: 0 0 30px;
  1804. }
  1805. #comments-block .avatar-image-container {
  1806. display: none;
  1807. }
  1808. h4#comment-post-message {
  1809. display:none;
  1810. margin:0 0 0 0;
  1811. }
  1812. .comments{
  1813. clear:both;
  1814. margin-top:10px;
  1815. margin-bottom:0
  1816. }
  1817. .comments .comments-content{
  1818. font-size:14px;
  1819. margin-bottom: 30px
  1820. }
  1821. .comments .comments-content .comment-thread ol{
  1822. text-align:left;
  1823. margin:13px 0;
  1824. padding:0;
  1825. list-style: none;
  1826. }
  1827. .comment .avatar-image-container {
  1828. float: left;
  1829. max-height: 36px;
  1830. overflow: hidden;
  1831. width: 36px;
  1832. }
  1833. .comments .avatar-image-container img {
  1834. max-width: 34px;
  1835. border-radius: 17px;
  1836. }
  1837. .comments .comment-block{
  1838. position:relative;
  1839. background:#f8f8f8;
  1840. padding:20px;
  1841. margin-left:45px;
  1842. border:1px solid #efefef;
  1843. border-radius: 10px;
  1844. }
  1845. .comments .comments-content .comment-replies{
  1846. margin:10px 0;
  1847. margin-left:45px
  1848. }
  1849. .comments .comments-content .comment-thread:empty{
  1850. display:none
  1851. }
  1852. .comments .comment-replybox-single {
  1853. margin-left:45px
  1854. }
  1855. .comments .comment-replybox-thread {
  1856. }
  1857. iframe#comment-editor {
  1858. min-height: 220px;
  1859. }
  1860. .comments .comments-content .comment{
  1861. margin-bottom:6px;
  1862. padding:0
  1863. }
  1864. .comments .comments-content .comment:first-child {
  1865. padding:0;
  1866. margin:0
  1867. }
  1868. .comments .comments-content .comment:last-child {
  1869. padding:0;
  1870. margin:0
  1871. }
  1872. .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child {
  1873. margin:0px 0px 5px 30%
  1874. }
  1875. .comment .comment-thread.inline-thread .comment:nth-child(6) {
  1876. margin:0px 0px 5px 25%;
  1877. }
  1878. .comment .comment-thread.inline-thread .comment:nth-child(5) {
  1879. margin:0px 0px 5px 20%;
  1880. }
  1881. .comment .comment-thread.inline-thread .comment:nth-child(4) {
  1882. margin:0px 0px 5px 15%;
  1883. }
  1884. .comment .comment-thread.inline-thread .comment:nth-child(3) {
  1885. margin:0px 0px 5px 10%;
  1886. }
  1887. .comment .comment-thread.inline-thread .comment:nth-child(2) {
  1888. margin:0px 0px 5px 5%;
  1889. }
  1890. .comment .comment-thread.inline-thread .comment:nth-child(1) {
  1891. margin:0px 0px 5px 0;
  1892. }
  1893. .comments .comments-content .comment-thread{
  1894. margin:0;
  1895. padding:0
  1896. }
  1897. .comments .comments-content .inline-thread{
  1898. background:#fff;
  1899. margin:0
  1900. }
  1901. .comments .comments-content .icon.blog-author {
  1902. display:inline;
  1903. height: 18px;
  1904. margin: 0 0 -4px 6px;
  1905. width: 18px;
  1906. }
  1907. .comments .comments-content .icon.blog-author:after {
  1908. content:"\f058";
  1909. font-family: FontAwesome;
  1910. font-style: normal;
  1911. font-weight: normal;
  1912. text-decoration: inherit;
  1913. padding-right:4px;
  1914. color:$(link.color);
  1915. }
  1916. .comments .comments-content .comment-header {
  1917. font-size:14px;
  1918. margin: 0 0 15px;
  1919. }
  1920. .comments .comments-content .comment-content {
  1921. margin: 0 0 15px;
  1922. text-align: justify;
  1923. }
  1924. .comments .comments-content .datetime {
  1925. margin-left: 6px;
  1926. }
  1927. .comments .comments-content .datetime a {
  1928. color:#bbbbbb;
  1929. }
  1930. .comments .comments-content .user {
  1931. font-weight: 500;
  1932. font-style: normal;
  1933. }
  1934. .comments .comment .comment-actions a {
  1935. display:inline-block;
  1936. font-weight:500;
  1937. font-size:13px;
  1938. line-height:15px;
  1939. margin:4px 8px 0 0;
  1940. }
  1941. .comments .continue a {
  1942. display:inline-block;
  1943. font-size:13px;
  1944. padding: .5em;
  1945. }
  1946. .comments .comment .comment-actions a:hover, .comments .continue a:hover{
  1947. text-decoration:underline;
  1948. }
  1949. .pesan-komentar {
  1950. padding: 8px;
  1951. }
  1952. .pesan-komentar p {
  1953. margin-bottom: 5px;
  1954. }
  1955. .comments .comments-content .loadmore {
  1956. max-height: 0;
  1957. opacity: 0;
  1958. overflow: hidden;
  1959. }
  1960. .comments .comments-content .loadmore a {
  1961. display: block;
  1962. padding: 10px 16px;
  1963. text-align: center;
  1964. }
  1965. .deleted-comment {
  1966. font-style: italic;
  1967. opacity: .5;
  1968. }
  1969.  
  1970. /* MEDIA QUERY */
  1971. @media only screen and (max-width:1080px){
  1972. #wrapper {
  1973. margin: 0 auto;
  1974. }
  1975. .footer-widget, #footer-navmenu-container {
  1976. max-width: 100%;
  1977. }
  1978. #header-wrapper, .footer-widget .widget, #footer-navmenu-container {
  1979. padding-left: 30px;
  1980. padding-right: 30px;
  1981. }
  1982. .sticky-mobile {
  1983. margin-right: 30px;
  1984. }
  1985. .img-thumbnail, .img-thumbnail img {
  1986. width: 240px;
  1987. height: 160px;
  1988. }
  1989. .info-1, .info-2, h2.post-title, .post-snippet {
  1990. margin-left: 260px;
  1991. }
  1992. .search-icon {
  1993. right: 30px;
  1994. }
  1995. }
  1996. @media only screen and (max-width:800px){
  1997. #header-wrapper {
  1998. padding-left: 0px;
  1999. padding-right: 0px;
  2000. position: relative;
  2001. }
  2002. #wrapper {
  2003. padding: 70px 20px 20px;
  2004. }
  2005. #cssmenu > ul > li > a {
  2006. padding: 12px 20px;
  2007. }
  2008. .footer-widget .widget, #footer-navmenu-container {
  2009. padding-left: 20px;
  2010. padding-right: 20px;
  2011. }
  2012. .button {
  2013. margin-right: 20px;
  2014. }
  2015. .header {
  2016. max-width: 100%;
  2017. position: absolute;
  2018. top: 0;
  2019. left: 20px;
  2020. z-index: 1;
  2021. }
  2022. .img-thumbnail, .img-thumbnail img {
  2023. width: 180px;
  2024. height: 120px;
  2025. }
  2026. .info-1, .info-2, h2.post-title, .post-snippet {
  2027. margin-left: 195px;
  2028. }
  2029. .search-icon {
  2030. right: 55px;
  2031. }
  2032. }
  2033. @media only screen and (max-width:768px){
  2034. #post-wrapper, #sidebar-wrapper {
  2035. float:none;
  2036. width:100%;
  2037. max-width:100%
  2038. }
  2039. .post-container {
  2040. padding: 0 0 20px 0;
  2041. }
  2042. }
  2043.  
  2044. @media only screen and (max-width:640px){
  2045. #wrapper {
  2046. padding: 70px 15px 15px;
  2047. }
  2048. #cssmenu > ul > li > a {
  2049. padding: 12px 15px;
  2050. }
  2051. .footer-widget .widget, #footer-navmenu-container {
  2052. padding-left: 15px;
  2053. padding-right: 15px;
  2054. }
  2055. .button {
  2056. margin-right: 15px;
  2057. }
  2058. .header {
  2059. left: 15px;
  2060. }
  2061. #post-wrapper, #sidebar-wrapper {
  2062. float:none;
  2063. width:100%;
  2064. max-width:100%
  2065. }
  2066. .info-1, .info-2, h2.post-title, .post-snippet {
  2067. margin-left: 190px;
  2068. }
  2069. .search-icon {
  2070. right: 50px;
  2071. }
  2072. }
  2073.  
  2074. @media only screen and (max-width:480px){
  2075. #wrapper {
  2076. padding: 70px 12px 12px;
  2077. }
  2078. #cssmenu > ul > li > a {
  2079. padding: 12px 12px;
  2080. }
  2081. .footer-widget .widget, #footer-navmenu-container {
  2082. padding-left: 12px;
  2083. padding-right: 12px;
  2084. }
  2085. #footer-navmenu ul li, ul.nav-social li {
  2086. padding: 0px 8px;
  2087. }
  2088. .button {
  2089. margin-right: 12px;
  2090. }
  2091. .header {
  2092. left: 12px;
  2093. max-width: 70%;
  2094. }
  2095. .img-thumbnail {
  2096. float: right;
  2097. width: 100px;
  2098. height: auto;
  2099. margin: 3px 0px 0px 10px;
  2100. }
  2101. .img-thumbnail img {
  2102. width: 100px;
  2103. height: 67px;
  2104. }
  2105. .info-1, .info-2, h2.post-title, .post-snippet {
  2106. margin-left: 0px;
  2107. }
  2108. .post-snippet {
  2109. margin-top: 10px;
  2110. }
  2111. .post {
  2112. overflow: hidden;
  2113. }
  2114. .post-body a > img {
  2115. width: 100%;
  2116. }
  2117. h1{font-size:170%}
  2118. h2{font-size:150%}
  2119. h3{font-size:130%}
  2120. h4{font-size:120%}
  2121. h5{font-size:110%}
  2122. h6{font-size:100%}
  2123. h2.post-title {
  2124. font-size: 18px;
  2125. display: inline;
  2126. }
  2127. h1.post-title {
  2128. font-size: 24px;
  2129. }
  2130. .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager {
  2131. margin:0 0 20px;
  2132. }
  2133. .comments .comments-content .comment-replies{
  2134. margin-left:20px !important;
  2135. }
  2136. .comments .comment-block, .comments .comments-content .inline-thread {
  2137. padding: 15px !important;
  2138. }
  2139. .comment .comment-thread.inline-thread .comment {
  2140. margin: 0 0 0 0 !important;
  2141. }
  2142. iframe#comment-editor {
  2143. min-height: 270px;
  2144. }
  2145. #searchfs input[type="search"] {
  2146. font-size: 26px;
  2147. }
  2148. .FeaturedPost .post-summary h3 {
  2149. font-size: 20px;
  2150. margin: 0 10px;
  2151. }
  2152. .FeaturedPost .post-summary p {
  2153. margin: 0 10px;
  2154. }
  2155. .search-icon {
  2156. right: 47px;
  2157. }
  2158. #baca-juga {
  2159. max-width: 100%;
  2160. }
  2161. }
  2162.  
  2163. @media screen and (max-width:320px){
  2164. #wrapper {
  2165. padding: 70px 10px 10px;
  2166. }
  2167. #cssmenu > ul > li > a {
  2168. padding: 12px 10px;
  2169. }
  2170. .footer-widget .widget, #footer-navmenu-container {
  2171. padding-left: 10px;
  2172. padding-right: 10px;
  2173. }
  2174. .button {
  2175. margin-right: 10px;
  2176. }
  2177. .header {
  2178. left: 10px;
  2179. }
  2180. .info-1, .info-2, h2.post-title, .post-snippet {
  2181. margin-left: 0px;
  2182. }
  2183. .search-icon {
  2184. right: 45px;
  2185. }
  2186. }
  2187.  
  2188. /* Tombol Download */
  2189. .buttonDownload {
  2190. border-radius: 3px;
  2191. display: inline-block;
  2192. position: relative;
  2193. padding: 10px 25px;
  2194. background-color: $(link.color);
  2195. color: white !important;
  2196. font-weight: 500;
  2197. font-size: 0.9em;
  2198. text-align: center;
  2199. text-indent: 15px;
  2200. transition:all 0.4s;
  2201. -moz-transition:all 0.4s;
  2202. -webkit-transition:all 0.4s;
  2203. }
  2204. .buttonDownload:hover {
  2205. opacity: .85;
  2206. }
  2207. .buttonDownload:before, .buttonDownload:after {
  2208. content: ' ';
  2209. display: block;
  2210. position: absolute;
  2211. left: 15px;
  2212. top: 52%;
  2213. }
  2214. .buttonDownload:before {
  2215. width: 10px;
  2216. height: 2px;
  2217. border-style: solid;
  2218. border-width: 0 2px 2px;
  2219. }
  2220. .buttonDownload:after {
  2221. width: 0;
  2222. height: 0;
  2223. margin-left: 3px;
  2224. margin-top: -7px;
  2225. border-style: solid;
  2226. border-width: 4px 4px 0 4px;
  2227. border-color: transparent;
  2228. border-top-color: inherit;
  2229. animation: downloadArrow 2s linear infinite;
  2230. animation-play-state: paused;
  2231. }
  2232. .buttonDownload:hover:after {
  2233. animation-play-state: running;
  2234. }
  2235. @keyframes downloadArrow {
  2236. 0% {
  2237. margin-top: -7px;
  2238. opacity: 1;
  2239. }
  2240. 0.001% {
  2241. margin-top: -15px;
  2242. opacity: 0;
  2243. }
  2244. 50% {
  2245. opacity: 1;
  2246. }
  2247. 100% {
  2248. margin-top: 0;
  2249. opacity: 0;
  2250. }
  2251. }
  2252.  
  2253. .download-button {float:left; list-style:none; text-align:center; width:100%; margin:5px 0; padding:0; font-size:14px; clear:both;}
  2254. .download {border:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:8px 30px !important; background:#5FAAE3; color:#fff !important; text-align:center; text-shadow:0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow:0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow:0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow:0 0 1px rgba(0, 0, 0, 0.3); transition:background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
  2255. .download:hover {background:#454242; text-shadow:0 0 1px #222; -moz-text-shadow:0 0 1px #222; -webkit-text-shadow:0 0 1px #222; -ms-text-shadow:0 0 1px #222;}
  2256. ]]></b:skin>
  2257.  
  2258. <b:template-skin>
  2259. <![CDATA[
  2260. /* CSS FOR LAYOUT */
  2261. body#layout, body#layout div.section {
  2262. font-family: Arial, sans-serif;
  2263. }
  2264. body#layout {
  2265. max-width: 1040px;
  2266. }
  2267. body#layout .sidebar-sticky {
  2268. z-index:0;
  2269. }
  2270. body#layout #wrapper {
  2271. overflow: unset;
  2272. }
  2273. body#layout:before {
  2274. content: "VioMagz v.2.2";
  2275. position: absolute;
  2276. top: 20px;
  2277. right: 20px;
  2278. z-index: 1;
  2279. padding: 10px 20px;
  2280. font-size: 18px;
  2281. color: #43ce8e;
  2282. background: #fff;
  2283. border-radius: 20px;
  2284. border: 1px solid #d6d6d6;
  2285. }
  2286. body#layout .widget-content {
  2287. box-shadow: none;
  2288. }
  2289. body#layout #navbar {
  2290. display: block;
  2291. margin: 0;
  2292. max-width: 100%;
  2293. padding: 0 20px;
  2294. margin-bottom: 12px;
  2295. }
  2296. body#layout .header {
  2297. width: 200px;
  2298. }
  2299. body#layout #navbar:before {
  2300. content: "Untuk mempercepat loading blog, klik edit dan nonaktifkan Navbar ==>>";
  2301. position: absolute;
  2302. bottom: 18px;
  2303. z-index: 999;
  2304. right: 80px;
  2305. color: #999;
  2306. font-size: 12px;
  2307. }
  2308. body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container {
  2309. margin: 0 0;
  2310. padding: 0 20px;
  2311. }
  2312. body#layout #footer-container {
  2313. padding-bottom: 20px;
  2314. }
  2315. body#layout #cssmenu {
  2316. display: block;
  2317. padding: 20px;
  2318. margin: 8px 0;
  2319. width: 500px;
  2320. font-size: 14px;
  2321. color: #fff;
  2322. background: #bbbbbb;
  2323. font-weight: bold;
  2324. float: right;
  2325. }
  2326. body#layout #cssmenu:after {
  2327. content: "Menu navigasi harus diedit melalui Edit HTML";
  2328. color: #fff;
  2329. position: absolute;
  2330. top: 30px;
  2331. left: 20px;
  2332. visibility: visible;
  2333. }
  2334. body#layout .post-container {
  2335. padding: 0 15px 0 0;
  2336. }
  2337. body#layout .sidebar-container {
  2338. padding: 0 0 0 0;
  2339. }
  2340. body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 {
  2341. display: none;
  2342. }
  2343. body#layout div.section {
  2344. background: transparent;
  2345. margin: 0px 0px 15px 0px;
  2346. padding: 0px;
  2347. border: none;
  2348. -webkit-box-sizing: border-box;
  2349. -moz-box-sizing: border-box;
  2350. box-sizing: border-box;
  2351. }
  2352. body#layout .sidebar-sticky:before {
  2353. content: "Widget Sidebar (Sticky)";
  2354. }
  2355. body#layout .sidebar:before {
  2356. content: "Widget Sidebar";
  2357. }
  2358. body#layout .above-post-widget:before {
  2359. content: "Widget di Atas Post (Hanya Homepage)";
  2360. }
  2361. body#layout .Blog:before {
  2362. content: "Posting Blog";
  2363. margin-bottom: 8px;
  2364. }
  2365. body#layout .bellow-header-widget:before {
  2366. content: "Widget di Bawah Header/Menu Navigasi";
  2367. }
  2368. body#layout #footer-widget-container:before {
  2369. content: "Widget di Atas Footer";
  2370. }
  2371. 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 {
  2372. padding: 5px 10px;
  2373. display: block;
  2374. font-size: 14px;
  2375. color: #fff;
  2376. background: #bbbbbb;
  2377. box-shadow: rgba(0,0,0,0.12) 0 0 2px 0, rgba(0,0,0,0.24) 0 2px 2px 0;
  2378. font-weight: bold;
  2379. }
  2380. body#layout .add_widget, body#layout .widget-content {
  2381. padding: 12px;
  2382. }
  2383. body#layout .add_widget a {
  2384. margin-left: 0px;
  2385. font-size: 14px;
  2386. }
  2387. body#layout div.layout-title {
  2388. font-size: 14px;
  2389. }
  2390. body#layout div.layout-widget-description {
  2391. font-size: 12px;
  2392. }
  2393. body#layout .editlink {
  2394. color: #FFFFFF !important;
  2395. background: #bbbbbb;
  2396. border-radius: 15px;
  2397. padding: 4px 6px;
  2398. }
  2399.  
  2400. body#layout #footer-wrapper {
  2401. position: relative;
  2402. background: #fff;
  2403. height: 40px;
  2404. border: 1px solid #ddd;
  2405. }
  2406. body#layout #footer-wrapper:after {
  2407. content:"Footer";
  2408. color:#999;
  2409. position:absolute;
  2410. top:12px;
  2411. }
  2412. body#layout #footer-navmenu {
  2413. position: relative;
  2414. display: block;
  2415. padding:0;
  2416. font-size: 14px;
  2417. color: #fff;
  2418. background: #bbbbbb;
  2419. font-weight: bold;
  2420. margin: 0 20px 8px;
  2421. height: 50px;
  2422. }
  2423. body#layout #footer-navmenu:after {
  2424. content: "Menu navigasi harus diedit melalui Edit HTML";
  2425. color: #fff;
  2426. position: absolute;
  2427. top: 17px;
  2428. left: 20px;
  2429. visibility: visible;
  2430. }
  2431.  
  2432. ]]></b:template-skin>
  2433.  
  2434. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  2435. <style>
  2436. /* ERROR PAGE */
  2437. .status-msg-body:after, .status-msg-hidden:after {
  2438. content: &quot;404&quot;;
  2439. font-size: 140px;
  2440. display: block;
  2441. margin: 30px 0;
  2442. color: #e86e6e;
  2443. font-weight: 700;
  2444. text-shadow: 6px 6px #efefef;
  2445. }
  2446. #blog-pager, #sidebar-wrapper {
  2447. display: none;
  2448. }
  2449. #post-wrapper {
  2450. width: 100%;
  2451. max-width: 100%;
  2452. }
  2453. .status-msg-body {
  2454. padding: 30px 0;
  2455. }
  2456. </style>
  2457. </b:if>
  2458. <script type='text/javascript'>//<![CDATA[
  2459. /*! jQuery v2.1.3 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */
  2460. !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)
  2461. },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))
  2462. },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});
  2463. //# sourceMappingURL=jquery.min.map
  2464. //]]></script>
  2465.  
  2466. &lt;!--</head>--&gt;&lt;/head&gt;
  2467.  
  2468. <body itemscope='itemscope' itemtype='http://schema.org/Blog'>
  2469.  
  2470. <!-- navbar menu start -->
  2471. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  2472. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
  2473. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  2474. function setAttributeOnload(object, attribute, val) {
  2475. if(window.addEventListener) {
  2476. window.addEventListener(&#39;load&#39;,
  2477. function(){ object[attribute] = val; }, false);
  2478. } else {
  2479. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  2480. }
  2481. }
  2482. &lt;/script&gt;
  2483. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  2484. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  2485. &lt;script type=&quot;text/javascript&quot;&gt;
  2486. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  2487. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  2488. gapi.iframes.getContext().openChild({
  2489. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d7613051698250478955\x26blogName\x3dBlogger+Jatim\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://bloggerjatimku.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttps://bloggerjatimku.blogspot.com/\x26vt\x3d3978427376422596426&#39;,
  2490. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  2491. id: &quot;navbar-iframe&quot;
  2492. });
  2493. }
  2494. });
  2495. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  2496. (function() {
  2497. var script = document.createElement(&#39;script&#39;);
  2498. script.type = &#39;text/javascript&#39;;
  2499. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  2500. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  2501. if (head) {
  2502. head.appendChild(script);
  2503. }})();
  2504. &lt;/script&gt;
  2505. </b:includable>
  2506. </b:widget>
  2507. </b:section>
  2508. <!-- navbar menu end -->
  2509.  
  2510. <!-- header wrapper start -->
  2511. <div id='header-container'>
  2512. <header id='header-wrapper'>
  2513. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  2514. <b:widget id='Header1' locked='true' title='Blogger Jatim (Header)' type='Header' version='1'>
  2515. <b:widget-settings>
  2516. <b:widget-setting name='displayUrl'/>
  2517. <b:widget-setting name='displayHeight'>0</b:widget-setting>
  2518. <b:widget-setting name='sectionWidth'>292</b:widget-setting>
  2519. <b:widget-setting name='useImage'>false</b:widget-setting>
  2520. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  2521. <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  2522. <b:widget-setting name='displayWidth'>0</b:widget-setting>
  2523. </b:widget-settings>
  2524. <b:includable id='main'>
  2525.  
  2526. <b:if cond='data:useImage'>
  2527. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  2528. <!--
  2529. Show image as background to text. You can't really calculate the width
  2530. reliably in JS because margins are not taken into account by any of
  2531. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  2532. width if the user is using shrink to fit.
  2533. This results in a margin-width's worth of pixels being cropped. If the
  2534. user is not using shrink to fit then we expand the header.
  2535. -->
  2536. <b:if cond='data:mobile'>
  2537. <div id='header-inner'>
  2538. <div class='titlewrapper' style='background: transparent'>
  2539. <h1 class='title' style='background: transparent; border-width: 0px'>
  2540. <b:include name='title'/>
  2541. </h1>
  2542. </div>
  2543. <b:include name='description'/>
  2544. </div>
  2545. <b:else/>
  2546. <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'>
  2547. <div class='titlewrapper' style='background: transparent'>
  2548. <h1 class='title' style='background: transparent; border-width: 0px'>
  2549. <b:include name='title'/>
  2550. </h1>
  2551. </div>
  2552. <b:include name='description'/>
  2553. </div>
  2554. </b:if>
  2555. <b:else/>
  2556. <!--Show the image only-->
  2557. <div id='header-inner'>
  2558. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2559. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2560. <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
  2561. </b:if>
  2562. </b:if>
  2563. <a expr:href='data:blog.homepageUrl' style='display: block'>
  2564. <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'/>
  2565. </a>
  2566. <!--Show the description-->
  2567. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  2568. <b:include name='description'/>
  2569. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2570. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2571. <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
  2572. </b:if>
  2573. </b:if>
  2574. </b:if>
  2575. </div>
  2576. </b:if>
  2577. <b:else/>
  2578. <!--No header image -->
  2579. <div id='header-inner'>
  2580. <div class='titlewrapper'>
  2581. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2582. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2583. <p class='title'><b:include name='title'/></p>
  2584. <b:else/>
  2585. <h1 class='title'><b:include name='title'/></h1>
  2586. </b:if>
  2587. <b:else/>
  2588. <p class='title'><b:include name='title'/></p>
  2589. </b:if>
  2590. <b:include name='description'/>
  2591. </div>
  2592. </div>
  2593. </b:if>
  2594. </b:includable>
  2595. <b:includable id='description'>
  2596. <div class='descriptionwrapper'>
  2597. <p class='description'><span><data:description/></span></p>
  2598. </div>
  2599. </b:includable>
  2600. <b:includable id='title'>
  2601. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  2602. <data:title/>
  2603. <b:else/>
  2604. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  2605. </b:if>
  2606. </b:includable>
  2607. </b:widget>
  2608. </b:section>
  2609.  
  2610. <nav id='cssmenu'>
  2611. <div id='head-mobile'/>
  2612. <div class='button' id='menu-button'/>
  2613.  
  2614. <!-- menu navigasi header start -->
  2615. <ul>
  2616. <li><a href='#'>Menu</a></li>
  2617. <li><a href='#'>Menu</a></li>
  2618. <li><a href='#'>Menu</a></li>
  2619. <li><a href='#'>Menu</a>
  2620. <ul>
  2621. <li><a href='#'>SubMenu1</a></li>
  2622. <li><a href='#'>SubMenu2</a></li>
  2623. <li><a href='#'>SubMenu3</a></li>
  2624. </ul>
  2625. </li>
  2626. <li><a href='#'>Menu</a>
  2627. <ul>
  2628. <li><a href='#'>SubMenu1</a></li>
  2629. <li><a href='#'>SubMenu2</a></li>
  2630. <li><a href='#'>SubMenu3</a></li>
  2631. <li><a href='#'>SubMenu4</a></li>
  2632. </ul>
  2633. </li>
  2634. </ul>
  2635. <!-- menu navigasi header end -->
  2636.  
  2637. </nav>
  2638.  
  2639. <div class='search-icon'>
  2640. <a href='#searchfs'><i class='fa fa-search'/></a>
  2641. </div>
  2642.  
  2643. <div id='searchfs'>
  2644. <button class='close' type='button'>&#215;</button>
  2645. <form action='/search' id='search-form' method='get'>
  2646. <input name='q' placeholder='type to search' type='search' value=''/>
  2647. <input name='max-results' type='hidden' value='7'/>
  2648. </form>
  2649. </div>
  2650.  
  2651. <div class='clear'/>
  2652. </header>
  2653.  
  2654. </div>
  2655. <!-- header wrapper end -->
  2656.  
  2657. <!-- wrapper start -->
  2658. <div id='wrapper'>
  2659.  
  2660. <b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1' showaddelement='yes'/>
  2661.  
  2662. <div class='clear'/>
  2663.  
  2664. <!-- post wrapper start -->
  2665. <div id='post-wrapper'>
  2666. <div class='post-container'>
  2667. <b:if cond='data:blog.homepageUrl == data:blog.url'>
  2668.  
  2669. <b:section class='above-post-widget' id='above-post-widget' maxwidgets='1' showaddelement='yes'>
  2670. <b:widget id='FeaturedPost1' locked='false' title='Wajib Kamu Baca' type='FeaturedPost'>
  2671. <b:widget-settings>
  2672. <b:widget-setting name='showSnippet'>true</b:widget-setting>
  2673. <b:widget-setting name='showPostTitle'>true</b:widget-setting>
  2674. <b:widget-setting name='postId'>2052928048250403507</b:widget-setting>
  2675. <b:widget-setting name='showFirstImage'>true</b:widget-setting>
  2676. <b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
  2677. </b:widget-settings>
  2678. <b:includable id='main'>
  2679. <!-- Only display title if it's non-empty -->
  2680. <b:if cond='data:title != &quot;&quot;'>
  2681. <h2 class='title'><data:title/></h2>
  2682. </b:if>
  2683. <b:include name='content'/>
  2684.  
  2685. <b:include name='quickedit'/>
  2686. </b:includable>
  2687. <b:includable id='content'>
  2688. <div class='post-summary'>
  2689. <b:if cond='data:showPostTitle and data:postTitle != &quot;&quot;'>
  2690. <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
  2691. </b:if>
  2692. <b:if cond='data:showSnippet and data:postSummary != &quot;&quot;'>
  2693. <p>
  2694. <data:postSummary/>
  2695. </p>
  2696. </b:if>
  2697. <b:if cond='data:showFirstImage and data:postFirstImage != &quot;&quot;'>
  2698. <img class='image' expr:src='data:postFirstImage'/>
  2699. </b:if>
  2700. </div>
  2701.  
  2702. <style type='text/css'>
  2703. .image {
  2704. width: 100%;
  2705. }
  2706. </style>
  2707. </b:includable>
  2708. </b:widget>
  2709. </b:section>
  2710.  
  2711. <div class='latest-post-title'>
  2712. <h2>Latest Posts</h2>
  2713. </div>
  2714. </b:if>
  2715.  
  2716. <b:section class='main' id='main' showaddelement='no'>
  2717. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
  2718. <b:widget-settings>
  2719. <b:widget-setting name='commentLabel'>komentar</b:widget-setting>
  2720. <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  2721. <b:widget-setting name='authorLabel'>By</b:widget-setting>
  2722. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  2723. <b:widget-setting name='timestampLabel'>a la/s</b:widget-setting>
  2724. <b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting>
  2725. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  2726. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  2727. <b:widget-setting name='showLocation'>false</b:widget-setting>
  2728. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  2729. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  2730. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  2731. <b:widget-setting name='backlinksLabel'>Link ke posting ini</b:widget-setting>
  2732. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  2733. <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  2734. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  2735. <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  2736. <b:widget-setting name='postLocationLabel'>Lokasi:</b:widget-setting>
  2737. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  2738. <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  2739. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  2740. <b:widget-setting name='showLabels'>true</b:widget-setting>
  2741. <b:widget-setting name='postLabelsLabel'>Label:</b:widget-setting>
  2742. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  2743. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  2744. <b:widget-setting name='showReactions'>false</b:widget-setting>
  2745. </b:widget-settings>
  2746. <b:includable id='main' var='top'>
  2747. <b:include data='posts' name='breadcrumb'/>
  2748. <b:if cond='data:mobile == &quot;false&quot;'>
  2749.  
  2750. <!-- posts -->
  2751. <div class='blog-posts'>
  2752.  
  2753. <b:include data='top' name='status-message'/>
  2754.  
  2755. <data:defaultAdStart/>
  2756. <b:loop values='data:posts' var='post'>
  2757. <b:if cond='data:post.isDateStart'>
  2758. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  2759. &lt;/div&gt;&lt;/div&gt;
  2760. </b:if>
  2761. </b:if>
  2762. <b:if cond='data:post.isDateStart'>
  2763. &lt;div class=&quot;date-outer&quot;&gt;
  2764. </b:if>
  2765. <b:if cond='data:post.isDateStart'>
  2766. &lt;div class=&quot;date-posts&quot;&gt;
  2767. </b:if>
  2768. <div class='post-outer'>
  2769. <b:include data='post' name='post'/>
  2770. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2771. <b:include data='post' name='comment_picker'/>
  2772. </b:if>
  2773. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2774. <b:include data='post' name='comment_picker'/>
  2775. </b:if>
  2776. </div>
  2777. <b:if cond='data:post.includeAd'>
  2778. <b:if cond='data:post.isFirstPost'>
  2779. <data:defaultAdEnd/>
  2780. <b:else/>
  2781. <data:adEnd/>
  2782. </b:if>
  2783. <div class='inline-ad'>
  2784. <data:adCode/>
  2785. </div>
  2786. <data:adStart/>
  2787. </b:if>
  2788. </b:loop>
  2789. <b:if cond='data:numPosts != 0'>
  2790. &lt;/div&gt;&lt;/div&gt;
  2791. </b:if>
  2792. <data:adEnd/>
  2793. </div>
  2794.  
  2795. <!-- navigation -->
  2796. <b:include name='nextprev'/>
  2797.  
  2798. <!-- feed links -->
  2799. <b:include name='feedLinks'/>
  2800.  
  2801. <b:if cond='data:top.showStars'>
  2802. <script src='//www.google.com/jsapi'/>
  2803. <script>
  2804. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  2805. function initialize() {
  2806. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  2807. google.annotations.createAll();
  2808. google.annotations.fetch();
  2809. }
  2810. google.setOnLoadCallback(initialize);
  2811. </script>
  2812. </b:if>
  2813.  
  2814. <b:else/>
  2815. <b:include name='mobile-main'/>
  2816. </b:if>
  2817.  
  2818. <b:if cond='data:top.showDummy'>
  2819. <data:top.dummyBootstrap/>
  2820. </b:if>
  2821.  
  2822. </b:includable>
  2823. <b:includable id='backlinkDeleteIcon' var='backlink'>
  2824. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  2825. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  2826. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2827. </a>
  2828. </span>
  2829. </b:includable>
  2830. <b:includable id='backlinks' var='post'>
  2831. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  2832. <b:if cond='data:post.numBacklinks != 0'>
  2833. <dl class='comments-block' id='comments-block'>
  2834. <b:loop values='data:post.backlinks' var='backlink'>
  2835. <div class='collapsed-backlink backlink-control'>
  2836. <dt class='comment-title'>
  2837. <span class='backlink-toggle-zippy'>&#160;</span>
  2838. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  2839. <b:include data='backlink' name='backlinkDeleteIcon'/>
  2840. </dt>
  2841. <dd class='comment-body collapseable'>
  2842. <data:backlink.snippet/>
  2843. </dd>
  2844. <dd class='comment-footer collapseable'>
  2845. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  2846. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  2847. </dd>
  2848. </div>
  2849. </b:loop>
  2850. </dl>
  2851. </b:if>
  2852. <p class='comment-footer'>
  2853. <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>
  2854. </p>
  2855. </b:includable>
  2856. <b:includable id='breadcrumb' var='posts'>
  2857. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  2858. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2859. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  2860. </div>
  2861. <b:else/>
  2862. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2863. <b:loop values='data:posts' var='post'>
  2864. <b:if cond='data:post.labels'>
  2865. <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>
  2866. </div>
  2867. <b:else/>
  2868. <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>
  2869. </b:if>
  2870. </b:loop>
  2871. <b:else/>
  2872. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  2873. <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span>Archive for <data:blog.pageName/></span>
  2874. </div>
  2875. <b:else/>
  2876. <b:if cond='data:blog.searchQuery'>
  2877. <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  2878. </div>
  2879. <b:else/>
  2880. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2881. <div class='breadcrumbs'>
  2882. <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>
  2883. <b:else/>
  2884. <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#8250; <span><data:blog.pageName/></span>
  2885. </b:if>
  2886. </div>
  2887. </b:if>
  2888. </b:if>
  2889. </b:if>
  2890. </b:if>
  2891. </b:if>
  2892. </b:if>
  2893. </b:includable>
  2894. <b:includable id='comment-form' var='post'>
  2895. <div class='comment-form'>
  2896. <a name='comment-form'/>
  2897. <b:if cond='data:mobile'>
  2898. <h4 id='comment-post-message'>
  2899. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  2900. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2901. <data:blogTeamBlogMessage/>
  2902. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2903. <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%'/>
  2904. <b:else/>
  2905. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  2906. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  2907. <data:blogTeamBlogMessage/>
  2908. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2909. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2910. </b:if>
  2911. <data:post.friendConnectJs/>
  2912. <data:post.cmtfpIframe/>
  2913. <script>
  2914. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2915. </script>
  2916. </div>
  2917. </b:includable>
  2918. <b:includable id='commentDeleteIcon' var='comment'>
  2919. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  2920. <b:if cond='data:showCmtPopup'>
  2921. <div class='goog-toggle-button'>
  2922. <div class='goog-inline-block comment-action-icon'/>
  2923. </div>
  2924. <b:else/>
  2925. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  2926. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  2927. </a>
  2928. </b:if>
  2929. </span>
  2930. </b:includable>
  2931. <b:includable id='comment_count_picker' var='post'>
  2932. <b:if cond='data:post.commentSource == 1'>
  2933. <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'>
  2934. </span>
  2935. <b:else/>
  2936. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  2937. <data:post.commentLabelFull/>:
  2938. </a>
  2939. </b:if>
  2940. </b:includable>
  2941. <b:includable id='comment_picker' var='post'>
  2942. <b:if cond='data:post.commentSource == 1'>
  2943. <b:include data='post' name='iframe_comments'/>
  2944. <b:else/>
  2945. <b:if cond='data:post.showThreadedComments'>
  2946. <b:include data='post' name='threaded_comments'/>
  2947. <b:else/>
  2948. <b:include data='post' name='comments'/>
  2949. </b:if>
  2950. </b:if>
  2951. </b:includable>
  2952. <b:includable id='comments' var='post'>
  2953. <div class='comments' id='comments'>
  2954. <a name='comments'/>
  2955. <b:if cond='data:post.allowComments'>
  2956. <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>
  2957.  
  2958. <b:if cond='data:post.commentPagingRequired'>
  2959. <span class='paging-control-container'>
  2960. <b:if cond='data:post.hasOlderLinks'>
  2961. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2962. &#160;
  2963. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2964. &#160;
  2965. </b:if>
  2966.  
  2967. <data:post.commentRangeText/>
  2968.  
  2969. <b:if cond='data:post.hasNewerLinks'>
  2970. &#160;
  2971. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2972. &#160;
  2973. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2974. </b:if>
  2975. </span>
  2976. </b:if>
  2977.  
  2978. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2979. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2980. <b:loop values='data:post.comments' var='comment'>
  2981. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2982. <b:if cond='data:comment.favicon'>
  2983. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2984. </b:if>
  2985. <a expr:name='data:comment.anchorName'/>
  2986. <b:if cond='data:blog.enabledCommentProfileImages'>
  2987. <data:comment.authorAvatarImage/>
  2988. </b:if>
  2989. <b:if cond='data:comment.authorUrl'>
  2990. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2991. <b:else/>
  2992. <data:comment.author/>
  2993. </b:if>
  2994. <data:commentPostedByMsg/>
  2995. </dt>
  2996. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2997. <b:if cond='data:comment.isDeleted'>
  2998. <span class='deleted-comment'><data:comment.body/></span>
  2999. <b:else/>
  3000. <p>
  3001. <data:comment.body/>
  3002. </p>
  3003. </b:if>
  3004. </dd>
  3005. <dd class='comment-footer'>
  3006. <span class='comment-timestamp'>
  3007. <a expr:href='data:comment.url' title='comment permalink'>
  3008. <data:comment.timestamp/>
  3009. </a>
  3010. <b:include data='comment' name='commentDeleteIcon'/>
  3011. </span>
  3012. </dd>
  3013. </b:loop>
  3014. </dl>
  3015. </div>
  3016.  
  3017. <b:if cond='data:post.commentPagingRequired'>
  3018. <span class='paging-control-container'>
  3019. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  3020. <data:post.oldestLinkText/>
  3021. </a>
  3022. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  3023. <data:post.olderLinkText/>
  3024. </a>
  3025. &#160;
  3026. <data:post.commentRangeText/>
  3027. &#160;
  3028. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  3029. <data:post.newerLinkText/>
  3030. </a>
  3031. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  3032. <data:post.newestLinkText/>
  3033. </a>
  3034. </span>
  3035. </b:if>
  3036.  
  3037. <p class='comment-footer'>
  3038. <b:if cond='data:post.embedCommentForm'>
  3039. <b:if cond='data:post.allowNewComments'>
  3040. <b:include data='post' name='comment-form'/>
  3041. <b:else/>
  3042. <data:post.noNewCommentsText/>
  3043. </b:if>
  3044. <b:else/>
  3045. <b:if cond='data:post.allowComments'>
  3046. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  3047. </b:if>
  3048. </b:if>
  3049.  
  3050. </p>
  3051. </b:if>
  3052. <b:if cond='data:showCmtPopup'>
  3053. <div id='comment-popup'>
  3054. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3055. </iframe>
  3056. </div>
  3057. </b:if>
  3058.  
  3059. <div id='backlinks-container'>
  3060. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3061. <b:if cond='data:post.showBacklinks'>
  3062. <b:include data='post' name='backlinks'/>
  3063. </b:if>
  3064. </div>
  3065. </div>
  3066. </div>
  3067. </b:includable>
  3068. <b:includable id='feedLinks'>
  3069. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  3070. <b:if cond='data:feedLinks'>
  3071. <div class='blog-feeds'>
  3072. <b:include data='feedLinks' name='feedLinksBody'/>
  3073. </div>
  3074. </b:if>
  3075.  
  3076. <b:else/> <!--Post feed links -->
  3077. <div class='post-feeds'>
  3078. <b:loop values='data:posts' var='post'>
  3079. <b:if cond='data:post.allowComments'>
  3080. <b:if cond='data:post.feedLinks'>
  3081. <b:include data='post.feedLinks' name='feedLinksBody'/>
  3082. </b:if>
  3083. </b:if>
  3084. </b:loop>
  3085. </div>
  3086. </b:if>
  3087. </b:includable>
  3088. <b:includable id='feedLinksBody' var='links'>
  3089. <div class='feed-links'>
  3090. <data:feedLinksMsg/>
  3091. <b:loop values='data:links' var='f'>
  3092. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  3093. </b:loop>
  3094. </div>
  3095. </b:includable>
  3096. <b:includable id='iframe_comments' var='post'>
  3097.  
  3098. <b:if cond='data:post.allowIframeComments'>
  3099. <script expr:src='data:post.iframeCommentSrc'/>
  3100. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  3101.  
  3102. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  3103. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  3104. </b:if>
  3105. </b:if>
  3106. </b:includable>
  3107. <b:includable id='mobile-index-post' var='post'>
  3108. <!-- MOBILE INDEX POST HERE -->
  3109. <div class='mobile-date-outer date-outer'>
  3110.  
  3111. <div class='mobile-post-outer'>
  3112.  
  3113. <div class='mobile-index-contents'>
  3114. <b:if cond='data:post.thumbnailUrl'>
  3115. <div class='mobile-index-thumbnail'>
  3116. <div class='Image'>
  3117. <img expr:src='data:post.thumbnailUrl'/>
  3118. </div>
  3119. </div>
  3120. <b:else/>
  3121. <div class='mobile-index-thumbnail'>
  3122. <div class='Image'>
  3123. <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'/>
  3124. </div>
  3125. </div>
  3126. </b:if>
  3127.  
  3128. <a expr:href='data:post.url'>
  3129. <h3 class='mobile-index-title entry-title' itemprop='name'>
  3130. <data:post.title/>
  3131. </h3>
  3132. </a>
  3133.  
  3134. <div class='post-body'>
  3135.  
  3136. <div class='post-info'>
  3137. <b:if cond='data:top.showAuthor'>
  3138. <b:if cond='data:post.authorProfileUrl'>
  3139. <span class='author-info'>
  3140. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3141. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3142. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3143. <span itemprop='name'><data:post.author/></span>
  3144. </a>
  3145. </span>
  3146. </span>
  3147. <b:else/>
  3148. <span class='author-info'>
  3149. <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3150. <span itemprop='name'><data:post.author/></span>
  3151. </span>
  3152. </span>
  3153. </b:if>
  3154. </b:if>
  3155. <b:if cond='data:top.showTimestamp'>
  3156. <b:if cond='data:post.url'>
  3157. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  3158. <span class='time-info'>
  3159. / <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>
  3160. </span>
  3161. </b:if>
  3162. </b:if>
  3163. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3164. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  3165. <b:if cond='data:post.allowComments'>
  3166. <span class='comment-info'>
  3167. / <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>
  3168. </a>
  3169. </span>
  3170. </b:if>
  3171. </b:if>
  3172. </b:if>
  3173. </div>
  3174.  
  3175. </div>
  3176. </div>
  3177.  
  3178. <div style='clear: both;'/>
  3179.  
  3180. </div>
  3181.  
  3182. </div>
  3183. </b:includable>
  3184. <b:includable id='mobile-main' var='top'>
  3185. <!-- posts -->
  3186. <div class='blog-posts hfeed'>
  3187.  
  3188. <b:include data='top' name='status-message'/>
  3189.  
  3190. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3191. <b:loop values='data:posts' var='post'>
  3192. <b:include data='post' name='mobile-index-post'/>
  3193. </b:loop>
  3194. <b:else/>
  3195. <b:loop values='data:posts' var='post'>
  3196. <b:include data='post' name='mobile-post'/>
  3197. </b:loop>
  3198. </b:if>
  3199. </div>
  3200.  
  3201. <b:include name='mobile-nextprev'/>
  3202. </b:includable>
  3203. <b:includable id='mobile-nextprev'>
  3204. <div class='blog-pager' id='blog-pager'>
  3205. <b:if cond='data:newerPageUrl'>
  3206. <div class='mobile-link-button' id='blog-pager-newer-link'>
  3207. <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>
  3208. </div>
  3209. </b:if>
  3210.  
  3211. <b:if cond='data:olderPageUrl'>
  3212. <div class='mobile-link-button' id='blog-pager-older-link'>
  3213. <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>
  3214. </div>
  3215. </b:if>
  3216.  
  3217. <div class='mobile-link-button' id='blog-pager-home-link'>
  3218. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3219. </div>
  3220.  
  3221. <div class='mobile-desktop-link'>
  3222. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  3223. </div>
  3224.  
  3225. </div>
  3226. <div class='clear'/>
  3227. </b:includable>
  3228. <b:includable id='mobile-post' var='post'>
  3229. <div class='date-outer'>
  3230. <b:if cond='data:post.dateHeader'>
  3231. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  3232. </b:if>
  3233. <div class='date-posts'>
  3234. <div class='post-outer'>
  3235.  
  3236. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  3237. <b:if cond='data:post.thumbnailUrl'>
  3238. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  3239. </b:if>
  3240. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  3241. <meta expr:content='data:post.id' itemprop='postId'/>
  3242.  
  3243. <a expr:name='data:post.id'/>
  3244. <b:if cond='data:post.title'>
  3245. <h3 class='post-title entry-title' itemprop='name'>
  3246. <b:if cond='data:post.link'>
  3247. <a expr:href='data:post.link'><data:post.title/></a>
  3248. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  3249. <a expr:href='data:post.url'><data:post.title/></a>
  3250. <b:else/>
  3251. <data:post.title/>
  3252. </b:if>
  3253. </h3>
  3254. </b:if>
  3255.  
  3256. <div class='post-header'>
  3257. <div class='post-header-line-1'/>
  3258. </div>
  3259.  
  3260. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  3261. <data:post.body/>
  3262. <div style='clear: both;'/> <!-- clear for photos floats -->
  3263. </div>
  3264.  
  3265. <div class='post-footer'>
  3266. <div class='post-footer-line post-footer-line-1'>
  3267. <span class='post-author vcard'>
  3268. <b:if cond='data:top.showAuthor'>
  3269. <b:if cond='data:post.authorProfileUrl'>
  3270. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3271. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3272. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3273. <span itemprop='name'><data:post.author/></span>
  3274. </a>
  3275. </span>
  3276. <b:else/>
  3277. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3278. <span itemprop='name'><data:post.author/></span>
  3279. </span>
  3280. </b:if>
  3281. </b:if>
  3282. </span>
  3283.  
  3284. <span class='post-timestamp'>
  3285. <b:if cond='data:top.showTimestamp'>
  3286. <data:top.timestampLabel/>
  3287. <b:if cond='data:post.url'>
  3288. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  3289. <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>
  3290. </b:if>
  3291. </b:if>
  3292. </span>
  3293.  
  3294. <span class='post-comment-link'>
  3295. <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'/>
  3296. </span>
  3297. </div>
  3298.  
  3299. <div class='post-footer-line post-footer-line-2'>
  3300. <b:if cond='data:top.showMobileShare'>
  3301. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  3302. <a href='javascript:void(0);'><data:shareMsg/></a>
  3303. </div>
  3304. </b:if>
  3305. <b:if cond='data:top.showDummy'>
  3306. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  3307. </b:if>
  3308. </div>
  3309.  
  3310. </div>
  3311. </div>
  3312.  
  3313. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  3314. </div>
  3315. </div>
  3316. </div>
  3317. </b:includable>
  3318. <b:includable id='nextprev'>
  3319. <div class='blog-pager' id='blog-pager'>
  3320. <b:if cond='data:newerPageUrl'>
  3321. <span id='blog-pager-newer-link'>
  3322. <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>
  3323. </span>
  3324. </b:if>
  3325.  
  3326. <b:if cond='data:olderPageUrl'>
  3327. <span id='blog-pager-older-link'>
  3328. <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>
  3329. </span>
  3330. </b:if>
  3331.  
  3332. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  3333.  
  3334. <b:if cond='data:mobileLinkUrl'>
  3335. <div class='blog-mobile-link'>
  3336. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  3337. </div>
  3338. </b:if>
  3339.  
  3340. </div>
  3341. <div class='clear'/>
  3342. </b:includable>
  3343. <b:includable id='post' var='post'>
  3344. <article class='post'>
  3345.  
  3346. <b:switch var='data:blog.pageType'>
  3347. <b:case value='static_page'/>
  3348. <!-- Posting halaman statis -->
  3349. <div>
  3350. <b:if cond='data:post.title'>
  3351. <h1 class='post-title entry-title'>
  3352. <b:if cond='data:post.link'>
  3353. <a expr:href='data:post.link'><data:post.title/></a>
  3354. <b:else/>
  3355. <b:if cond='data:post.url'>
  3356. <b:if cond='data:blog.url != data:post.url'>
  3357. <a expr:href='data:post.url'><data:post.title/></a>
  3358. <b:else/>
  3359. <data:post.title/>
  3360. </b:if>
  3361. <b:else/>
  3362. <data:post.title/>
  3363. </b:if>
  3364. </b:if>
  3365. </h1>
  3366. </b:if>
  3367. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3368. <div id='body-post-it'>
  3369. <data:post.body/>
  3370. </div>
  3371. <div style='clear: both;'/>
  3372. </div>
  3373. </div>
  3374. <script>
  3375. 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;);
  3376. _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;));
  3377. </script>
  3378. <b:case value='item'/>
  3379. <!-- Posting halaman item -->
  3380. <div>
  3381. <b:if cond='data:post.firstImageUrl'>
  3382. <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3383. </b:if>
  3384. <a expr:name='data:post.id'/>
  3385. <b:if cond='data:post.title'>
  3386. <h1 class='post-title entry-title' itemprop='name headline'>
  3387. <b:if cond='data:post.link'>
  3388. <a expr:href='data:post.link'><data:post.title/></a>
  3389. <b:else/>
  3390. <b:if cond='data:post.url'>
  3391. <b:if cond='data:blog.url != data:post.url'>
  3392. <a expr:href='data:post.url'><data:post.title/></a>
  3393. <b:else/>
  3394. <data:post.title/>
  3395. </b:if>
  3396. <b:else/>
  3397. <data:post.title/>
  3398. </b:if>
  3399. </b:if>
  3400. </h1>
  3401. </b:if>
  3402.  
  3403. <div class='post-info info-3'>
  3404. <b:include data='post' name='postauthorinfo'/>
  3405. <b:include data='post' name='postdateinfo'/>
  3406. <b:include data='post' name='postcommentinfo2'/>
  3407. <b:include data='post' name='postQuickEdit'/>
  3408. </div>
  3409.  
  3410. <script type='text/javascript'>
  3411. //<![CDATA[
  3412. 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)}
  3413. //]]>
  3414. </script>
  3415.  
  3416. <div id='baca-juga'>
  3417. <b:loop values='data:post.labels' var='label'>
  3418. <b:if cond='data:label.isLast != &quot;true&quot;'>
  3419. </b:if>
  3420. <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'/>
  3421. </b:loop>
  3422. <script type='text/javascript'>
  3423. var jumlahbacajuga=3;
  3424. removeRelatedDuplicates();
  3425. printRelatedLabels(&quot;<data:post.url/>&quot;);
  3426. </script>
  3427. </div>
  3428.  
  3429. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  3430. <meta expr:content='data:post.snippet' itemprop='description'/>
  3431.  
  3432. <div id='body-post-it'>
  3433. <data:post.body/>
  3434. </div>
  3435.  
  3436. <div style='clear: both;'/>
  3437.  
  3438. <b:include data='post' name='postauthorbox'/>
  3439.  
  3440. <b:include data='post' name='postsharebutton'/>
  3441.  
  3442. <b:include data='post' name='relatedpost'/>
  3443.  
  3444. </div>
  3445. </div>
  3446. <b:default/>
  3447. <!-- Posting halaman default (index, arsip, dll.) -->
  3448. <b:if cond='data:post.labels'>
  3449. <div class='label-line'>
  3450. <span class='label-info-th'>
  3451. <b:loop values='data:post.labels' var='label'>
  3452. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  3453. </b:loop>
  3454. </span>
  3455. </div>
  3456. </b:if>
  3457. <b:include data='post' name='postthumbnail'/>
  3458. <b:if cond='data:post.firstImageUrl'>
  3459. <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  3460. </b:if>
  3461. <a expr:name='data:post.id'/>
  3462. <b:if cond='data:post.title'>
  3463. <h2 class='post-title entry-title' itemprop='name headline'>
  3464. <b:if cond='data:post.link'>
  3465. <a expr:href='data:post.link'><data:post.title/></a>
  3466. <b:else/>
  3467. <b:if cond='data:post.url'>
  3468. <b:if cond='data:blog.url != data:post.url'>
  3469. <a expr:href='data:post.url'><data:post.title/></a>
  3470. <b:else/>
  3471. <data:post.title/>
  3472. </b:if>
  3473. <b:else/>
  3474. <data:post.title/>
  3475. </b:if>
  3476. </b:if>
  3477. </h2>
  3478. </b:if>
  3479.  
  3480. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description'>
  3481. <div class='post-snippet'>
  3482. <data:post.snippet/>
  3483. </div>
  3484. </div>
  3485. <div class='post-info info-1'>
  3486. <b:include data='post' name='postauthorinfo'/>
  3487. <b:include data='post' name='postdateinfo'/>
  3488. <b:include data='post' name='postcommentinfo'/>
  3489. <b:include data='post' name='postQuickEdit'/>
  3490. </div>
  3491. </b:switch>
  3492. <div style='clear: both;'/>
  3493. </article>
  3494.  
  3495. </b:includable>
  3496. <b:includable id='postQuickEdit' var='post'>
  3497. <b:if cond='data:post.editUrl'>
  3498. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  3499. <span class='edit-post'>
  3500. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  3501. <strong>Edit</strong>
  3502. </a>
  3503. </span>
  3504. </span>
  3505. </b:if>
  3506. </b:includable>
  3507. <b:includable id='postauthorbox' var='post'>
  3508. <b:if cond='data:post.authorAboutMe'>
  3509. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3510. <b:if cond='data:post.authorPhoto.url'>
  3511. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='90px'/>
  3512. </b:if>
  3513. <div>
  3514. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  3515. <span itemprop='name'><data:post.author/></span>
  3516. </a>
  3517. </div>
  3518. <span itemprop='description'><data:post.authorAboutMe/></span>
  3519. </div>
  3520. </b:if>
  3521. </b:includable>
  3522. <b:includable id='postauthorinfo' var='post'>
  3523. <b:if cond='data:top.showAuthor'>
  3524. <span class='author-info'>
  3525. By <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  3526. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  3527. <b:if cond='data:post.authorProfileUrl'>
  3528. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  3529. <span itemprop='name'><data:post.author/></span>
  3530. </a>
  3531. <b:else/>
  3532. <span itemprop='name'><data:post.author/></span>
  3533. </b:if>
  3534. </span>
  3535. </span>
  3536. </b:if>
  3537. </b:includable>
  3538. <b:includable id='postcommentinfo' var='post'>
  3539. <b:if cond='data:post.allowComments'>
  3540. <span class='comment-info'>
  3541. <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>
  3542. </a>
  3543. </span>
  3544. </b:if>
  3545. </b:includable>
  3546. <b:includable id='postcommentinfo2' var='post'>
  3547. <b:if cond='data:post.allowComments'>
  3548. <span class='comment-info'>
  3549. <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>
  3550. </a>
  3551. </span>
  3552. </b:if>
  3553. </b:includable>
  3554. <b:includable id='postdateinfo' var='post'>
  3555. <b:if cond='data:post.dateHeader'>
  3556. <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'>
  3557. <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
  3558. <data:post.dateHeader/>
  3559. </span></span>
  3560. <b:else/>
  3561. <b:if cond='data:top.showTimestamp'>
  3562. <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'>
  3563. <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/>
  3564. <data:post.timestamp/>
  3565. </span></span>
  3566. </b:if>
  3567. </b:if>
  3568. </b:includable>
  3569. <b:includable id='postlabelinfo' var='post'>
  3570. <b:if cond='data:post.labels'>
  3571. <span class='label-info'>
  3572. <b:loop values='data:post.labels' var='label'>
  3573. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  3574. </b:loop>
  3575. </span>
  3576. </b:if>
  3577. </b:includable>
  3578. <b:includable id='postsharebutton' var='post'>
  3579. <div id='share-container'>
  3580. <div class='label-line-c'>
  3581. <p class='share-this-pleaseeeee'>Share this post</p>
  3582. </div>
  3583. <div id='share'>
  3584. <!-- facebook -->
  3585. <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>
  3586. <!-- twitter -->
  3587. <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>
  3588. <!-- google plus -->
  3589. <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>
  3590. <!-- linkedin
  3591. <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> -->
  3592. <!-- pinterest
  3593. <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> -->
  3594. <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>
  3595. </div>
  3596. </div>
  3597. </b:includable>
  3598. <b:includable id='postsubscribebox' var='post'>
  3599. <div class='berlangganan-box'>
  3600. <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'>
  3601. <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'/>
  3602. <input name='loc' type='hidden' value='en_US'/>
  3603. <p><input class='submit-email' type='submit' value='Berlangganan'/></p>
  3604. </form>
  3605. </div>
  3606. <!--
  3607. ...
  3608. Edit ID feedburner BlogMasSugeng di atas dengan ID feedburner milik sobat
  3609. ...
  3610. -->
  3611. <style>
  3612. /* SUBSCRIBER BOX */
  3613. .berlangganan-box {
  3614. background: #f8f8f8;
  3615. padding: 15px;
  3616. margin: 20px 0;
  3617. text-align: center;
  3618. border: 1px solid #efefef;
  3619. }
  3620. .berlangganan-box p {
  3621. margin:15px 0;
  3622. }
  3623. .berlangganan-box input.email-address[type=&quot;text&quot;] {
  3624. width: 60%;
  3625. padding: 10px;
  3626. border: 1px solid #efefef;
  3627. text-align: center;
  3628. border-radius: 2px;
  3629. outline: none;
  3630. }
  3631. .berlangganan-box input.submit-email[type=&quot;submit&quot;] {
  3632. transition: all 0.5s;
  3633. -moz-transition: all 0.5s;
  3634. -webkit-transition: all 0.5s;
  3635. padding: 10px 15px;
  3636. border-radius: 2px;
  3637. color: #444;
  3638. border: none;
  3639. outline: none;
  3640. border: 1px solid #c7c7c7;
  3641. }
  3642. .berlangganan-box input.submit-email[type=&quot;submit&quot;]:hover {
  3643. background:#f8f8f8;
  3644. cursor:pointer;
  3645. }
  3646. .berlangganan-box input.email-address[type=&quot;text&quot;]:focus {
  3647. background: #f9f2a5;
  3648. }
  3649. </style>
  3650. </b:includable>
  3651. <b:includable id='postthumbnail' var='post'>
  3652. <div class='img-thumbnail'>
  3653. <b:if cond='data:post.thumbnailUrl'>
  3654. <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'/>
  3655. </a>
  3656. <b:else/>
  3657. <b:if cond='data:post.firstImageUrl'>
  3658. <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/>
  3659. </a>
  3660. <b:else/>
  3661. <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'/>
  3662. </a>
  3663. </b:if>
  3664. </b:if>
  3665. </div>
  3666. </b:includable>
  3667. <b:includable id='relatedpost' var='post'>
  3668. <div class='related-post' expr:id='&quot;related-post-&quot; + data:post.id'/>
  3669. <script>
  3670. 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>];
  3671. var relatedPostConfig = {
  3672. homePage: &quot;<data:blog.homepageUrl/>&quot;,
  3673. widgetTitle: &quot;&lt;div class=&#39;label-line-c&#39;&gt;&lt;h4&gt;Related Posts&lt;/h4&gt;&lt;/div&gt;&quot;,
  3674. numPosts: 4,
  3675. summaryLength: 370,
  3676. titleLength: &quot;auto&quot;,
  3677. thumbnailSize: 250,
  3678. noImage: &quot;//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/w250-h250-c/no-image.png&quot;,
  3679. containerId: &quot;related-post-<data:post.id/>&quot;,
  3680. newTabLink: false,
  3681. moreText: &quot;Read More&quot;,
  3682. widgetStyle: 3,
  3683. callBack: function() {}
  3684. };
  3685. </script>
  3686. </b:includable>
  3687. <b:includable id='shareButtons' var='post'>
  3688. <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>
  3689. </b:includable>
  3690. <b:includable id='status-message'>
  3691. <b:if cond='data:navMessage'>
  3692. <div class='status-msg-wrap'>
  3693. <div class='status-msg-body'>
  3694. <data:navMessage/>
  3695. </div>
  3696. <div class='status-msg-border'>
  3697. <div class='status-msg-bg'>
  3698. <div class='status-msg-hidden'><data:navMessage/></div>
  3699. </div>
  3700. </div>
  3701. </div>
  3702. <div style='clear: both;'/>
  3703. </b:if>
  3704. </b:includable>
  3705. <b:includable id='threaded-comment-form' var='post'>
  3706. <div class='comment-form'>
  3707. <a name='comment-form'/>
  3708. <b:if cond='data:mobile'>
  3709. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3710. <data:blogTeamBlogMessage/>
  3711. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3712. <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%'/>
  3713. <b:else/>
  3714. <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div>
  3715. <data:blogTeamBlogMessage/>
  3716. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3717. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3718. </b:if>
  3719. <data:post.friendConnectJs/>
  3720. <data:post.cmtfpIframe/>
  3721. <script>
  3722. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  3723. </script>
  3724. </div>
  3725. </b:includable>
  3726. <b:includable id='threaded_comment_js' var='post'>
  3727. <script async='async' expr:src='data:post.commentSrc'/>
  3728.  
  3729. <script>
  3730. (function() {
  3731. var items = <data:post.commentJso/>;
  3732. var msgs = <data:post.commentMsgs/>;
  3733. var config = <data:post.commentConfig/>;
  3734.  
  3735. // <![CDATA[
  3736. var cursor = null;
  3737. if (items && items.length > 0) {
  3738. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  3739. }
  3740.  
  3741. var bodyFromEntry = function(entry) {
  3742. if (entry.gd$extendedProperty) {
  3743. for (var k in entry.gd$extendedProperty) {
  3744. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  3745. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  3746. }
  3747. }
  3748. }
  3749. return entry.content.$t;
  3750. }
  3751.  
  3752. var parse = function(data) {
  3753. cursor = null;
  3754. var comments = [];
  3755. if (data && data.feed && data.feed.entry) {
  3756. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  3757. var comment = {};
  3758. // comment ID, parsed out of the original id format
  3759. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  3760. comment.id = id ? id[2] : null;
  3761. comment.body = bodyFromEntry(entry);
  3762. comment.timestamp = Date.parse(entry.published.$t) + '';
  3763. if (entry.author && entry.author.constructor === Array) {
  3764. var auth = entry.author[0];
  3765. if (auth) {
  3766. comment.author = {
  3767. name: (auth.name ? auth.name.$t : undefined),
  3768. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  3769. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  3770. };
  3771. }
  3772. }
  3773. if (entry.link) {
  3774. if (entry.link[2]) {
  3775. comment.link = comment.permalink = entry.link[2].href;
  3776. }
  3777. if (entry.link[3]) {
  3778. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  3779. if (pid && pid[1]) {
  3780. comment.parentId = pid[1];
  3781. }
  3782. }
  3783. }
  3784. comment.deleteclass = 'item-control blog-admin';
  3785. if (entry.gd$extendedProperty) {
  3786. for (var k in entry.gd$extendedProperty) {
  3787. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  3788. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  3789. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  3790. comment.displayTime = entry.gd$extendedProperty[k].value;
  3791. }
  3792. }
  3793. }
  3794. comments.push(comment);
  3795. }
  3796. }
  3797. return comments;
  3798. };
  3799.  
  3800. var paginator = function(callback) {
  3801. if (hasMore()) {
  3802. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  3803. if (cursor) {
  3804. url += '&published-min=' + new Date(cursor).toISOString();
  3805. }
  3806. window.bloggercomments = function(data) {
  3807. var parsed = parse(data);
  3808. cursor = parsed.length < 50 ? null
  3809. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  3810. callback(parsed);
  3811. window.bloggercomments = null;
  3812. }
  3813. url += '&callback=bloggercomments';
  3814. var script = document.createElement('script');
  3815. script.type = 'text/javascript';
  3816. script.src = url;
  3817. document.getElementsByTagName('head')[0].appendChild(script);
  3818. }
  3819. };
  3820. var hasMore = function() {
  3821. return !!cursor;
  3822. };
  3823. var getMeta = function(key, comment) {
  3824. if ('iswriter' == key) {
  3825. var matches = !!comment.author
  3826. && comment.author.name == config.authorName
  3827. && comment.author.profileUrl == config.authorUrl;
  3828. return matches ? 'true' : '';
  3829. } else if ('deletelink' == key) {
  3830. return config.baseUri + '/delete-comment.g?blogID='
  3831. + config.blogId + '&postID=' + comment.id;
  3832. } else if ('deleteclass' == key) {
  3833. return comment.deleteclass;
  3834. }
  3835. return '';
  3836. };
  3837.  
  3838. var replybox = null;
  3839. var replyUrlParts = null;
  3840. var replyParent = undefined;
  3841.  
  3842. var onReply = function(commentId, domId) {
  3843. if (replybox == null) {
  3844. // lazily cache replybox, and adjust to suit this style:
  3845. replybox = document.getElementById('comment-editor');
  3846. if (replybox != null) {
  3847. replybox.height = '250px';
  3848. replybox.style.display = 'block';
  3849. replyUrlParts = replybox.src.split('#');
  3850. }
  3851. }
  3852. if (replybox && (commentId !== replyParent)) {
  3853. document.getElementById(domId).insertBefore(replybox.parentNode, null);
  3854. replybox.src = replyUrlParts[0]
  3855. + (commentId ? '&parentID=' + commentId : '')
  3856. + '#' + replyUrlParts[1];
  3857. replyParent = commentId;
  3858. }
  3859. };
  3860.  
  3861. var hash = (window.location.hash || '#').substring(1);
  3862. var startThread, targetComment;
  3863. if (/^comment-form_/.test(hash)) {
  3864. startThread = hash.substring('comment-form_'.length);
  3865. } else if (/^c[0-9]+$/.test(hash)) {
  3866. targetComment = hash.substring(1);
  3867. }
  3868.  
  3869. // Configure commenting API:
  3870. var configJso = {
  3871. 'maxDepth': config.maxThreadDepth
  3872. };
  3873. var provider = {
  3874. 'id': config.postId,
  3875. 'data': items,
  3876. 'loadNext': paginator,
  3877. 'hasMore': hasMore,
  3878. 'getMeta': getMeta,
  3879. 'onReply': onReply,
  3880. 'rendered': true,
  3881. 'initComment': targetComment,
  3882. 'initReplyThread': startThread,
  3883. 'config': configJso,
  3884. 'messages': msgs
  3885. };
  3886.  
  3887. var render = function() {
  3888. if (window.goog && window.goog.comments) {
  3889. var holder = document.getElementById('comment-holder');
  3890. window.goog.comments.render(holder, provider);
  3891. }
  3892. };
  3893.  
  3894. // render now, or queue to render when library loads:
  3895. if (window.goog && window.goog.comments) {
  3896. render();
  3897. } else {
  3898. window.goog = window.goog || {};
  3899. window.goog.comments = window.goog.comments || {};
  3900. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  3901. window.goog.comments.loadQueue.push(render);
  3902. }
  3903. })();
  3904. // ]]>
  3905. </script>
  3906. </b:includable>
  3907. <b:includable id='threaded_comments' var='post'>
  3908. <div class='comments' id='comments'>
  3909. <a name='comments'/>
  3910. <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>
  3911.  
  3912. <div class='comments-content'>
  3913. <b:if cond='data:post.embedCommentForm'>
  3914. <b:include data='post' name='threaded_comment_js'/>
  3915. </b:if>
  3916. <div id='comment-holder'>
  3917. <data:post.commentHtml/>
  3918. </div>
  3919. </div>
  3920.  
  3921. <p class='comment-footer'>
  3922. <b:if cond='data:post.allowNewComments'>
  3923. <b:include data='post' name='threaded-comment-form'/>
  3924. <b:else/>
  3925. <data:post.noNewCommentsText/>
  3926. </b:if>
  3927. </p>
  3928.  
  3929. <b:if cond='data:showCmtPopup'>
  3930. <div id='comment-popup'>
  3931. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3932. </iframe>
  3933. </div>
  3934. </b:if>
  3935.  
  3936. <div id='backlinks-container'>
  3937. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  3938. <b:if cond='data:post.showBacklinks'>
  3939. <b:include data='post' name='backlinks'/>
  3940. </b:if>
  3941. </div>
  3942. </div>
  3943. </div>
  3944. </b:includable>
  3945. </b:widget>
  3946. </b:section>
  3947.  
  3948. <b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' showaddelement='yes'>
  3949. <b:widget id='HTML996' locked='true' title='Iklan Atas Artikel' type='HTML' version='1'>
  3950. <b:widget-settings>
  3951. <b:widget-setting name='content'/>
  3952. </b:widget-settings>
  3953. <b:includable id='main'>
  3954. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3955. <!-- only display title if it's non-empty -->
  3956. <b:if cond='data:title != &quot;&quot;'>
  3957. <h2 class='title'><data:title/></h2>
  3958. </b:if>
  3959. <div class='widget-content'>
  3960. <div id='kode-iklan-atas'>
  3961. <data:content/>
  3962. </div>
  3963. </div>
  3964. </b:if>
  3965.  
  3966. </b:includable>
  3967. </b:widget>
  3968. </b:section>
  3969.  
  3970. <b:section class='iklan-tengah1' id='iklan-tengah1' maxwidgets='1' showaddelement='yes'>
  3971. <b:widget id='HTML997' locked='true' title='Iklan Tengah Artikel 1' type='HTML' version='1'>
  3972. <b:widget-settings>
  3973. <b:widget-setting name='content'/>
  3974. </b:widget-settings>
  3975. <b:includable id='main'>
  3976. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3977. <!-- only display title if it's non-empty -->
  3978. <b:if cond='data:title != &quot;&quot;'>
  3979. <h2 class='title'><data:title/></h2>
  3980. </b:if>
  3981. <div class='widget-content'>
  3982. <div id='kode-iklan-tengah1'>
  3983. <data:content/>
  3984. </div>
  3985. </div>
  3986. </b:if>
  3987. </b:includable>
  3988. </b:widget>
  3989. </b:section>
  3990. <b:section class='iklan-tengah2' id='iklan-tengah2' maxwidgets='1' showaddelement='yes'>
  3991. <b:widget id='HTML998' locked='true' title='Iklan Tengah Artikel 2' type='HTML' version='1'>
  3992. <b:widget-settings>
  3993. <b:widget-setting name='content'/>
  3994. </b:widget-settings>
  3995. <b:includable id='main'>
  3996. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  3997. <!-- only display title if it's non-empty -->
  3998. <b:if cond='data:title != &quot;&quot;'>
  3999. <h2 class='title'><data:title/></h2>
  4000. </b:if>
  4001. <div class='widget-content'>
  4002. <div id='kode-iklan-tengah2'>
  4003. <data:content/>
  4004. </div>
  4005. </div>
  4006. </b:if>
  4007. </b:includable>
  4008. </b:widget>
  4009. </b:section>
  4010. <b:section class='iklan-bawah' id='iklan-bawah' maxwidgets='1' showaddelement='yes'>
  4011. <b:widget id='HTML999' locked='true' title='Iklan Bawah Artikel' type='HTML' version='1'>
  4012. <b:widget-settings>
  4013. <b:widget-setting name='content'/>
  4014. </b:widget-settings>
  4015. <b:includable id='main'>
  4016. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  4017. <!-- only display title if it's non-empty -->
  4018. <b:if cond='data:title != &quot;&quot;'>
  4019. <h2 class='title'><data:title/></h2>
  4020. </b:if>
  4021. <div class='widget-content'>
  4022. <div id='kode-iklan-bawah'>
  4023. <data:content/>
  4024. </div>
  4025. </div>
  4026. </b:if>
  4027.  
  4028. </b:includable>
  4029. </b:widget>
  4030. </b:section>
  4031. <b:if cond='data:blog.pageType in {&quot;item&quot;}'>
  4032. <script type='text/javascript'>
  4033. function insertAfter(addition, konten) {
  4034. var parent = konten.parentNode;
  4035. if (parent.lastChild == konten) {
  4036. parent.appendChild(addition);
  4037. } else {
  4038. parent.insertBefore(addition, konten.nextSibling);
  4039. }
  4040. }
  4041. function insertAbove(addition, konten) {
  4042. var parent = konten.parentNode;
  4043. parent.insertBefore(addition, konten);
  4044. }
  4045. function insertBellow(addition) {
  4046. var parent = konten;
  4047. parent.appendChild(addition);
  4048. }
  4049. var iklan1 = document.getElementById(&quot;kode-iklan-tengah1&quot;);
  4050. var iklan2 = document.getElementById(&quot;kode-iklan-tengah2&quot;);
  4051. var iklanAtas = document.getElementById(&quot;kode-iklan-atas&quot;);
  4052. var iklanBawah = document.getElementById(&quot;kode-iklan-bawah&quot;);
  4053. var bacaJuga = document.getElementById(&quot;baca-juga&quot;);
  4054. var konten = document.getElementById(&quot;body-post-it&quot;);
  4055. var lokasi = konten.getElementsByTagName(&quot;br&quot;);
  4056. if (lokasi.length &gt; 0) {
  4057. insertAbove(iklanAtas,konten);
  4058. insertBellow(iklanBawah);
  4059. }
  4060. if (lokasi.length &gt; 2) {
  4061. insertAfter(iklan1,lokasi[2]);
  4062. }
  4063. else {
  4064. iklan1.innerHTML = &quot;&quot;;
  4065. }
  4066. if (lokasi.length &gt; 10) {
  4067. insertAfter(iklan2,lokasi[10]);
  4068. }
  4069. else {
  4070. iklan2.innerHTML = &quot;&quot;;
  4071. }
  4072. if (lokasi.length &gt; 4) {
  4073. insertAfter(bacaJuga,lokasi[4]);
  4074. }
  4075. else {
  4076. bacaJuga.innerHTML = &quot;&quot;;
  4077. }
  4078. </script>
  4079. </b:if>
  4080. </div>
  4081.  
  4082. </div>
  4083. <!-- post wrapper end -->
  4084.  
  4085.  
  4086. <!-- sidebar wrapper start -->
  4087. <aside id='sidebar-wrapper'>
  4088. <div class='sidebar-container'>
  4089. <b:section class='sidebar' id='sidebar' preferred='yes'>
  4090. <b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
  4091. <b:widget-settings>
  4092. <b:widget-setting name='showaboutme'>true</b:widget-setting>
  4093. <b:widget-setting name='showlocation'>false</b:widget-setting>
  4094. </b:widget-settings>
  4095. <b:includable id='main'>
  4096. <b:if cond='data:title != &quot;&quot;'>
  4097. <h2><data:title/></h2>
  4098. </b:if>
  4099. <div class='widget-content'>
  4100. <b:if cond='data:team'> <!-- team blog profile -->
  4101. <ul>
  4102. <b:loop values='data:authors' var='i'>
  4103. <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>
  4104. </b:loop>
  4105. </ul>
  4106.  
  4107. <b:else/> <!-- normal blog profile -->
  4108.  
  4109. <b:if cond='data:photo.url != &quot;&quot;'>
  4110. <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>
  4111. </b:if>
  4112.  
  4113. <dl class='profile-datablock'>
  4114. <dt class='profile-data'>
  4115. <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
  4116. <data:displayname/>
  4117. </a>
  4118. <b:if cond='data:hasgoogleprofile'>
  4119. <br/>
  4120. <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
  4121. </b:if>
  4122. </dt>
  4123.  
  4124. <b:if cond='data:showlocation'>
  4125. <dd class='profile-data'><data:location/></dd>
  4126. </b:if>
  4127.  
  4128. <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
  4129. </dl>
  4130. <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
  4131. </b:if>
  4132.  
  4133. <b:include name='quickedit'/>
  4134. </div>
  4135. </b:includable>
  4136. </b:widget>
  4137. <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  4138. <b:widget-settings>
  4139. <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
  4140. <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  4141. <b:widget-setting name='showSnippets'>false</b:widget-setting>
  4142. <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  4143. </b:widget-settings>
  4144. <b:includable id='main'>
  4145. <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  4146. <div class='widget-content popular-posts'>
  4147. <ul>
  4148. <b:loop values='data:posts' var='post'>
  4149. <li>
  4150. <b:if cond='!data:showThumbnails'>
  4151. <b:if cond='!data:showSnippets'>
  4152. <!-- (1) No snippet/thumbnail -->
  4153. <a expr:href='data:post.href'><data:post.title/></a>
  4154. <b:else/>
  4155. <!-- (2) Show only snippets -->
  4156. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4157. <div class='item-snippet'><data:post.snippet/></div>
  4158. </b:if>
  4159. <b:else/>
  4160. <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  4161. <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  4162. <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
  4163. <div class='item-thumbnail'>
  4164. <a expr:href='data:post.href' target='_blank'>
  4165. <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;) : data:post.thumbnail' var='image'>
  4166. <img alt='' border='0' expr:src='data:image'/>
  4167. </b:with>
  4168. </a>
  4169. </div>
  4170. </b:if>
  4171. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  4172. <b:if cond='data:showSnippets'>
  4173. <div class='item-snippet'><data:post.snippet/></div>
  4174. </b:if>
  4175. </div>
  4176. <div style='clear: both;'/>
  4177. </b:if>
  4178. </li>
  4179. </b:loop>
  4180. </ul>
  4181. <b:include name='quickedit'/>
  4182. </div>
  4183. </b:includable>
  4184. </b:widget>
  4185. <b:widget id='Label3' locked='false' title='Label' type='Label' version='1'>
  4186. <b:widget-settings>
  4187. <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4188. <b:widget-setting name='display'>CLOUD</b:widget-setting>
  4189. <b:widget-setting name='selectedLabelsList'/>
  4190. <b:widget-setting name='showType'>ALL</b:widget-setting>
  4191. <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  4192. </b:widget-settings>
  4193. <b:includable id='main'>
  4194. <b:if cond='data:title'>
  4195. <h2><data:title/></h2>
  4196. </b:if>
  4197. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  4198. <b:if cond='data:display == &quot;list&quot;'>
  4199. <ul>
  4200. <b:loop values='data:labels' var='label'>
  4201. <li>
  4202. <b:if cond='data:blog.url == data:label.url'>
  4203. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4204. <b:else/>
  4205. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4206. </b:if>
  4207. <b:if cond='data:showFreqNumbers'>
  4208. <span class='nexlab' dir='ltr'><data:label.count/></span>
  4209. </b:if>
  4210. </li>
  4211. </b:loop>
  4212. </ul>
  4213. <b:else/>
  4214. <b:loop values='data:labels' var='label'>
  4215. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  4216. <b:if cond='data:blog.url == data:label.url'>
  4217. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  4218. <b:else/>
  4219. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;'><data:label.name/></a>
  4220. </b:if>
  4221. <b:if cond='data:showFreqNumbers'>
  4222. <span class='label-count' dir='ltr'><data:label.count/></span>
  4223. </b:if>
  4224. </span>
  4225. </b:loop>
  4226. </b:if>
  4227. </div>
  4228. </b:includable>
  4229. </b:widget>
  4230. </b:section>
  4231. <b:section class='sidebar-sticky' id='sidebar-sticky' preferred='yes'>
  4232. <b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML'>
  4233. <b:widget-settings>
  4234. <b:widget-setting name='content'>&lt;style scoped=&#39;&#39; type=&#39;text/css&#39;&gt;
  4235. ul.recent_posts_arlina li{display:inline-block;position:relative;width:100%;margin:0;padding:10px 0;transition:all .3s linear;}
  4236. ul.recent_posts_arlina li:last-child {border:0;}
  4237. .recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:90px;height:62px;float:left}
  4238. ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto}
  4239. .recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:.9rem;}
  4240. ul.recent_posts_arlina li a{color:#2b427d;font-size:13px;font-weight:700;line-height:normal}
  4241. ul.recent_posts_arlina li a:hover{color:#138be6}
  4242. .recent_posts_arlina i{font-style:normal;color:#999;font-size:13px}
  4243. &lt;/style&gt;
  4244. &lt;script style=&#39;text/javascript&#39; src=&#39;https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js&#39;&gt;&lt;/script&gt;
  4245. &lt;script style=&#39;text/javascript&#39;&gt;
  4246. var numposts=6,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=62;
  4247. &lt;/script&gt;
  4248. &lt;script src=&#39;/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recentpostinfoarlina&#39;&gt;&lt;/script&gt;</b:widget-setting>
  4249. </b:widget-settings>
  4250. <b:includable id='main'>
  4251. <!-- only display title if it's non-empty -->
  4252. <b:if cond='data:title != &quot;&quot;'>
  4253. <h2 class='title'><data:title/></h2>
  4254. </b:if>
  4255. <div class='widget-content'>
  4256. <data:content/>
  4257. </div>
  4258.  
  4259. <b:include name='quickedit'/>
  4260. </b:includable>
  4261. </b:widget>
  4262. </b:section>
  4263. </div>
  4264. </aside>
  4265. <!-- sidebar wrapper end -->
  4266.  
  4267. <div class='clear'/>
  4268. </div>
  4269. <!-- wrapper end -->
  4270. <div class='sticky-stop'/>
  4271.  
  4272. <div id='footer-widget-container'>
  4273. <b:section class='footer-widget' id='footer-widget' maxwidgets='1' showaddelement='yes'/>
  4274. </div>
  4275.  
  4276. <!-- footer nav menu -->
  4277. <div id='footer-navmenu'>
  4278. <nav id='footer-navmenu-container'>
  4279.  
  4280. <!-- menu navigasi footer start -->
  4281. <ul>
  4282. <li><a href='#'>About</a></li>
  4283. <li><a href='#'>Contact</a></li>
  4284. <li><a href='#'>Privacy Policy</a></li>
  4285. <li><a href='#'>Disclaimer</a></li>
  4286. </ul>
  4287. <!-- menu navigasi footer end -->
  4288.  
  4289. </nav>
  4290. </div>
  4291. <!-- footer nav menu end -->
  4292.  
  4293. <!-- footer wrapper start -->
  4294. <div id='footer-container'>
  4295. <footer id='footer-wrapper'>
  4296. Copyright 2018 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
  4297. </footer>
  4298. </div>
  4299. <!-- footer wrapper end -->
  4300.  
  4301. <div class='back-to-top'><a href='#' id='back-to-top' title='back to top'>
  4302. <i class='fa fa-chevron-up'/>
  4303. </a></div>
  4304.  
  4305. <script>
  4306. $(window).scroll(function() {
  4307. if($(this).scrollTop() &gt; 200) {
  4308. $(&#39;#back-to-top&#39;).fadeIn();
  4309. } else {
  4310. $(&#39;#back-to-top&#39;).fadeOut();
  4311. }
  4312. });
  4313. $(&#39;#back-to-top&#39;).hide().click(function() {
  4314. $(&#39;html, body&#39;).animate({scrollTop:0}, 1000);
  4315. return false;
  4316. });
  4317. </script>
  4318.  
  4319. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4320. <script>
  4321. //<![CDATA[
  4322. /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
  4323. 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]);
  4324. //]]>
  4325. </script>
  4326. </b:if>
  4327.  
  4328. <b:if cond='data:blog.isMobile == &quot;false&quot;'>
  4329. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  4330. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  4331. <!-- JAVASCRIPT NAVIGASI HALAMAN BERNOMOR -->
  4332. <script>
  4333. /*<![CDATA[*/
  4334. var perPage=7;
  4335. var numPages=6;
  4336. var firstText ='First';
  4337. var lastText ='Last';
  4338. var prevText ='‹ Prev';
  4339. var nextText ='Next ›';
  4340. var urlactivepage=location.href;
  4341. var home_page="/";
  4342. /*]]>*/
  4343. </script>
  4344. <script>
  4345. //<![CDATA[
  4346. 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}
  4347. //]]>
  4348. </script>
  4349. </b:if>
  4350. </b:if>
  4351. </b:if>
  4352.  
  4353. <script>
  4354. //<![CDATA[
  4355. /*
  4356. Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net
  4357. */
  4358. (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));
  4359. 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,
  4360. 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),
  4361. 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"}),
  4362. 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",
  4363. 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);
  4364. // search form
  4365. $(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")})});
  4366. // nav menu
  4367. !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);
  4368. //]]>
  4369. </script>
  4370. <script>
  4371. //<![CDATA[
  4372. 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()})});
  4373. //]]>
  4374. </script>
  4375.  
  4376.  
  4377. <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500' rel='stylesheet' type='text/css'/>
  4378. <link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
  4379. &lt;!--</body>--&gt;&lt;/body&gt;
  4380. </html>
Add Comment
Please, Sign In to add comment