API tools faq
paste
jasonmcann

Theme: Dream

jasonmcann
Sep 3rd, 2016
11,709
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #38
  6. - by cathms -
  7.  
  8. Last update: oct 17, 2016
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. To edit the profile section search for ‘edit: profile’
  14.  
  15. -->
  16.  
  17. <html>
  18. <head>
  19.  
  20. <title>{Title} {block:TagPage}— #{Tag}{/block:TagPage} {block:PostSummary}— {PostSummary}{/block:PostSummary}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  23. <meta name="description" content="" />
  24. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  25.  
  26. <meta name="image:Background" content="">
  27. <meta name="image:Icon" content="">
  28. <meta name="image:Profile" content="">
  29.  
  30. <meta name="color:Background" content="#ffffff" />
  31. <meta name="color:Text" content="#999999" />
  32. <meta name="color:Link" content="#444444" />
  33. <meta name="color:Link hover" content="#999999" />
  34. <meta name="color:Posts" content="#f8f8f8" />
  35. <meta name="color:Info" content="#444444" />
  36. <meta name="color:Bold" content="#444444" />
  37. <meta name="color:Borders" content="#eeeeee" />
  38. <meta name="color:Scrollbar" content="#444444" />
  39.  
  40. <meta name="select:Background position" content="initial" title="initial"/>
  41. <meta name="select:Background position" content="5% 5%" title="left top"/>
  42. <meta name="select:Background position" content="5% 50%" title="left center"/>
  43. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  44. <meta name="select:Background position" content="95% 5%" title="right top"/>
  45. <meta name="select:Background position" content="95% 50%" title="right center"/>
  46. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  47.  
  48. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  49. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  50.  
  51. <meta name="select:Body font" content="karla" title="Karla"/>
  52. <meta name="select:Body font" content="lato" title="Lato"/>
  53. <meta name="select:Body font" content="pt sans" title="PT sans"/>
  54. <meta name="select:Body font" content="roboto" title="Roboto"/>
  55. <meta name="select:Body font" content="georgia" title="Georgia"/>
  56. <meta name="select:Body font" content="arial" title="Arial"/>
  57. <meta name="select:Body font" content="cambria" title="Cambria"/>
  58. <meta name="select:Body font" content="calibri" title="Calibri"/>
  59. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  60.  
  61. <meta name="select:Body font size" content="09px" title="09px"/>
  62. <meta name="select:Body font size" content="10px" title="10px"/>
  63. <meta name="select:Body font size" content="11px" title="11px"/>
  64.  
  65. <meta name="select:posts width" content="500" title="500px"/>
  66. <meta name="select:posts width" content="250" title="250px"/>
  67. <meta name="select:posts width" content="300" title="300px"/>
  68. <meta name="select:posts width" content="350" title="350px"/>
  69. <meta name="select:posts width" content="400" title="400px"/>
  70. <meta name="select:posts width" content="450" title="450px"/>
  71. <meta name="select:posts width" content="540" title="540px"/>
  72.  
  73. <meta name="if:Grid Layout" content="1">
  74. <meta name="if:Automatic height" content="0">
  75. <meta name="if:Caption" content="0">
  76. <meta name="if:Infinite scroll" content="0">
  77. <meta name="if:Manual load" content="0">
  78. <meta name="if:Custom gutter" content="0">
  79.  
  80. <meta name="text:Thumbnail width" content="250" />
  81. <meta name="text:Thumbnail height" content="200" />
  82. <meta name="text:Margin" content="30" />
  83. <meta name="text:Gutter" content="4" />
  84. <meta name="text:Ask title" content="inbox" />
  85. <meta name="text:Ask link" content="/ask" />
  86. <meta name="text:About title" content="about" />
  87. <meta name="text:Link 01 URL" content="/" />
  88. <meta name="text:Link 01 title" content="link 01">
  89. <meta name="text:Link 02 URL" content="/" />
  90. <meta name="text:Link 02 title" content="link 02">
  91. <meta name="text:Link 03 URL" content="/" />
  92. <meta name="text:Link 03 title" content="link 03">
  93. <meta name="text:Link 04 URL" content="/" />
  94. <meta name="text:Link 04 title" content="link 04">
  95.  
  96. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  97.  
  98. <link href='https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Lato:400,400i,700,700i|PT+Sans:400,400i,700,700i' rel='stylesheet' type='text/css'>
  99.  
  100. <style type="text/css">
  101.  
  102. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  103. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  104. @keyframes fadeIn { from { opacity:0; } to { opacity:1;} }
  105.  
  106. .fade-in {
  107. opacity:0;
  108. -webkit-animation:fadeIn ease-in 1;
  109. -moz-animation:fadeIn ease-in 1;
  110. animation:fadeIn ease-in 1;
  111. -webkit-animation-fill-mode:forwards;
  112. -moz-animation-fill-mode:forwards;
  113. animation-fill-mode:forwards;
  114. -webkit-animation-duration:1s;
  115. -moz-animation-duration:1s; animation-duration:1s; }
  116.  
  117. .fade-in.one { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
  118.  
  119. .fade-in.two { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
  120.  
  121. body {
  122. font:{select:body font size} {select:body font}, sans-serif;
  123. margin:0;
  124. color:{color:text};
  125. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  126. background-position: {select:background position};
  127. background-repeat: {select:background repeat};
  128. line-height:150%;
  129. }
  130.  
  131. a {
  132. color:{color:link};
  133. text-decoration: none;
  134. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  135. -o-transition:all 0.6s ease-in-out;/*opera*/
  136. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  137. -ms-transition:all 0.6s ease-in-out;/*ie*/
  138. transition:all 0.6s ease-in-out;/*w3c*/}
  139.  
  140. a:hover {
  141. color:{color:link hover};}
  142.  
  143. b, strong {
  144. color:{color:bold};}
  145.  
  146. small {
  147. font-size:09px;}
  148.  
  149. ol {list-style-type:lower-roman;}
  150.  
  151. sub, sup{font-size: 10px;}
  152.  
  153. .container {
  154. overflow:hidden;
  155. margin:0 auto;
  156. padding-top:130px;
  157. width:{select:posts width}px;
  158. {block:ifGridLayout}
  159. width:calc(({text:thumbnail width}px + {text:margin}px) * 3.1);
  160. {block:PermalinkPage}
  161. width:{select:posts width}px;
  162. {/block:PermalinkPage}
  163. {/block:ifGridLayout}
  164. }
  165.  
  166. @media only screen and (max-width: 768px) {
  167. /* For mobile phones: */
  168. .container, .entries{100%}
  169. }
  170.  
  171. .entries{
  172. width:{select:posts width}px;
  173. {block:ifGridLayout}
  174. width:calc(({text:thumbnail width}px + {text:margin}px) * 3);
  175. {block:indexPage}
  176. margin-left:{text:margin}px;
  177. {/block:indexPage}
  178. {/block:ifGridLayout}
  179. {block:PermalinkPage}
  180. width:{select:posts width}px;
  181. {/block:PermalinkPage}
  182. }
  183.  
  184.  
  185. .posts {
  186. width:{select:posts width}px;
  187. overflow:hidden;
  188. word-wrap: break-word;
  189. position:relative;
  190. border-radius:3px;
  191. {block:IndexPage}
  192. margin-top:{text:margin}px;
  193. {/block:IndexPage}
  194. {block:ifGridLayout}
  195. width:{text:thumbnail width}px;
  196. {block:PermalinkPage}
  197. width:{select:posts width}px;
  198. {/block:PermalinkPage}
  199. {block:IndexPage}
  200. margin-right:{text:Margin}px;
  201. margin-bottom:{text:margin}px;
  202. margin-top:0;
  203. display:inline-block;
  204. vertical-align:top;
  205. float:left;
  206. clear:left;
  207. {/block:IndexPage}
  208. {/block:ifGridLayout}
  209.  
  210. }
  211.  
  212. {block:IndexPage}
  213. .posts:first-of-type{
  214. margin-top:0;
  215. }
  216. {/block:IndexPage}
  217.  
  218. .posts h2{
  219. font-size:18px;
  220. font-weight:bold;
  221. display:block;
  222. text-align:left;
  223. padding:0px;
  224. margin-top:10px;
  225. margin-bottom:10px;
  226. }
  227.  
  228. .posts blockquote {
  229. margin:0;
  230. display:inline;
  231. }
  232.  
  233. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  234.  
  235. .tmblr-full img {
  236. width:100%;}
  237.  
  238. .posts .images{
  239. {block:ifNotNoRescaling}
  240. width: 100%;
  241. {/block:ifNotNoRescaling}
  242. display:block;}
  243.  
  244. /* SIDEBAR */
  245. .sidebar {
  246. width: 240px;
  247. line-height:150%;
  248. margin:0 auto;
  249. margin-bottom:100px;
  250. position:relative;
  251. }
  252.  
  253. .sidebar .sidebar-image{
  254. max-width:30px;
  255. border-radius:100%;
  256. float:left;
  257. display:block;
  258. margin-right:10px;
  259. }
  260.  
  261. .sb-title{
  262. font-weight:bold;
  263. text-transform:uppercase;
  264. letter-spacing:1px;
  265. display:inline;
  266. text-align:left;
  267. margin-right:05px;
  268. }
  269.  
  270. /* DESCRIPTION */
  271. .description{
  272. text-align:center;
  273. font:{select:body font size} {select:body font}, sans-serif;
  274. }
  275.  
  276. /* NAVIGATION / LINKS */
  277. .navi{
  278. text-align:center;
  279. margin-top:10px;}
  280.  
  281. .navi a{
  282. margin-left:10px;
  283. }
  284.  
  285. .sidebar b::after{
  286. content:'';
  287. height:1px;
  288. background:{color:borders};
  289. display:inline-block;
  290. width:10px;
  291. margin-left:10px;
  292. border-bottom:02.5px solid {color:background};}
  293.  
  294. /* PAGINATION */
  295. {block:IfInfiniteScroll}
  296. .pag{
  297. display:none;
  298. }
  299. {/block:IfInfiniteScroll}
  300.  
  301. /* QUOTE POSTS */
  302. .quote {
  303. padding:0 10px 0 10px;}
  304.  
  305. .quotetext-short {
  306. font-size: 18px;}
  307.  
  308. .quotetext-medium {
  309. font-size: 14px;}
  310.  
  311. .quotetext-long {
  312. font-size: 11px;}
  313.  
  314. .quote-source {
  315. text-align:right;}
  316.  
  317. /* CHAT POSTS */
  318. .odd, .even {
  319. margin:0px;
  320. padding:10px;
  321. border-bottom:1px solid {color:borders};}
  322.  
  323. .odd:first-of-type {
  324. border-top:1px solid {color:borders};}
  325.  
  326. /* AUDIO POSTS */
  327. .tumblr_audio_player {
  328. height:20px;
  329. width:20px;
  330. z-index:9999;
  331. margin:0;
  332. padding:10px;
  333. position:absolute;
  334. float:left;
  335. background-color:white;
  336. border-radius:100%;
  337. opacity:0.6;
  338. }
  339.  
  340. .audio {
  341. width:auto;
  342. overflow:hidden;
  343. max-height:40px;
  344. position:relative;
  345. }
  346.  
  347. .au-info {
  348. position:relative;
  349. overflow:auto;
  350. padding:10px;
  351. padding-top:0;
  352. font-size:14px;
  353. font-weight:bold;
  354. height:40px;
  355. display: table-cell;
  356. vertical-align: middle;
  357. padding-left:50px;
  358. }
  359.  
  360. img.au-image{
  361. float:left;
  362. width:100px;
  363. }
  364.  
  365. /* VIDEO POSTS*/
  366. .video{
  367. overflow:hidden;
  368. width:{select:posts width}px;
  369. {block:ifGridLayout}
  370. width:{text:thumbnail width}px;
  371. {block:indexpage}{block:ifNotAutomaticHeight}
  372. height:{text:thumbnail height}px!important;
  373. overflow:hidden;{/block:ifNotAutomaticHeight}{/block:indexpage}
  374. {block:PermalinkPage}
  375. width:{select:posts width}px;
  376. {/block:PermalinkPage}
  377. {/block:ifGridLayout}
  378. }
  379.  
  380. .video .instagram-media {
  381. max-height:none!important;
  382. box-shadow:none!important;
  383. border:1px solid {color:borders}!important;
  384. max-width:calc({select:posts width}px - 3px)!important;}
  385.  
  386. /* ASK POSTS */
  387. .question{
  388. border-bottom:1px solid {color:borders};
  389. padding-top:10px;
  390. padding-bottom:10px;
  391. }
  392.  
  393. .ans{
  394. padding-top:10px;
  395. padding-bottom:10px;
  396. }
  397.  
  398. /* CAPTION */
  399. .caption{
  400. background-color:{color:posts};
  401. margin-top:10px;
  402. padding:10px;
  403. }
  404.  
  405. .caption a{
  406. }
  407.  
  408. /* INFO */
  409. .posts-info{
  410. margin-top:05px;
  411. color:{color:info};
  412. margin-bottom:1px;}
  413.  
  414. .posts-info a{
  415. color:{color:info};
  416. }
  417.  
  418. a.tag {
  419. text-decoration:none;
  420. margin-right:3px;
  421. border-bottom:1px solid {color:borders}!important;
  422. }
  423.  
  424. /* NOTES */
  425. .notes{
  426. width:{select:posts width}px;
  427. margin-top:{text:margin}px;
  428. margin-left:0px;
  429. max-height:190px;
  430. overflow:auto;
  431. margin-top:15px;}
  432.  
  433. .notes img{border-radius:100%;}
  434.  
  435. ol.notes {
  436. padding: 0px;
  437. margin: 0;
  438. list-style-type: none;}
  439.  
  440. ol.notes li.note {padding: 10px;}
  441.  
  442. ol.notes li.note img.avatar {
  443. vertical-align: -4px;
  444. float:left;
  445. margin-right: 10px;
  446. width: 16px;
  447. height: 16px;}
  448.  
  449. ol.notes li.note span.action {}
  450.  
  451. ol.notes li.note .answer_content {font-weight: normal;}
  452.  
  453. ol.notes li.note blockquote {
  454. border-color: {color:borders};
  455. padding: 4px 10px;
  456. margin: 10px 0px 0px 25px;}
  457.  
  458. /* EXTRAS */
  459. a.c{
  460. position:fixed;
  461. bottom:25px;
  462. right:25px;
  463. font:07px 'trebuchet ms';
  464. text-transform:uppercase;
  465. letter-spacing:1px;
  466. text-align:right;
  467. z-index:9999999;
  468. background-color:#fff;
  469. border:1px solid #e9e9e9;
  470. padding:05px;
  471. border-radius:100%;
  472. color:#8c8c8c;
  473. }
  474.  
  475. .vignette, #vignette {
  476. opacity:0;
  477. }
  478. .lightbox-image, #tumblr_lightbox img {
  479. box-shadow:none !important;
  480. border-radius:0 !important;
  481. max-width:none;
  482. }
  483.  
  484. .tmblr-lightbox, #tumblr_lightbox {
  485. background-color:rgba(255,255,255,.8) !important;
  486. }
  487.  
  488. #tumblr_lightbox img {
  489. border:3px solid #fff !important;
  490. -moz-box-sizing:border-box;
  491. box-sizing:border-box;
  492. }
  493.  
  494. .lightbox-image {
  495. padding:3px;
  496. background-color:rgba(255,255,255,1) !important;
  497. }
  498.  
  499. #s-m-t-tooltip{
  500. margin:24px 14px 7px 12px;
  501. letter-spacing:1px;
  502. z-index:9999999999999;
  503. line-height:10px;
  504. background-color:{color:posts};
  505. border-bottom:1px solid {color:borders};
  506. color:{color:link};
  507. text-transform:uppercase;
  508. font-size:08px;}
  509.  
  510. ::selection {
  511. background: {color:link};
  512. color: white;}
  513. ::-moz-selection {
  514. background: {color:link};
  515. color: white;}
  516. ::-webkit-selection {
  517. background: {color:link};
  518. color: white;}
  519.  
  520. /* SCROLL TO TOP */
  521. .scrollup{
  522. width:30px;
  523. height:30px;
  524. opacity:0.3;
  525. position:fixed;
  526. bottom:70px;
  527. right:22px;
  528. display:none;
  529. text-align:center;
  530. }
  531.  
  532. .scrollup:hover{cursor:pointer;}
  533.  
  534. #infscr-loading {display:none!important;}
  535.  
  536. footer {
  537. width:{select:posts width}px;
  538. {block:ifGridLayout}
  539. width:calc(({text:thumbnail width}px + {text:margin}px) * 3);
  540. {/block:ifGridLayout}
  541. margin:0 auto;
  542. margin-bottom:100px;
  543. text-align:center;
  544. }
  545.  
  546. footer a{
  547. background-color:{color:posts};
  548. }
  549.  
  550. .more, .pag{
  551. margin-top:{text:margin}px;}
  552.  
  553. .phi {
  554. width:100%;
  555. height:100%;
  556. background-repeat:no-repeat;
  557. background-position:center;
  558. -webkit-background-size: cover;
  559. -moz-background-size: cover;
  560. -o-background-size: cover;
  561. background-size: cover;
  562. overflow:hidden;
  563. }
  564.  
  565. {block:ifGridLayout}{block:indexpage}
  566. .ph{
  567. height:{text:thumbnail height}px;
  568. overflow:hidden;
  569. }
  570. {/block:indexpage}{/block:ifGridLayout}
  571.  
  572. .tumblr_parent {
  573. margin:0px;
  574. padding: 05px;
  575. display:inline-block;
  576. }
  577.  
  578. .tumblr_parent blockquote, p, pre{
  579. margin:05px;
  580. padding:0;
  581. border-left:1px solid {color:borders};
  582. padding-left:05px;
  583. }
  584.  
  585. .tumblr_parent blockquote{
  586.  
  587. }
  588.  
  589. .tumblr_parent blockquote:first-of-type, p:first-of-type, pre:first-of-type{
  590. display:inline;
  591. margin:0;
  592. border:0;
  593. padding:0;
  594.  
  595. }
  596.  
  597. .tumblr_blog{
  598. border-bottom:1px solid {color:borders};
  599. margin-right:05px;
  600. font-weight:bold;
  601. }
  602.  
  603. .tumblr_avatar {
  604. margin-right: 10px;
  605. float:left;
  606. clear:both;
  607. border-radius:100%;
  608. width:20px;
  609. height:20px;
  610. }
  611.  
  612. .posts:hover .ph-infoh{
  613. opacity:1;
  614. }
  615.  
  616. .ph-infoh{
  617. position:absolute;
  618. width:100%;
  619. height:100%;
  620. {block:ifGridLayout}
  621. height:{text:thumbnail height}px;
  622. {/block:ifGridLayout}
  623. padding:10px;
  624. box-sizing:border-box;
  625. background:rgba(255,255,255,0.9);
  626. opacity:0;
  627. z-index:9;
  628. -webkit-transition:all 0.4s ease-in-out;/*chrome-safari*/
  629. -o-transition:all 0.4s ease-in-out;/*opera*/
  630. -moz-transition:all 0.4s ease-in-out;/*mozilla firefox*/
  631. -ms-transition:all 0.4s ease-in-out;/*ie*/
  632. transition:all 0.4s ease-in-out;/*w3c*/
  633. }
  634.  
  635. .ph-info span.date{
  636. line-height:20px;
  637. height:20px;
  638. overflow:hidden;
  639. white-space: nowrap;
  640. text-overflow: ellipsis;
  641. }
  642.  
  643. .ph-info img.por{
  644. width:20px;
  645. float:left;
  646. clear:left;
  647. border-radius:100%;
  648. margin-right:05px;
  649. }
  650.  
  651. .ph-info a.time{
  652. color:{color:text};
  653. }
  654.  
  655. .ph-info a{
  656. margin-right:03px;
  657. }
  658.  
  659. .n{
  660. position:absolute;
  661. bottom:0;
  662. left:0;
  663. padding:10px;
  664. }
  665.  
  666. .mo{
  667. position:absolute;
  668. bottom:0;
  669. right:0;
  670. padding:10px;
  671. font-size:14px;
  672. }
  673.  
  674. .posts-info2{
  675. position:absolute;
  676. margin-top:calc(-{select:body font size} - 1px);
  677. }
  678.  
  679. ::-webkit-scrollbar {
  680. width:7px;
  681. height:7px;
  682. background:{color:Borders};
  683. border:3px solid {color:Background};
  684. }
  685.  
  686. ::-webkit-scrollbar-thumb {
  687. background:{color:scrollbar};
  688. border:3px solid {color:background};
  689. }
  690.  
  691. .about{
  692. overflow:hidden;
  693. width:300px;
  694. margin:0 auto;
  695. position:relative;
  696. display:Block;
  697. margin-bottom:{text:margin}px;
  698.  
  699. }
  700. .about img.prof{
  701. width:128px;
  702. height:128px;
  703. padding:05px;
  704. background-color:{color:posts};
  705. float:left;
  706. clear:both;
  707. margin-right:05px;
  708. }
  709.  
  710. .about h2{
  711. margin-bottom:5px;
  712. font-size:{select:body font size};
  713. text-transform:uppercase;
  714. letter-spacing:1px;
  715. background-color:{color:posts};
  716. padding:5px;
  717. border-radius:3px;
  718. }
  719.  
  720. .about i{
  721. font-size:10px;
  722. margin-right:05px;
  723. }
  724.  
  725. .info{
  726. height:138px;
  727. text-align:right;
  728. overflow-y:auto;
  729. }
  730.  
  731. .info b{
  732. float:left;
  733. float:left;
  734. }
  735.  
  736. .d{
  737. text-align:justify;
  738. }
  739.  
  740. .a_navi{
  741. text-align:center;
  742. margin-top:10px;
  743. }
  744.  
  745. .a_navi a{
  746. background-color:{color:posts};
  747. padding:03px;
  748. margin-left:05px;
  749. border-radius:3px;
  750. }
  751.  
  752. .bod{
  753. padding:10px;
  754. background-color:{color:posts};
  755. border-radius:3px;
  756. box-sizing: border-box;
  757. {block:IndexPage}{block:ifNotAutomaticHeight}{block:ifGridLayout}
  758. height:{text:thumbnail height}px!important;
  759. overflow:hidden;
  760. text-overflow: ellipsis;
  761. {/block:ifGridLayout}{/block:ifNotAutomaticHeight}{/block:IndexPage}
  762. }
  763.  
  764.  
  765. .in{
  766. margin-bottom:10px;
  767. }
  768.  
  769. .in a{
  770. border-bottom:1px solid {color:borders};
  771. display:inline-block;
  772. }
  773.  
  774. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.5; z-index:9999999!important;}
  775.  
  776. </style>
  777. </head>
  778.  
  779. <body>
  780.  
  781. <div class="container">
  782.  
  783. <div class="about" style="display:none;">
  784. <h2><i class="fa fa-user fa-fw" aria-hidden="true"></i>profile</h2>
  785. <img src="{image:profile}" class="prof">
  786. <div class="info">
  787.  
  788.  
  789. <!--- edit: profile --->
  790.  
  791. <div class="d">
  792.  
  793. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat.
  794.  
  795. </div>
  796.  
  797. <b>name</b> jane doe<br>
  798. <b>age</b> twenty one<br>
  799. <b>location</b> unknown</br>
  800. <b>pronouns</b> they/them<br>
  801. <b>star sign</b> taurus<br>
  802.  
  803. <!--- end profile --->
  804.  
  805. </div>
  806.  
  807. <div class="a_navi">
  808. <a href="{text:Link 02 URL}">{text:Link 02 title}</a>
  809. <a href="{text:Link 03 URL}">{text:Link 03 title}</a>
  810. <a href="{text:Link 04 URL}">{text:Link 04 title}</a>
  811. </div>
  812.  
  813. </div>
  814.  
  815. <div class="sidebar fade-in one">
  816.  
  817. <img src="{image:icon}" class="sidebar-image">
  818. <div class="sb-title"><a href="/">{Title}</a></div>
  819. <span class="description">{Description}</span>
  820.  
  821. <div class="navi">
  822. <b>navigation</b>
  823. <a href="/">index</a>
  824. <a href="{text:ask link}">{text:ask title}</a>
  825. <a href="{text:Link 01 URL}">{text:Link 01 title}</a>
  826. <a class="button t" style="cursor:help;"><span class="t">{text:about title}</span><span class="t" style="display:none">close</span></a>
  827. </div>
  828.  
  829. </div><!--- sidebar --->
  830.  
  831. <div class="fade-in two">
  832. <div class="entries hide">
  833. {block:Posts}
  834.  
  835. {block:ContentSource}
  836. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  837. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  838. {/block:SourceLogo}
  839. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  840. {/block:ContentSource}
  841.  
  842. <div class="posts">
  843.  
  844. {block:Text}<div class="bod">
  845. {block:Date}<div class="in">
  846. <a href="{Permalink}">{timeago}</a>
  847. </div>{/block:Date}
  848. {block:Title}<h2>{Title}</h2>{/block:Title}
  849. {Body}</div>
  850. {/block:Text}
  851.  
  852. {block:Photo}
  853. {block:ifGridLayout}
  854. {block:IndexPage}
  855.  
  856. <div class="ph-infoh">
  857. {block:Date}<div class="ph-info"><span class="date">
  858. {block:RebloggedFrom}<img src="{ReblogRootPortraitURL-128}" class="por"><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <a href="{Permalink}" class="time">{TimeAgo}</a></span>
  859. <span class="n">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span><span class="mo">
  860. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  861. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  862. viewBox="0 0 79.124 79.124" style="enable-background:new 0 0 79.124 79.124;" xml:space="preserve">
  863. <path style="fill:#030104;" d="M47.624,0.124l12.021,9.73L44.5,24.5l10,10l14.661-15.161l9.963,12.285v-31.5H47.624z M24.5,44.5
  864. L9.847,59.653L0,47.5V79h31.5l-12.153-9.847L34.5,54.5L24.5,44.5z"/>
  865. </svg></a>
  866. </span>
  867. </div>
  868. {/block:Date}</div>
  869.  
  870. <center><div class="ph">
  871. <div class="phi" style="background-image:url('{PhotoURL-HighRes}');">
  872. </div></div></center>
  873. {/block:IndexPage}
  874.  
  875. {block:PermalinkPage}
  876. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  877. {/block:PermalinkPage}
  878. {block:ifCaption}
  879. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  880. {/block:ifCaption}
  881. {block:ifNotCaption}
  882. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  883. {/block:ifNotCaption}
  884. {/block:ifGridLayout}
  885.  
  886. {block:ifNotGridLayout}
  887.  
  888. {block:IndexPage}
  889. <div class="ph-infoh">
  890. {block:Date}<div class="ph-info"><span class="date">
  891. {block:RebloggedFrom}<img src="{ReblogRootPortraitURL-128}" class="por"><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <a href="{Permalink}" class="time">{TimeAgo}</a></span>
  892. <span class="n">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span><span class="mo">
  893. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  894. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  895. viewBox="0 0 79.124 79.124" style="enable-background:new 0 0 79.124 79.124;" xml:space="preserve">
  896. <path style="fill:#030104;" d="M47.624,0.124l12.021,9.73L44.5,24.5l10,10l14.661-15.161l9.963,12.285v-31.5H47.624z M24.5,44.5
  897. L9.847,59.653L0,47.5V79h31.5l-12.153-9.847L34.5,54.5L24.5,44.5z"/>
  898. </svg></a>
  899. </span>
  900. </div>
  901. {/block:Date}</div>{/block:IndexPage}
  902.  
  903. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>{/block:ifNotGridLayout}
  904. {/block:Photo}
  905.  
  906. {block:Photoset}
  907.  
  908. {block:ifGridLayout}
  909.  
  910. {block:indexPage}
  911. <div class="ph-infoh">
  912. {block:Date}<div class="ph-info"><span class="date">
  913. {block:RebloggedFrom}<img src="{ReblogRootPortraitURL-128}" class="por"><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <a href="{Permalink}" class="time">{TimeAgo}</a></span>
  914. <span class="n">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span><span class="mo">
  915. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  916. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  917. viewBox="0 0 79.124 79.124" style="enable-background:new 0 0 79.124 79.124;" xml:space="preserve">
  918. <path style="fill:#030104;" d="M47.624,0.124l12.021,9.73L44.5,24.5l10,10l14.661-15.161l9.963,12.285v-31.5H47.624z M24.5,44.5
  919. L9.847,59.653L0,47.5V79h31.5l-12.153-9.847L34.5,54.5L24.5,44.5z"/>
  920. </svg></a>
  921. </span>
  922. </div>
  923. {/block:Date}</div>
  924.  
  925. <div class="ph">
  926. {block:Photos}<div class="phi" style="background-image:url('{PhotoURL-HighRes}');"></div>{/block:Photos}</div>
  927. {block:Date}<div class="posts-info2"></div>
  928. {/block:Date}
  929. {/block:indexPage}
  930.  
  931. {block:PermalinkPage}
  932. <div class="set"><center>
  933. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><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 class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center></div>
  934. {/block:PermalinkPage}
  935.  
  936. {block:ifCaption}
  937. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  938. {/block:ifCaption}
  939. {block:ifNotCaption}
  940. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  941. {/block:ifNotCaption}
  942.  
  943. {/block:ifGridLayout}
  944.  
  945. {block:ifNotGridLayout}
  946.  
  947. {block:IndexPage}
  948. <div class="ph-infoh">
  949. {block:Date}<div class="ph-info"><span class="date">
  950. {block:RebloggedFrom}<img src="{ReblogRootPortraitURL-128}" class="por"><a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <a href="{Permalink}" class="time">{TimeAgo}</a></span>
  951. <span class="n">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</span><span class="mo">
  952. <a href="#" onclick="Tumblr.Lightbox.init([/*{block:Photos}, /**/ { width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }{/block:Photos}]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  953. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  954. viewBox="0 0 79.124 79.124" style="enable-background:new 0 0 79.124 79.124;" xml:space="preserve">
  955. <path style="fill:#030104;" d="M47.624,0.124l12.021,9.73L44.5,24.5l10,10l14.661-15.161l9.963,12.285v-31.5H47.624z M24.5,44.5
  956. L9.847,59.653L0,47.5V79h31.5l-12.153-9.847L34.5,54.5L24.5,44.5z"/>
  957. </svg></a>
  958. </span>
  959. </div>
  960. {/block:Date}</div>{/block:IndexPage}
  961.  
  962. <div class="set"><center>
  963. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><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 class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center></div>
  964. {/block:ifNotGridLayout}
  965. {/block:Photoset}
  966.  
  967. {block:Quote}<div class="bod">{block:indexpage}{block:Date}<div class="in">
  968. <a href="{Permalink}">{timeago}</a>
  969. </div>{/block:Date}{/block:indexpage}
  970. <div class="quote">
  971. <div class="quotetext-{Length}">{Quote}</div>
  972. {block:Source}
  973. <div class="quote-source">{Source}</div>
  974. {/block:Source}
  975. </div></div>{/block:Quote}
  976.  
  977. {block:Link}{block:indexpage}{block:Date}<div class="in">
  978. <a href="{Permalink}">{timeago}</a>
  979. </div>{/block:Date}{/block:indexpage}
  980. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  981. {block:Description}{Description}{/block:Description}
  982. {/block:Link}
  983.  
  984. {block:Chat}{block:indexpage}{block:Date}<div class="in">
  985. <a href="{Permalink}">{timeago}</a>
  986. </div>{/block:Date}{/block:indexpage}
  987. {block:Title}<h2>{Title}</h2>{/block:Title}
  988. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  989. {/block:Chat}
  990.  
  991. {block:Audio}<div class="bod">
  992. {block:indexpage}{block:Date}<div class="in">
  993. <a href="{Permalink}">{timeago}</a>
  994. </div>{/block:Date}{/block:indexpage}
  995. <div class="audio">
  996. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  997. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  998. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  999. </div>
  1000. </div>
  1001. {block:ifCaption}
  1002. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1003. {/block:ifCaption}
  1004. {block:ifNotCaption}
  1005. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  1006. {/block:ifNotCaption}</div>
  1007. {/block:Audio}
  1008.  
  1009. {block:Video}
  1010. {block:indexpage}
  1011. <div class="bod">
  1012. {block:Date}<div class="in">
  1013. <a href="{Permalink}">{timeago}</a>
  1014. </div>{/block:Date}
  1015. <h2><a href="{permalink}"><i class="fa fa-play-circle-o fa-fw" aria-hidden="true"></i> video</a></h2></div>{/block:indexpage}
  1016. {block:permalinkpage}
  1017. <div class="video">{Video-500}</div>
  1018. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1019. {/block:permalinkpage}
  1020. {/block:Video}
  1021.  
  1022. {block:Answer}<div class="bod">
  1023. {block:indexpage}{block:Date}<div class="in">
  1024. <a href="{Permalink}">{timeago}</a>
  1025. </div>{/block:Date}{/block:indexpage}
  1026. <div class="question">
  1027. <b>{Asker}:</b> {Question}</div>
  1028. <div class="ans"><b>A:</b> {Answer}</div>
  1029. </div>
  1030. {/block:Answer}
  1031.  
  1032. {block:PermalinkPage}{block:Date}<div class="posts-info">
  1033. Posted {TimeAgo}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  1034. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, {/block:PermalinkPage}source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  1035. {block:HasTags}<br>Tagged as: {block:Tags}#<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} {/block:HasTags}
  1036. </div>
  1037. {/block:Date}{/block:permalinkpage}
  1038. </div><!--- posts --->
  1039.  
  1040. {block:ifNotGridLayout}
  1041. {block:ifCaption}
  1042. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1043. {/block:ifCaption}
  1044. {block:ifNotCaption}
  1045. {block:PermalinkPage}{block:Caption}<div class="ca"><div class="caption">{Caption}</div></div>{/block:Caption}{/block:PermalinkPage}
  1046. {/block:ifNotCaption}
  1047. {/block:ifNotGridLayout}
  1048.  
  1049. {block:PermalinkPage}
  1050. {block:PostNotes}<div class="notes">{PostNotes}</div>{/block:PostNotes}
  1051. {/block:PermalinkPage}
  1052.  
  1053. {/block:Posts}
  1054.  
  1055. </div><!--- entries ---></div>
  1056.  
  1057. </div><!--- container --->
  1058.  
  1059. <footer class="hide">{block:Pagination}
  1060. <div class="pag">{block:PreviousPage}<a href="{PreviousPage}">prev</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  1061. {block:ifInfiniteScroll}{block:ifManualLoad}
  1062. <div class="more"><a href="#">load more</a></div>{/block:ifManualLoad}{/block:ifInfiniteScroll}
  1063. {/block:Pagination}</footer>
  1064.  
  1065. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1066. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/PkToc9oiw/resizing.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  1067. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  1068. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1069. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  1070. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  1071. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  1072. {block:ifGridLayout}
  1073. <script src="http://static.tumblr.com/nb65v05/7a4o8hdqu/masonry.pkgd.js"></script>
  1074. <script src="https://npmcdn.com/[email protected]/imagesloaded.pkgd.min.js"></script>
  1075. {/block:ifGridLayout}
  1076. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  1077.  
  1078. <script>
  1079.  
  1080. $(document).ready(function(){
  1081. $('.entries').unnest({
  1082. yourCaption: ".caption",
  1083. wrapName: ".tumblr_parent",
  1084. newCaptionUsername: false,
  1085. originalPostCaptionUsername: false,
  1086. tumblrAvatars: false,
  1087. tumblrAvatarClass: ".tumblr_avatar",
  1088. usernameColon: false
  1089. });
  1090.  
  1091. $('a.button').click(function() {
  1092. $('.t',this).toggle();
  1093. });
  1094.  
  1095. $(".button").click(function(){
  1096. $(".about").slideToggle("slow");
  1097. });
  1098.  
  1099. $(".button").click(function(){
  1100. $(".hide").fadeToggle("slow");
  1101. });
  1102.  
  1103. $("[title]").style_my_tooltips({
  1104. tip_follows_cursor:true,
  1105. tip_delay_time:200,
  1106. tip_fade_speed:300
  1107. }
  1108. );
  1109.  
  1110. $(window).scroll(function () {
  1111. if ($(this).scrollTop() > 100) {
  1112. $('.scrollup').fadeIn();
  1113. } else {
  1114. $('.scrollup').fadeOut();
  1115. }
  1116. });
  1117.  
  1118. $('.scrollup').click(function () {
  1119. $("html, body").animate({
  1120. scrollTop: 0
  1121. }, 600);
  1122. return false;
  1123. });
  1124.  
  1125. $('.photo-slideshow').pxuPhotoset({
  1126. lightbox: true,
  1127. {block:ifNotCustomGutter}
  1128. gutter: '0px',{/block:ifNotCustomGutter}
  1129. {block:ifCustomGutter}
  1130. gutter: {text:Gutter},{/block:ifCustomGutter}
  1131. borderRadius: '03px',
  1132. photoset: '.photo-slideshow',
  1133. photoWrap: '.photo-data',
  1134. photo: '.pxu-photo'
  1135. });
  1136. {block:IndexPage}
  1137. var $container = $('.entries');
  1138.  
  1139. {block:ifGridLayout}
  1140. $container.imagesLoaded(function(){
  1141. $container.masonry({
  1142. itemSelector: '.posts',
  1143. isFitWidth: false,
  1144. hiddenStyle: { opacity: 0 }
  1145. });
  1146. });
  1147. {/block:ifGridLayout}
  1148. {block:ifInfiniteScroll}
  1149. $container.infinitescroll({
  1150. navSelector: '.pag',
  1151. nextSelector: '.next',
  1152. itemSelector: '.posts',
  1153. loadingImg : " ",
  1154. errorCallback: function(){
  1155. $('.more').animate({opacity: 0.8},2000).fadeOut('normal');}
  1156. },
  1157. function( newElements ) {//m- from .css to )//
  1158. var $newElems = $(newElements).css({ opacity: 0 });
  1159. {block:ifNotGridLayout}$newElems.animate({ opacity: 1 });{/block:ifNotGridLayout}
  1160. $newElems.unnest({
  1161. yourCaption: ".caption",
  1162. wrapName: ".tumblr_parent",
  1163. newCaptionUsername: false,
  1164. originalPostCaptionUsername: false,
  1165. tumblrAvatars: false,
  1166. tumblrAvatarClass: ".tumblr_avatar",
  1167. usernameColon: false
  1168. });
  1169. {block:ifGridLayout}
  1170. $newElems.imagesLoaded(function(){
  1171. $newElems.animate({ opacity: 1 });
  1172. $container.masonry( 'appended', $newElems, true );
  1173. });{/block:ifGridLayout}
  1174.  
  1175. var $newElemsIDs = $newElems.map(function(){
  1176. return this.id;
  1177. }).get();
  1178. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1179.  
  1180. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  1181. lightbox: true,
  1182. {block:ifNotCustomGutter}
  1183. gutter: '0px',{/block:ifNotCustomGutter}
  1184. {block:ifCustomGutter}
  1185. gutter: {text:Gutter},{/block:ifCustomGutter}
  1186. borderRadius: '03px',
  1187. photoset: '.photo-slideshow',
  1188. photoWrap: '.photo-data',
  1189. photo: '.pxu-photo'
  1190. });
  1191.  
  1192. resizeVideos();
  1193.  
  1194. });
  1195.  
  1196. {block:ifManualLoad}
  1197. $(window).unbind('.infscr');
  1198. $('.more').click(function(){
  1199. $container.infinitescroll('retrieve');
  1200. return false
  1201. }); {/block:ifManualLoad}
  1202.  
  1203. {/block:ifInfiniteScroll}
  1204. {/block:IndexPage}
  1205.  
  1206. });
  1207. </script>
  1208.  
  1209. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  1210.  
  1211. {block:IndexPage}{block:ifInfiniteScroll}<div class="scrollup"><a><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a></div>{/block:ifInfiniteScroll}{/block:IndexPage}
  1212.  
  1213. </body>
  1214. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!