API tools faq
paste
Advertisement
zojoh

Twenty Seven

zojoh
Jun 26th, 2013
5,110
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #27 by Heidi @ladmilk
  7.  
  8. Credit:
  9. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  10. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  11. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  12. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  13.  
  14. ---->
  15.  
  16.  
  17. <head>
  18. <title>{Title}</title>
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22. <link rel="shortcut icon" href="{Favicon}" />
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  24.  
  25.  
  26. <meta name="color:Background" content="#ffffff" />
  27. <meta name="color:Posts" content="#ffffff" />
  28. <meta name="color:Post Title" content="#555555" />
  29. <meta name="color:Text" content="#999999" />
  30. <meta name="color:Links" content="#cccccc" />
  31. <meta name="color:Links Hover" content="#000000" />
  32. <meta name="color:Bold" content="#666666" />
  33. <meta name="color:Italic" content="#bbbbbb"/>
  34. <meta name="color:Blockquote" content="#eeeeee" />
  35. <meta name="color:Borders" content="#eeeeee" />
  36. <meta name="color:Accent Color" content="#fc4d75"/>
  37.  
  38. <meta name="color:Perma" content="#cccccc"/>
  39. <meta name="color:Ask Background" content="#eeeeee" />
  40. <meta name="color:Ask Text" content="#999999" />
  41.  
  42. <meta name="color:Header Background" content="#ffffff" />
  43. <meta name="color:Header Text" content="#999999" />
  44. <meta name="color:Title" content="#888888"/>
  45. <meta name="color:Navigation" content="#cccccc"/>
  46.  
  47. <meta name="color:Scroll" content="#ffffff" />
  48. <meta name="color:Scrollbar" content="#dddddd" />
  49. <meta name="color:Tooltips Background" content="#ffffff" />
  50. <meta name="color:Tooltips Text" content="#999999" />
  51.  
  52.  
  53. <meta name="image:Background" content="" />
  54. <meta name="image:Header" content="" />
  55.  
  56.  
  57. <meta name="if:Image Fade" content="1" />
  58.  
  59. <meta name="if:Show Captions" content="1" />
  60. <meta name="if:Show Tags" content="1" />
  61.  
  62. <meta name="if:Infinitescroll" content="1" />
  63. <meta name="if:Manual Load" content="1" />
  64.  
  65.  
  66. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  67. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  68. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  69.  
  70. <meta name="select:Header Image Shape" content="100%" title="Round" />
  71. <meta name="select:Header Image Shape" content="4px" title="Semi-Round" />
  72. <meta name="select:Header Image Shape" content="0%" title="Square" />
  73.  
  74. <meta name="select:Post Size" content="250" title="250px" />
  75. <meta name="select:Post Size" content="300" title="300px" />
  76. <meta name="select:Post Size" content="350" title="350px" />
  77. <meta name="select:Post Size" content="400" title="400px" />
  78. <meta name="select:Post Size" content="500" title="500px" />
  79.  
  80. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  81. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  82. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  83. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  84. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  85.  
  86.  
  87. <meta name="text:Link1" content="" />
  88. <meta name="text:Title1" content="" />
  89. <meta name="text:Link2" content="" />
  90. <meta name="text:Title2" content="" />
  91. <meta name="text:Link3" content="" />
  92. <meta name="text:Title3" content="" />
  93.  
  94.  
  95. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  96.  
  97.  
  98. <!--- Fonts --->
  99.  
  100.  
  101. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  102. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  103. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  104. <meta name="select:Body Font" content="calibri" title="Calibri" />
  105. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  106. <meta name="select:Body Font" content="Lato" title="Lato" />
  107. <meta name="select:Body Font" content="cambria" title="Cambria" />
  108. <meta name="select:Body Font" content="georgia" title="Georgia" />
  109. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  110. <meta name="select:Body Font" content="Lora" title="Lora" />
  111. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  112. <meta name="select:Body Font" content="courier" title="Courier" />
  113. <meta name="select:Body Font" content="consolas" title="Consolas" />
  114. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  115.  
  116. <meta name="select:Body Font Size" content="8" title="8px" />
  117. <meta name="select:Body Font Size" content="9" title="9px" />
  118. <meta name="select:Body Font Size" content="10" title="10px" />
  119. <meta name="select:Body Font Size" content="11" title="11px" />
  120. <meta name="select:Body Font Size" content="12" title="12px" />
  121.  
  122. <meta name="select:Header Font" content="Open Sans" title="Open Sans" />
  123. <meta name="select:Header Font" content="helvetica" title="Helvetica" />
  124. <meta name="select:Header Font" content="trebuchet ms" title="Trebuchet ms" />
  125. <meta name="select:Header Font" content="calibri" title="Calibri" />
  126. <meta name="select:Header Font" content="Roboto" title="Roboto" />
  127. <meta name="select:Header Font" content="Lato" title="Lato" />
  128. <meta name="select:Header Font" content="cambria" title="Cambria" />
  129. <meta name="select:Header Font" content="georgia" title="Georgia" />
  130. <meta name="select:Header Font" content="times new roman" title="Times New Roman" />
  131. <meta name="select:Header Font" content="Lora" title="Lora" />
  132. <meta name="select:Header Font" content="Droid Serif" title="Droid Serif" />
  133. <meta name="select:Header Font" content="courier" title="Courier" />
  134. <meta name="select:Header Font" content="consolas" title="Consolas" />
  135. <meta name="select:Header Font" content="lucida console" title="Lucida Console" />
  136.  
  137.  
  138. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300|Roboto:400,700,300|Lato:400,300,700|Lora:400,700|Droid+Serif:400,700' rel='stylesheet' type='text/css' />
  139.  
  140.  
  141.  
  142. <style type="text/css">
  143.  
  144.  
  145.  
  146. /* Tumblr Controls */
  147.  
  148.  
  149. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  150. top:0%!important;
  151. right:0%!important;
  152. position:fixed!important;
  153. z-index:999999999!important;
  154. }
  155.  
  156. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  157. -webkit-filter:invert(100%);
  158. -moz-filter:invert(100%);
  159. -o-filter:invert(100%);
  160. -ms-filter:invert(100%);
  161. filter:invert(100%);
  162. opacity:0.3;
  163. }
  164.  
  165. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  166. -webkit-filter:invert(70%);
  167. -moz-filter:invert(70%);
  168. -o-filter:invert(70%);
  169. -ms-filter:invert(70%);
  170. filter:invert(70%);
  171. opacity:0.4;
  172. }
  173.  
  174.  
  175. /* Scrollbar */
  176.  
  177.  
  178. ::-webkit-scrollbar { width:6px; height:6px; }
  179. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  180. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  181.  
  182.  
  183.  
  184. /* Body - General */
  185.  
  186.  
  187. body {
  188. margin:0;
  189. padding:0;
  190. border:0;
  191. background:url('{image:Background}');
  192. background-attachment:fixed;
  193. background-repeat:repeat;
  194. background-color:{color:Background};
  195. color:{color:Text};
  196. font-family:{select:Body Font}, sans-serif;
  197. font-size:{select:Body Font Size}px;
  198. line-height:140%;
  199. word-wrap:break-word;
  200. }
  201.  
  202. a {
  203. color:{color:Links};
  204. text-decoration:none;
  205. transition-duration: 0.4s;
  206. -moz-transition-duration: 0.4s;
  207. -webkit-transition-duration: 0.4s;
  208. -o-transition-duration: 0.4s;
  209. }
  210.  
  211. a:hover { color:{color:Links Hover}; }
  212.  
  213. a, a:hover, a:active { cursor:pointer; }
  214.  
  215. b, strong { color:{color:Bold}; font-weight:bold; }
  216.  
  217. i, em { color:{color:Italic}; font-style:italic; }
  218.  
  219. h1, h2, h3, h4, h5 {
  220. margin:0;
  221. font-size:120%;
  222. font-weight:normal;
  223. line-height:120%;
  224. }
  225.  
  226. .posts > h2 {
  227. margin:0px 0px 5px 0px;
  228. display:block;
  229. color:{color:Post Title};
  230. font-size:110%;
  231. letter-spacing:1.5px;
  232. text-transform:uppercase;
  233. }
  234.  
  235. .posts > h2:only-child { margin:0; }
  236.  
  237. #audio_text, #asker, footer {
  238. font-size:8px;
  239. letter-spacing:1.5px;
  240. text-transform:uppercase;
  241. }
  242.  
  243. .perma, nav a {
  244. font-size:7px;
  245. letter-spacing:1.5px;
  246. text-transform:uppercase;
  247. }
  248.  
  249. #quote, header h1 {
  250. font-size:110%;
  251. letter-spacing:1.5px;
  252. text-transform:uppercase;
  253. }
  254.  
  255. small, sub, sup { font-size:90%; }
  256.  
  257. big { font-size:110%; }
  258.  
  259. sub, sup, small, big { vertical-align:baseline; }
  260.  
  261. p { margin:5px 0; padding:0; }
  262.  
  263. p:first-of-type { margin-top:0; }
  264.  
  265. p:last-of-type { margin-bottom:0; }
  266.  
  267. pre {
  268. margin:5px 0;
  269. padding:2px 4px;
  270. background:#f4f4f4;
  271. white-space:pre-wrap;
  272. word-wrap:break-word;
  273. }
  274.  
  275. blockquote {
  276. margin:5px 5px 5px 1px;
  277. padding:2px 0 2px 10px;
  278. border-left:1px solid {color:Blockquote};
  279. }
  280.  
  281. .cap { margin:10px 0 0 0; }
  282.  
  283. .cp { display:none; }
  284.  
  285. ol { padding:0; margin:5px 13px; }
  286. ol li { padding:1px 0; position:relative; }
  287.  
  288. ul { padding:0; margin:5px 0; list-style-type:none; }
  289. ul li { padding:1px 15px; position:relative; }
  290.  
  291. ul li:before {
  292. content:"—";
  293. left:0;
  294. position:absolute;
  295. display:block;
  296. color:{color:Borders};
  297. font-family:sans-serif;
  298. }
  299.  
  300.  
  301.  
  302. /* Center wrapper - Posts */
  303.  
  304.  
  305. #wrapper {
  306. {block:IndexPage}
  307. width:calc({select:Post Size}px + 20px);
  308. {/block:IndexPage}
  309. {block:PermalinkPage}
  310. width:calc({select:Post Size Permalinkpage}px + 20px);
  311. {/block:PermalinkPage}
  312. margin:60px auto;
  313. padding:0;
  314. position:relative;
  315. }
  316.  
  317. .posts_outer {
  318. margin:60px auto;
  319. position:relative;
  320. }
  321.  
  322. .posts {
  323. {block:IndexPage}
  324. width:{select:Post Size}px;
  325. {/block:IndexPage}
  326. {block:PermalinkPage}
  327. width:{select:Post Size Permalinkpage}px;
  328. {/block:PermalinkPage}
  329. height:auto;
  330. padding:10px;
  331. background:{color:Posts};
  332. color:{color:Text};
  333. text-align:justify;
  334. }
  335.  
  336.  
  337.  
  338. /* Image */
  339.  
  340.  
  341. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  342.  
  343. #photo img { width:100%; display:block; }
  344.  
  345.  
  346.  
  347. /* Photoset */
  348.  
  349.  
  350. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, 1)!important; }
  351.  
  352. .vignette, #vignette { opacity:0!important; }
  353.  
  354. .lightbox-caption, #tumblr_lightbox_caption {
  355. color:inherit!important;
  356. font-family:inherit!important;
  357. font-size:inherit!important;;
  358. font-weight:normal!important;
  359. text-shadow:none!important;
  360. }
  361.  
  362. .lightbox-image, #tumblr_lightbox img {
  363. border-radius:0px!important;
  364. -webkit-border-radius:0px!important;
  365. -moz-border-radius:0px!important;
  366. box-shadow:none!important;
  367. -webkit-box-shadow:none!important;
  368. -moz-box-shadow:none!important;
  369. }
  370.  
  371.  
  372.  
  373. /* Video */
  374.  
  375.  
  376. #vid, #vid iframe { display:block; overflow:hidden; }
  377.  
  378.  
  379.  
  380. {block:IndexPage}
  381. {block:ifImageFade}
  382. #vid, .photo-data, #photo img {
  383. opacity:.7;
  384. -webkit-transition:all .7s ease;
  385. -moz-transition:all .7s ease;
  386. -o-transition:all .7s ease;
  387. transition:all .7s ease;
  388. }
  389.  
  390. .posts_outer:hover #photo img, .posts_outer:hover .photo-data, .posts_outer:hover #vid { opacity:1; }
  391. {/block:ifImageFade}
  392. {/block:IndexPage}
  393.  
  394.  
  395.  
  396. /* Audio */
  397.  
  398.  
  399. iframe.tumblr_audio_player {
  400. width:26px;
  401. height:26px;
  402. display:block;
  403. overflow:hidden;
  404. border:17px solid #fff;
  405. background:#fff;
  406. }
  407.  
  408. #audio tr td { border:1px solid {color:Borders}; }
  409. #audio tr td:first-of-type { border-right:none; }
  410. #audio tr td:last-of-type { border-left:none; }
  411.  
  412. #audio_text {
  413. padding:10px 15px 10px 10px;
  414. background:#fff;
  415. color:#aaa;
  416. line-height:10px;
  417. text-align:right;
  418. }
  419.  
  420. iframe.soundcloud_audio_player {
  421. {block:IndexPage}
  422. width:{select:Post Size}px;
  423. {/block:IndexPage}
  424. {block:PermalinkPage}
  425. width:{select:Post Size Permalinkpage}px;
  426. {/block:PermalinkPage}
  427. height:auto!important;
  428. display:block;
  429. }
  430.  
  431. iframe.spotify_audio_player { height:80px!important; display:block; }
  432.  
  433.  
  434.  
  435. /* Ask */
  436.  
  437.  
  438. #question {
  439. margin-bottom:5px;
  440. padding:7px;
  441. background:{color:Ask Background};
  442. color:{color:Ask Text};
  443. font-style:italic;
  444. }
  445.  
  446. #question img {
  447. width:40px;
  448. display:block;
  449. border:5px solid #fff;
  450. }
  451.  
  452. #asker {
  453. margin-bottom:2px;
  454. color:{color:Ask Text};
  455. font-style:normal;
  456. }
  457.  
  458. #asker a { color:{color:Ask Text}; }
  459.  
  460.  
  461.  
  462. /* Quote */
  463.  
  464.  
  465. #quote {
  466. margin-bottom:5px;
  467. display: -webkit-box;
  468. display: -moz-box;
  469. display: -ms-flexbox;
  470. display: -webkit-flex;
  471. display: flex;
  472. -webkit-flex-flow: row wrap;
  473. flex-flow:row nowrap;
  474. justify-content:flex-start;
  475. }
  476.  
  477. #quote p { margin-top:3px; font-size:7px; }
  478.  
  479. #q {
  480. margin:0 10px 0 0;
  481. flex: 0 0 20px;
  482. border-right:1px solid {color:Borders};
  483. font-size:30px;
  484. line-height:30px;
  485. }
  486.  
  487.  
  488. /* Chat */
  489.  
  490.  
  491. #lines { margin:0; padding:4px 5px; border-bottom:1px solid {color:Borders}; }
  492.  
  493. #lines:last-of-type { border-bottom:none; }
  494.  
  495.  
  496.  
  497. /* Permalink - Post information - Tags */
  498.  
  499.  
  500. .perma {
  501. margin-top:5px;
  502. padding:5px 10px;
  503. background:{color:Posts};
  504. color:{color:Perma};
  505. }
  506.  
  507. .perma a {
  508. margin-right:15px;
  509. display:inline-block;
  510. color:{color:Perma};
  511. }
  512.  
  513. .perma a:after {
  514. content:"";
  515. width:0px;
  516. height:1px;
  517. bottom:0;
  518. position:relative;
  519. display:block;
  520. background:{color:Accent Color};
  521. transition-duration: 0.4s;
  522. -moz-transition-duration: 0.4s;
  523. -webkit-transition-duration: 0.4s;
  524. -o-transition-duration: 0.4s;
  525. }
  526.  
  527. .perma a:hover { color:{color:Accent Color}; }
  528. .perma a:hover:after { width:100%; }
  529.  
  530. .tag { margin-top:3px; }
  531.  
  532. .t { display:none; }
  533.  
  534.  
  535.  
  536. /* Notes */
  537.  
  538.  
  539. .not {
  540. margin-top:10px;
  541. padding:10px 0;
  542. display:none;
  543. border-top:1px solid {color:Borders};
  544. font-size:{select:Body Font Size}px;
  545. letter-spacing:0;
  546. text-transform:none;
  547. }
  548.  
  549. .not a { margin:0; }
  550.  
  551. ol.notes {
  552. margin:0;
  553. padding:0;
  554. display:block;
  555. list-style-type:none;
  556. }
  557.  
  558. ol.notes li.note { padding:10px 0px; }
  559.  
  560. ol.notes li.note img.avatar { display:none; }
  561.  
  562.  
  563.  
  564. /* Header */
  565.  
  566.  
  567. header {
  568. margin:40px auto;
  569. padding:10px;
  570. {block:ifHeaderimage}
  571. display: -webkit-box;
  572. display: -moz-box;
  573. display: -ms-flexbox;
  574. display: -webkit-flex;
  575. display: flex;
  576. -webkit-flex-flow: row wrap;
  577. flex-flow:row nowrap;
  578. justify-content:space-between;
  579. {/block:ifHeaderimage}
  580. -webkit-box-sizing:border-box;
  581. -moz-box-sizing:border-box;
  582. box-sizing:border-box;
  583. background:{color:Header Background};
  584. color:{color:Header Text};
  585. font-family:{select:Header Font}, sans-serif;
  586. }
  587.  
  588. header h1 {
  589. margin:0 auto 10px auto;
  590. padding:0 0 5px 0;
  591. display:block;
  592. border-bottom:1px solid {color:Borders};
  593. color:{color:Title};
  594. }
  595.  
  596. {block:ifHeaderimage}
  597. .hm {
  598. margin-left:10px;
  599. flex:0 0 70px;
  600. border-left:1px solid {color:Borders};
  601. }
  602.  
  603. .hm img {
  604. width:60px;
  605. max-height:100%;
  606. margin-left:10px;
  607. -webkit-border-radius:{select:Header Image Shape};
  608. -moz-border-radius:{select:Header Image Shape};
  609. border-radius:{select:Header Image Shape};
  610. }
  611. {/block:ifHeaderimage}
  612.  
  613. .desc { margin:0 auto 5px auto; text-align:justify; }
  614.  
  615. nav { position:relative; display:block; }
  616.  
  617. nav a {
  618. margin:5px 15px 0 0;
  619. padding:5px 20px 0 0;
  620. display:inline-block;
  621. border-top:1px solid {color:Borders};
  622. color:{color:Navigation};
  623. }
  624.  
  625. nav a:before {
  626. content:"";
  627. width:0px;
  628. height:1px;
  629. top:-6px;
  630. position:relative;
  631. display:block;
  632. background:{color:Accent Color};
  633. transition-duration: 0.4s;
  634. -moz-transition-duration: 0.4s;
  635. -webkit-transition-duration: 0.4s;
  636. -o-transition-duration: 0.4s;
  637. }
  638.  
  639. nav a:hover:before { width:calc(100% + 20px); }
  640.  
  641. nav a:hover { color:{color:Accent Color}; }
  642.  
  643.  
  644.  
  645. /* Footer - Pagination - Manual Load */
  646.  
  647.  
  648. footer { margin:0 0 60px 0; text-align:center; }
  649.  
  650. footer a { margin:0 5px; }
  651.  
  652. {block:ifInfinitescroll}
  653. .pagination { display:none; }
  654.  
  655. #infscr-loading { display:none!important; }
  656. {/block:ifInfinitescroll}
  657.  
  658.  
  659.  
  660. /* Tooltips */
  661.  
  662.  
  663. #s-m-t-tooltip{
  664. max-width:300px;
  665. margin:25px 15px;
  666. padding:0 5px;
  667. z-index:999999;
  668. background:{color:Tooltips Background};
  669. color:{color:Tooltips Text};
  670. }
  671.  
  672.  
  673.  
  674. {CustomCSS}
  675.  
  676.  
  677.  
  678. </style>
  679.  
  680.  
  681. <!---- Scripts ---->
  682.  
  683.  
  684. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  685.  
  686. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  687. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  688. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  689. {block:IndexPage}{block:ifInfinitescroll}
  690. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  691. {/block:ifInfinitescroll}{/block:IndexPage}
  692.  
  693. <script>
  694. $(document).ready(function(){
  695. $('.n').click(function(){
  696. $(".not").slideToggle("slow");
  697. });
  698. $("[title],a[title],img[title]").style_my_tooltips({
  699. tip_follows_cursor:true,
  700. tip_delay_time:50,
  701. tip_fade_speed:500,
  702. attribute:"title"
  703. });
  704. $('.photo-slideshow').pxuPhotoset({
  705. lightbox: true,
  706. rounded: false,
  707. gutter: '5px',
  708. borderRadius: '0px',
  709. photoset: '.photo-slideshow',
  710. photoWrap: '.photo-data',
  711. photo: '.pxu-photo'
  712. });
  713. {block:IndexPage}
  714. {block:ifInfinitescroll}
  715. var $container = $('#wrapper');
  716. $container.infinitescroll({
  717. itemSelector :".posts_outer",
  718. navSelector : ".pagination",
  719. nextSelector : ".pagination a#next",
  720. loadingImg : "",
  721. loadingText : "<em></em>",
  722. bufferPx : 800,
  723. {block:ifManualLoad}
  724. errorCallback: function () { jQuery('a#load').delay(50).fadeOut(); },
  725. {/block:ifManualLoad}
  726. },
  727. function( newElements ) {
  728. resizeVideos();
  729. $(newElements).find('.photo-slideshow').pxuPhotoset({
  730. lightbox: true,
  731. rounded: false,
  732. gutter: '5px',
  733. borderRadius: '0px',
  734. photoset: '.photo-slideshow',
  735. photoWrap: '.photo-data',
  736. photo: '.pxu-photo'
  737. });
  738. });
  739. {block:ifManualLoad}
  740. $(window).unbind('.infscr');
  741. $('a#load').click(function() {
  742. $container.infinitescroll('retrieve');return false;
  743. });
  744. {/block:ifManualLoad}
  745. {/block:ifInfinitescroll}
  746. {/block:IndexPage}
  747. });
  748. </script>
  749.  
  750.  
  751.  
  752. </head>
  753. <body class="{select:Tumblr Controls}">
  754.  
  755.  
  756.  
  757. <section id="wrapper">
  758.  
  759.  
  760.  
  761.  
  762. <header>
  763. <div>
  764. {block:ShowTitle}<h1>{Title}</h1>{/block:ShowTitle}
  765. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  766. <nav>
  767. <a href="/">home</a>
  768. <a href="/ask">ask</a>
  769. <a href="/archive">archive</a>
  770. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  771. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  772. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  773. </div>
  774. {block:ifHeaderimage}<div class="hm"><img src="{image:Header}"/></div>{/block:ifHeaderimage}
  775. </header>
  776.  
  777.  
  778.  
  779. {block:Posts}
  780. <article class="posts_outer">
  781. <div class="posts">
  782.  
  783.  
  784. {block:ContentSource}
  785. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  786. {/block:SourceLogo}
  787. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  788. {/block:ContentSource}
  789.  
  790.  
  791. {block:Photo}
  792. <div id="photo">
  793. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  794. </div>
  795. {/block:Photo}
  796.  
  797.  
  798. {block:Photoset}
  799. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  800. {block:Photos}
  801. <div class="photo-data">
  802. <div class="pxu-photo">
  803. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  804. </div>
  805. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  806. </div>
  807. {/block:Photos}
  808. </div>
  809. {/block:Photoset}
  810.  
  811.  
  812. {block:Video}
  813. <div id="vid">{Video-500}</div>
  814. {/block:Video}
  815.  
  816.  
  817. {block:Audio}
  818. <table id="audio" border="0" cellpadding="0" cellspacing="0" width="100%">
  819. <tr>
  820. <td valign="middle" width="60px">{AudioPlayerWhite}</td>
  821. <td id="audio_text" valign="middle">
  822. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br/>by {Artist}{/block:Artist}
  823. </td>
  824. </tr>
  825. </table>
  826. {/block:Audio}
  827.  
  828.  
  829. {block:Text}
  830. {block:Title}<h2>{Title}</h2>{/block:Title}
  831. {Body}
  832. {/block:Text}
  833.  
  834.  
  835. {block:Link}
  836. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  837. {block:Description}{Description}{/block:Description}
  838. {/block:Link}
  839.  
  840.  
  841. {block:Answer}
  842. <table id="question" border="0" cellpadding="0" cellspacing="0" width="100%">
  843. <tr>
  844. <td valign="top" width="60px"><img src="{AskerPortraitURL-40}"></td>
  845. <td valign="top">
  846. <p id="asker">{Asker} asked:</p> {Question}
  847. </td>
  848. </tr>
  849. </table>
  850. {Answer}
  851. {/block:Answer}
  852.  
  853.  
  854. {block:Quote}
  855. <div id="quote">
  856. <div id="q">“</div>
  857. <div>{Quote} {block:Source}<p>— {Source}</p>{/block:Source}</div>
  858. </div>
  859. {/block:Quote}
  860.  
  861.  
  862. {block:Chat}
  863. {block:Title}<h2>{Title}</h2>{/block:Title}
  864. {block:Lines}
  865. <p id="lines">{block:Label}<b>{Label}</b>{/block:Label} {Line}</p>
  866. {/block:Lines}
  867. {/block:Chat}
  868.  
  869.  
  870. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp {/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  871.  
  872.  
  873.  
  874. </div>
  875.  
  876.  
  877.  
  878. <div class="perma">
  879. {block:IndexPage}
  880. <a href="{Permalink}">{DayOfMonth} {Month}</a>
  881. <a href="{Permalink}">{NoteCountWithLabel}</a>
  882. <a href="{ReblogURL}">Reblog</a>
  883. {/block:IndexPage}
  884.  
  885. {block:PermalinkPage}
  886. {block:Date}
  887. <a>{DayOfWeek}</a>
  888. <a>{DayOfMonth} {Month} {Year}</a>
  889. {block:Date}
  890. {block:NoteCount}
  891. <a class="n" title="show notes">{NoteCountWithLabel}</a>
  892. {/block:NoteCount}
  893. {block:RebloggedFrom}
  894. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  895. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  896. {/block:RebloggedFrom}
  897. {/block:PermalinkPage}
  898. {block:HasTags}<div class="tag{block:IndexPage} {block:ifnotShowTags}t{/block:ifnotShowTags}{/block:IndexPage}">
  899. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  900. </div>{/block:HasTags}
  901. {block:PermalinkPage}{block:PostNotes}<div class="not">{PostNotes}</div>{/block:PostNotes}{/block:PermalinkPage}
  902. </div>
  903.  
  904.  
  905.  
  906. </article>
  907. {/block:Posts}
  908. </section>
  909.  
  910.  
  911.  
  912. {block:IndexPage}
  913. <footer>
  914. {block:Pagination}<div class="pagination">
  915. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  916. {CurrentPage} / {TotalPages}
  917. {block:NextPage}<a href="{NextPage}"id="next">Next</a>{/block:NextPage}
  918. </div>{/block:Pagination}
  919. {block:ifInfinitescroll}{block:ifManualLoad}<a id="load" style="cursor:pointer">More</a>{/block:ifManualLoad}{/block:ifInfinitescroll}
  920. </footer>
  921. {/block:IndexPage}
  922.  
  923.  
  924.  
  925. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  926.  
  927.  
  928.  
  929. </body>
  930. </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!