API tools faq
paste
Advertisement
faluvtha

[#30] — Pixelated.

faluvtha
Mar 10th, 2013
4,512
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!----------------
  7.  
  8. _______ __ __ __ ___ ___ __ _____
  9. | ____|| | | | | |/ / | | | | / __ \
  10. | |__ | | | | | ' / | | | | | | | |
  11. | __| | | | | | < | | | | | | | |
  12. | | | `--' | | . \ | `--' | | `--' |
  13. |__| \______/ |__|\__\ \______/ \______/
  14.  
  15. (C) FUKUO.TUMBLR.COM / PIXELATED
  16.  
  17. Created on 2013, revamped on July 25, 2016
  18.  
  19. (+) Please don't remove the credit and claim as your own.
  20. (+) If you are experiencing a problem: contact @ fukuo.tumblr.com/contact
  21.  
  22.  
  23. ------------------>
  24.  
  25.  
  26. <title>{block:TagPage}{Tag} : {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}
  30. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  31. <meta name="description" content="{MetaDescription}" />
  32. {/block:Description}
  33. <link rel="stylesheet" href="https://static.tumblr.com/5ojoydj/l1konxlcs/fukuo-outicons.css">
  34. <link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic|Source+Sans+Pro:400,700,400italic' rel='stylesheet' type='text/css'>
  35. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  36.  
  37. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro">
  38. <meta name="select:Body Font" content="Roboto" title="Roboto">
  39. <meta name="select:Body Font" content="Open Sans" title="Open Sans">
  40.  
  41. <meta name="select:Show Caption" content="caption_display" title="Yes">
  42. <meta name="select:Show Caption" content="caption_none" title="No">
  43.  
  44. <meta name="select:Left Background" content="bg_repeat" title="Full Covered">
  45. <meta name="select:Left Background" content="bg_cover" title="Repeated">
  46.  
  47. <meta name="select:Posts Size" content="500" title="500px">
  48. <meta name="select:Posts Size" content="600" title="600px">
  49. <meta name="select:Posts Size" content="550" title="550px">
  50. <meta name="select:Posts Size" content="450" title="450px">
  51. <meta name="select:Posts Size" content="400" title="400px">
  52.  
  53. <meta name="select:Photo Gutter" content="0" title="None">
  54. <meta name="select:Photo Gutter" content="15" title="15px">
  55. <meta name="select:Photo Gutter" content="20" title="20px">
  56. <meta name="select:Photo Gutter" content="25" title="25px">
  57. <meta name="select:Photo Gutter" content="30" title="30px">
  58.  
  59. <meta name="if:Selection Color" content="1">
  60.  
  61. <meta name="image:Sidebar Background" content="https://24.media.tumblr.com/tumblr_lzxkhw34cK1r9g6hvo3_100.png"/>
  62. <meta name="image:Background Image" content="https://static.tumblr.com/l16hfjl/L43lrddru/bright_squares.png"/>
  63.  
  64. <meta name="color:Background Color" content="#eee" />
  65. <meta name="color:Article" content="#FFFFFF" />
  66. <meta name="color:Article Border Bottom" content="#ddd" />
  67. <meta name="color:Sidebar Background" content="#111111" />
  68. <meta name="color:Accent Color One" content="#111111" />
  69. <meta name="color:Accent Color Two" content="#EEBB33" />
  70. <meta name="color:Body" content="#666" />
  71. <meta name="color:Border Blockquote" content="#333" />
  72. <meta name="color:Ask Background" content="#EEBB33"/>
  73. <meta name="color:Ask Body" content="#111111"/>
  74. <meta name="color:Description Body" content="#f7f7f7"/>
  75. <meta name="color:Selection Background" content="#111111" />
  76. <meta name="color:Selection Color" content="#eebb33" />
  77. <meta name="color:Links" content="#111111" />
  78. <meta name="color:Links Hover" content="#aaa" />
  79. <meta name="color:Chat Odd" content="#FBFBFB"/>
  80. <meta name="color:Chat Even" content="#F0F0F0"/>
  81. <meta name="color:Bold text" content="#101010" />
  82. <meta name="color:Italic text" content="#101010" />
  83. <meta name="color:Scrollbar" content="#000000" />
  84. <meta name="color:Scrollbar Background" content="#f7f7f7" />
  85.  
  86. <meta name="text:Custom Link One" content="Your custom link"/>
  87. <meta name="text:Custom Link One URL" content="https://"/>
  88. <meta name="text:Custom Link Two" content="Your custom link"/>
  89. <meta name="text:Custom Link Two URL" content="https://"/>
  90. <meta name="text:Custom Link Three" content="Your custom link"/>
  91. <meta name="text:Custom Link Three URL" content="https://"/>
  92. <meta name="text:Custom Link Four" content="Your custom link"/>
  93. <meta name="text:Custom Link Four URL" content="https://"/>
  94. <meta name="text:Custom Link Five" content="Your custom link"/>
  95. <meta name="text:Custom Link Five URL" content="https://"/>
  96. <meta name="text:Custom Link Six" content="Your custom link"/>
  97. <meta name="text:Custom Link Six URL" content="https://"/>
  98. <meta name="text:Custom Link Seven" content="Your custom link"/>
  99. <meta name="text:Custom Link Seven URL" content="https://"/>
  100. <meta name="text:Custom Link Eight" content="Your custom link"/>
  101. <meta name="text:Custom Link Eight URL" content="https://"/>
  102.  
  103. <meta name="text:Custom Tags One" content="Tags 1"/>
  104. <meta name="text:Custom Tags One URL" content="/tagged/"/>
  105. <meta name="text:Custom Tags Two" content="Tags 2"/>
  106. <meta name="text:Custom Tags Two URL" content="/tagged/"/>
  107. <meta name="text:Custom Tags Three" content="Tags 3"/>
  108. <meta name="text:Custom Tags Three URL" content="/tagged/"/>
  109. <meta name="text:Custom Tags Four" content="Tags 4"/>
  110. <meta name="text:Custom Tags Four URL" content="/tagged/"/>
  111. <meta name="text:Custom Tags Five" content="Tags 5"/>
  112. <meta name="text:Custom Tags Five URL" content="/tagged/"/>
  113. <meta name="text:Custom Tags Six" content="Tags 6"/>
  114. <meta name="text:Custom Tags Six URL" content="/tagged/"/>
  115. <meta name="text:Custom Tags Seven" content="Tags 7"/>
  116. <meta name="text:Custom Tags Seven URL" content="/tagged/"/>
  117. <meta name="text:Custom Tags Eight" content="Tags 8"/>
  118. <meta name="text:Custom Tags Eight URL" content="/tagged/"/>
  119. <meta name="text:Custom Tags Nine" content="Tags 9"/>
  120. <meta name="text:Custom Tags Nine URL" content="/tagged/"/>
  121. <meta name="text:Custom Tags Ten" content="Tags 10"/>
  122. <meta name="text:Custom Tags Ten URL" content="/tagged/"/>
  123.  
  124.  
  125.  
  126. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  127. <style type="text/css">
  128.  
  129.  
  130. body{
  131. background-color:{color:Background Color};
  132. background-image:url('{image:Background Image}');
  133. background-position: fixed;
  134. background-attachment:fixed;
  135. background-repeat:repeat;
  136. overflow-x:hidden;
  137. }
  138.  
  139. body.kokgakada {
  140. overflow:hidden;
  141. }
  142.  
  143. a, #audio, .left_side, .deskripsi_asli, .article_position, .kefotonya {
  144. -webkit-transition: all 0.5s ease;
  145. -moz-transition: all 0.5s ease;
  146. -o-transition: all 0.5s ease;
  147. transition: all 0.5s ease;
  148. }
  149.  
  150. a {
  151. text-decoration:none;
  152. color:{color:Links};
  153. cursor:pointer;
  154. }
  155.  
  156. a:link, a:visited, a:active {
  157. text-decoration:none;
  158. }
  159.  
  160. a:hover {
  161. color:{color:Links hover};
  162. text-decoration:none;
  163. }
  164.  
  165. ::-webkit-scrollbar {width: 4px;}
  166.  
  167. ::-webkit-scrollbar-track-piece
  168. {background-color: {color:Scrollbar Background};}
  169.  
  170. ::-webkit-scrollbar-thumb:vertical
  171. {width:4px;
  172. background-color: {color:Scrollbar};}
  173.  
  174. {block:IfSelectionColor}
  175. ::selection {
  176. background:{color:Selection Background};
  177. color:{color:Selection Color};
  178. }
  179.  
  180. ::-moz-selection {
  181. background:{color:Selection Background};
  182. color:{color:Selection Color};
  183. }
  184. {/block:IfSelectionColor}
  185.  
  186.  
  187. #s-m-t-tooltip {
  188. z-index: 99999999999999999999999;
  189. background:{color:Links};
  190. font-size:14px;
  191. line-height:18px;
  192. font-family:'Fukuo', courier new;
  193. font-style:none;
  194. border: 1px solid {color:Accent Color Two};
  195. text-transform:uppercase;
  196. color: {color:Article};
  197. width:auto;
  198. word-wrap: break-word;
  199. padding: 5px 10px 5px 10px;
  200. display: block;
  201. margin: 24px 14px 7px 12px;
  202. }
  203.  
  204. .left_side {
  205. position:fixed;
  206. height:100%;
  207. top:0px;
  208. left:0px;
  209. width:550px;
  210. padding:7px;
  211. padding-top:150px;
  212. text-align:center;
  213. font-family:consolas;
  214. font-size:8px;
  215. border-right:9px solid #ccc;
  216. background-position: fixed;
  217. background-attachment:fixed;
  218. background-image:url('{image:Sidebar Background}');
  219. z-index:4;}
  220.  
  221. .left_side.bg_repeat {
  222. background-repeat:repeat;
  223. }
  224.  
  225. .left_side.bg_cover {
  226. background-size:cover;
  227. background-repeat:no-repeat;
  228. }
  229.  
  230. .left_side.diblurkan_p, .deskripsi_asli.diblurkan_p, .article_position.diblurkan_p {
  231. -webkit-filter: blur(22px);
  232. -moz-filter: blur(22px);
  233. -o-filter: blur(22px);
  234. -ms-filter: blur(22px);
  235. filter: blur(22px);
  236. }
  237.  
  238. .left_title {
  239. position:absolute;
  240. transform:translate(-10%, -65%);
  241. top:50%;
  242. left:90%;
  243. width:10px;
  244. line-height:160%;
  245. color:#fff;
  246. font-size:30px;
  247. }
  248.  
  249. .position_hex {
  250. position:absolute;
  251. left:25%;
  252. top:40%;
  253. transform:translate(-50%, -50%);
  254. }
  255.  
  256. .r-hex {
  257. overflow: hidden;
  258. display: block;
  259. margin: 1em 7em;
  260. width: 18em;
  261. height: 15.64em;
  262. transform: rotate(-30deg) skewX(30deg);
  263. border-radius: 1.5em;
  264. cursor:pointer;
  265. }
  266.  
  267. .r-hex *, .r-hex *:before {
  268. display: block;
  269. overflow: hidden;
  270. width: inherit; height: inherit;
  271. border-radius: inherit;
  272. }
  273.  
  274. .r-hex-inner {
  275. transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  276. opacity:1;
  277. transition: opacity .75s;
  278. cursor: pointer;
  279. }
  280.  
  281. .r-hex-inner-1:before {
  282. transform: skewX(-30deg) rotate(-90deg);
  283. background-color:#222;
  284. content: '';
  285. background-image: url('https://static.tumblr.com/5ojoydj/GjAoay900/home.png');
  286. background-size: 60px;
  287. background-position:41px 31px;
  288. background-repeat:no-repeat;
  289. line-height: 20em;
  290. text-align: center;
  291. }
  292.  
  293. .r-hex-inner-2, .r-hex-inner-4 {
  294. background-color:{color:Accent Color Two};
  295. transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  296. }
  297.  
  298. .r-hex-inner-3, .r-hex-inner-1 {
  299. background-color:#222;
  300. transform: skewX(-30deg) rotate(60deg) skewX(30deg);
  301. }
  302.  
  303. .r-hex-inner-2:before {
  304. margin-top: -1.5em;
  305. height: 20em;
  306. transform: skewX(-30deg) rotate(-90deg);
  307. background-image: url('https://static.tumblr.com/5ojoydj/YXDmivgx2/document.gif');
  308. background-size: 60px;
  309. background-position:48px 48px;
  310. background-repeat:no-repeat;
  311. line-height: 20em;
  312. text-align: center;
  313. content: '';
  314. }
  315.  
  316. .r-hex-inner-3:before {
  317. margin-top: -1.5em;
  318. height: 20em;
  319. transform: skewX(-30deg) rotate(-90deg);
  320. background-image: url('https://static.tumblr.com/5ojoydj/YtZmivgy7/mail.gif');
  321. background-size: 60px;
  322. background-position:48px 48px;
  323. background-repeat:no-repeat;
  324. line-height: 20em;
  325. text-align: center;
  326. content: '';
  327. }
  328.  
  329. .r-hex-inner-4:before {
  330. margin-top: -1.5em;
  331. height: 20em;
  332. transform: skewX(-30deg) rotate(-90deg);
  333. background-image: url('https://static.tumblr.com/5ojoydj/Gqgmivh1g/add.gif');
  334. background-size: 60px;
  335. background-position:48px 48px;
  336. background-repeat:no-repeat;
  337. line-height: 20em;
  338. text-align: center;
  339. content: '';
  340. }
  341.  
  342. .article_position {
  343. position:relative;
  344. margin:60px 0 120px 650px;
  345. width:530px;
  346. }
  347.  
  348. .pagination {
  349. display:none;
  350. }
  351.  
  352. #infscr-loading {
  353. position:fixed;
  354. display:block;
  355. z-index:999999;
  356. width:auto;
  357. left:65%;
  358. margin-left:15px;
  359. bottom:35px;
  360. padding:0;
  361. }
  362.  
  363. #infscr-loading img{ width:30px; background-color:{color:Article};padding:10px;;}
  364.  
  365. footer {
  366. {block:IndexPage}
  367. display:block;
  368. {/block:IndexPage}
  369. {block:PermalinkPage}
  370. display:none;
  371. {block:PermalinkPage}
  372. position:absolute;
  373. width:calc({select:Posts Size}px - 50px);
  374. height:20px;
  375. padding:20px 25px 25px 25px;
  376. left:0px;
  377. bottom:-250px;
  378. margin-bottom:100px;
  379. background-color:{color:Article};
  380. border-bottom:5px solid {color:Article Border Bottom};
  381. }
  382.  
  383. footer span {
  384. position:absolute;
  385. right:30px;
  386. top:22px;
  387. font-family:'Fukuo', 'Source Sans Pro', sans-serif;
  388. font-size:15px;
  389. }
  390.  
  391. footer span img {
  392. width:25px;
  393. vertical-align:-9px;
  394. }
  395.  
  396. .load_more {
  397. font-family:'{select:Body Font}', sans-serif;
  398. font-size:15px;
  399. }
  400.  
  401. .load_more i {
  402. vertical-align:-3px;
  403. font-size:22px;
  404. }
  405.  
  406. .tanggalmainnya {
  407. {block:IndexPage}
  408. display:block;
  409. {/block:IndexPage}
  410. {block:PermalinkPage}
  411. display:none;
  412. {block:PermalinkPage}
  413. padding:15px 20px 10px 30px;
  414. margin-bottom:0px;
  415. font-size:14px;
  416. border-bottom:1px solid {color:Article Border Bottom};
  417. }
  418.  
  419. .kefotonya {
  420. {block:IndexPage}
  421. display:block;
  422. {/block:IndexPage}
  423. {block:PermalinkPage}
  424. display:none;
  425. {block:PermalinkPage}
  426. left:40px;
  427. top:40px;
  428. padding:8px 5px 5px 5px;
  429. width:35px;
  430. height:30px;
  431. visibility:hidden;
  432. opacity:0;
  433. position:absolute;
  434. -webkit-border-radius:100%;
  435. -moz-border-radius:100%;
  436. border-radius:100%;
  437. z-index:999;
  438. background-color:{color:Accent Color Two};
  439. }
  440.  
  441. .post:hover .kefotonya {
  442. opacity:1;
  443. visibility:visible;
  444. }
  445.  
  446. .kefotonya span {
  447. color:{color:Accent Color One};
  448. font-size:24px;
  449. }
  450.  
  451. .post {
  452. position:relative;
  453. width:{select:Posts Size}px;
  454. margin-top:10px;
  455. margin-bottom:95px;
  456. padding:0px;
  457. background-color:{color:Article};
  458. font-family:'{select:Body Font}', sans-serif;
  459. color:{color:Body};
  460. font-size:14px;
  461. line-height:170%;
  462. border-bottom:5px solid {color:Article Border Bottom};
  463. }
  464.  
  465. .post ul li {
  466. list-style-type: none;
  467. padding-left: 0px;
  468. margin: 0 0 0 -5px;
  469. }
  470.  
  471. .post ul li:before {
  472. display: block;
  473. content: '';
  474. width: 4px;
  475. height: 4px;
  476. background-color: #fff;
  477. border: 2px solid {color:Accent Color Two};
  478. position: absolute;
  479. margin: 8px 0 0 -30px;
  480. -moz-border-radius: 100%;
  481. -o-border-radius: 100%;
  482. -webkit-border-radius: 100%;
  483. }
  484.  
  485. .tags_inner {
  486. width: calc({select:Posts Size}px - 90px);
  487. white-space: nowrap;
  488. overflow: hidden;
  489. text-overflow: ellipsis;
  490. }
  491.  
  492. .post_tags {
  493. {block:IndexPage}
  494. display:block;
  495. {/block:IndexPage}
  496. {block:PermalinkPage}
  497. display:none;
  498. {block:PermalinkPage}
  499. height:25px;
  500. padding:10px 20px;
  501. border-top:1px solid {color:Article Border Bottom};
  502. }
  503.  
  504. .post_tags:after {
  505. content: '';
  506. width: 300px;
  507. height: 45px;
  508. background-image:linear-gradient(to right, transparent, {color:Article});
  509. position: absolute;
  510. bottom: 0;
  511. right: 1px;
  512. }
  513.  
  514. .post_tags span {
  515. margin-top:7px;
  516. margin-right:7px;
  517. }
  518.  
  519. .post_tags a {
  520. margin-right:5px;
  521. }
  522.  
  523. .post_tags a:after {
  524. content:',';
  525. }
  526. .post_tags a:last-child:after {
  527. content:'';
  528. display:none;
  529. }
  530.  
  531. a.read_more {
  532. background-color:#fff;
  533. border:2px solid #ccc;
  534. color: #111;
  535. padding:8px 15px;
  536. border-radius:5px;
  537. text-decoration:none;
  538. text-transform: uppercase;
  539. -webkit-transition: all 0.5s ease;
  540. -moz-transition: all 0.5s ease;
  541. -o-transition: all 0.5s ease;
  542. }
  543.  
  544. a.read_more:hover {
  545. border:2px solid {color:Accent Color Two};
  546. color: {color:Accent Color Two};
  547. }
  548.  
  549. a.read_more:before {
  550. border:none;
  551. content:'';
  552. }
  553.  
  554. .post blockquote {
  555. color:#222;
  556. width:calc(100% - 50px);
  557. padding:0px 30px 0px 20px;
  558. margin-bottom:0px;
  559. margin-left:0px;
  560. border-left:3px solid {color:Border Blockquote};
  561. }
  562.  
  563. .post blockquote img {
  564. max-width:100%;
  565. height:auto!important;
  566. }
  567.  
  568. .sukanya {
  569. position:absolute;
  570. top:-3px;
  571. width:15px;
  572. height:15px;
  573. }
  574.  
  575. .reblognya{
  576. position:absolute;
  577. top:-3px;
  578. right:17px;
  579. width:15px;
  580. height:15px;
  581.  
  582. }
  583.  
  584. .reblognya svg path, .sukanya svg path {
  585. fill:{color:Accent Color One};
  586. -webkit-transition: all 0.4s ease;
  587. -moz-transition: all 0.4s ease;
  588. -o-transition: all 0.4s ease;
  589. }
  590.  
  591. .reblognya:hover svg path, .sukanya:hover svg path {
  592. fill:{color:Accent Color Two};
  593. }
  594.  
  595. .like_button iframe {position: absolute;top: -3px; opacity: 0;}
  596.  
  597. .sukanya .liked + svg path { fill:#D97655 ;}
  598.  
  599. .suka_dan_reblog {
  600. {block:IndexPage}
  601. display:block;
  602. {/block:IndexPage}
  603. {block:PermalinkPage}
  604. display:none;
  605. {block:PermalinkPage}
  606. width:50px;
  607. position:absolute;
  608. padding:12px 10px 12px 10px;
  609. right:5px;
  610. bottom:5px;
  611. z-index:999999;
  612. -webkit-transition: all 0.4s ease;
  613. -moz-transition: all 0.4s ease;
  614. -o-transition: all 0.4s ease;
  615. }
  616.  
  617. .penyesuaian {
  618. max-width:100%;
  619. min-width:100%;
  620. height:auto;
  621. display:block;
  622. margin-bottom:-5px;
  623. box-sizing: border-box;
  624. }
  625.  
  626. .post h1 {
  627. font-size:30px;
  628. line-height:180%;
  629. padding:10px 10px 10px 30px;
  630. margin-bottom:-5px;
  631. background-color: {color:Article Border Bottom};
  632. color:#111;
  633. border-left:40px solid #111;
  634. }
  635.  
  636. .body_text, .body_caption {
  637. {block:IndexPage}
  638. padding:10px 30px 20px 30px;
  639. {/block:IndexPage}
  640. {block:PermalinkPage}
  641. padding:30px 30px 20px 30px;
  642. {block:PermalinkPage}
  643. }
  644.  
  645. .body_caption blockquote {
  646. width:calc(100% - 50px);
  647. padding:0px 30px 0px 20px;
  648. margin-bottom:0px;
  649. margin-left:0px;
  650. border-left:1px solid rgba(0,0,0,0.1);
  651. }
  652.  
  653. .body_caption.caption_display {display:block;}
  654. .body_caption.caption_none {display:none;}
  655.  
  656. .post img {
  657. max-width:100%;
  658. display:block;
  659. }
  660.  
  661. b, em, strong{
  662. color: {color:Bold text};
  663. font-weight:bold;
  664. }
  665.  
  666. i, em {
  667. color: {color:Italic text};
  668. font-weight:lighter;
  669. font-style:italic;
  670. }
  671.  
  672. .chats .chat {
  673. background: {color:Chat Odd};
  674. padding: 15px;
  675. margin-bottom:0px;
  676. }
  677.  
  678. .chats .chat.even {
  679. background: {color:Chat Even};
  680. }
  681.  
  682. .tumblr_audio_player {
  683. width:30px;
  684. height:60px;
  685. margin:15px 0 0 15px;
  686. padding-bottom:20px;
  687. }
  688.  
  689. .videonya {
  690. position: relative;
  691. padding-bottom: 75%;
  692. height: 0;
  693. overflow: hidden;
  694. }
  695.  
  696. .videonya iframe,
  697. .videonya object,
  698. .videonya embed {
  699. position: absolute;
  700. top: 0;
  701. left: 0;
  702. width: 100%;
  703. height: 100%;
  704. }
  705.  
  706. #audio {
  707. width:60px;
  708. height:60px;
  709. overflow:hidden;
  710. position:absolute;
  711. margin:50px 0px 50px 50px;
  712. background-color:#FFF;
  713. z-index:999;
  714. opacity:0.8;
  715. }
  716.  
  717. #audio:hover {
  718. opacity:1;
  719. }
  720.  
  721. .audioplayer {
  722. position:absolute;
  723. width:calc(100% - 160px);
  724. height:153px;
  725. overflow:hidden;
  726. background-color:#fff;
  727. float:right;
  728. margin:-160px 0 0 160px;
  729. padding-bottom:7px;
  730. }
  731.  
  732.  
  733. .artist , .play {
  734. width:100%;
  735. margin-bottom:-25px;
  736. padding:16px 15px 16px 15px;
  737. background-color: {color:Article Border Bottom};
  738. }
  739.  
  740. .track {
  741. width:100%;
  742. margin-bottom:-25px;
  743. padding:16px 15px 16px 15px;
  744. background-color:{color:Border Blockquote};
  745. color:#FFFFFF;
  746. }
  747.  
  748. .artist b , .play b {
  749. color:#111;
  750. }
  751.  
  752. .track b {color:#FFFFFF;}
  753.  
  754. .caption-audio {
  755. display:none;
  756. width:155px;
  757. padding:8px;
  758. background-color:{color:Blockquote};
  759. position:relative;
  760. margin-left:160px;
  761. margin-top:-70px;
  762. }
  763.  
  764.  
  765. #albumart {
  766. position:relative;
  767. width:120px;
  768. height:120px;
  769. border:20px solid {color:Border Blockquote};
  770. margin:0px 0px 0px 0px;
  771. }
  772.  
  773. #albumart img {
  774. width:120px;
  775. height:120px;
  776. }
  777.  
  778. .ask {
  779. padding:20px;
  780. background-color:{color:Ask Background};
  781. color:{color:Ask Body};
  782. text-align:justify;
  783. border-bottom:3px solid {color:Ask Background};
  784. max-width:100%;
  785. }
  786.  
  787. .asker {
  788. margin-left:28px;
  789. margin-top:30px;
  790. }
  791.  
  792. .asker img {
  793. border:6px solid {color:Post Border Bottom};
  794. }
  795.  
  796. .kutipan {
  797. font-size:23px;
  798. padding:25px;
  799. line-height:170%;
  800. text-align:left;
  801. z-index:1;
  802. }
  803.  
  804. .kutipan:before {
  805. content:'❝';
  806. float:left;
  807. font-size:55px;
  808. margin:10px 20px 20px 10px;
  809. }
  810.  
  811. .source {
  812. padding:20px;
  813. background-color: {color:Article Border Bottom};
  814. color:#111;
  815. }
  816.  
  817.  
  818. .section_popup {
  819. position: absolute;
  820. left:50%;
  821. top:50%;
  822. transform:translate(-50%, -50%);
  823. width: 1000px;
  824. background-color: transparent;
  825. height:300px;
  826. display: -webkit-flex;
  827. display: flex;
  828. }
  829.  
  830.  
  831. .kotaknya {
  832. -webkit-flex: 1;
  833. -ms-flex: 1;
  834. flex: 1;
  835. }
  836.  
  837. .kotaknya h3 {
  838. color:{color:Article};
  839. font-family:'{select:Body Font}', sans-serif;
  840. line-height: 180%;
  841. font-size: 26px;
  842. text-align:center;
  843. }
  844.  
  845. .kotaknya:nth-of-type(1) span {
  846. position: absolute;
  847. width: 33%;
  848. box-sizing: border-box;
  849. padding: 0.5% 2% 0.5% 2%;
  850. font-family:'{select:Body Font}', sans-serif;
  851. line-height: 180%;
  852. font-size: 16px;
  853. color:{color:Article};
  854. }
  855.  
  856. .kotaknya .box-1 {
  857. position: relative;
  858. float: left;
  859. width: 50%;
  860. height: 50%;
  861. cursor: pointer;
  862. box-sizing: border-box;
  863. text-transform: uppercase;
  864. }
  865.  
  866. .kotaknya ul li {
  867. list-style-type:none;
  868. display:inline-block;
  869. }
  870.  
  871. .kotaknya ul li a {
  872. display:block;
  873. color:{color:Border Blockquote};
  874. background-color:{color:Accent Color Two};
  875. padding:1px 8px 2px 8px;
  876. margin:8px;
  877. -webkit-border-radius:5px;
  878. -moz-border-radius:5px;
  879. border-radius:5px;
  880. font-family:'{select:Body Font}', sans-serif;
  881. line-height: 180%;
  882. font-size: 16px;
  883. }
  884.  
  885. .kotaknya ul li a:hover {
  886. color:{color:Accent Color Two};
  887. background-color:{color:Border Blockquote};
  888. }
  889.  
  890. .pengguna {
  891. margin-bottom:10px;
  892. }
  893.  
  894. .pengguna img {
  895. float:left;
  896. width:25px;
  897. height:25px;
  898. -webkit-border-radius:3px;
  899. -moz-border-radius:3px;
  900. border-radius:3px;
  901. }
  902.  
  903. .pengguna span {
  904. width:150px;
  905. margin-left:13px;
  906. }
  907.  
  908. .deskripsi_asli {
  909. position:fixed;
  910. visibility:visible;
  911. opacity:1;
  912. top:50%;
  913. transform:translateY(-40%);
  914. left:300px;
  915. width:170px;
  916. height:auto;
  917. padding:10px 20px 10px 20px;
  918. color:#eee;
  919. z-index:99!important;
  920. font-family:'{select:Body Font}', sans-serif;
  921. font-size:15px;
  922. line-height:173%;
  923. border-radius:7%;
  924. }
  925.  
  926. .munculnyadia {
  927. display:none;
  928. position:fixed;
  929. left:0px;
  930. top:0px;
  931. width:100%;
  932. height:100%;
  933. background-color:rgba(0,0,0,0.9);
  934. z-index:99999;
  935. }
  936.  
  937. .ditutup {
  938. position:absolute;
  939. right:30px;
  940. top:30px;
  941. width:60px;
  942. height:60px;
  943. cursor:pointer;
  944. background-image:url('https://static.tumblr.com/5ojoydj/eVYoayakm/close.png');
  945. }
  946.  
  947. .tumblr_blog:after {
  948. content:'';
  949. position:absolute;
  950. margin: 20px 0 0 0px;
  951. width:10px;
  952. height:10px;
  953. background-color:{color:Article};
  954. }
  955.  
  956. .tumblr_blog img {
  957. display:inline-block;
  958. width: 25px;
  959. height: 25px;
  960. margin: 10px 15px 10px 0px;
  961. vertical-align: -18px;
  962. border-radius: 4px;
  963. }
  964.  
  965. #perma_p {
  966. width:{select:Posts Size}px;
  967. font-size:14px;
  968. line-height:180%;
  969. margin-bottom:2%;
  970. margin-top:-9px;
  971. padding-top:40px;
  972. padding-bottom:20px;
  973. padding-top:0px;
  974. border-top:5px solid {color:Article Border Bottom};
  975. background-color:{color:Article};
  976. color:{color:Accent Color One};
  977. font-family:'Source Sans Pro', sans-serif;
  978. }
  979.  
  980. #perma_p ol li {
  981. list-style-type:none;
  982. }
  983.  
  984. #perma_p ol li a {
  985. color:{color:Border Blockquote};
  986. }
  987.  
  988. #perma_p ol li blockquote {
  989. border-left:1px solid #ccc;
  990. padding:10px 10px 10px 10px;
  991. margin-left:10px;
  992. }
  993.  
  994. #perma_p li img.avatar {
  995. width: 16px;
  996. height: 16px;
  997. vertical-align: -4px;
  998. margin-right: 15px;
  999. -moz-border-radius:5px;
  1000. -webkit-border-radius:5px;
  1001. border-radius:5px;
  1002. }
  1003.  
  1004. .more_notes_link {
  1005. display:block;
  1006. width:calc({select:Posts Size}px - 14px);
  1007. padding:8px 8px 8px 8px;
  1008. color:{color:Accent Color One};
  1009. background-color:{color:Accent Color Two};
  1010. margin:30px 0 -35px -40px;
  1011. text-align:center;
  1012. }
  1013.  
  1014. .notes_loading {
  1015. display:block;
  1016. width:calc({select:Posts Size}px - 14px);
  1017. padding:8px 8px 8px 8px;
  1018. color:{color:Article};
  1019. background-color:{color:Accent Color One};
  1020. margin:30px 0 -35px -40px;
  1021. text-align:center;
  1022. }
  1023.  
  1024. .date_and_more {
  1025. margin: 9px 0 0 -45px;
  1026. padding: 0;
  1027. color:{color:Accent Color Two};
  1028. }
  1029.  
  1030. .date_and_more a {
  1031. color:{color:Accent Color One};
  1032. }
  1033.  
  1034. .keterangan_hasilnya {
  1035. position: absolute;
  1036. margin: -80px 0 0 -6px;
  1037. width: 350px;
  1038. color:{color:Accent Color One};
  1039. }
  1040.  
  1041. .keterangan_konten {
  1042. width:calc({select:Posts Size}px - 50px);
  1043. padding: 20px 20px 20px 95px;
  1044. margin-bottom: 4px;
  1045. margin-top: 30px;
  1046. border: none;
  1047. }
  1048.  
  1049. .keterangan_konten th img {
  1050. float: left;
  1051. margin: 1px 0 0;
  1052. border-radius: 5px;
  1053. -moz-border-radius: 5px;
  1054. -webkit-border-radius: 5px;
  1055. }
  1056.  
  1057. .keterangan_konten table,
  1058. .keterangan_konten td,
  1059. .keterangan_konten th {
  1060. border: none;
  1061. }
  1062.  
  1063. .keterangan_konten th span {
  1064. display: block;
  1065. width: 190px;
  1066. text-overflow: ellipsis;
  1067. overflow: hidden;
  1068. font-size: 17px;
  1069. margin: -3px 0 0 53px;
  1070. color:{color:Accent Color One};
  1071. text-align: left;
  1072. }
  1073.  
  1074. .keterangan_konten th span p {
  1075. position: absolute;
  1076. width: 300px;
  1077. font-size: 11px;
  1078. margin: 0;
  1079. color:{color:Accent Color One};
  1080. }
  1081.  
  1082. </style>
  1083. </head>
  1084. <body>
  1085.  
  1086. <div class="munculnyadia">
  1087. <div class="section_popup">
  1088. <div class="kotaknya">
  1089. <h3>Description</h3>
  1090. <span>
  1091. {Description}
  1092. </span>
  1093. </div>
  1094.  
  1095. <div class="kotaknya">
  1096. <h3>Categories</h3>
  1097. <ul>
  1098. {block:IfCustomTagsOne}<li><a href="{text:Custom Tags One URL}">{text:Custom Tags One}</a></li>{/block:IfCustomTagsOne}
  1099. {block:IfCustomTagsTwo}<li><a href="{text:Custom Tags Two URL}">{text:Custom Tags Two}</a></li>{/block:IfCustomTagTwo}
  1100. {block:IfCustomTagsThree}<li><a href="{text:Custom Tags Three URL}">{text:Custom Tags Three}</a></li>{/block:IfCustomTagsThree}
  1101. {block:IfCustomTagsFour}<li><a href="{text:Custom Tags Four URL}">{text:Custom Tags Four}</a></li>{/block:IfCustomTagsFour}
  1102. {block:IfCustomTagsFive}<li><a href="{text:Custom Tags Five URL}">{text:Custom Tags Five}</a></li>{/block:IfCustomTagsFive}
  1103. {block:IfCustomTagsSix}<li><a href="{text:Custom Tags Six URL}">{text:Custom Tags Six}</a></li>{/block:IfCustomTagsSix}
  1104. {block:IfCustomTagsSeven}<li><a href="{text:Custom Tags Seven URL}">{text:Custom Tags Seven}</a></li>{/block:IfCustomTagsSeven}
  1105. {block:IfCustomTagsEight}<li><a href="{text:Custom Tags Eight URL}">{text:Custom Tags Eight}</a></li>{/block:IfCustomTagsEight}
  1106. {block:IfCustomTagsNine}<li><a href="{text:Custom Tags Nine URL}">{text:Custom Tags Nine}</a></li>{/block:IfCustomTagsNine}
  1107. {block:IfCustomTagsTen}<li><a href="{text:Custom Tags Ten URL}">{text:Custom Tags Ten}</a></li>{/block:IfCustomTagsTen}
  1108. </ul>
  1109. </div>
  1110.  
  1111. <div class="kotaknya">
  1112. <h3>Links</h3>
  1113. <ul>
  1114. {block:IfCustomLinkOne}<li><a href="{text:Custom Link One URL}">{text:Custom Link One}</a></li>{/block:IfCustomLinkOne}
  1115. {block:IfCustomLinkTwo}<li><a href="{text:Custom Link Two URL}">{text:Custom Link Two}</a></li>{/block:IfCustomLinkTwo}
  1116. {block:IfCustomLinkThree}<li><a href="{text:Custom Link Three URL}">{text:Custom Link Three}</a></li>{/block:IfCustomLinkThree}
  1117. {block:IfCustomLinkFour}<li><a href="{text:Custom Link Four URL}">{text:Custom Link Four}</a></li>{/block:IfCustomLinkFour}
  1118. {block:IfCustomLinkFive}<li><a href="{text:Custom Link Five URL}">{text:Custom Link Five}</a></li>{/block:IfCustomLinkFive}
  1119.  
  1120. {block:IfCustomLinkSix}<li><a href="{text:Custom Link Six URL}">{text:Custom Link Six}</a></li>{/block:IfCustomLinkSix}
  1121.  
  1122. {block:IfCustomLinkSeven}<li><a href="{text:Custom Link Seven URL}">{text:Custom Link Seven}</a></li>{/block:IfCustomLinkSeven}
  1123.  
  1124. {block:IfCustomLinkEight}<li><a href="{text:Custom Link Eight URL}">{text:Custom Link Eight}</a></li>{/block:IfCustomLinkEight}
  1125. </ul>
  1126. </div>
  1127. </div>
  1128.  
  1129. <div class="ditutup" title="CLOSE"></div>
  1130. </div>
  1131.  
  1132.  
  1133. <div class="deskripsi_asli">
  1134. <div class="pengguna">
  1135. <img src="{PortraitURL-24}">
  1136. <span>{Name}</span>
  1137. </div>
  1138. {Description}
  1139. </div>
  1140. <div class="left_side {select:Left Background}">
  1141. <div class="position_hex">
  1142.  
  1143. <a href="/" title="HOME">
  1144. <div class='r-hex'>
  1145. <div class='r-hex-inner'>
  1146. <div class='r-hex-inner-1'></div>
  1147. </div>
  1148. </div>
  1149. </a>
  1150.  
  1151. <a href="/archive" title="ARCHIVE">
  1152. <div class='r-hex' style="margin-left:18em;">
  1153. <div class='r-hex-inner'>
  1154. <div class='r-hex-inner-2'></div>
  1155. </div>
  1156. </div>
  1157. </a>
  1158.  
  1159. <a href="/ask" title="MESSAGE">
  1160. <div class='r-hex' style="margin-left:8em;">
  1161. <div class='r-hex-inner'>
  1162. <div class='r-hex-inner-3'></div>
  1163. </div>
  1164. </div>
  1165. </a>
  1166.  
  1167. <div title="MORE LINKS" class='r-hex permukaannya' style="margin-left:18em;">
  1168. <div class='r-hex-inner'>
  1169. <div class='r-hex-inner-4'></div>
  1170. </div>
  1171. </div>
  1172.  
  1173. </div>
  1174. </div>
  1175.  
  1176.  
  1177. <main class="article_position">
  1178. {block:Posts}
  1179. <article class="post">
  1180.  
  1181. {block:Text}
  1182. {block:Title}
  1183. <h1>{Title}</h1>
  1184. {/block:Title}
  1185.  
  1186. {block:Date}
  1187. <div class="tanggalmainnya">
  1188. <a href="{Permalink}">{lang:Posted on DayOfWeek Month DayOfMonth Year}</a>
  1189. </div>
  1190. {block:Date}
  1191.  
  1192. <div class="body_text">
  1193. {Body}
  1194.  
  1195. {block:More}
  1196. <br><center><a class="read_more" href="{Permalink}">{lang:Keep reading} &nbsp; <i class="fa fa-angle-right"></i></a></center>
  1197. <br>{/block:More}
  1198.  
  1199. </div>
  1200.  
  1201. {/block:Text}
  1202.  
  1203. {block:Photo}
  1204.  
  1205. <a href="{Permalink}" class="kefotonya">
  1206. <span class="oi-attachment"></span>
  1207. </a>
  1208.  
  1209. {LinkOpenTag}
  1210. <meta name="{PhotoAlt}" content="{PhotoAlt}"/>
  1211. <img class="penyesuaian" style="border-left:{select:Photo Gutter}px solid {color:Article};border-right:{select:Photo Gutter}px solid {color:Article};border-top:{select:Photo Gutter}px solid {color:Article};" src="{PhotoURL-500}" width="500px" alt="{PhotoAlt}"/>
  1212. {linkCloseTag}
  1213.  
  1214. <div class="body_caption {select:Show Caption}">
  1215. {block:Caption}{Caption}{/block:Caption}
  1216. </div>
  1217.  
  1218. {/block:Photo}
  1219.  
  1220. {block:Photoset}
  1221.  
  1222. <a href="{Permalink}" class="kefotonya">
  1223. <span class="oi-attachment"></span>
  1224. </a>
  1225.  
  1226. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}" style="border-left:{select:Photo Gutter}px solid {color:Article};border-right:{select:Photo Gutter}px solid {color:Article};border-top:{select:Photo Gutter}px solid {color:Article};">
  1227. {block:Photos}
  1228. <div class="photo-data">
  1229. <div class="pxu-photo">
  1230. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1231. </div>
  1232. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1233. </div>
  1234. {/block:Photos}
  1235. </div>
  1236.  
  1237. {block:Caption}
  1238. <div class="body_caption {select:Show Caption}">
  1239. {Caption}
  1240. </div>
  1241. {/block:Caption}
  1242. {/block:Photoset}
  1243.  
  1244. {block:Quote}
  1245. {block:Date}
  1246. <div class="tanggalmainnya">
  1247. {lang:Posted on DayOfWeek Month DayOfMonth Year} </a>
  1248. </div>
  1249. {block:Date}
  1250. <div class="kutipan">
  1251. {Quote}
  1252. </div>
  1253. {block:Source}
  1254.  
  1255. <div class="source"> — {Source} </div>
  1256. {/block:Source}
  1257. {/block:Quote}
  1258.  
  1259. {block:Link}
  1260. <h1>
  1261. <a href="{URL}" {Target}>{Name}</a>
  1262. </h1>
  1263.  
  1264. {block:Date}
  1265. <div class="tanggalmainnya">
  1266. <a href="{Permalink}"> {lang:Posted on DayOfWeek Month DayOfMonth Year} </a>
  1267. </div>
  1268. {block:Date}
  1269.  
  1270. {block:Description}
  1271. <div class="body_text {select:Show Caption}">
  1272. {Description}
  1273. </div>
  1274. {/block:Description}
  1275.  
  1276. {/block:Link}
  1277.  
  1278. {block:Chat}
  1279. {block:Date}
  1280. <div class="tanggalmainnya">
  1281. {lang:Posted on DayOfWeek Month DayOfMonth Year} </a>
  1282. </div>
  1283. {block:Date}
  1284.  
  1285. {block:Title}
  1286. <div class="si">{Title}</div>
  1287. {/block:Title}
  1288. <div class="chats">
  1289. {block:Lines}
  1290. <div class="chat {Alt}">{block:Label}<i>{Label}</i>{/block:Label} {Line}</div>
  1291. {/block:Lines}
  1292. </div>
  1293. {/block:Chat}
  1294.  
  1295. {block:Audio}
  1296. <div id="audio">{AudioPlayerWhite} </div>
  1297. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1298. <div class="audioplayer">
  1299. <div class="artist"> {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}</div> <br /> <div class="track"><b>Track:</b> {block:TrackName} "{TrackName}" {/block:TrackName}</div> <br /> <b> <div class="play">Plays: </b> {PlayCountWithLabel} </div> </div>
  1300.  
  1301. {block:Date}
  1302. <div class="tanggalmainnya">
  1303. {lang:Posted on DayOfWeek Month DayOfMonth Year} </a>
  1304. </div>
  1305. {block:Date}
  1306.  
  1307. <div class="body_text {select:Show Caption}">
  1308. {block:Caption}{Caption}{/block:Caption}
  1309. </div>
  1310.  
  1311. {/block:Audio}
  1312.  
  1313. {block:Video}
  1314. <div class="videonya">{Video-500}</div>
  1315.  
  1316. <div class="tanggalmainnya">
  1317. {lang:Posted on DayOfWeek Month DayOfMonth Year}</a>
  1318. </div>
  1319.  
  1320. <div class="body_text {select:Show Caption}">
  1321. {block:Caption}{Caption}{/block:Caption}
  1322. </div>
  1323.  
  1324. {/block:Video}
  1325.  
  1326. {block:Answer}
  1327.  
  1328. <div class="ask">
  1329. {Question}
  1330. </div>
  1331.  
  1332. <div class="asker">
  1333. <div style="position:absolute;margin-top:-34px;margin-left:5px;color:{color:Ask Background};font-size:35px;">▼</div>
  1334. <img src="{AskerPortraitURL-30}">
  1335.  
  1336. <div style="text-transform:uppercase;position:absolute;margin-left:30px;margin-top:-30px;">{Asker}</div>
  1337. </div>
  1338.  
  1339. {block:Date}
  1340. <div class="tanggalmainnya">
  1341. {lang:Posted on DayOfWeek Month DayOfMonth Year}</a>
  1342. </div>
  1343. {block:Date}
  1344.  
  1345. <div class="body_text">
  1346. {Answer}
  1347. </div>
  1348. {/block:Answer}
  1349.  
  1350.  
  1351. <div class="post_tags">
  1352.  
  1353. <div class="tags_inner">
  1354. {block:HasTags}
  1355. <span class="oi-tags"></span>
  1356. {block:Tags} <a href="{TagURL}">{Tag}</a> {/block:Tags}
  1357. {/block:HasTags}
  1358. </div>
  1359.  
  1360. <div class="suka_dan_reblog">
  1361. <div class="sukanya">
  1362. {LikeButton size="15"}
  1363. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  1364. </div>
  1365.  
  1366. <div class="reblognya">
  1367. <a href="{ReblogURL}">
  1368. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  1369. </a>
  1370. </div>
  1371.  
  1372. </div>
  1373.  
  1374.  
  1375. </div>
  1376.  
  1377. </article>
  1378.  
  1379.  
  1380. {block:PermalinkPage}
  1381. {block:Date}
  1382. <div id="perma_p">
  1383. <h1 style="text-align:center;padding-top:20px;margin-bottom:30px;">{DayOfMonthWithZero} {Month} {Year}</h1>
  1384. {block:RebloggedFrom}
  1385. <div class="date_and_more">
  1386. <table class="keterangan_konten">
  1387. <tr>
  1388. <th><img src="{ReblogParentPortraitURL-40}"></img><span><a href="{ReblogParentURL}">{ReblogParentName}</a><p>REBLOGGED FROM</p></span></th>
  1389. <th><img src="{ReblogRootPortraitURL-40}"></img><span><a href="{ReblogRootURL}">{ReblogRootName}</a><p>ORIGINALLY BY</p></span></th>
  1390. </tr>
  1391. </table>
  1392. </div>
  1393. {/block:RebloggedFrom}
  1394.  
  1395. {block:PostNotes}
  1396. {PostNotes}
  1397. {/block:PostNotes}
  1398. </div>
  1399. {/block:Date}
  1400. {/block:PermalinkPage}
  1401.  
  1402.  
  1403. {/block:Posts}
  1404.  
  1405.  
  1406. <footer>
  1407.  
  1408. {block:Pagination}
  1409. <div class="pagination">
  1410. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  1411. {block:NextPage}<a href="{NextPage}" class="next">Next page</a>{/block:NextPage}
  1412. </div>
  1413. {/block:Pagination}
  1414.  
  1415. <a class="load_more">LOAD MORE <i class="oi-chevron-up"></i></a>
  1416.  
  1417. <span> <img src="https://static.tumblr.com/5ojoydj/qtio0kwkm/fukuo-cr.svg"> THEME BY <a href="https://fukuo.tumblr.com/">FUKUO</a></span>
  1418.  
  1419. </footer>
  1420.  
  1421. </main>
  1422.  
  1423.  
  1424.  
  1425. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1426. <script src="https://static.tumblr.com/5ojoydj/p9wmmzopi/jquery.style-my-tooltips.js"></script>
  1427. <script src="https://static.tumblr.com/5ojoydj/En2mmzorm/style-my-tooltips.css"></script>
  1428. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1429. <script src="https://static.tumblr.com/5ojoydj/LNUo7f110/jquery.infinitescroll.js"></script>
  1430. <script>
  1431. $(document).ready(function(){
  1432. var $container = $('.article_position');
  1433. $container.infinitescroll({
  1434. navSelector : ".pagination",
  1435. nextSelector : ".pagination a.next",
  1436. itemSelector : ".post",
  1437. animate : false,
  1438. loading: {
  1439. finishedMsg: '',
  1440. img: 'https://static.tumblr.com/5ojoydj/tA6o0hca3/252.gif'
  1441. },
  1442. errorCallback: function () { $('footer').fadeOut(); }
  1443. },
  1444. function(newElements) {
  1445. var $newElems = $(newElements);
  1446. $newElems.find('.photo-slideshow').pxuPhotoset({
  1447. lightbox: true,
  1448. rounded: false,
  1449. gutter: '3px',
  1450. borderRadius: '0px',
  1451. photoset: '.photo-slideshow',
  1452. photoWrap: '.photo-data',
  1453. photo: '.pxu-photo'
  1454. });
  1455.  
  1456.  
  1457. var $newElemsIDs = $newElems.map(function(){
  1458. return this.id;
  1459. }).get();
  1460. console.log($newElems, $newElemsIDs);
  1461. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1462.  
  1463. $newElems.find("p").remove(":contains('Source:'),:contains('via ')"); // remove
  1464.  
  1465. var $tumblravatar;
  1466. $newElems.find(".body_text a.tumblr_blog, .body_caption a.tumblr_blog").each(function(){
  1467. $tumblravatar = $(this).html();
  1468. $(this).prepend("<img src='https://api.tumblr.com/v2/blog/" + $tumblravatar + ".tumblr.com/avatar/30'/>");
  1469. });
  1470.  
  1471. $newElems.find('.tumblr_blog img').error(function(){
  1472. $(this).attr('src', 'https://static.tumblr.com/5ojoydj/xhUo9d5fl/fukuo-error.png');
  1473. });
  1474.  
  1475.  
  1476. }); //ends infinitescroll
  1477.  
  1478. $(window).unbind('.infscr');
  1479. $('.load_more').click(function(){
  1480. $('footer').fadeOut(200).delay(1700).fadeIn(500);
  1481. $container.infinitescroll('retrieve');
  1482. return false
  1483. }); // ends load more
  1484.  
  1485.  
  1486. $("[title]").style_my_tooltips({
  1487. tip_follows_cursor:true,
  1488. tip_delay_time:90,
  1489. tip_fade_speed:200,
  1490. attribute:"title"
  1491. });
  1492.  
  1493.  
  1494. $('.photo-slideshow').pxuPhotoset({
  1495. lightbox: true,
  1496. rounded: false,
  1497. gutter: '3px',
  1498. borderRadius: '0px',
  1499. photoset: '.photo-slideshow',
  1500. photoWrap: '.photo-data',
  1501. photo: '.pxu-photo'
  1502. }); // ends photoset
  1503.  
  1504. var $tumblravatar;
  1505. $(".body_text a.tumblr_blog, .body_caption a.tumblr_blog").each(function(){
  1506. $tumblravatar = $(this).html();
  1507. $(this).prepend("<img src='https://api.tumblr.com/v2/blog/" + $tumblravatar + ".tumblr.com/avatar/30'/>");
  1508. }); // ends avatar blog
  1509.  
  1510. $('.tumblr_blog img').error(function(){
  1511. $(this).attr('src', 'https://static.tumblr.com/5ojoydj/xhUo9d5fl/fukuo-error.png');
  1512. }); // ends fallback of avatar blog
  1513.  
  1514. $('.permukaannya, .ditutup').click(function() {
  1515. $('.munculnyadia').fadeToggle(200);
  1516. $('body').toggleClass('kokgakada');
  1517. $('.left_side, .deskripsi_asli, .article_position').toggleClass('diblurkan_p');
  1518. }); // ends of click more button
  1519.  
  1520. $('iframe.tumblr_audio_player').load( function() {
  1521. $('iframe.tumblr_audio_player').contents().find("head")
  1522. .append($("<style type='text/css'> .audio-player{background:transparent!important} </style>"));
  1523. });
  1524.  
  1525. $("p").remove(":contains('Source:'),:contains('via ')"); // remove
  1526.  
  1527. });
  1528.  
  1529. </script>
  1530.  
  1531.  
  1532.  
  1533.  
  1534. </body>
  1535. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!