API tools faq
paste
Advertisement
ladmilk

Forty Two

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