API tools faq
paste
Advertisement
Guest User

theme

a guest
Jan 11th, 2016
198
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.24 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. theme: bubble
  5. - sorrism -
  6.  
  7.  
  8. -->
  9.  
  10. <!DOCTYPE html>
  11. <head>
  12.  
  13. <title>{Title}</title>
  14.  
  15. <link rel="shortcut icon" href="{favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#cccccc"/>
  23. <meta name="color:Link" content="#a7a7a7"/>
  24. <meta name="color:Title"content="#000000"/>
  25. <meta name="color:Blog Title" content="#a8a8a8"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Link Hover" content="#aaaaaa"/>
  28. <meta name="color:Post Border" content="#eeeeee"/>
  29. <meta name="color:Accents" content="#fbfbfb"/>
  30. <meta name="color:Popup Background" content="#fbfbfb"/>
  31.  
  32. <meta name="if:Hide Captions" content="0"/>
  33. <meta name="if:Popup" content="1"/>
  34. <meta name="if:Infinite Scroll" content="1"/>
  35.  
  36. <meta name="image:Icon" content=""/>
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="text:Link 1 URL" content="" />
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 2 URL" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 3 URL" content="" />
  44. <meta name="text:Link 3" content="" />
  45.  
  46. <meta name="text:Home Title" content="index"/>
  47. <meta name="text:Ask Title" content="message"/>
  48. <meta name="text:Archive Title" content="history"/>
  49.  
  50.  
  51. <!-- jquery -->
  52.  
  53. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  54.  
  55. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  56. <script>
  57. $(function() {
  58. $(document).tooltip({
  59. track:true
  60. });
  61. {block:ifpopup}
  62. $('.i').click(function() {
  63. $('modal').addClass('op');
  64. });
  65. $('.close').click(function() {
  66. $('modal').removeClass('op');
  67. });
  68. {/block:ifpopup}
  69. });
  70. </script>
  71.  
  72. <!--CSS customization here. -->
  73.  
  74. <style type="text/css">
  75.  
  76. /*tooltip*/
  77.  
  78. .ui-tooltip {
  79. position:Absolute;
  80. z-index:999999;
  81. padding-top:15px;
  82. margin:0;
  83. }
  84.  
  85. .ui-tooltip-content {
  86. background:{color:background};
  87. padding:2px 4px;
  88. display:block;
  89. font-size:8px;
  90. width:auto;
  91. position:relative;
  92. text-transform:uppercase;
  93. color:{color:title};
  94. border-radius:3px;
  95. border-right:1px solid {color:post border};
  96. border-bottom:1px solid {color:post border};
  97. line-height:10px;
  98. letter-spacing:1px;
  99. }
  100.  
  101. /*lightbox and stuff*/
  102.  
  103. #tumblr_lightbox {
  104. background-color:rgba(246, 246, 246, .9)!important;
  105. z-index:99999!important;
  106. }
  107.  
  108. #tumblr_lightbox img { opacity:0; }
  109.  
  110. #tumblr_lightbox_caption {
  111. color:black!important;
  112. font-family:arial!important;
  113. font-size:10px!important;
  114. font-weight:normal!important;
  115. text-shadow:none!important;
  116. }
  117.  
  118. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  119. -moz-box-shadow:none!important;
  120. -webkit-box-shadow:none!important;
  121. box-shadow:none!important;
  122. -moz-border-radius:3px!important;
  123. -webkit-border-radius:3px!important;
  124. border-radius:3px!important;
  125. opacity:1!important;
  126. }
  127.  
  128. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  129.  
  130. iframe#tumblr_controls {
  131. white-space:nowrap!important;
  132. -webkit-filter:invert(100%)!important;
  133. -moz-filter:invert(100%)!important;
  134. -ms-filter:invert(100%)!important;
  135. -o-filter:invert(100%)!important;
  136. filter:invert(100%)!important;
  137. top:5px!important;
  138. right:5px!important;
  139. position:fixed!important;
  140. opacity:.2!important;
  141. }
  142.  
  143. /*scrollbar*/
  144.  
  145. ::-webkit-scrollbar {
  146. height:5px;
  147. width:5px;
  148. background:{color:background};
  149. }
  150.  
  151. ::-webkit-scrollbar-thumb{
  152. background:{color:scrollbar};
  153. border-radius:3px;
  154. }
  155.  
  156. .same::-webkit-scrollbar {width:3px;}
  157.  
  158. ::-webkit-scrollbar-track {background:transparent;}
  159.  
  160. /*main structure*/
  161.  
  162. body {
  163. background:{color:background};
  164. color:{color:text};
  165. font-family:calibri, arial;
  166. font-size:10px;
  167. font-weight:normal;
  168. position:relative;
  169. text-align:justify;
  170. -moz-box-sizing: border-box;
  171. box-sizing: border-box;
  172. -webkit-box-sizing: border-box;
  173. margin:0;
  174. line-height:150%;
  175. }
  176.  
  177. a {
  178. color:{color:link};
  179. text-decoration:none;
  180. -webkit-transition: opacity 0.7s linear;
  181. opacity: 0.7s;
  182. -webkit-transition: all 0.6s ease-out;
  183. -moz-transition: all 0.6s ease-out;
  184. transition: all 0.6s ease-out;
  185. }
  186.  
  187. a:hover {
  188. color:{color:link hover};
  189. text-decoration:none;
  190. cursor:help;
  191. -webkit-transition: opacity 0.7s linear;
  192. opacity: 0.7s;
  193. -webkit-transition: all 0.6s ease-out;
  194. -moz-transition: all 0.6s ease-out;
  195. transition: all 0.6s ease-out;
  196. }
  197.  
  198. img {
  199. opacity:1;
  200. border:none;
  201. text-decoration:none;
  202. }
  203.  
  204. blockquote {
  205. padding-left:10px;
  206. border-left:3px solid {color:post border};
  207. margin:0;
  208. text-align:left;
  209. }
  210.  
  211. pre {
  212. white-space: pre-wrap;
  213. white-space: -moz-pre-wrap;
  214. white-space: -pre-wrap;
  215. white-space: -o-pre-wrap;
  216. word-wrap: break-word;
  217. padding:0;
  218. margin:0;
  219. font-size:10px;
  220. font-family:calibri, arial;
  221. }
  222.  
  223.  
  224. p {margin:5px 0}
  225.  
  226. p:first-of-type {margin-top:0;}
  227.  
  228. p:last-of-type {margin-bottom:0;}
  229.  
  230. b, strong {color:{color:title};}
  231.  
  232. ol {
  233. list-style:lower-roman;
  234. text-align:left;
  235. }
  236.  
  237. ul {
  238. list-style:circle;
  239. text-align:left;
  240. }
  241.  
  242. h1, h2, h3, h4, small, big {font-size:10px;}
  243.  
  244. /*popup*/
  245.  
  246. modal {
  247. visibility:hidden;
  248. position:fixed;
  249. width:100%;
  250. height:100%;
  251. left:0;
  252. bottom:0;
  253. background:rgba({RGBcolor:popup background},.9);
  254. z-index:10;
  255. transition:visibility .6s, opacity .6s;
  256. -o-transition:visibility .6s, opacity .6s;
  257. -webkit-transition:visibility .6s, opacity .6s;
  258. -moz-transition:visibility .6s, opacity .6s;
  259. opacity:0;
  260. }
  261.  
  262. modal.op {
  263. visibility:visible;
  264. opacity:1;
  265. }
  266.  
  267. .close {
  268. position:fixed;
  269. left:0;
  270. top:0;
  271. width:100%;
  272. height:100%;
  273. z-index:10;
  274. }
  275.  
  276. .inner {
  277. position:absolute;
  278. z-index:11;
  279. left:50%;
  280. top:50%;
  281. -moz-border-radius:3px;
  282. -webkit-border-radius:3px;
  283. border-radius:3px;
  284. padding:15px;
  285. background:{color:background};
  286. width:270px;
  287. {block:permalinkpage}
  288. width:370px;
  289. {/block:permalinkpage}
  290. transform:translate(-50%,-50%);
  291. -webkit-transform:translate(-50%,-50%);
  292. -o-transform:translate(-50%,-50%);
  293. -moz-transform:translate(-50%,-50%);
  294. }
  295.  
  296. .inner nav {
  297. margin:0 1px;
  298. letter-spacing:1px;
  299. text-transform:uppercase;
  300. font-size:8px;
  301. }
  302.  
  303. .inner nav a {
  304. display:inline-block;
  305. background:{color:Accents};
  306. width:calc(50% - 22px);
  307. margin:1px;
  308. -moz-border-radius:3px;
  309. -webkit-border-radius:3px;
  310. border-radius:3px;
  311. padding:5px 10px;
  312. }
  313.  
  314. .inner nav a:hover {font-style:italic;}
  315.  
  316. /*sidebar*/
  317.  
  318. aside {
  319. -webkit-animation-name: fade-in;
  320. -webkit-animation-duration: 1.5s;
  321. top:100px;
  322. text-align:center;
  323. position:fixed;
  324. left:40%;
  325. width:250px;
  326. {block:ifSidebarImage}
  327. border-top:1px solid {color:post border};
  328. padding-top:35px;
  329. {/block:ifSidebarImage}
  330. margin-left:-450px;
  331. }
  332.  
  333. .h {width:250px;}
  334.  
  335. .h img {
  336. display:block;
  337. width:250px;
  338. -moz-border-radius:3px;
  339. -webkit-border-radius:3px;
  340. border-radius:3px;
  341. }
  342.  
  343. .btit {
  344. position:absolute;
  345. font-style:italic;
  346. font-size:12px;
  347. top:-40px;
  348. left:0;
  349. letter-spacing:2px;
  350. padding-left:50px;
  351. line-height:40px;
  352. display:inline-block;
  353. cursor:help!important;
  354. text-transform:uppercase;
  355. color:{color:blog title};
  356. }
  357.  
  358. .btit:after, .close span:before, .close span:after, #source:before, .as:before {
  359. content:'';
  360. width:30px;
  361. height:1px;
  362. background:{color:post border};
  363. top:50%;
  364. position:absolute;
  365. }
  366.  
  367. .btit:after, .close span:after {right:-40px;}
  368.  
  369. .close span:before, #source:before, .as:before {left:-40px;}
  370.  
  371. .i img {
  372. display:block;
  373. width:50px;
  374. height:50px;
  375. -moz-border-radius:3px;
  376. -webkit-border-radius:3px;
  377. border-radius:3px;
  378. }
  379.  
  380. .i {
  381. margin:0 auto;
  382. clear:both;
  383. display:inline-block;
  384. {block:ifSidebarImage}
  385. top:-27px;
  386. position:absolute;
  387. left:50%;
  388. margin-left:-27px;
  389. {/block:ifSidebarImage}
  390. -moz-border-radius:3px;
  391. -webkit-border-radius:3px;
  392. border-radius:3px;
  393. background:{color:background};
  394. border:2px solid {color:background};
  395. }
  396.  
  397. #d {
  398. display:block;
  399. font-style:italic;
  400. position:relative;
  401. {block:ifSidebarImage}
  402. padding-top:40px;
  403. {/block:ifSidebarImage}
  404. }
  405.  
  406. #d span {
  407. display:block;
  408. {block:ifnotSidebarImage}
  409. padding-top:5px;
  410. {/block:ifnotSidebarImage}
  411. }
  412.  
  413. .standardlinks {
  414. position:Absolute;
  415. font-size:8px;
  416. top:-40px;
  417. line-height:40px;
  418. width:250px;
  419. left:0;
  420. display:inline-block;
  421. letter-spacing:1px;
  422. text-transform:uppercase;
  423.  
  424. }
  425.  
  426. aside:hover .standardlinks {
  427. transition:0.4s;
  428. -o-transition-duration:0.4s;
  429. -webkit-transition-duration:0.4s;
  430. -moz-transition-duration:0.4s;
  431. }
  432.  
  433. .standardlinks a {
  434. cursor:help;
  435. color:{color:blog title};
  436. margin:0 3px;
  437. display:inline-block;
  438. }
  439.  
  440. .standardlinks a:hover {color:{color:link hover};}
  441.  
  442. /*pagination*/
  443.  
  444. footer {
  445. text-transform:uppercase;
  446. font-size:8px;
  447. letter-spacing:1px;
  448. -webkit-animation-name: fade-in;
  449. -webkit-animation-duration: 1.5s;
  450. width:500px;
  451. margin:0 auto 100px auto;
  452. text-align:center;
  453. {block:ifinfinitescroll}
  454. display:none;
  455. {/block:ifinfinitescroll}
  456. }
  457.  
  458. footer a {
  459. color:{color:title};
  460. margin:0 5px;
  461. display:inline-block;
  462. background:{color:accents};
  463. padding:0px 4px;
  464. -moz-border-radius:3px;
  465. -webkit-border-radius:3px;
  466. border-radius:3px;
  467. }
  468.  
  469. .nice {
  470. position:fixed;
  471. left:15px;
  472. bottom:10px;
  473. }
  474.  
  475. #infscr-loading {display:none!important;}
  476.  
  477. /*posts*/
  478.  
  479. #entries {
  480. z-index:3;
  481. width:500px;
  482. position:relative;
  483. margin:100px auto 0 auto;
  484. {block:permalinkpage}
  485. width:500px;
  486. margin-bottom:50px;
  487. {/block:permalinkpage}
  488. }
  489.  
  490. .posts {
  491. z-index:3;
  492. {block:indexpage}
  493. margin-bottom:35px;
  494. padding-bottom:35px;
  495. border-bottom:1px solid {color:post border};
  496. {/block:indexpage}
  497. width:500px;
  498. position:relative;
  499. display:inline-block;
  500. -webkit-animation-name: fade-in;
  501. -webkit-animation-duration: 1.5s;
  502. {block:permalinkpage}
  503. width:500px;
  504. {/block:permalinkpage}
  505. }
  506.  
  507. .posts:first-of-type {
  508. padding-top:35px;
  509. border-top:1px solid {color:post border};
  510. }
  511.  
  512. .posts img {
  513. max-width:500px;
  514. {block:permalinkpage}
  515. max-width:500px;
  516. {/block:permalinkpage}
  517. }
  518.  
  519. a.tumblr_blog {
  520. text-transform:uppercase;
  521. font-size:8px;
  522. letter-spacing:1px;
  523. text-decoration:none;
  524. display:inline-block;
  525. }
  526.  
  527. .pho iframe {
  528. display:block;
  529. -moz-border-radius:3px;
  530. -webkit-border-radius:3px;
  531. border-radius:3px;
  532. }
  533.  
  534. .pho img {
  535. width:500px;
  536. -moz-border-radius:3px;
  537. -webkit-border-radius:3px;
  538. border-radius:3px;
  539. display:block;
  540. {block:permalinkpage}
  541. width:500px;
  542. {/block:permalinkpage}
  543. }
  544.  
  545. .media {
  546. overflow:hidden;
  547. display:block;
  548. -moz-border-radius:3px;
  549. -webkit-border-radius:3px;
  550. border-radius:3px;
  551. }
  552.  
  553. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  554.  
  555. .caption img {max-width:500px;}
  556.  
  557. .caption {
  558. padding:10px;
  559. -moz-border-radius:3px;
  560. -webkit-border-radius:3px;
  561. border-radius:3px;
  562. margin-top:10px;
  563. {block:ifhidecaptions}
  564. {block:indexpage}
  565. display:none;
  566. {/block:indexpage}
  567. {/block:ifhidecaptions}
  568. }
  569.  
  570. .cin {
  571. display:inline-block;
  572. text-transform:uppercase;
  573. letter-spacing:1px;
  574. font-size:8px;
  575. }
  576.  
  577. #title .cin {
  578. font-size:10px;
  579. color:{color:title};
  580. }
  581.  
  582. #title {
  583. display:inline-block;
  584. text-align:left;
  585. padding:10px 0;
  586. margin:0 10px;
  587. border-bottom:1px solid {color:post border};
  588. }
  589.  
  590. #title a:hover {color:{color:link hover};}
  591.  
  592. .tb {padding:10px;}
  593.  
  594. }
  595.  
  596. /*quote*/
  597.  
  598. #titlequote {
  599. background:{color:accents};
  600. font-size:11px;
  601. font-style:italic;
  602. padding:10px;
  603. -moz-border-radius:3px;
  604. -webkit-border-radius:3px;
  605. border-radius:3px;
  606. }
  607.  
  608. #source {
  609. position:relative;
  610. margin-left:40px;
  611. margin-top:10px;
  612. }
  613.  
  614. /*audio*/
  615.  
  616. .tumblr_audio_player {
  617. width:250px;
  618. height:30px;
  619. opacity:.7;
  620. margin-left:10px;
  621. margin-top:-2px;
  622. }
  623.  
  624. .player {
  625. width:75px;
  626. -moz-border-radius:3px;
  627. -webkit-border-radius:3px;
  628. border-radius:3px;
  629. height:25px;
  630. display:block;
  631. overflow:hidden;
  632. }
  633.  
  634. .hold {
  635. background:#e4e4e4;
  636. display:block;
  637. opacity:.7;
  638. padding:5px 0;
  639. -moz-border-radius:3px;
  640. -webkit-border-radius:3px;
  641. border-radius:3px;
  642. }
  643.  
  644. .audio_info {
  645. padding:5px 10px;
  646. -moz-border-radius:3px;
  647. -webkit-border-radius:3px;
  648. border-radius:3px;
  649. margin-top:10px;
  650. background:{color:accents};
  651. }
  652.  
  653. .audio_info b {
  654. padding-right:5px;
  655. display:inline-block;
  656. }
  657.  
  658. /*asks*/
  659.  
  660. .q {
  661. padding:10px;
  662. text-transform:uppercase;
  663. font-size:8px;
  664. text-align:left;
  665. background:{color:accents};
  666. -moz-border-radius:3px;
  667. -webkit-border-radius:3px;
  668. border-radius:3px;
  669. letter-spacing:1px;
  670. }
  671.  
  672. .as {
  673. display:block;
  674. position:relative;
  675. margin-left:40px;
  676. margin-top:10px;
  677. }
  678.  
  679. .a {padding:10px;}
  680.  
  681.  
  682. .chat ol {
  683. margin:0;
  684. padding:0;
  685. list-style:none;
  686. text-align:left;
  687. }
  688.  
  689. .l {padding:10px}
  690.  
  691. .l.odd {
  692. background:{color:accents};
  693. -moz-border-radius:3px;
  694. -webkit-border-radius:3px;
  695. border-radius:3px;
  696. }
  697.  
  698. .label {
  699. font-weight:bold;
  700. color:{color:title};
  701. text-transform:uppercase;
  702. letter-spacing:1px;
  703. font-size:8px;
  704. display:inline-block;
  705. }
  706.  
  707. /*permalink and notes*/
  708.  
  709. #permalink {
  710. display:block;
  711. text-transform:uppercase;
  712. letter-spacing:1px;
  713. {block:permalinkpage}
  714. text-align:left;
  715. font-size:8px;
  716. padding-top:35px;
  717. border-top:1px solid {color:post border};
  718. margin-top:35px;
  719. {/block:permalinkpage}
  720. {block:indexpage}
  721. position:absolute;
  722. top:calc(100% - 8px);
  723. line-height:15px;
  724. text-align:center;
  725. width:100%;
  726. right:0px;
  727. font-style:italic;
  728. transition:0.4s;
  729. {/block:indexpage}
  730. }
  731.  
  732. {block:indexpage}
  733. .posts:hover #permalink {
  734. opacity:1;
  735. transition:0.4s;
  736. }
  737. {/block:indexpage}
  738.  
  739. #when {
  740. display:inline-block;
  741. padding:0 5px;
  742. background:{color:background};
  743. }
  744.  
  745. #when a {
  746. font-size:8px;
  747. margin:0 3px;
  748. display:inline-block;
  749. }
  750.  
  751. .pagenotes {
  752. position:absolute;
  753. margin-top:35px;
  754. padding-top:35px;
  755. width:500px;
  756. text-transform:uppercase;
  757. font-size:8px;
  758. letter-spacing:1px;
  759. text-align:left;
  760. border-top:1px solid {color:post border};
  761. margin-bottom:100px;
  762. }
  763.  
  764. .same {
  765. max-height:500px;
  766. overflow-y:auto;
  767. }
  768.  
  769. .pagenotes a {text-decoration:none;}
  770.  
  771. ol.notes {
  772. list-style-type:none;
  773. text-align:left;
  774. padding:0px;
  775. margin:0;
  776. }
  777.  
  778. ol.notes li.note {display:block;}
  779.  
  780. ol.notes li.note img.avatar {display:none!important;}
  781.  
  782. .more_notes_link {
  783. font-weight:bold;
  784. color:{color:title};
  785. display:block;
  786. text-align:left!important;
  787. }
  788.  
  789.  
  790. ::selection {
  791. background: #badce9;
  792. color: #444444;
  793. }
  794.  
  795. ::-moz-selection {
  796. background: #badce9;
  797. color: #444444;
  798. }
  799.  
  800. img.emoji {
  801. // Override any img styles to ensure Emojis are displayed inline
  802. margin: 0px !important;
  803. display: inline !important;
  804. vertical-align: middle; }
  805.  
  806. {CustomCSS}
  807.  
  808. </style>
  809.  
  810. <script src="//twemoji.maxcdn.com/twemoji.min.js"></script>
  811. <script src="http://static.tumblr.com/lxn1yld/MHfnxce9x/emoji.js"></script>
  812.  
  813. </head>
  814.  
  815. <body>
  816.  
  817. {block:ifpopup}
  818. <modal><div class="close"></div>
  819. <div class="inner">
  820. <nav><a href="/">{text:home title}</a><a href="/ask">{text:ask title}</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>
  821. </div>
  822. </modal>
  823. {/block:ifpopup}
  824.  
  825. <aside>
  826. {block:ifnotpopup}<nav class="standardlinks">
  827. <a href="/ask">{text:ask title}</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>{/block:ifnotpopup}
  828. {block:ifSidebarImage}<a class="h" href="/"><img src="{image:sidebar}"/></a>{/block:ifSidebarImage}
  829. <div id="d">{block:ifIconImage}<a {block:ifnotpopup}href="/"{/block:ifnotpopup} class="i"><img src="{image:icon}"/></a>{/block:ifIconImage}<span>{description}</span></div>
  830. </aside>
  831.  
  832.  
  833. <section id="entries">
  834. <a class="btit" href="/">{title}</a>
  835.  
  836.  
  837. {block:Posts}
  838.  
  839. <article class="posts">
  840.  
  841. {block:indexpage}
  842. {block:Date}
  843. <div id="permalink">
  844. <div id="when">
  845. <a href="{Permalink}" target="_blank" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} {block:NoteCount}<a href="{permalink}">({NoteCount})</a>{/block:NoteCount}
  846. </div></div>
  847.  
  848. {/block:Date}
  849. {/block:indexpage}
  850.  
  851. {block:Text}
  852. {block:Title}<div id="title"><span class="cin">{Title}</span></div>{/block:Title}
  853. <div class="tb">{Body}</div>
  854. {/block:Text}
  855.  
  856. {block:Photo}
  857. <div class="pho"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" id="photo_{PostID}"/></div>
  858. {/block:Photo}
  859.  
  860. {block:Photoset}<div class="pho">
  861. {photoset}
  862. </div>
  863. {/block:Photoset}
  864.  
  865. {block:Video}
  866. {VideoEmbed-500}</div></div>
  867. {/block:Video}
  868.  
  869. {block:Quote}
  870. <div id="titlequote">{Quote}</div>
  871. {block:Source}<div id="source"><span class="cin">{Source}</span></div>{/block:Source}
  872. {/block:Quote}
  873.  
  874. {block:Link}
  875. <div id="title"><span class="cin"><a href="{URL}">{Name}</a></span></div>
  876. {block:Description}<div class="tb">{Description}</div>{/block:Description}
  877. {/block:Link}
  878.  
  879. {block:Chat}
  880. {block:Title}<div id="title"><span class="cin">{Title}</span></div>{/block:Title}
  881. <div class="chat">
  882. <ol>
  883. {block:Lines}
  884. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  885. {/block:Lines}
  886. </ol></div>
  887. {/block:Chat}
  888.  
  889. {block:Audio}
  890. {block:AudioPlayer}
  891. <div class="hold">
  892. <div class="player">{AudioPlayergrey}</div>
  893. </div>
  894. {/block:AudioPlayer}
  895. <div class="audio_info">
  896. {block:TrackName}<span class="cin"><b>Track:</b> {TrackName}</span>{/block:TrackName}
  897. {block:Artist}<br><span class="cin"><b>Artist:</b> {Artist}</span>{/block:Artist}
  898. <br><span class="cin"><b>Plays:</b> {playcount}</span>
  899. </div>
  900. {/block:Audio}
  901.  
  902. {block:Answer}
  903. <div class="q">{Question}</div>
  904. <div class="as"><span class="cin">asked by {Asker}</span></div>
  905. <div class="a">{Answer}</div>
  906. {/block:Answer}
  907.  
  908. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  909.  
  910. {block:permalinkpage}
  911. {block:Date}
  912. <div id="permalink">
  913. Posted on <a href="{Permalink}">{shortmonth} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</a>
  914. {block:NoteCount} with <a href="{permalink}" target="_blank">{NoteCountWithLabel}</a>{/block:NoteCount}
  915. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}</br>
  916. {block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  917. {block:PostNotes}
  918. <div class="pagenotes"><div class="same">{PostNotes}</div></div>
  919. {/block:PostNotes}
  920. </div>
  921. {/block:Date}{/block:permalinkpage}
  922.  
  923. </article>
  924. {/block:Posts}
  925.  
  926. </section>
  927.  
  928. {block:Pagination}<footer>
  929. {block:PreviousPage}
  930. <a href="{PreviousPage}">back</a>
  931. {/block:PreviousPage}
  932. Page {CurrentPage} of {totalpages}
  933. {block:NextPage}
  934. <a href="{NextPage}">next</a>
  935. {/block:NextPage}
  936. </footer>{/block:Pagination}
  937.  
  938. {block:indexpage}
  939. {block:ifinfinitescroll}
  940. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  941.  
  942. <script>
  943. $(document).ready(function(){
  944. $('#entries').infinitescroll({
  945. itemSelector: '.posts',
  946. navSelector: 'footer',
  947. nextSelector: 'footer a',
  948. loadingImg: '',
  949. loadingText: '<em></em>',
  950. bufferPx: 100
  951. });
  952. });
  953. </script>
  954. {/block:ifinfinitescroll}
  955. {/block:indexpage}
  956.  
  957. {block:ContentSource}
  958. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  959. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  960. {/block:SourceLogo}
  961. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  962. {/block:ContentSource}
  963. <a class="nice" href="http://sorrism.tumblr.com" target="_blank">@</a>
  964. </body></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!