API tools faq
paste
Advertisement
zojoh

Thirty Five

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