API tools faq
paste
Advertisement
irwie

prey

irwie
Nov 1st, 2015
1,118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.63 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="initial-scale=1">
  6.  
  7. <!--
  8.  
  9. theme » prey
  10. @satoir.tumblr.com
  11.  
  12. -->
  13.  
  14. <meta name="image:popup" content="" />
  15.  
  16. <meta name="color:background" content="#ffffff" />
  17. <meta name="color:text" content="#555555" />
  18. <meta name="color:bold" content="#000000" />
  19. <meta name="color:links" content="#a0a0a0" />
  20. <meta name="color:links hover" content="#dddddd" />
  21. <meta name="color:borders" content="#eeeeee" />
  22. <meta name="color:selected text" content="#ffffff" />
  23. <meta name="color:selected text highlight" content="#000000" />
  24. <meta name="color:scrollbar" content="#555555" />
  25. <meta name="color:blockquote" content="#bbbbbb" />
  26.  
  27. <meta name="select:font" content="Lato" title="lato" />
  28. <meta name="select:font" content="Noto Sans" title="noto sans" />
  29. <meta name="select:font" content="Open Sans" title="open sans" />
  30. <meta name="select:font" content="PT Sans" title="pt sans" />
  31. <meta name="select:font" content="Roboto" title="roboto" />
  32. <meta name="select:font size" content="9px" title="9px" />
  33. <meta name="select:font size" content="10px" title="10px" />
  34. <meta name="select:font size" content="11px" title="11px" />
  35. <meta name="select:font size" content="12px" title="12px" />
  36. <meta name="select:line height" content="150%" title="150%" />
  37. <meta name="select:line height" content="160%" title="160%" />
  38. <meta name="select:line height" content="170%" title="170%" />
  39. <meta name="select:post width" content="250" title="250px" />
  40. <meta name="select:post width" content="300" title="300px" />
  41. <meta name="select:post width" content="350" title="350px" />
  42. <meta name="select:post width" content="400" title="400px" />
  43. <meta name="select:post width" content="450" title="450px" />
  44. <meta name="select:post width" content="500" title="500px" />
  45. <meta name="select:post width" content="540" title="540px" />
  46. <meta name="select:popup width" content="250" title="450px" />
  47. <meta name="select:popup width" content="300" title="500px" />
  48. <meta name="select:popup width" content="350" title="550px" />
  49. <meta name="select:popup width" content="400" title="600px" />
  50. <meta name="select:photoset gutter" content="1px" title="1px" />
  51. <meta name="select:photoset gutter" content="2px" title="2px" />
  52. <meta name="select:photoset gutter" content="3px" title="3px" />
  53. <meta name="select:photoset gutter" content="4px" title="4px" />
  54. <meta name="select:photoset gutter" content="5px" title="5px" />
  55. <meta name="select:photoset gutter" content="6px" title="6px" />
  56. <meta name="select:photoset gutter" content="7px" title="7px" />
  57. <meta name="select:photoset gutter" content="8px" title="8px" />
  58. <meta name="select:photoset gutter" content="9px" title="9px" />
  59. <meta name="select:photoset gutter" content="10px" title="10px" />
  60. <meta name="select:captions" content="" title="normal" />
  61. <meta name="select:captions" content="hover" title="hover" />
  62. <meta name="select:captions" content="hidden" title="hidden" />
  63.  
  64. <meta name="if:popup" content="1" />
  65. <meta name="if:infinite scroll" content="0" />
  66. <meta name="if:link underline" content="0" />
  67.  
  68. <meta name="text:link one" content="one" />
  69. <meta name="text:link one url" content="" />
  70. <meta name="text:link two" content="two" />
  71. <meta name="text:link two url" content="" />
  72. <meta name="text:link three" content="three" />
  73. <meta name="text:link three url" content="" />
  74.  
  75. <title>{Title}</title>
  76. <link rel="shortcut icon" href="{Favicon}" />
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79.  
  80. <link href='https://fonts.googleapis.com/css?family={select:font}:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  81. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel='stylesheet' type='text/css'>
  82.  
  83. <style type="text/css">
  84. body {
  85. margin:0;
  86. font-family:{select:font}, arial, sans-serif;
  87. font-size:{select:font size};
  88. line-height:{select:line height};
  89. background-color:{color:background};
  90. color:{color:text};
  91. word-wrap:break-word;
  92. }
  93.  
  94. h1 {
  95. color:{color:bold};
  96. font-weight:normal;
  97. margin-top:0;
  98. }
  99.  
  100. h2 {
  101. color:{color:bold};
  102. font-weight:normal;
  103. font-size:110%;
  104. }
  105.  
  106. small, big {
  107. font-size:100%;
  108. }
  109.  
  110. img {
  111. border:0;
  112. max-width:100%;
  113. }
  114.  
  115. b, strong {
  116. color:{color:bold};
  117. }
  118.  
  119. ul, ol {
  120. margin-left:-15px;
  121. }
  122.  
  123. a {
  124. cursor:help;
  125. text-decoration:none;
  126. color:{color:links};
  127. -webkit-transition:all 0.4s ease;
  128. -moz-transition:all 0.4s ease;
  129. -o-transition:all 0.4s ease;
  130. transition:all 0.4s ease;
  131. }
  132.  
  133. {block:iflinkunderline}.body a{block:ifpopup}, #desc a{/block:ifpopup} {
  134. padding-bottom:1px;
  135. border-bottom:1px solid {color:borders};
  136. }
  137.  
  138. .body a:hover{block:ifpopup}, #desc a:hover{/block:ifpopup} {
  139. border-bottom-color:{color:links hover};
  140. }{/block:iflinkunderline}
  141.  
  142. a:hover {
  143. color:{color:links hover};
  144. -webkit-transition:all 0.4s ease;
  145. -moz-transition:all 0.4s ease;
  146. -o-transition:all 0.4s ease;
  147. transition:all 0.4s ease;
  148. }
  149.  
  150. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  151. position:fixed!important;
  152. top:15px!important;
  153. right:15px!important;
  154. -webkit-filter:invert(100%)!important;
  155. filter:invert(100%)!important;
  156. }
  157.  
  158. .vignette {
  159. background:{color:background}!important;
  160. opacity:0.8;
  161. }
  162.  
  163. .tmblr-lightbox {
  164. background:none!important;
  165. }
  166.  
  167. .tmblr-lightbox img {
  168. box-shadow:none!important;
  169. border-radius:0!important;
  170. }
  171.  
  172. /*select*/
  173.  
  174. ::selection {
  175. color:{color:selected text};
  176. background:{color:selected text highlight};
  177. }
  178.  
  179. ::-moz-selection {
  180. color:{color:selected text};
  181. background:{color:selected text highlight};
  182. }
  183.  
  184. /* scrollbar */
  185.  
  186. ::-webkit-scrollbar-thumb {
  187. border:5px solid transparent;
  188. border-top-width:13px;
  189. border-bottom-width:13px;
  190. border-right-width:10px;
  191. border-left-width:2px;
  192. background-clip:padding-box;
  193. background-color:{color:scrollbar};
  194. }
  195.  
  196. ::-webkit-scrollbar {
  197. width:11px;
  198. height:1px;
  199. }
  200.  
  201. /* tooltips */
  202.  
  203. .ui-tooltip {
  204. position:absolute;
  205. background-color:{color:background};
  206. color:{color:text};
  207. max-width:300px;
  208. z-index:999999;
  209. }
  210.  
  211. .ui-tooltip-content {
  212. font-size:80%;
  213. text-transform:uppercase;
  214. letter-spacing:1px;
  215. padding:4px 8px;
  216. }
  217.  
  218. .ui-helper-hidden-accessible {
  219. display:none;
  220. }
  221.  
  222. /* header */
  223.  
  224. header {
  225. width:calc({select:post width}px + 200px);
  226. margin:80px auto -2px;
  227. position:relative;
  228. }
  229.  
  230. nav {
  231. text-transform:uppercase;
  232. letter-spacing:1px;
  233. font-size:80%;
  234. padding:20px 10px;
  235. width:calc(100% - 20px);
  236. background:{color:background};
  237. z-index:2;
  238. border-bottom:1px solid {color:borders};
  239. }
  240.  
  241. nav a {
  242. margin-right:8px;
  243. }
  244.  
  245. {block:ifpopup}/* ppopup */
  246.  
  247. #pop {
  248. position:fixed;
  249. top:0;
  250. left:0;
  251. height:100%;
  252. width:100%;
  253. background:{color:background};
  254. z-index:5;
  255. display:none;
  256. }
  257.  
  258. #about {
  259. width:calc({select:popup width}px + 200px);
  260. margin:0 auto 80px;
  261. position:relative;
  262. top:50%;
  263. -webkit-transform:translateY(-50%);
  264. -moz-transform:translateY(-50%);
  265. -ms-transform:translateY(-50%);
  266. transform:translateY(-50%);
  267. }
  268.  
  269. #left {
  270. width:190px;
  271. display:inline-block;
  272. vertical-align:top;
  273. }
  274.  
  275. #popimg {
  276. height:100px;
  277. width:100px;
  278. border-radius:100%;
  279. background-image:url("{image:popup}");
  280. background-position:center center;
  281. background-size:cover;
  282. margin:0 auto 6px;
  283. }
  284.  
  285. #desc {
  286. padding-right:4px;
  287. margin-bottom:4px;
  288. }
  289.  
  290. #desc p:first-child {
  291. margin-top:0;
  292. }
  293.  
  294. #desc p:last-child {
  295. margin-bottom:0;
  296. }
  297.  
  298. ul#links {
  299. margin-left:0;
  300. margin-top:0;
  301. padding:0;
  302. }
  303.  
  304. ul#links li {
  305. padding:1px 0;
  306. width:calc(50% - 2px);
  307. display:inline-block;
  308. }
  309.  
  310. ul#links .ion-ios-arrow-right {
  311. padding-right:5px;
  312. color:{color:links};
  313. -webkit-transition:all 0.15s ease-out;
  314. -moz-transition:all 0.15s ease-out;
  315. -o-transition:all 0.15s ease-out;
  316. transition:all 0.15s ease-out;
  317. }
  318.  
  319. ul#links a:hover .ion-ios-arrow-right {
  320. padding-right:10px;
  321. color:{color:links hover};
  322. -webkit-transition:all 0.2s ease-out;
  323. -moz-transition:all 0.2s ease-out;
  324. -o-transition:all 0.2s ease-out;
  325. transition:all 0.2s ease-out;
  326. }
  327.  
  328. #right {
  329. width:{select:popup width}px;
  330. position:relative;
  331. display:inline-block;
  332. margin-left:4px;
  333. border:1px solid {color:borders};
  334. vertical-align:top;
  335. }
  336.  
  337. #right td {
  338. padding:4px 9px 6px 9px;
  339. border-bottom:1px solid {color:borders};
  340. }
  341.  
  342. #right tr:last-child td {
  343. border-bottom:0;
  344. }
  345.  
  346. #right td:first-child {
  347. font-weight:bold;
  348. width:85px;
  349. border-right:1px solid {color:borders};
  350. }
  351.  
  352. #right td:last-child {
  353. width:calc({select:popup width}px - 85px);
  354. }{/block:ifpopup}
  355.  
  356. /* posts */
  357.  
  358. @-webkit-keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  359. @-moz-keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  360. @-o-keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  361. @keyframes fade{0%{opacity:0}30%{opacity:0}100%{opacity:1}}
  362.  
  363. #posts {
  364. width:calc({select:post width}px + 200px);
  365. margin:0 auto 80px;
  366. position:relative;
  367. }
  368.  
  369. table#posts tr {
  370. -webkit-animation:fade 1.5;
  371. -moz-animation:fade 1.5s;
  372. -o-animation:fade 1.5s;
  373. animation:fade 1.5s;
  374. }
  375.  
  376. table#posts td {
  377. border-bottom:1px solid {color:borders};
  378. padding:13px 0;
  379. position:relative;
  380. }
  381.  
  382. article {
  383. width:{select:post width}px;
  384. padding-left:10px;
  385. }
  386.  
  387. blockquote {
  388. border-left:1px solid {color:blockquote};
  389. margin:5px 5px 5px 10px;
  390. padding:0 0 0 20px;
  391. }
  392.  
  393. .body {
  394. text-align:justify;
  395. }
  396.  
  397. .body p:first-child {
  398. margin-top:5px;
  399. }
  400.  
  401. .body p:last-child {
  402. margin-bottom:5px;
  403. }
  404.  
  405. {block:IndexPage}.hover {
  406. position:absolute;
  407. top:13px;
  408. left:15px;
  409. max-width:calc(100% - 40px);
  410. max-height:calc(100% - 50px);
  411. margin-top:0;
  412. padding:5px 10px;
  413. overflow-y:scroll;
  414. border-radius:2px;
  415. background:{color:background};
  416. opacity:0;
  417. -webkit-transition:all 0.3s ease;
  418. -moz-transition:all 0.3s ease;
  419. -o-transition:all 0.3s ease;
  420. transition:all 0.3s ease;
  421. }
  422.  
  423. article:hover .hover {
  424. margin-top:5px;
  425. opacity:1;
  426. -webkit-transition:all 0.3s ease;
  427. -moz-transition:all 0.3s ease;
  428. -o-transition:all 0.3s ease;
  429. transition:all 0.3s ease;
  430. }
  431.  
  432. .hidden {
  433. display:none;
  434. }{/block:IndexPage}
  435.  
  436. .photo, iframe {
  437. max-width:{select:post width}px!important;
  438. }
  439.  
  440. .vid {
  441. height:0;
  442. padding-top:25px;
  443. padding-bottom:67%;
  444. margin-bottom:10px;
  445. position:relative;
  446. overflow:hidden;
  447. }
  448.  
  449. .vid iframe, .vid video {
  450. top:0;
  451. left:0;
  452. width:100%;
  453. height:100%;
  454. position:absolute;
  455. }
  456.  
  457. .photo-slideshow {
  458. border-spacing:0;
  459. margin-bottom:8px;
  460. }
  461.  
  462. /* quote */
  463.  
  464. .quote {
  465. border:1px solid {color:borders};
  466. padding:10px 14px;
  467. margin-right:10px;
  468. font-size:110%;
  469. font-style:italic;
  470. letter-spacing:0.04em;
  471. }
  472.  
  473. .source {
  474. text-align:right;
  475. font-size:80%;
  476. letter-spacing:1px;
  477. text-transform:uppercase;
  478. margin-right:10px;
  479. margin-top:4px;
  480. }
  481.  
  482. /* link */
  483.  
  484. a.linkp .ion-ios-arrow-right {
  485. padding-right:4px;
  486. -webkit-transition:all 0.25s ease-out;
  487. -moz-transition:all 0.25s ease-out;
  488. -o-transition:all 0.25s ease-out;
  489. transition:all 0.25s ease-out;
  490. }
  491.  
  492. .linkp:hover .ion-ios-arrow-right {
  493. padding-right:13px;
  494. -webkit-transition:all 0.2s ease-out;
  495. -moz-transition:all 0.2s ease-out;
  496. -o-transition:all 0.2s ease-out;
  497. transition:all 0.2s ease-out;
  498. }
  499.  
  500. /* chat */
  501.  
  502. ul.chat {
  503. margin:0 10px 0 0;
  504. padding:0;
  505. list-style-type:none;
  506. text-transform:uppercase;
  507. font-size:80%;
  508. letter-spacing:1px;
  509. }
  510.  
  511. ul.chat li {
  512. border-bottom:1px solid #eee;
  513. padding:5px 8px;
  514. }
  515.  
  516. ul.chat li:first-child {
  517. padding-top:0;
  518. }
  519.  
  520. ul.chat li:last-child {
  521. border-bottom:none;
  522. padding-bottom:0;
  523. }
  524.  
  525. ul.chat li span {
  526. font-weight:bold;
  527. }
  528.  
  529. /* audio */
  530.  
  531. .acon {
  532. border:1px solid {color:borders};
  533. margin-right:10px;
  534. }
  535.  
  536. .aplay {
  537. width:28px;
  538. margin-top:3px;
  539. overflow:hidden;
  540. }
  541.  
  542. .aplayer {
  543. width:28px;
  544. padding:6px 10px;
  545. border-right:1px solid {color:borders};
  546. display:inline-block;
  547. }
  548.  
  549. .ainf {
  550. display:inline-block;
  551. vertical-align:top;
  552. height:46px;
  553. line-height:46px;
  554. margin-left:14px;
  555. }
  556.  
  557. /* answer */
  558.  
  559. .question {
  560. font-style:italic;
  561. border:1px solid {color:borders};
  562. padding:10px 14px;
  563. margin-right:10px;
  564. }
  565.  
  566. /* post info */
  567.  
  568. td.info {
  569. width:190px;
  570. background:none;
  571. {block:IndexPage}font-size:82%;
  572. text-transform:uppercase;
  573. letter-spacing:1px;
  574. text-align:center;{/block:IndexPage}
  575. {block:PermalinkPage}vertical-align:top;{/block:PermalinkPage}
  576. border-right:1px solid {color:borders};
  577. }
  578.  
  579. {block:IndexPage}td.info a:first-child {
  580. font-weight:normal;
  581. color:{color:bold};
  582. font-size:480%;
  583. margin-bottom:12px;
  584. display:inline-block;
  585. padding-top:10px;
  586. }
  587.  
  588. td.info a {
  589. color:{color:bold};
  590. }{/block:IndexPage}
  591.  
  592. @-webkit-keyframes pulse{0%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}40%{-webkit-transform:scale(1.7);-ms-transform:scale(1.7);transform:scale(1.7)}100%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}}
  593. @-moz-keyframes pulse{0%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}40%{-webkit-transform:scale(1.7);-ms-transform:scale(1.7);transform:scale(1.7)}100%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}}
  594. @-o-keyframes pulse{0%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}40%{-webkit-transform:scale(1.7);-ms-transform:scale(1.7);transform:scale(1.7)}100%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}}
  595. @keyframes pulse{0%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}40%{-webkit-transform:scale(1.7);-ms-transform:scale(1.7);transform:scale(1.7)}100%{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}}
  596.  
  597. .infos {
  598. display:inline-block;
  599. position:absolute;
  600. top:0;
  601. left:0;
  602. height:100%;
  603. width:100%;
  604. z-index:-1;
  605. }
  606.  
  607. .infos:before {
  608. content:"";
  609. position:absolute;
  610. top:calc(50% - 24px);
  611. left:calc(50% - 24px);
  612. width:40px;
  613. height:40px;
  614. border:4px double {color:borders};
  615. border-radius:100%;
  616. opacity:0;
  617. -webkit-animation:pulse 1.7s infinite;
  618. -moz-animation:pulse 1.7s infinite;
  619. -o-animation:pulse 1.7s infinite;
  620. animation:pulse 1.7s infinite;
  621. }
  622.  
  623. .infosh {
  624. display:inline-block;
  625. z-index:1;
  626. }
  627.  
  628. .infosh:hover .infos:before {
  629. opacity:1;
  630. }
  631.  
  632. .infob {
  633. position:absolute;
  634. bottom:0;
  635. width:100%;
  636. text-align:center;
  637. margin-bottom:-8px;
  638. font-style:italic;
  639. opacity:0;
  640. transition:all 0.3s ease;
  641. }
  642.  
  643. .infob a {
  644. background:{color:background};
  645. margin-left:-10px;
  646. padding:0 5px;
  647. }
  648.  
  649. article:hover .infob, article:hover .infob a {
  650. opacity:1;
  651. margin-left:0;
  652. transition:all 0.3s ease;
  653. }
  654.  
  655. .infop {
  656. position:relative;
  657. padding-bottom:8px;
  658. margin-bottom:6px;
  659. font-weight:bold;
  660. }
  661.  
  662. .infop:after {
  663. content:"";
  664. position:absolute;
  665. height:1px;
  666. width:50px;
  667. background:{color:borders};
  668. left:0;
  669. bottom:0;
  670. }
  671.  
  672. /* pagination */
  673.  
  674. #pagination {
  675. width:calc({select:post width}px + 175px);
  676. margin:0 auto;
  677. position:relative;
  678. text-transform:uppercase;
  679. font-size:85%;
  680. letter-spacing:1px;
  681. margin:-70px auto 80px;
  682. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}
  683. }
  684.  
  685. #pagination > div {
  686. width:calc({select:post width}px - 10px);
  687. position:absolute;
  688. right:0;
  689. top:0;
  690. }
  691.  
  692. {block:ifinfinitescroll}#infscr-loading {
  693. display:none!important;
  694. }{/block:ifinfinitescroll}
  695.  
  696. #next {
  697. float:right;
  698. }
  699.  
  700. /* post notes */
  701.  
  702. ol.notes {
  703. padding:0;
  704. margin:15px auto 0;
  705. list-style-type:none;
  706. width:calc({select:post width}px - 10px);
  707. border-top:1px solid {color:borders};
  708. display:none;
  709. }
  710.  
  711. ol.notes li.note:first-child {
  712. padding-top:15px;
  713. }
  714.  
  715. ol.notes li.note {
  716. padding:8px 15px;
  717. }
  718.  
  719. ol.notes li.note img.avatar {
  720. vertical-align:-5px;
  721. margin-right:10px;
  722. width:16px;
  723. height:16px;
  724. }
  725.  
  726. ol.notes li.note blockquote {
  727. border-color:{color:blockquote};
  728. padding:4px 10px;
  729. margin:10px 0px 0px 25px;
  730. }
  731.  
  732. #snotes, a.more_notes_link, .notes_loading {
  733. font-size:80%;
  734. text-transform:uppercase;
  735. letter-spacing:1px;
  736. }
  737.  
  738. #snotesc {
  739. width:100px;
  740. height:20px;
  741. }
  742.  
  743. #c {
  744. position:fixed;
  745. right:15px;
  746. bottom:15px;
  747. z-index:99;
  748. }
  749.  
  750. {CustomCSS}
  751. </style>
  752. </head>
  753. <body>
  754. <a id="c" href="http://satoir.tumblr.com">S</a>
  755. <header><nav><a href="/">refresh</a> <a href="/ask">message</a> {block:ifnotpopup}{block:iflinkone}<a href="{text:link one url}">{text:link one}</a>{/block:iflinkone} {block:iflinktwo}<a href="{text:link twi url}">{text:link two}</a>{/block:iflinktwo} {block:iflinkthree}<a href="{text:link three url}">{text:link three}</a>{/block:iflinkthree}{/block:ifnotpopup} <a href="/archive">archive</a> {block:ifpopup}<a id="more">more</a>{/block:ifpopup}</nav></header>
  756. <!-- popup -->
  757. {block:ifpopup}<div id="pop"><div id="about">
  758. <div id="left">{block:ifpopupimage}<div id="popimg"></div>{/block:ifpopupimage}<div id="desc">{Description}</div>
  759. <ul id="links">
  760. {block:iflinkone}<li><a href="{text:link one url}"><i class="ion-ios-arrow-right"></i> {text:link one}</a></li>{/block:iflinkone}
  761. {block:iflinktwo}<li><a href="{text:link two url}"><i class="ion-ios-arrow-right"></i> {text:link two}</a></li>{/block:iflinktwo}
  762. {block:iflinkthree}<li><a href="{text:link three url}"><i class="ion-ios-arrow-right"></i> {text:link three}</a></li>{/block:iflinkthree}
  763. <!-- add links by following this format:
  764. <li><a href="url"><i class="ion-ios-arrow-right"></i> name</a></li>
  765. <li><a href="url"><i class="ion-ios-arrow-right"></i> name</a></li> -->
  766. </ul>
  767. </div>
  768.  
  769. <!-- edit statistics here -->
  770. <table id="right">
  771. <tr>
  772. <td>Name</td>
  773. <td>Here</td>
  774. </tr>
  775. <tr>
  776. <td>Age</td>
  777. <td>Here</td>
  778. </tr>
  779. <tr>
  780. <td>Country</td>
  781. <td>Here</td>
  782. </tr>
  783. <tr>
  784. <td>Star sign</td>
  785. <td>Here</td>
  786. </tr>
  787. <tr>
  788. <td>Listening</td>
  789. <td>Here</td>
  790. </tr>
  791. <tr>
  792. <td>Watching</td>
  793. <td>Here</td>
  794. </tr>
  795. </table>
  796. </div></div>{/block:ifpopup}
  797. <table id="posts">
  798. {block:Posts}
  799. <tr><td class="info">{block:Date}{block:IndexPage}<div class="infosh"><a href="{Permalink}">{DayofMonthWithZero}</a><br /><a href="{Permalink}">{Month}</a><div class="infos"></div></div>{/block:IndexPage}{block:PermalinkPage}<div class="infop">{Month} {DayofMonth} @{24Hour}:{Minutes}</div>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a><br />src: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a><br />{/block:RebloggedFrom}{block:HasTags}Indexed: {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}<br />{/block:HasTags}{block:NoteCount}<div id="snotesc"><a id="snotes">show {NoteCountWithLabel}</a></div>{/block:NoteCount}{/block:PermalinkPage}{/block:Date}</td>
  800. <td>
  801. <article>
  802. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Body}<div class="body">{Body}</div>{/block:Body}{/block:Text}
  803. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}" class="photo" />{LinkCloseTag}{block:Caption}<div class="body caption {select:captions}">{Caption}</div>{/block:Caption}{/block:Photo}
  804. {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" /></div></a></div>{/block:Photos}</div>{block:Caption}<div class="body caption {select:captions}">{Caption}</div>{/block:Caption}{/block:Photoset}
  805. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="source">&mdash;{Source}</div>{/block:Source}{/block:Quote}
  806. {block:Link}<a href="{URL}" target="{Target}" class="linkp"><h1><i class="ion-ios-arrow-right"></i> {Name}</h1></a>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}
  807. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<ul class="chat">{block:Lines}<li>{block:Label}<span>{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
  808. {block:Audio}<div class="acon"><div class="aplayer"><div class="aplay">{AudioPlayer}</div></div><div class="ainf"><b>{block:TrackName}{TrackName}{/block:TrackName}</b> {block:Artist}by {Artist}{/block:Artist}</div></div>{block:Caption}<div class="body caption">{Caption}</div>{/block:Caption}{/block:Audio}
  809. {block:Video}<div class="vid">{Video-500}</div>{block:Caption}<div class="body caption {select:captions}">{Caption}</div>{/block:Caption}{/block:Video}
  810. {block:Answer}<div class="question">{Asker} sent: {Question}</div><div class="body">{Answer}</div>{/block:Answer}
  811. {block:Date}{block:IndexPage}<div class="infob"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:IndexPage}{/block:Date}
  812. </article>
  813. {block:PostNotes}{PostNotes-64}{/block:PostNotes}
  814. </td>
  815. </tr>
  816. {/block:Posts}
  817. {block:ContentSource}
  818. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  819. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  820. {/block:ContentSource}
  821. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  822. </table>
  823. {block:Pagination}<div id="pagination"><div>{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}</div></div>{/block:Pagination}
  824.  
  825. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  826. <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
  827. <link href="http://static.tumblr.com/eekqh2v/2cqnx60c2/style.css" rel="stylesheet" type="text/css" />
  828. <script src="http://static.tumblr.com/eekqh2v/FEgnx6056/pxuphotoset.js"></script>
  829. <script src="http://static.tumblr.com/eekqh2v/DQYnx3f62/jquery.sticky-kit.min.js"></script>
  830. {block:ifinfinitescroll}<script src="http://static.tumblr.com/eekqh2v/WIgnnbpz1/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}
  831. <script type="text/javascript">
  832. $(function(){
  833. $(document).tooltip({
  834. track:true,
  835. hide:{duration:200}
  836. });
  837. });
  838. $(document).ready(function(){
  839. $('.photo-slideshow').pxuPhotoset({
  840. 'rounded':false,
  841. 'gutter':'{select:photoset gutter}'
  842. });
  843. $("#more").on("click", function(){
  844. $("#pop").fadeIn(200, "linear", function(){
  845. $(document).on("click","#pop", function(e) {
  846. if (!$(e.target).closest("#about").length) {
  847. $("#pop").fadeOut(250, "linear");
  848. }
  849. });
  850. });
  851. });
  852. $("#snotes").on("click", function(){
  853. $("#snotesc").slideUp();
  854. $("ol.notes").slideDown();
  855. });
  856. {block:ifinfinitescroll}$("#posts").infinitescroll({
  857. navSelector:"#pagination",
  858. nextSelector:"#next",
  859. itemSelector:"#posts tr",
  860. loading:{
  861. finishedMsg:"",
  862. img:""
  863. }
  864. }, function(newElements){
  865. $(newElements).find(".photo-slideshow").pxuPhotoset({
  866. "rounded":false,
  867. "gutter":"{select:photoset gutter}"
  868. });
  869. });{/block:ifinfinitescroll}
  870. });
  871. $(window).load(function(){
  872. $("nav").stick_in_parent({parent:"html", bottoming:false});
  873. });
  874. </script>
  875. </body>
  876. </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!