daily pastebin goal
10%
SHARE
TWEET

Thirty Eight

zojoh Nov 17th, 2013 (edited) 6,583 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
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
 
Top