zojoh

Thirty Eight

Nov 17th, 2013
7,343
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!---
  5.  
  6. Theme #38 by Heidi @ladmilk
  7.  
  8. Credit:
  9. Masonry: (masonry.desandro.com)
  10. Imageloaded: (imagesloaded.desandro.com)
  11. Infinitescroll: Paulirish (https://github.com/infinite-scroll/infinite-scroll)
  12. Tool-tips: Malihu (manos.malihu.gr/style-my-tooltips-jquery-plugin/)
  13. Photoset: PixelUnion (https://github.com/PixelUnion/Extended-Tumblr-Photoset)
  14. Video Resizing: Shy Themes (http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos)
  15. Icons: Tumblr
  16.  
  17. Inspiration: dribbble, shythemes (cerise theme)
  18.  
  19. ---->
  20.  
  21. <head>
  22. <title>{Title}</title>
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. <link rel="shortcut icon" href="{Favicon}">
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  28.  
  29.  
  30. <meta name="color:Background" content="#f6f6f6" />
  31. <meta name="color:Posts" content="#ffffff" />
  32. <meta name="color:Text" content="#888888" />
  33. <meta name="color:Post Title" content="#222222" />
  34. <meta name="color:Post Text" content="#888888" />
  35. <meta name="color:Links" content="#444444" />
  36. <meta name="color:Links Hover" content="#cccccc" />
  37. <meta name="color:Bold" content="#444444" />
  38. <meta name="color:Italic" content="#cccccc" />
  39. <meta name="color:Blockquote" content="#eeeeee" />
  40. <meta name="color:Outline" content="#ffffff" />
  41. <meta name="color:Borders" content="#eeeeee" />
  42. <meta name="color:Accent" content="#9ad7b9" />
  43.  
  44. <meta name="color:Timeline" content="#bbe4d0" />
  45. <meta name="color:Weekday" content="#bbe4d0" />
  46. <meta name="color:Weekday Text" content="#ffffff" />
  47. <meta name="color:Reblog Background" content="#56bc8a" />
  48. <meta name="color:Like Background" content="#d95e40" />
  49.  
  50. <meta name="color:Ask" content="#f5f5f5" />
  51. <meta name="color:Ask Text" content="#999999" />
  52.  
  53. <meta name="color:Scroll" content="#ffffff" />
  54. <meta name="color:Scrollbar" content="#cccccc" />
  55.  
  56.  
  57. <meta name="image:Icon" content="" />
  58. <meta name="image:Pop Up" content="" />
  59.  
  60.  
  61. <meta name="if:Sticky Button" content="1" />
  62. <meta name="if:Weekday" content="1" />
  63. <meta name="if:Timeline" content="1" />
  64. <meta name="if:Show Captions" content="0" />
  65. <meta name="if:Infinitescroll" content="0" />
  66. <meta name="if:Manual Load" content="0" />
  67.  
  68.  
  69. <meta name="select:Tumblr Controls" content="t_w" title="White" />
  70. <meta name="select:Tumblr Controls" content="t_g" title="Grey" />
  71. <meta name="select:Tumblr Controls" content="t_b" title="Black" />
  72.  
  73. <meta name="select:Timeline" content="1" title="1px" />
  74. <meta name="select:Timeline" content="2" title="2px" />
  75. <meta name="select:Timeline" content="3" title="3px" />
  76.  
  77. <meta name="select:Header Layout" content="l_popup" title="Pop up" />
  78. <meta name="select:Header Layout" content="l_normal" title="Normal" />
  79.  
  80. <meta name="select:Tags" content="t_show" title="Show" />
  81. <meta name="select:Tags" content="t_hover" title="Hover" />
  82. <meta name="select:Tags" content="t_click" title="Click" />
  83. <meta name="select:Tags" content="t_none" title="None" />
  84.  
  85. <meta name="select:Post Avatar" content="p_show" title="Show" />
  86. <meta name="select:Post Avatar" content="p_hover" title="Hover" />
  87. <meta name="select:Post Avatar" content="p_click" title="Click" />
  88. <meta name="select:Post Avatar" content="p_none" title="None" />
  89.  
  90. <meta name="select:Post Size" content="200" title="200px" />
  91. <meta name="select:Post Size" content="250" title="250px" />
  92. <meta name="select:Post Size" content="300" title="300px" />
  93. <meta name="select:Post Size" content="350" title="350px" />
  94. <meta name="select:Post Size" content="400" title="400px" />
  95. <meta name="select:Post Size" content="450" title="450px" />
  96. <meta name="select:Post Size" content="500" title="500px" />
  97.  
  98. <meta name="select:Post Size Permalinkpage" content="200" title="200px" />
  99. <meta name="select:Post Size Permalinkpage" content="250" title="250px" />
  100. <meta name="select:Post Size Permalinkpage" content="300" title="300px" />
  101. <meta name="select:Post Size Permalinkpage" content="350" title="350px" />
  102. <meta name="select:Post Size Permalinkpage" content="400" title="400px" />
  103. <meta name="select:Post Size Permalinkpage" content="450" title="450px" />
  104. <meta name="select:Post Size Permalinkpage" content="500" title="500px" />
  105.  
  106. <meta name="select:Padding" content="5" title="5px" />
  107. <meta name="select:Padding" content="10" title="10px" />
  108. <meta name="select:Padding" content="15" title="15px" />
  109. <meta name="select:Padding" content="20" title="20px" />
  110. <meta name="select:Padding" content="30" title="30px" />
  111.  
  112. <meta name="select:Margin" content="30" title="30px" />
  113. <meta name="select:Margin" content="40" title="40px" />
  114. <meta name="select:Margin" content="50" title="50px" />
  115. <meta name="select:Margin" content="60" title="60px" />
  116.  
  117.  
  118. <meta name="text:Header Text" content="" />
  119. <meta name="text:Navigation Title" content="navigation" />
  120. <meta name="text:Links Title" content="" />
  121. <meta name="text:Link1" content="" />
  122. <meta name="text:Title1" content="" />
  123. <meta name="text:Link2" content="" />
  124. <meta name="text:Title2" content="" />
  125. <meta name="text:Link3" content="" />
  126. <meta name="text:Title3" content="" />
  127. <meta name="text:Link4" content="" />
  128. <meta name="text:Title4" content="" />
  129.  
  130.  
  131. <link href="http://static.tumblr.com/3yblkz0/EkLnyuqmx/pxu_ps.css" rel="stylesheet" type="text/css"/>
  132.  
  133.  
  134. <!----------- Font ---------------->
  135.  
  136.  
  137. <meta name="select:Body Font" content="Open Sans" title="Open Sans" />
  138. <meta name="select:Body Font" content="Lato" title="Lato" />
  139. <meta name="select:Body Font" content="Roboto" title="Roboto" />
  140. <meta name="select:Body Font" content="calibri" title="Calibri" />
  141. <meta name="select:Body Font" content="helvetica" title="Helvetica" />
  142. <meta name="select:Body Font" content="trebuchet ms" title="Trebuchet ms" />
  143. <meta name="select:Body Font" content="Lora" title="Lora" />
  144. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif" />
  145. <meta name="select:Body Font" content="cambria" title="Cambria" />
  146. <meta name="select:Body Font" content="georgia" title="Georgia" />
  147. <meta name="select:Body Font" content="times new roman" title="Times New Roman" />
  148. <meta name="select:Body Font" content="courier" title="Courier" />
  149. <meta name="select:Body Font" content="consolas" title="Consolas" />
  150. <meta name="select:Body Font" content="lucida console" title="Lucida Console" />
  151.  
  152. <meta name="select:Body Font Size" content="8" title="8px" />
  153. <meta name="select:Body Font Size" content="9" title="9px" />
  154. <meta name="select:Body Font Size" content="10" title="10px" />
  155. <meta name="select:Body Font Size" content="11" title="11px" />
  156. <meta name="select:Body Font Size" content="12" title="12px" />
  157.  
  158. <meta name="select:Title Font" content="Open Sans" title="Open Sans" />
  159. <meta name="select:Title Font" content="Lato" title="Lato" />
  160. <meta name="select:Title Font" content="Roboto" title="Roboto" />
  161. <meta name="select:Title Font" content="calibri" title="Calibri" />
  162. <meta name="select:Title Font" content="helvetica" title="Helvetica" />
  163. <meta name="select:Title Font" content="trebuchet ms" title="Trebuchet ms" />
  164. <meta name="select:Title Font" content="Lora" title="Lora" />
  165. <meta name="select:Title Font" content="Droid Serif" title="Droid Serif" />
  166. <meta name="select:Title Font" content="cambria" title="Cambria" />
  167. <meta name="select:Title Font" content="georgia" title="Georgia" />
  168. <meta name="select:Title Font" content="times new roman" title="Times New Roman" />
  169. <meta name="select:Title Font" content="courier" title="Courier" />
  170. <meta name="select:Title Font" content="consolas" title="Consolas" />
  171. <meta name="select:Title Font" content="lucida console" title="Lucida Console" />
  172.  
  173. <meta name="select:Accent Font" content="Open Sans" title="Open Sans" />
  174. <meta name="select:Accent Font" content="Lato" title="Lato" />
  175. <meta name="select:Accent Font" content="Roboto" title="Roboto" />
  176. <meta name="select:Accent Font" content="calibri" title="Calibri" />
  177. <meta name="select:Accent Font" content="helvetica" title="Helvetica" />
  178. <meta name="select:Accent Font" content="trebuchet ms" title="Trebuchet ms" />
  179. <meta name="select:Accent Font" content="Lora" title="Lora" />
  180. <meta name="select:Accent Font" content="Droid Serif" title="Droid Serif" />
  181. <meta name="select:Accent Font" content="cambria" title="Cambria" />
  182. <meta name="select:Accent Font" content="georgia" title="Georgia" />
  183. <meta name="select:Accent Font" content="times new roman" title="Times New Roman" />
  184. <meta name="select:Accent Font" content="courier" title="Courier" />
  185. <meta name="select:Accent Font" content="consolas" title="Consolas" />
  186. <meta name="select:Accent Font" content="lucida console" title="Lucida Console" />
  187.  
  188. <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' />
  189.  
  190. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  191.  
  192.  
  193. <style type="text/css">
  194.  
  195.  
  196.  
  197. /* Tumblr Controls */
  198.  
  199.  
  200. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  201. top:0%!important;
  202. right:0%!important;
  203. position:fixed!important;
  204. z-index:999999999!important;
  205. }
  206.  
  207. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  208. -webkit-filter:invert(100%);
  209. -moz-filter:invert(100%);
  210. -o-filter:invert(100%);
  211. -ms-filter:invert(100%);
  212. filter:invert(100%);
  213. opacity:0.3;
  214. }
  215.  
  216. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  217. -webkit-filter:invert(70%);
  218. -moz-filter:invert(70%);
  219. -o-filter:invert(70%);
  220. -ms-filter:invert(70%);
  221. filter:invert(70%);
  222. opacity:0.4;
  223. }
  224.  
  225.  
  226.  
  227. /* Scrollbar */
  228.  
  229.  
  230. ::-webkit-scrollbar { width:11px; height:11px; }
  231.  
  232. ::-webkit-scrollbar-track-piece {
  233. background-color:{color:Scroll};
  234. border:5px solid {color:Background};
  235. }
  236. ::-webkit-scrollbar-thumb {
  237. background-color:{color:Scrollbar};
  238. border:5px solid {color:Background};
  239. }
  240.  
  241.  
  242.  
  243. /* Body - General */
  244.  
  245.  
  246. html, body { margin:0; padding:0; border:0; }
  247.  
  248. body {
  249. background-color:{color:Background};
  250. color:{color:Text};
  251. font-family:{select:Body Font}, sans-serif;
  252. font-size:{select:Body Font Size}px;
  253. line-height:140%;
  254. word-wrap:break-word;
  255. }
  256.  
  257. a {
  258. color:{color:Links};
  259. text-decoration:none;
  260. transition-duration: 0.4s;
  261. -moz-transition-duration: 0.4s;
  262. -webkit-transition-duration: 0.4s;
  263. -o-transition-duration: 0.4s;
  264. }
  265.  
  266. a:hover, .asker a:hover { color:{color:Links Hover}; }
  267.  
  268. .posts a { border-bottom:1px solid {color:Accent}; }
  269.  
  270. .posts a:hover { border-bottom:1px solid {color:Links Hover}; }
  271.  
  272. a img, a:hover img, .photo-slideshow a, .photo-slideshow a:hover, .asker a, .asker a:hover, .posts > h2 a, .posts > h2 a:hover { border:0; outline:0; }
  273.  
  274. b, strong { color:{color:Bold}; font-weight:bold; }
  275.  
  276. i, em { color:{color:Italic}; font-style:italic; }
  277.  
  278. h1, h2, h3, h4, h5 {
  279. margin:5px 0;
  280. font-size:120%;
  281. font-weight:normal;
  282. line-height:120%;
  283. }
  284.  
  285. .posts > h2 {
  286. margin-top:0;
  287. color:{color:Post Title};
  288. font-family:{select:Title Font}, sans-serif;
  289. font-size:140%;
  290. line-height:100%;
  291. font-weight:bold;
  292. }
  293.  
  294. .posts > h2:only-child { margin:0; }
  295.  
  296. .posts > h2 a { display:block; }
  297.  
  298. .perma, .hide, .weekday, #audio_info p, .posts_info li p, header nav, .modal nav p {
  299. font-family:{select:Accent Font}, sans-serif;
  300. font-size:8px;
  301. font-weight:bold;
  302. letter-spacing:1px;
  303. text-transform:uppercase;
  304. }
  305.  
  306. small, sub, sup { font-size:90%; }
  307.  
  308. big { font-size:110%; }
  309.  
  310. sub, sup, small, big { vertical-align:baseline; }
  311.  
  312. p { margin:5px 0; padding:0; }
  313.  
  314. p:first-of-type { margin-top:0; }
  315.  
  316. p:last-of-type { margin-bottom:0; }
  317.  
  318. pre {
  319. margin:5px 0;
  320. padding:2px 4px;
  321. background:#f4f4f4;
  322. white-space:pre-wrap;
  323. word-wrap:break-word;
  324. }
  325.  
  326. blockquote {
  327. margin:5px 0;
  328. padding:2px 0 2px 10px;
  329. border-left:1px solid {color:Blockquote};
  330. }
  331.  
  332. .cap { margin:5px 0 0 0; }
  333.  
  334. .cp { display:none; }
  335.  
  336. ul, ol { margin:5px 0px 5px 15px; padding:0; }
  337.  
  338. .dot, .weekday, .perma_avatar.rb:before, .like:before, .reblog:before, .icon, .icon img, .button {
  339. -webkit-border-radius:100%;
  340. -moz-border-radius:100%;
  341. border-radius:100%;
  342. }
  343.  
  344. .posts, .question, .perma_avatar img, .posts_info img, #tags a, ol.notes {
  345. -webkit-border-radius:2px;
  346. -moz-border-radius:2px;
  347. border-radius:2px;
  348. }
  349.  
  350. .posts, .t_hover, .p_hover, .icon, .button, .dot, .weekday {
  351. -webkit-transition: all 0.6s ease-in-out;
  352. -moz-transition: all 0.6s ease-in-out;
  353. -o-transition: all 0.6s ease-in-out;
  354. transition: all 0.6s ease-in-out;
  355. }
  356.  
  357. .clear { clear:both; }
  358.  
  359.  
  360.  
  361. /* Center Wrapper - Posts */
  362.  
  363.  
  364. .wrapper {
  365. {block:IndexPage}
  366. {block:ifTimeline}
  367. width:calc(({select:Post Size}px + {select:Padding}px*2 + 2px)*2 + 200px + {select:Timeline}px);
  368. min-height:80vh;
  369. {/block:ifTimeline}
  370. {block:ifnotTimeline}
  371. width:calc(({select:Post Size}px + {select:Padding}px*2 + 2px) + 100px);
  372. {/block:ifnotTimeline}
  373. {/block:IndexPage}
  374. {block:PermalinkPage}
  375. width:calc({select:Post Size Permalinkpage}px + {select:Padding}px*2 + 2px + 250px);
  376. border-top:1px solid {color:Borders};
  377. {/block:PermalinkPage}
  378. height:auto;
  379. margin:100px auto;
  380. padding:0;
  381. }
  382.  
  383. {block:ifnotIconImage}
  384. .l_normal .wrapper { margin:60px auto }
  385. {/block:ifnotIconImage}
  386.  
  387. .posts_outer {
  388. {block:IndexPage}
  389. width:calc({select:Post Size}px + {select:Padding}px*2 + 2px);
  390. margin:{select:Margin}px 50px;
  391. {/block:IndexPage}
  392. {block:PermalinkPage}
  393. width:calc({select:Post Size Permalinkpage}px + {select:Padding}px*2 + 2px);
  394. margin:50px auto;
  395. float:left;
  396. {/block:PermalinkPage}
  397. position:relative;
  398. display:block;
  399. z-index:3;
  400. }
  401.  
  402. {block:IndexPage}
  403. {block:ifTimeline}
  404. .posts_outer:nth-of-type(1), .posts_outer:nth-of-type(2) { margin-top:30px; }
  405.  
  406. .posts_outer[class~="1"].lef_t { margin-right:50.5px; }
  407. .posts_outer[class~="1"].righ_t { margin-left:50.5px; }
  408.  
  409. .posts_outer[class~="2"].lef_t { margin-right:51px; }
  410. .posts_outer[class~="2"].righ_t { margin-left:51px; }
  411.  
  412. .posts_outer[class~="3"].lef_t { margin-right:51.5px; }
  413. .posts_outer[class~="3"].righ_t { margin-left:51.5px; }
  414. {/block:ifTimeline}
  415. {/block:IndexPage}
  416.  
  417. .posts {
  418. {block:IndexPage}
  419. width:{select:Post Size}px;
  420. {/block:IndexPage}
  421. {block:PermalinkPage}
  422. width:{select:Post Size Permalinkpage}px;
  423. {/block:PermalinkPage}
  424. height:auto;
  425. padding:{select:Padding}px;
  426. border:1px solid {color:Outline};
  427. background:{color:Posts};
  428. color:{color:Post Text};
  429. }
  430.  
  431. .clicked .posts { border:1px solid {color:Timeline}; }
  432.  
  433.  
  434.  
  435. /* Image */
  436.  
  437.  
  438. .posts img, img :not(.lightbox-image) { max-width:100%; height:auto; }
  439.  
  440. #photo img { width:100%; display:block; }
  441.  
  442.  
  443.  
  444. /* Photoset */
  445.  
  446.  
  447. .tmblr-lightbox, #tumblr_lightbox { background:rgba({RGBcolor:Background}, 1)!important; }
  448.  
  449. .vignette, #vignette, .lightbox-caption, #tumblr_lightbox_caption { opacity:0!important; }
  450.  
  451. .lightbox-image, #tumblr_lightbox img {
  452. -webkit-border-radius:0px!important;
  453. -moz-border-radius:0px!important;
  454. border-radius:0px!important;
  455. -webkit-box-shadow:none!important;
  456. -moz-box-shadow:none!important;
  457. box-shadow:none!important;
  458. }
  459.  
  460.  
  461.  
  462. /* Video */
  463.  
  464.  
  465. #vid, #vid iframe { display:block; overflow:hidden; }
  466.  
  467.  
  468.  
  469. /* Audio */
  470.  
  471.  
  472. #audio_outer { width:100%; display:table; border:1px solid {color:Borders}; }
  473.  
  474. #audio {
  475. width:50px;
  476. display:table-cell;
  477. vertical-align:middle;
  478. border-right:1px solid {color:Borders};
  479. background:#fff;
  480. }
  481.  
  482. iframe.tumblr_audio_player {
  483. width:30px;
  484. height:30px;
  485. padding:10px;
  486. display:block;
  487. overflow:hidden;
  488. }
  489.  
  490. #audio_info {
  491. padding:10px 20px;
  492. display:table-cell;
  493. vertical-align:middle;
  494. background:#fff;
  495. }
  496.  
  497. #artist { margin-right:5px; color:#888; }
  498.  
  499. #album { color:#bbb; font-style:italic; }
  500.  
  501. iframe.soundcloud_audio_player { height:auto!important; display:block; }
  502.  
  503. iframe.spotify_audio_player { height:80px!important; display:block; }
  504.  
  505.  
  506.  
  507. /* Quote */
  508.  
  509.  
  510. #quote { font-size:120%; text-align:center; }
  511.  
  512. #source {
  513. margin-top:10px;
  514. padding-top:10px;
  515. position:relative;
  516. text-align:center;
  517. }
  518.  
  519. #source:before {
  520. content:"";
  521. width:70px;
  522. height:1px;
  523. top:0;
  524. left:50%;
  525. position:absolute;
  526. background:{color:Borders};
  527. -ms-transform: translateX(-50%);
  528. -webkit-transform: translateX(-50%);
  529. transform: translateX(-50%);
  530. }
  531.  
  532.  
  533.  
  534. /* Ask */
  535.  
  536.  
  537. .asker { margin-bottom:5px; color:{color:Ask Text}; font-weight:bold; }
  538.  
  539. .asker a { color:{color:Ask Text}; }
  540.  
  541. .question {
  542. margin-bottom:10px;
  543. padding:10px;
  544. background:{color:Ask};
  545. color:{color:Ask Text};
  546. }
  547.  
  548.  
  549.  
  550. {block:IndexPage}{block:ifTimeline}
  551. /* Timeline - Dots */
  552.  
  553.  
  554. .timeline {
  555. content:"";
  556. width:{select:Timeline}px;
  557. height:100%;
  558. top:0;
  559. position:fixed;
  560. background:{color:Timeline};
  561. z-index:1;
  562. }
  563.  
  564. .timeline[class~="1"] { left:calc(50% - .5px); }
  565. .timeline[class~="2"] { left:calc(50% - 1px); }
  566. .timeline[class~="3"] { left:calc(50% - 1.5px); }
  567.  
  568. .dot {
  569. width:5px;
  570. height:5px;
  571. top:5px;
  572. position:absolute;
  573. border:2px solid {color:Background};
  574. background:{color:Timeline};
  575. z-index:2;
  576. }
  577.  
  578. .dot[class~="1"] { right:-55px; }
  579. .dot[class~="3"], .dot[class~="2"] { right:-56px; }
  580. .dot[class~="2"] { width:6px; height:6px; }
  581.  
  582. .lef_t .dot[class~="1"] { right:-55px; }
  583. .righ_t .dot[class~="1"] { left:-55px; }
  584. .lef_t .dot[class~="3"], .lef_t .dot[class~="2"] { right:-56px; }
  585. .righ_t .dot[class~="3"], .righ_t .dot[class~="2"] { left:-56px; }
  586.  
  587.  
  588.  
  589. /* Weekday */
  590.  
  591.  
  592. .weekday {
  593. width:18px;
  594. height:18px;
  595. top:0;
  596. right:-35px;
  597. position:absolute;
  598. border:1px solid transparent;
  599. background:{color:Weekday};
  600. line-height:18px;
  601. text-align:center;
  602. }
  603.  
  604. #day {
  605. width:14px;
  606. height:18px;
  607. margin:0 auto;
  608. display:inline-block;
  609. overflow:hidden;
  610. color:{color:Weekday Text};
  611. }
  612.  
  613. .weekday:before {
  614. content:'';
  615. width:18px;
  616. height:18px;
  617. top:-1px;
  618. left:-1px;
  619. position:absolute;
  620. border:1px solid transparent;
  621. -webkit-border-radius:50% 50% 50% 0%;
  622. -moz-border-radius:50% 50% 50% 0%;
  623. border-radius:50% 50% 50% 0%;
  624. background:{color:Weekday};
  625. transform:rotate(-135deg);
  626. z-index:-1;
  627. }
  628.  
  629. .righ_t .weekday { left:-35px; right:auto; }
  630.  
  631. .righ_t .weekday:before { transform:rotate(45deg); }
  632.  
  633. {/block:ifTimeline}{/block:IndexPage}
  634.  
  635.  
  636.  
  637. /* Perma - Hide - Indexpage */
  638.  
  639.  
  640. .perma {
  641. margin-bottom:5px;
  642. padding-top:5px;
  643. text-align:right;
  644. cursor:pointer;
  645. }
  646.  
  647. .hide {
  648. max-height:20px;
  649. margin-top:-5px;
  650. margin-bottom:5px;
  651. position:relative;
  652. display:none;
  653. overflow:hidden;
  654. text-align:right;
  655. }
  656.  
  657. .hide a { margin:0 5px; }
  658.  
  659. .hide a:first-of-type, .lef_t .hide a:first-of-type { margin-right:0; float:right; clear:both; }
  660.  
  661. .righ_t .hide a:first-of-type { margin-left:0; margin-right:5px; float:none; }
  662.  
  663. .lef_t .perma, .lef_t .hide { text-align:right; }
  664. .righ_t .perma, .righ_t .hide { text-align:left; }
  665.  
  666.  
  667.  
  668. /* Posts Avatar - Indexpage */
  669.  
  670.  
  671. .perma_avatar { width:25px; height:25px; left:-40px; position:absolute; }
  672.  
  673. .lef_t .perma_avatar { left:-40px; }
  674.  
  675. .righ_t .perma_avatar { right:-40px; left:auto; }
  676.  
  677. .perma_avatar img { width:25px; height:25px; display:block; }
  678.  
  679. .perma_avatar.rb:after, .perma_avatar.rb:before, .like:before, .like:after, .reblog:before, .reblog:after {
  680. content:'';
  681. height:12px;
  682. width:12px;
  683. position:absolute;
  684. display:block;
  685. }
  686.  
  687. .perma_avatar.rb:before {
  688. bottom:-3px;
  689. right:-3px;
  690. border:1px solid transparent;
  691. background:{color:Reblog Background};
  692. }
  693.  
  694. .perma_avatar.rb:after {
  695. bottom:-2px;
  696. right:-2px;
  697. background-image:url('http://static.tumblr.com/3yblkz0/hFznz3hk0/arrow.png');
  698. background-position:-1px -1px;
  699. background-repeat:no-repeat;
  700. }
  701.  
  702.  
  703.  
  704. /* Tags - Indexpage */
  705.  
  706.  
  707. .tags { margin-top:5px; }
  708.  
  709. .tags a { margin-right:5px; }
  710.  
  711. .t_hover, .p_hover { opacity:0; }
  712.  
  713. .posts_outer:hover .t_hover, .posts_outer:hover .p_hover { opacity:1; }
  714.  
  715. .t_none, .t_click, .p_click, .p_none { display:none; }
  716.  
  717. {block:ifTimeline}
  718. .t_click {
  719. max-height:{select:Margin}px;
  720. overflow:hidden;
  721. text-overflow:ellipsis;
  722. white-space:nowrap;
  723. }
  724. {/block:ifTimeline}
  725.  
  726.  
  727. /* Post information - Tags - Permalinkpage */
  728.  
  729.  
  730. .posts_info {
  731. width:200px;
  732. margin:50px 0 50px 50px;
  733. float:left;
  734. box-sizing:border-box;
  735. }
  736.  
  737. .posts_info ul { margin:0; padding:0; list-style-type:none; }
  738.  
  739. .posts_info ul li { padding:10px 0; border-bottom:1px solid {color:Borders}; }
  740.  
  741. .posts_info ul li:first-of-type { padding-top:0; }
  742.  
  743. .posts_info li p { margin:0; }
  744.  
  745. .posts_info img {
  746. width:25px;
  747. height:25px;
  748. margin-left:10px;
  749. display:block;
  750. float:right;
  751. }
  752.  
  753. #tags a {
  754. margin-right:5px;
  755. margin-bottom:5px;
  756. padding:2px 4px;
  757. display:inline-block;
  758. background:rgba({RGBcolor:Weekday}, 1);
  759. color:{color:Weekday Text};
  760. }
  761.  
  762. #tags a:hover { background:rgba({RGBcolor:Weekday}, .6); }
  763.  
  764.  
  765.  
  766. /* Notes */
  767.  
  768.  
  769. ol.notes {
  770. max-height:300px;
  771. margin:30px 0;
  772. display:block;
  773. list-style-type:none;
  774. overflow:auto;
  775. }
  776.  
  777. ol.notes li.note {
  778. padding:10px 0 10px 25px;
  779. position:relative;
  780. display:block;
  781. border-bottom:1px solid {color:Borders};
  782. }
  783.  
  784. ol.notes li.note:first-of-type { border-top:1px solid {color:Borders}; }
  785.  
  786. ol.notes li.note img.avatar { display:none; }
  787.  
  788. .like:before, .reblog:before { top:10px; left:0; border:1px solid transparent; }
  789.  
  790. .like:before { background:{color:Like Background}; }
  791.  
  792. .reblog:before { background:{color:Reblog Background}; }
  793.  
  794. .like:after , .reblog:after { top:11px; left:1px; background-repeat:no-repeat; }
  795.  
  796. .like:after { background-image:url('http://static.tumblr.com/3yblkz0/JcBnz5ju5/like1.png'); background-position:-1px 0; }
  797.  
  798. .reblog:after { background-image:url('http://static.tumblr.com/3yblkz0/hFznz3hk0/arrow.png'); background-position:-1px -1px; }
  799.  
  800.  
  801.  
  802. /* Header - Bottom */
  803.  
  804.  
  805. header, footer {
  806. width:400px;
  807. top:0;
  808. margin:0 auto;
  809. position:relative;
  810. box-sizing:border-box;
  811. background:{color:Background};
  812. text-align:center;
  813. z-index:10;
  814. }
  815.  
  816. header { padding:60px 10px 30px 10px; }
  817. footer { padding:30px 10px 60px 10px; }
  818.  
  819. {block:IndexPage}{block:ifTimeline}
  820. header:before, footer:before {
  821. content:"";
  822. width:400px;
  823. height:30px;
  824. left:0;
  825. position:absolute;
  826. z-index:10;
  827. }
  828.  
  829. header:before {
  830. bottom:-30px;
  831. background: -moz-linear-gradient(top, rgba({RGBcolor:Background}, 1) 0%, rgba(255,255,255,0) 100%);
  832. background: -webkit-linear-gradient(top, rgba({RGBcolor:Background}, 1) 0%,rgba(255,255,255,0) 100%);
  833. background: linear-gradient(to bottom, rgba({RGBcolor:Background}, 1) 0%,rgba(255,255,255,0) 100%);
  834. }
  835.  
  836. footer:before {
  837. top:-30px;
  838. background: -moz-linear-gradient(bottom, rgba({RGBcolor:Background}, 1) 0%, rgba(255,255,255,0) 100%);
  839. background: -webkit-linear-gradient(bottom, rgba({RGBcolor:Background}, 1) 0%,rgba(255,255,255,0) 100%);
  840. background: linear-gradient(to top, rgba({RGBcolor:Background}, 1) 0%,rgba(255,255,255,0) 100%);
  841. }
  842. {/block:ifTimeline}{/block:IndexPage}
  843.  
  844. .title {
  845. margin-bottom:10px;
  846. font-family:{select:Title Font}, sans-serif;
  847. font-size:140%;
  848. letter-spacing:1px;
  849. text-transform:uppercase;
  850. }
  851.  
  852. .header_text { margin-bottom:10px; }
  853.  
  854. header .desc { margin-bottom:10px; }
  855.  
  856. header nav { margin-bottom:10px; }
  857.  
  858. header nav a { margin:0 5px; }
  859.  
  860. .l_normal .button { display:none; }
  861.  
  862. .l_popup header .desc, .l_popup header nav, .l_normal .header_text { display:none; }
  863.  
  864.  
  865.  
  866.  
  867. /* Icon - Button */
  868.  
  869.  
  870. .icon, .button {
  871. width:45px;
  872. height:45px;
  873. position:absolute;
  874. display:block;
  875. border:2px solid {color:Posts};
  876. background:{color:Posts};
  877. }
  878.  
  879. .icon {
  880. {block:IndexPage}
  881. {block:ifTimeline}bottom:calc(-49px - 10px - 30px);{/block:ifTimeline}
  882. {block:ifnotTimeline}bottom:calc(-49px - 10px);{/block:ifnotTimeline}
  883. {/block:IndexPage}
  884. {block:PermalinkPage}
  885. bottom:-49px;
  886. {/block:PermalinkPage}
  887. left:50%;
  888. -ms-transform: translateX(-50%);
  889. -webkit-transform: translateX(-50%);
  890. transform: translateX(-50%);
  891. }
  892.  
  893. .icon img { width:45px; height:45px; display:block; }
  894.  
  895. {block:ifnotIconImage}
  896. .l_normal .icon { width:0; height:0; border:0; }
  897. {/block:ifnotIconImage}
  898.  
  899. .button {
  900. top:-2px;
  901. left:-2px;
  902. {block:ifIconImage}
  903. opacity:0;
  904. {/block:ifIconImage}
  905. cursor:pointer;
  906. }
  907.  
  908. .icon:hover .button { opacity:1; }
  909.  
  910. #line {
  911. width:20px;
  912. height:1px;
  913. margin:22px auto;
  914. position:relative;
  915. background:{color:Accent};
  916. }
  917.  
  918. #line:before, #line:after {
  919. content:"";
  920. width:20px;
  921. height:1px;
  922. left:0;
  923. position:absolute;
  924. background:{color:Accent};
  925. }
  926.  
  927. #line:before { top:-6px; }
  928. #line:after { top:6px; }
  929.  
  930. {block:ifStickyButton}
  931. .sticky { top:0px; margin-top:10px; position:fixed; }
  932. {/block:ifStickyButton}
  933.  
  934.  
  935.  
  936. /* Pagination - Manual Load */
  937.  
  938.  
  939. footer { letter-spacing:1px; text-transform:uppercase; }
  940.  
  941. .pagination a { width:60px; margin-top:10px; display:inline-block; }
  942.  
  943. #load { margin-top:10px; display:inline-block; cursor:pointer; }
  944.  
  945. {block:ifInfinitescroll}
  946. .pagination { display:none; }
  947.  
  948. #infscr-loading { display:none!important; }
  949. {/block:ifInfinitescroll}
  950.  
  951.  
  952.  
  953. /* Overlay - Modal - Pop up */
  954.  
  955.  
  956. .overlay {
  957. width:100%;
  958. height:100%;
  959. top:0;
  960. left:0;
  961. position:fixed;
  962. display:none;
  963. background:rgba({RGBcolor:Background}, 1);
  964. z-index:999;
  965. cursor:pointer;
  966. }
  967.  
  968. .modal {
  969. width:{select:Post Size}px;
  970. top:50%;
  971. left:50%;
  972. padding:20px;
  973. position:fixed;
  974. display:none;
  975. text-align:center;
  976. z-index:9999;
  977. -ms-transform: translate(-50%, -50%);
  978. -webkit-transform: translate(-50%, -50%);
  979. transform: translate(-50%, -50%);
  980. }
  981.  
  982. .modal img {
  983. width:100%;
  984. margin-bottom:20px;
  985. padding:2px;
  986. display:block;
  987. background:#fff;
  988. box-sizing:border-box;
  989. }
  990.  
  991. .modal_inner { padding:20px 0; border-top:1px solid {color:Borders}; }
  992.  
  993. .modal .desc { margin-bottom:20px; }
  994.  
  995. .modal nav { margin-top:10px; }
  996.  
  997. .modal nav a { margin-right:5px; }
  998.  
  999. .modal nav p { margin:0 0 3px 0; color:{color:Accent}; font-weight:bold; }
  1000.  
  1001.  
  1002.  
  1003. /* Tooltips */
  1004.  
  1005.  
  1006. #s-m-t-tooltip{
  1007. max-width:300px;
  1008. margin:25px 15px;
  1009. padding:2px 5px;
  1010. z-index:999999;
  1011. background:{color:Posts};
  1012. color:inherit;
  1013. }
  1014.  
  1015.  
  1016.  
  1017. {CustomCSS}
  1018.  
  1019.  
  1020.  
  1021. </style>
  1022.  
  1023.  
  1024. <!---- Scripts ---->
  1025.  
  1026.  
  1027. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1028. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1029. <script src="http://static.tumblr.com/3yblkz0/Bu3nywvqg/shythemes_vr.js"></script>
  1030.  
  1031. <script>
  1032. $(document).ready(function(){
  1033. $("[title],a[title],img[title]").style_my_tooltips({
  1034. tip_follows_cursor:true,
  1035. tip_delay_time:0,
  1036. tip_fade_speed:400,
  1037. attribute:"title"
  1038. });
  1039. $('.photo-slideshow').pxuPhotoset({
  1040. lightbox: true,
  1041. rounded: false,
  1042. gutter: '3px',
  1043. borderRadius: '0px',
  1044. photoset: '.photo-slideshow',
  1045. photoWrap: '.photo-data',
  1046. photo: '.pxu-photo'
  1047. });
  1048. $('.perma').click( function() {
  1049. $(this).parent('.posts_outer').find(".hide").slideToggle();
  1050. $(this).parent('.posts_outer').toggleClass('clicked');
  1051. $(this).parent('.posts_outer').find('.t_click').fadeToggle();
  1052. $(this).parent('.posts_outer').find('.p_click').fadeToggle();
  1053. });
  1054. $('.button, .overlay').click( function(){
  1055. $('.overlay, .modal').fadeToggle();
  1056. });
  1057. {block:ifStickyButton}
  1058. var sticky = $('.icon').offset().top;
  1059. $(window).scroll(function(){
  1060. if( $(window).scrollTop() > sticky ) {
  1061. $('.icon').addClass('sticky');
  1062. } else {
  1063. $('.icon').removeClass('sticky');
  1064. }
  1065. });
  1066. {/block:ifStickyButton}
  1067. });
  1068. </script>
  1069.  
  1070. {block:PermalinkPage}
  1071. <script>
  1072. $(document).ready(function(){
  1073. var outer = {select:Post Size Permalinkpage} + {select:Padding}*2 + 2 + 250;
  1074. var outerPage = {select:Post Size Permalinkpage} + {select:Padding}*2 + 2;
  1075. if ($('.wrapper .posts_info').length > 0){ $('.wrapper').css( "width", outer ); } else { $('.wrapper').css( "width", outerPage ); }
  1076. });
  1077. </script>
  1078. {/block:PermalinkPage}
  1079.  
  1080.  
  1081.  
  1082. </head>
  1083. <body class="{select:Tumblr Controls} {select:Header Layout}">
  1084.  
  1085.  
  1086.  
  1087. <header>
  1088. {block:ShowTitle}<div class="title"><a href="/">{Title}</a></div>{/block:ShowTitle}
  1089. {block:ifHeaderText}<div class="header_text">{text:Header Text}</div>{/block:ifHeaderText}
  1090. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  1091. <nav>
  1092. <a href="/">home</a>
  1093. <a href="/ask">message</a>
  1094. <a href="/archive">grid</a>
  1095. <br />
  1096. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  1097. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  1098. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  1099. {block:ifLink4}<a href="{text:Link4}">{text:Title4}</a>{/block:ifLink4}
  1100. </nav>
  1101.  
  1102. <div class="icon">
  1103. {block:ifIconImage}<img src="{image:Icon}" />{/block:ifIconImage}
  1104. <div class="button"><div id="line"></div></div>
  1105. </div>
  1106. </header>
  1107.  
  1108.  
  1109. <div class="overlay"></div>
  1110. <div class="modal">
  1111. {block:ifPopUpImage}<img src="{image:Pop Up}" />{/block:ifPopUpImage}
  1112. <div class="modal_inner">
  1113. <div class="title"><a href="/">{Title}</a></div>
  1114. {block:ShowDescription}<div class="desc">{Description}</div>{/block:ShowDescription}
  1115. <nav>
  1116. {block:ifNavigationTitle}<p>{text:Navigation Title}</p>{/block:ifNavigationTitle}
  1117. <a href="/">home</a>
  1118. <a href="/ask">message</a>
  1119. <a href="/archive">grid</a>
  1120. </nav>
  1121. <nav>
  1122. {block:ifLinksTitle}<p>{text:Links Title}</p>{/block:ifLinksTitle}
  1123. {block:ifLink1}<a href="{text:Link1}">{text:Title1}</a>{/block:ifLink1}
  1124. {block:ifLink2}<a href="{text:Link2}">{text:Title2}</a>{/block:ifLink2}
  1125. {block:ifLink3}<a href="{text:Link3}">{text:Title3}</a>{/block:ifLink3}
  1126. {block:ifLink4}<a href="{text:Link4}">{text:Title4}</a>{/block:ifLink4}
  1127. </nav>
  1128. </div>
  1129. </div>
  1130.  
  1131.  
  1132. <section class="wrapper">
  1133. {block:IndexPage}{block:ifTimeline}<div class="timeline {select:Timeline}"></div>{/block:ifTimeline}{/block:IndexPage}
  1134.  
  1135.  
  1136. {block:Posts}
  1137. <article class="posts_outer {block:IndexPage}{select:Timeline}{/block:IndexPage}">
  1138.  
  1139.  
  1140. {block:IndexPage}
  1141. <div class="perma">
  1142. {block:ifTimeline}<div class="dot {select:Timeline}"></div>{block:ifWeekday}<div class="weekday"><div id="day">{ShortDayOfWeek}</div></div>{/block:ifWeekday}{/block:ifTimeline}
  1143. <div id="perma_click">{DayofMonth} {ShortMonth}, {Year}</div>
  1144. </div>
  1145.  
  1146. <div class="hide">
  1147. <a href="{Permalink}" target="_blank">{NoteCountWithLabel}</a>
  1148. <a href="{ReblogURL}" target="_blank">reblog</a>
  1149. </div>
  1150.  
  1151.  
  1152. <div class="perma_avatar {select:Post Avatar} {block:RebloggedFrom}rb{/block:RebloggedFrom}">
  1153. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="reblogged from {ReblogParentName}" target="_blank"><img src="{ReblogParentPortraitURL-30}"/></a>{/block:RebloggedFrom}
  1154. {block:NotReblog}<img src="{PostAuthorPortraitURL-30}" title="posted by {PostAuthorName}" />{/block:NotReblog}
  1155. </div>
  1156. {/block:IndexPage}
  1157.  
  1158.  
  1159. <div class="posts">
  1160.  
  1161.  
  1162. {block:ContentSource}
  1163. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1164. {/block:SourceLogo}
  1165. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1166. {/block:ContentSource}
  1167.  
  1168.  
  1169. {block:Photo}
  1170. <div id="photo">
  1171. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:IndexPage}
  1172. {block:PermalinkPage}
  1173. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  1174. {/block:PermalinkPage}
  1175. </div>
  1176. {/block:Photo}
  1177.  
  1178.  
  1179. {block:Photoset}
  1180. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1181. {block:Photos}
  1182. <div class="photo-data">
  1183. <div class="pxu-photo">
  1184. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1185. </div>
  1186. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1187. </div>
  1188. {/block:Photos}
  1189. </div>
  1190. {/block:Photoset}
  1191.  
  1192.  
  1193. {block:Video}
  1194. <div id="vid">{Video-500}</div>
  1195. {/block:Video}
  1196.  
  1197.  
  1198. {block:Audio}
  1199. <div id="audio_outer">
  1200. <div id="audio">{AudioPlayerWhite}</div>
  1201. <div id="audio_info">
  1202. {block:TrackName}<p><b>{TrackName}</b></p>{/block:TrackName}
  1203. {block:Artist}<span id="artist">{Artist}</span>{/block:Artist}
  1204. {block:Album}<span id="album">{Album}</span>{/block:Album}
  1205. </div>
  1206. </div>
  1207. {/block:Audio}
  1208.  
  1209.  
  1210. {block:Text}
  1211. {block:Title}<h2>{Title}</h2>{/block:Title}
  1212. {Body}
  1213. {/block:Text}
  1214.  
  1215.  
  1216. {block:Link}
  1217. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  1218. {block:Description}{Description}{/block:Description}
  1219. {/block:Link}
  1220.  
  1221.  
  1222. {block:Quote}
  1223. <div id="quote">“{Quote}”</div>
  1224. {block:Source}<div id="source">{Source}</div>{/block:Source}
  1225. {/block:Quote}
  1226.  
  1227.  
  1228. {block:Answer}
  1229. <div class="question"><div class="asker">message from {Asker}</div>{Question}</div>
  1230. {Answer}
  1231. {/block:Answer}
  1232.  
  1233.  
  1234. {block:Chat}
  1235. {block:Title}<h2>{Title}</h2>{/block:Title}
  1236. {block:Lines}<p>
  1237. {block:Label}
  1238. <b>{Label}</b>
  1239. {/block:Label}
  1240. {Line}</p>
  1241. {/block:Lines}
  1242. {/block:Chat}
  1243.  
  1244.  
  1245. {block:Caption}<div class="cap {block:IndexPage}{block:ifnotShowCaptions}cp{/block:ifnotShowCaptions}{/block:IndexPage}">{Caption}</div>{/block:Caption}
  1246.  
  1247.  
  1248. </div>
  1249.  
  1250.  
  1251. {block:IndexPage}{block:HasTags}<div class="tags {select:Tags}">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  1252.  
  1253.  
  1254. {block:PermalinkPage}{block:Posts}{PostNotes}{/block:Posts}{/block:PermalinkPage}
  1255.  
  1256.  
  1257. </article>
  1258.  
  1259.  
  1260. {block:PermalinkPage}
  1261. {block:Date}
  1262. <div class="posts_info"><ul>
  1263. {block:NotReblog}
  1264. <li><img src="{PostAuthorPortraitURL-30}" /> <p>posted by</p> <a href="{PostAuthorURL}">{PostAuthorName}</a> <div class="clear"></div></li>
  1265. {/block:NotReblog}
  1266. <li><p>date</p> {DayofMonth} {Month}, {Year}</li>
  1267. {block:RebloggedFrom}
  1268. <li><img src="{ReblogParentPortraitURL-30}" /> <p>reblogged from</p> <a href="{ReblogParentURL}">{ReblogParentName}</a> <div class="clear"></div></li>
  1269. <li><img src="{ReblogRootPortraitURL-30}" /> <p>originally by</p> <a href="{ReblogRootURL}">{ReblogRootName}</a> <div class="clear"></div></li>
  1270. {/block:RebloggedFrom}
  1271. {block:NoteCount}<li><p>Notes</p> {NoteCount}</li>{/block:NoteCount}
  1272. {block:HasTags}<li id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</li>{/block:HasTags}
  1273. </ul></div>
  1274. {/block:Date}
  1275. <div class="clear"></div>
  1276. {/block:PermalinkPage}
  1277.  
  1278.  
  1279. {/block:Posts}
  1280. </section>
  1281.  
  1282.  
  1283.  
  1284. {block:IndexPage}
  1285. <footer>
  1286. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">newer</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}</div>{/block:Pagination}
  1287.  
  1288. {block:ifInfinitescroll}{block:ifManualLoad}<a id="load">load more</a>{/block:ifManualLoad}{/block:ifInfinitescroll}
  1289. </footer>
  1290. {/block:IndexPage}
  1291.  
  1292.  
  1293.  
  1294. <a href="http://ladmilk.tumblr.com" style="padding:10px; bottom:5px; left:5px; position:fixed;" title="Theme by Heidi">cr.</a>
  1295.  
  1296.  
  1297.  
  1298. <!---- Scripts ---->
  1299.  
  1300.  
  1301. {block:IndexPage}
  1302. {block:ifTimeline}
  1303. <script src="http://static.tumblr.com/3yblkz0/Cs2nz27e5/masonry.pkgd.min.js"></script>
  1304. <script src="http://static.tumblr.com/3yblkz0/HfHnz2370/timeline_dots.js"></script>
  1305. {/block:ifTimeline}
  1306. <script src="http://static.tumblr.com/3yblkz0/qEunz27je/imagesloaded.pkgd.min.js"></script>
  1307. {block:ifInfinitescroll}
  1308. <script src="http://static.tumblr.com/3yblkz0/OZInz27pe/jquery.infinitescroll.min.js"></script>
  1309. {/block:ifInfinitescroll}
  1310.  
  1311.  
  1312. <script>
  1313. $(document).ready(function(){
  1314. var $container = $('.wrapper');
  1315. {block:ifTimeline}
  1316. $container.masonry({ itemSelector: '.posts_outer' }).on( 'layoutComplete', function(){ timeline_dots(); });
  1317. $container.imagesLoaded().progress(function(){ $container.masonry('layout'); });
  1318. if ($('.posts_outer').hasClass('lef_t')){$(this).removeClass('righ_t');};
  1319. {/block:ifTimeline}
  1320. {block:ifInfinitescroll}
  1321. $container.infinitescroll({
  1322. itemSelector : ".posts_outer",
  1323. navSelector : ".pagination",
  1324. nextSelector : ".pagination a",
  1325. loadingImg : "",
  1326. loadingText : "<em></em>",
  1327. bufferPx : 1000,
  1328. extraScrollPx: 500,
  1329. {block:ifManualLoad}
  1330. errorCallback: function () { jQuery('a#load').fadeOut(); },
  1331. {/block:ifManualLoad}
  1332. },
  1333. function( newElements ) {
  1334. resizeVideos();
  1335. $(newElements).find('.photo-slideshow').pxuPhotoset({
  1336. lightbox: true,
  1337. rounded: false,
  1338. gutter: '3px',
  1339. borderRadius: '0px',
  1340. photoset: '.photo-slideshow',
  1341. photoWrap: '.photo-data',
  1342. photo: '.pxu-photo'
  1343. });
  1344. $(newElements).find('.perma').click( function() {
  1345. $(this).parent('.posts_outer').find(".hide").slideToggle();
  1346. $(this).parent('.posts_outer').toggleClass('clicked');
  1347. $(this).parent('.posts_outer').find('.t_click').fadeToggle();
  1348. $(this).parent('.posts_outer').find('.p_click').fadeToggle();
  1349. });
  1350. var $newElems = $( newElements ).hide();
  1351. $newElems.imagesLoaded(function(){
  1352. $newElems.fadeIn();
  1353. {block:ifTimeline}
  1354. $container.masonry( 'appended', $newElems, true ).on( 'layoutComplete', function(){ timeline_dots(); });
  1355. {/block:ifTimeline}
  1356. });
  1357. });
  1358. {block:ifnotManualLoad}
  1359. if($(window).height() >= $(document).height()){
  1360. $container.infinitescroll('retrieve'); return false;
  1361. };
  1362. {/block:ifnotManualLoad}
  1363. {block:ifManualLoad}
  1364. $(window).unbind('.infscr');
  1365. $('a#load').click(function() {
  1366. $container.infinitescroll('retrieve'); return false;
  1367. });
  1368. {/block:ifManualLoad}
  1369. {/block:ifInfinitescroll}
  1370. });
  1371. </script>
  1372. {/block:IndexPage}
  1373.  
  1374.  
  1375.  
  1376. </body>
  1377. </html>
RAW Paste Data