API tools faq
paste
Advertisement
kawaiibuu

Revival

kawaiibuu
Apr 8th, 2016
6,876
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5.  
  6. <!--
  7.  
  8. Created by softwaring.tumblr.com
  9. Download at jubileethemes.tumblr.com
  10.  
  11. Inspired by instagram and weheartit
  12.  
  13. All scripts copyrighted, please do not copy or reproduce them.
  14.  
  15. -->
  16.  
  17. <title>{Title}</title>
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}">
  20. {/block:Description}
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {Block:Hidden}
  25. <meta name="color:background" content="#fff"/>
  26. <meta name="color:borders" content="#efefef" />
  27. <meta name="color:captions background" content="#000" />
  28. <meta name="color:captions text" content="#FFF" />
  29. <meta name="color:links" content="#0000FF"/>
  30. <meta name="color:navigation" content="#FFF" />
  31. <meta name="color:post columns" content="#efefef"/>
  32. <meta name="color:text" content="#262626"/>
  33. <meta name="color:text accent" content="#a5a5a5"/>
  34. <meta name="color:title" content="#262626"/>
  35. <meta name="color:title inner" content="#fff"/>
  36. <meta name="color:question background" content="#efefef"/>
  37. <meta name="color:question text" content="#262626"/>
  38.  
  39. <meta name="image:background" content=""/>
  40. <meta name="image:icon" content=""/>
  41. <meta name="image:navigation background" content=""/>
  42.  
  43. <meta name="if:Alternate Post Sizes" content="1"/>
  44. <meta name="if:Content Borders" content="0"/>
  45. <meta name="if:Navigation Borders" content="0"/>
  46.  
  47. <meta name="text:Post Size" content="250"/>
  48. <meta name="text:Alternate Post Size" content="530"/>
  49. <meta name="text:Short Title" content=""/>
  50. <meta name="text:Link 1 Title" content=""/>
  51. <meta name="text:Link 1 URL" content=""/>
  52. <meta name="text:Link 2 Title" content=""/>
  53. <meta name="text:Link 2 URL" content=""/>
  54. <meta name="text:Link 3 Title" content=""/>
  55. <meta name="text:Link 3 URL" content=""/>
  56. <meta name="text:Link 4 Title" content=""/>
  57. <meta name="text:Link 4 URL" content=""/>
  58. <meta name="text:Link 5 Title" content=""/>
  59. <meta name="text:Link 5 URL" content=""/>
  60.  
  61. <meta name="select:Background Style" content="default" title="Color"/>
  62. <meta name="select:Background Style" content="fullscreen-background" title="Fullscreen"/>
  63. <meta name="select:Background Style" content="pattern-background" title="Tiled"/>
  64. <meta name="select:Background Style" content="gradient" title="Gradient"/>
  65.  
  66. <meta name="select:Body Font" content="Arial" title="Arial"/>
  67. <meta name="select:Body Font" content="Abel" title="Abel"/>
  68. <meta name="select:Body Font" content="courier new" title="Courier"/>
  69. <meta name="select:Body Font" content="Droid Sans" title="Droid Sans"/>
  70. <meta name="select:Body Font" content="Droid Serif" title="Droid Serif"/>
  71. <meta name="select:Body Font" content="Helvetica" title="Helvetica"/>
  72. <meta name="select:Body Font" content="Lato" title="Lato"/>
  73. <meta name="select:Body Font" content="Lora" title="Lora"/>
  74. <meta name="select:Body Font" content="PT Mono" title="PT Mono"/>
  75. <meta name="select:Body Font" content="Raleway" title="Raleway"/>
  76. <meta name="select:Body Font" content="Roboto" title="Roboto"/>
  77. <meta name="select:Body Font" content="Source Sans Pro" title="Source Sans Pro"/>
  78. <meta name="select:Body Font" content="PT Serif" title="PT Serif"/>
  79. <meta name="select:Body Font" content="Times New Roman" title="Times New Roman"/>
  80.  
  81. <meta name="select:Post Columns" content="2" title="Two">
  82. <meta name="select:Post Columns" content="3" title="Three">
  83. {/Block:Hidden}
  84. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  85. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  86. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Title Font}:400,700">
  87. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family={select:Body Font}:400,400italic,700,700italic">
  88. <style>
  89.  
  90. /* Imported Icons */
  91. @import url(http://weloveiconfonts.com/api/?family=entypo);
  92. [class*="entypo-"]:before {
  93. font-family: 'entypo', sans-serif; }
  94.  
  95. /* Fade-in Effect */
  96. @-webkit-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
  97. @-moz-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
  98. @-ms-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
  99. @-o-keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
  100. @keyframes intro { 0% {opacity: 0;} 100% {opacity: 1;} }
  101.  
  102. /* Tumblr Controls */
  103. .t_b .tmblr-iframe--desktop-logged-in-controls, .tmblr-iframe, .t_b #tumblr_controls, #tumblr_controls {
  104. top: 10px!important;
  105. right: 10px!important;
  106. position: fixed!important;
  107. z-index: 999999!important; }
  108. .t_w .tmblr-iframe--desktop-logged-in-controls, .t_w #tumblr_controls {
  109. -webkit-filter: invert(100%);
  110. -moz-filter: invert(100%);
  111. -o-filter: invert(100%);
  112. -ms-filter: invert(100%);
  113. filter: invert(100%);
  114. opacity: 0.5; }
  115. .t_g .tmblr-iframe--desktop-logged-in-controls, .t_g #tumblr_controls {
  116. -webkit-filter: invert(100%);
  117. -moz-filter: invert(100%);
  118. -o-filter: invert(100%);
  119. -ms-filter: invert(100%);
  120. filter: invert(100%);
  121. opacity: 0.5; }
  122.  
  123. /* Body and Background */
  124. body {
  125. font: 12px/1.5em "{select:Body Font}",sans-serif;
  126. -webkit-font-smoothing: antialiased;
  127. -moz-osx-font-smoothing: grayscale;
  128. color: {color:text};
  129. cursor: default;
  130.  
  131. -webkit-animation:intro 3s;
  132. -moz-animation:intro 3s;
  133. -ms-animation:intro 3s; }
  134.  
  135. .default { background:{color:background}; }
  136. .gradient {
  137. background:fixed;
  138. background-image:
  139. -o-linear-gradient(bottom, {color:background bottom}, {color:background top} );
  140. background-image: -moz-linear-gradient(bottom, {color:background bottom}, {color:background top});
  141. background-image: -webkit-linear-gradient(bottom, {color:background bottom}, {color:background top});
  142. background-image: -ms-linear-gradient(bottom, {color:background bottom}, {color:background top});
  143. background-image: linear-gradient(bottom, {color:background bottom}, {color:background top}); }
  144. .pattern-background {
  145. background: url({image:background})top left fixed repeat; }
  146. .fullscreen-background {
  147. background: url({image:background})center center fixed no-repeat;
  148. -webkit-background-size: cover;
  149. -moz-background-size: cover;
  150. -o-background-size: cover;
  151. background-size: cover; }
  152.  
  153. /* Links */
  154. a { text-decoration: none; color: {color:links}; cursor: pointer; }
  155.  
  156. /* Text Selection */
  157. ::selection { background: transparent; color: {color:text accent}; }
  158. ::-moz-selection { background: transparent; color: {color:text accent}; }
  159. ::-webkit-selection { background: transparent; color: {color:text accent}; }
  160.  
  161. /* Lightbox */
  162. #tumblr_lightbox {
  163. background: {color:background}!important; border: none;
  164. z-index: 99999999999999999999999999999999999999999!important; -webkit-transition: all 0.35s ease-in-out;
  165. -moz-transition: all 0.35s ease-in-out;
  166. -ms-transition: all 0.35s ease-in-out;
  167. -o-transition: all 0.35s ease-in-out;
  168. transition: all 0.35s ease-in-out; }
  169. #tumblr_lightbox img { opacity:0; }
  170. #tumblr_lightbox_caption {
  171. color: {color:text}!important;
  172. font: italic 12px/1.5em 'Source Sans Pro', sans-serif!important;
  173. letter-spacing: 2px!important;
  174. text-transform: uppercase!important; }
  175. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  176. padding:5px!important; border: none;
  177. background: {color:background}!important;
  178. -moz-box-shadow:none!important;
  179. -webkit-box-shadow:none!important;
  180. box-shadow:none!important;
  181. -moz-border-radius:0px!important;
  182. -webkit-border-radius:0px!important;
  183. border-radius:0px!important;
  184. opacity:1!important;
  185. -webkit-transition: all 0.35s ease-in-out;
  186. -moz-transition: all 0.35s ease-in-out;
  187. -ms-transition: all 0.35s ease-in-out;
  188. -o-transition: all 0.35s ease-in-out;
  189. transition: all 0.35s ease-in-out; }
  190. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  191. opacity: 0!important }
  192.  
  193. :focus { outline:none; }
  194. ::-moz-focus-inner { border:0; }
  195. .tumblr_video_container {
  196. width:auto!important;
  197. height:auto!important; }
  198.  
  199. /* Blockquotes */
  200. blockquote { margin: 2px 10px; text-align: justify;}
  201. blockquote img { max-width: 100%; }
  202.  
  203. /* List */
  204. ul { margin: 0px; }
  205. li {
  206. list-style: none;
  207. position: relative;
  208. text-indent: 5px;
  209. margin: 0px;
  210. padding: 2.5px 5px;
  211. text-align: center;
  212. -moz-text-align-last: left;
  213. text-align-last: left;
  214.  
  215. -webkit-transition: all 0.5s ease-in-out;
  216. -moz-transition: all 0.5s ease-in-out;
  217. -ms-transition: all 0.5s ease-in-out;
  218. -o-transition: all 0.5s ease-in-out;
  219. transition: all 0.5s ease-in-out; }
  220. li:hover {
  221. text-indent: 15px;
  222.  
  223. -webkit-transition: all 0.5s ease-in-out;
  224. -moz-transition: all 0.5s ease-in-out;
  225. -ms-transition: all 0.5s ease-in-out;
  226. -o-transition: all 0.5s ease-in-out;
  227. transition: all 0.5s ease-in-out; }
  228.  
  229. /* Posts */
  230. #content {
  231. margin: 0px auto;
  232. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns});
  233. min-height: 600px;
  234. background: {color:Post columns};
  235. border: 2px solid {block:ifcontentborders}{color:borders}{/block:ifcontentborders}{block:ifnotcontentborders}transparent{/block:ifnotcontentborders}; }
  236.  
  237. .post {
  238. position: relative;
  239. margin: 15px;
  240. width: calc({text:Post Size}px * {select:Post Columns});
  241. {block:IndexPage}
  242. width: {text:Post Size}px;
  243. height: {text:Post Size}px;
  244. {/block:IndexPage}
  245. overflow: hidden; }
  246.  
  247. .media img { display:none; }
  248. .media img:first-child { display:block; width:100%; }
  249. .post img { max-width:100%; height:auto; }
  250. .video { padding-bottom: 5px; }
  251. .tumblr_video_container { width: 100%!important; height: 100%!important; }
  252.  
  253. .text {
  254. {block:IndexPage}
  255. width: calc({text:Post Size}px + 17px);
  256. height: {text:Post Size}px;
  257. overflow-y: scroll;
  258. {/block:IndexPage}}
  259.  
  260. .photo-post {
  261. width:100%;
  262. height:100%;
  263. overflow:hidden;
  264. background: transparent center center no-repeat;
  265. background-size: cover; }
  266.  
  267. .photo_perma {
  268. position: absolute;
  269. width: 100%;
  270. height: 100%;
  271. background: rgba({RGBcolor:Captions background}, 0.55);
  272. z-index: 99;
  273. opacity: 0;
  274. color: {color:captions text};
  275. display:inline-flex;
  276. display: -webkit-flex;
  277. -moz-transition: all 2s ease-in-out;
  278. -ms-transition: all 2s ease-in-out;
  279. -o-transition: all 2s ease-in-out;
  280. transition: all 2s ease-in-out; }
  281. .photo_perma a { color: {color:captions text}; }
  282.  
  283. .post:hover .photo_perma {
  284. opacity: 1;
  285. -moz-transition: all 0.55s ease-in-out;
  286. -ms-transition: all 0.55s ease-in-out;
  287. -o-transition: all 0.55s ease-in-out;
  288. transition: all 0.55s ease-in-out }
  289.  
  290. .photo_perma .heart, .photo_perma .reb {
  291. margin: auto;
  292. text-transform: uppercase;
  293. letter-spacing: 1px; }
  294.  
  295. .photo_perma .reb:after {
  296. position:absolute;
  297. content:"reblog";
  298. font-size: 9px;
  299. font-weight: 500;
  300. opacity: 0;
  301.  
  302. -moz-transition: all 0.55s ease-in-out;
  303. -ms-transition: all 0.55s ease-in-out;
  304. -o-transition: all 0.55s ease-in-out;
  305. transition: all 0.55s ease-in-out; }
  306.  
  307. .photo_perma .reb:hover:after {
  308. opacity: 1;
  309. -moz-transition: all 0.55s ease-in-out;
  310. -ms-transition: all 0.55s ease-in-out;
  311. -o-transition: all 0.55s ease-in-out;
  312. transition: all 0.55s ease-in-out }
  313.  
  314. .text_perma {
  315. position: absolute;
  316. bottom: 5px;
  317. right: 5px;
  318. border-radius: 100%;
  319. background: rgba({RGBcolor:Captions background}, 0.75);
  320. padding: 10px;
  321. color: {color:Captions text};
  322. opacity: 0;
  323. {block:PermalinkPage} display: none; {/block:PermalinkPage}
  324. -moz-transition: all 0.55s ease-in-out;
  325. -ms-transition: all 0.55s ease-in-out;
  326. -o-transition: all 0.55s ease-in-out;
  327. transition: all 0.55s ease-in-out }
  328. .text_perma a { color: {color:Captions text}; }
  329.  
  330. .post:hover .text_perma {
  331. opacity:1;
  332. -moz-transition: all 0.55s ease-in-out;
  333. -ms-transition: all 0.55s ease-in-out;
  334. -o-transition: all 0.55s ease-in-out;
  335. transition: all 0.55s ease-in-out }
  336.  
  337. /* Navigation */
  338. #top_nav {
  339. margin: 100px auto 87px;
  340. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns}); }
  341.  
  342. .icon {
  343. width: 100px;
  344. height: 100px;
  345. background: url({image:icon}) center center no-repeat;
  346. background-size: cover;
  347. border-radius: 100%;
  348. border: 5px solid {color:navigation};
  349. z-index: 9999999!important; }
  350.  
  351. .icon-border {
  352. width: 110px;
  353. height: 110px;
  354. background: {color:navigation};
  355. border-radius: 100%;
  356. border: 2px solid {block:ifnavigationborders}{color:borders}{/block:ifnavigationborders}{block:ifnotnavigationborders}transparent{/block:ifnotnavigationborders}; }
  357.  
  358.  
  359. .top {
  360. position: absolute;
  361. height: 155px;
  362. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns});
  363. background: {color:navigation} url({image:navigation background}) center center no-repeat;
  364. background-size: cover;
  365. margin: -70px -2px;
  366. z-index: -100;
  367. border: 2px solid {block:ifnavigationborders}{color:borders}{/block:ifnavigationborders}{block:ifnotnavigationborders}transparent{/block:ifnotnavigationborders};
  368. border-bottom: none;
  369. -webkit-border-top-left-radius: 15px;
  370. -webkit-border-top-right-radius: 15px;
  371. -moz-border-radius-topleft: 15px;
  372. -moz-border-radius-topright: 15px;
  373. border-top-left-radius: 15px;
  374. border-top-right-radius: 15px; }
  375.  
  376. .bottom {
  377. position: absolute;
  378. height: 55px;
  379. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns});
  380. background: {color:navigation};
  381. margin: 30px 0px;
  382. border-top: 2px solid {block:ifnavigationborders}{color:borders}{/block:ifnavigationborders}{block:ifnotnavigationborders}transparent{/block:ifnotnavigationborders}; }
  383.  
  384. .bottom li {
  385. text-transform: uppercase;
  386. font-size: 1em;
  387. text-indent: 0px;
  388. letter-spacing: 2px;
  389. padding: 17.5px 10px;
  390. display: inline-block; }
  391.  
  392. .title {
  393. position: absolute;
  394. font-size: 3em;
  395. color: {color:Title Inner};
  396. letter-spacing: 3px;
  397. text-shadow: -1px -1px 0 {color:Title}, 1px -1px 0 {color:Title}, -1px 1px 0 {color:Title}, 1px 1px 0 {color:Title};
  398. margin: 110px 10px; }
  399.  
  400. .hidden { display: none!important; }
  401. #hidder { padding-left: 35px; }
  402.  
  403. #bottom {
  404. margin: 100px auto 87px;
  405. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns}); }
  406.  
  407. .bottom-inner {
  408. position: absolute;
  409. height: 100px;
  410. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns});
  411. background: {color:navigation} url({image:navigation background}) bottom center no-repeat;
  412. background-size: cover;
  413. margin: -102px -2px 150px;
  414. z-index: -100;
  415. border: 2px solid {block:ifnavigationborders}{color:borders}{/block:ifnavigationborders}{block:ifnotnavigationborders}transparent{/block:ifnotnavigationborders};
  416. -webkit-border-bottom-right-radius: 15px;
  417. -webkit-border-bottom-left-radius: 15px;
  418. -moz-border-radius-bottomright: 15px;
  419. -moz-border-radius-bottomleft: 15px;
  420. border-bottom-right-radius: 15px;
  421. border-bottom-left-radius: 15px; }
  422.  
  423. .bottom-inner-padding {
  424. position: absolute;
  425. height: 25px;
  426. width: calc(({text:Post Size}px + {block:IndexPage}30px{/block:IndexPage}{block:PermalinkPage}15px{/block:PermalinkPage}) * {select:Post Columns});
  427. background: {color:navigation};
  428. margin: 0px 0px;
  429. border-bottom: 2px solid {block:ifnavigationborders}{color:borders}{/block:ifnavigationborders}{block:ifnotnavigationborders}transparent{/block:ifnotnavigationborders}; }
  430.  
  431. .bottom-inner-padding li {
  432. text-transform: uppercase;
  433. font-size: 1em;
  434. text-indent: 0px;
  435. letter-spacing: 2px;
  436. padding: 5px 10px;
  437. display: inline-block; }
  438.  
  439. .date, .notes, .notess, .source {
  440. float: left;
  441. text-transform: uppercase;
  442. font-size: .75em;
  443. padding-left: 10px;
  444. }
  445.  
  446. .notes {
  447. float: none;
  448. }
  449.  
  450. .pagenotes {
  451. display: none;
  452. }
  453.  
  454. .question {
  455.  
  456. }
  457.  
  458. .asker-question {
  459. padding: 10px;
  460. background: {color:question background};
  461. }
  462.  
  463. .asker {
  464. text-transform: uppercase;
  465. letter-spacing: 1px;
  466. font-size: .75em;
  467. text-align: center;
  468. }
  469.  
  470. .answer { }
  471.  
  472. .answerer {
  473. text-transform: uppercase;
  474. letter-spacing: 1px;
  475. font-size: .75em;
  476. text-align: center;
  477.  
  478. }
  479.  
  480. .answerer-answer {
  481. margin-top: -10px;
  482. }
  483. </style>
  484. </head>
  485. <body class="{select:background style}">
  486.  
  487. <div id="top_nav">
  488. <div class="title">{text:short title}</div>
  489. <center><div class="icon-border"><div class="icon"></div></div></center>
  490. <div class="top"></div>
  491. <div class="bottom">
  492. <center>
  493. <li class="other"><a href="/">index</a></li>
  494. <li class="other" ><a href="/ask">message</a></li>
  495. <li class="moved"><a class="links">links</a></li>
  496. <li class="other" ><a href="/archive">grid</a></li>
  497. <li class="other" ><a href="http://softwaring.tumblr.com">credit</a></li>
  498. {block:iflink1title}<li class="hidden" id="hidder"><a href="{text:link 1 url}">{text:link 1 title}</a></li>{/block:iflink1title}
  499. {/block:iflink2title}<li class="hidden" id="hidder"><a href="{text:link 2 url}">{text:link 2 title}</a></li>{/block:iflink2title}
  500. {/block:iflink3title}<li class="hidden" id="hidder"><a href="{text:link 3 url}">{text:link 3 title}</a></li>{/block:iflink3title}
  501. {/block:iflink4title}<li class="hidden" id="hidder"><a href="{text:link 4 url}">{text:link 4 title}</a></li>{/block:iflink4title}
  502. {/block:iflink5title}<li class="hidden" id="hidder"><a href="{text:link 5 url}">{text:link 5 title}</a></li>{/block:iflink5title}
  503. </div></center>
  504. </div>
  505.  
  506. <div id="content">
  507. {block:Posts inlineMediaWidth="250" inlineNestedMediaWidth="250"}
  508. <!-- the area below removes the VIA and SOURCES of posts -->
  509. {block:ContentSource}
  510. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  511. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  512. {/block:SourceLogo}
  513. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  514. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  515. <div class="post" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  516.  
  517. {block:Text}<div class="text" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size};{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  518. <div class="text_perma"> <a href="{Permalink}" target="_blank">{NoteCount}N</a> </div>
  519. {block:Title} <h5> {Title} </h5> {/block:Title}
  520. {Body} </div>
  521. {/block:Text}
  522.  
  523. {block:Photo}
  524. {block:IndexPage}
  525. <div class="photo_perma"> <div class="heart">
  526. <a href="{Permalink}" target="_blank"> {NoteCount}N</a> </div>
  527. <div class="reb"> <a href="{ReblogURL}" target="_blank" class="details"> {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} </a>
  528. </div> </div> {/block:IndexPage}
  529. {block:PermalinkPage} <center> {LinkOpenTag} {/block:PermalinkPage}
  530. <div class="photo-post" style="background-image:url('{PhotoURL-HighRes}');" > </div>
  531. <div class="media"> <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/> </div>
  532. {block:PermalinkPage} {LinkCloseTag} </center> {/block:PermalinkPage}
  533. {/block:Photo}
  534.  
  535. {block:Panorama}
  536. {block:IndexPage}
  537. <div class="photo_perma"> <div class="heart">
  538. <a href="{Permalink}" target="_blank"> {NoteCount}N </a> </div>
  539. <div class="reb">
  540. <a href="{ReblogURL}" target="_blank" class="details">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  541. </div> </div> {/block:IndexPage}
  542. {block:PermalinkPage} {LinkOpenTag} {/block:PermalinkPage}
  543. {block:Photos} <div class="photo-post" style="background-image:url('{PhotoURL-Panorama}');"> </div> {/block:Photos}
  544. <div class="media"> {block:Photos} <img src="{PhotoURL-Panorama}"> {/block:Photos} </div>
  545. {block:PermalinkPage} {LinkCloseTag} {/block:PermalinkPage}
  546. {/block:Panorama}
  547.  
  548. {block:Photoset}
  549. {block:IndexPage}
  550. <div class="photo_perma"> <div class="heart">
  551. <a href="{Permalink}" target="_blank"> {NoteCount}N </a> </div>
  552. <div class="reb">
  553. <a href="{ReblogURL}" target="_blank" class="details">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a>
  554. </div></div>{/block:IndexPage}
  555. {block:IndexPage} {block:Photos}
  556. <div class="photo-post" style="background-image:url('{PhotoURL-HighRes}');" > </div> {/block:Photos}
  557. <div class="media"> {block:Photos} <img src="{PhotoURL-HighRes}"> {/block:Photos} </div>
  558. {/block:IndexPage} {block:PermalinkPage}
  559. <center>
  560. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}"> {block:Photos}
  561. <div class="photo-data"> <div class="pxu-photo">
  562. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" style=" width: 100%; margin-bottom: -3px;">
  563. </div>
  564. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"> </a>
  565. </div> {/block:Photos}
  566. </div></center>
  567. {/block:PermalinkPage}
  568. {/block:Photoset}
  569.  
  570. {block:Link}
  571. <div class="text" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size};{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  572. <div class="text_perma"> <a href="{Permalink}" target="_blank"> {NoteCount}N </a> </div>
  573. <h3> <a href="{URL}" class="link" {Target}>{Name}</a> </h3>
  574. <small style="text-transform: uppercase; letter-spacing: 1px; font-size: 9px;">{block:Excerpt}{Excerpt}<br>{/block:Excerpt}
  575. {block:Author}{Author}{/block:Author}</small>
  576. {block:Description} <div class="link-body">{Description}</div> {/block:Description} </div>
  577. {/block:Link}
  578.  
  579. {block:Quote}
  580. <div class="text" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size};{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  581. <div class="text_perma"> <a href="{Permalink}" target="_blank"> {NoteCount}N </a> </div>
  582. <h5> {Quote} </h5>
  583. {block:Source}<center> <small style="text-transform: uppercase; letter-spacing: 1px;"> &mdash; {Source} </small> </center> {/block:Source} </div>
  584. {/block:Quote}
  585.  
  586. {block:Chat}
  587. <div class="text" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size};{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  588. <div class="text_perma"><a href="{Permalink}" target="_blank"> {NoteCount}N </a> </div>
  589. {block:Title} <h5> {Title} </h5> {/block:Title}
  590.  
  591. {block:Lines}
  592. <div class="line">
  593. <li class="{Alt} user_{UserNumber}" style="list-style: none">
  594. {block:Label} <div class="label" style="display: inline-block; font-weight: 700; margin-right: 5px;"> {Label} </div> {/block:Label}
  595. {Line} </li> </div> {/block:Lines} </div>
  596. {/block:Chat}
  597.  
  598. {block:Audio}
  599. <div class="text" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size};{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  600. <div class="text_perma"> <a href="{Permalink}" target="_blank"> {NoteCount}N </a> </div>
  601. {block:AlbumArt} <img src="{AlbumArtURL}"/> {/block:AlbumArt}
  602. {AudioPlayer} </div>
  603. {/block:Audio}
  604.  
  605. {block:Video}
  606. <div class="text_perma"> <a href="{Permalink}" target="_blank">{NoteCount}N</a> </div>
  607. {block:IndexPage} <div class="video"> {VideoEmbed-250} </div>
  608. {/block:IndexPage}
  609. {block:PermalinkPage} {VideoEmbed-500} {/block:PermalinkPage}
  610. {/block:Video}
  611.  
  612. {block:Answer}
  613. <div class="text_perma"> <a href="{Permalink}" target="_blank">{NoteCount}N</a> </div>
  614. <div class="text" {block:IfAlternatePostSizes}style="{block:Post3}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size};{/block:Post3}{block:Post8}width:{text:Alternate Post Size}px;height:{text:Alternate Post Size}px;{/block:Post8}"{/block:IfAlternatePostSizes}>
  615. <div class="question">
  616. <div class="asker-question"> {Question} </div>
  617. <div class="asker"> {lang:Asker asked} </div>
  618. </div>
  619. {block:Answerer} <div class="answer">
  620. <div class="answerer"> {Answerer} </div>
  621. <div class="answerer-answer"> {Answer} </div>
  622. </div> {/block:Answerer}
  623. <div class="replies"> <br>{Replies} </div>
  624. </div>
  625. {/block:Answer}
  626.  
  627. {block:PermalinkPage}
  628. {block:Caption} <div class="caapp">
  629. {Caption} </div> {/block:Caption}
  630. {block:date}
  631. <div class="perma_main">
  632. {block:PermalinkPagination} {block:PreviousPost}
  633. <div class="date"> <a href="{PreviousPost}"> previous post </a> </div>
  634. {/block:PreviousPost} {/block:PermalinkPagination}
  635. <div class="date"> {TimeAgo} </div>
  636. <div class="notess"> {NoteCountwithLabel} </div>
  637. {block:RebloggedFrom} <div class="source"> <a href="{ReblogParentURL}"> via </a> </div>
  638. <div class="source"> <a href="{ReblogRootURL}"> SourCe </a> </div> {/block:RebloggedFrom}
  639. {block:PermalinkPagination} {block:NextPost}
  640. <div class="date"> <a href="{NextPost}"> next post </a> </div> {/block:NextPost} {/block:PermalinkPagination}
  641. </div> {/block:date} {/block:PermalinkPage}
  642. </div> {/block:Posts} </div>
  643.  
  644. <div id="bottom">
  645. <div class="bottom-inner"> <div class="bottom-inner-padding">
  646. <li> <a class="scrollt"> scroll to top </a> </li>
  647. {block:Pagination} {block:NextPage}
  648. <div id="clicker" style="float:right;">
  649. <li><a>load more post</a></li>
  650. <a href="{NextPage}" id="nextpage" style="display: none;" > next </a>
  651. {/block:NextPage} {/block:Pagination} </div> </div> </div>
  652. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  653. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  654. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  655. <script src="http://static.tumblr.com/mqkrxog/293nfwao1/masonry.js"></script>
  656. <script src="http://static.tumblr.com/mqkrxog/7g3nfwaof/masonry1.js"></script>
  657. <script src="http://static.tumblr.com/mqkrxog/y5Ongpsyr/infinite.js"></script>
  658. <script type="text/javascript">
  659. $(document).ready(function() {
  660. $('.photo-slideshow').pxuPhotoset({
  661. lightbox: true,
  662. rounded: false,
  663. gutter: '0px',
  664. borderRadius: '0px',
  665. photoset: '.photo-slideshow',
  666. photoWrap: '.photo-data',
  667. photo: '.pxu-photo'
  668. });
  669. $("a.links").click(function(){
  670. $("li.other").fadeToggle(0);
  671. $("li.moved").toggleClass('move');
  672. $("li#hidder").toggleClass('hidden');
  673. var $this = $(this);
  674. $this.toggleClass('Links');
  675. if($this.hasClass('Links')){
  676. $this.text('Close');
  677. } else {
  678. $this.text('Links');
  679. }
  680. });
  681. $('a.scrollt').click(function() {
  682. $('body, html').animate({scrollTop:0}, 1500);
  683. });
  684. var $container = $('#content');
  685. $container.imagesLoaded( function(){
  686. $container.masonry({
  687. itemSelector: '.post'
  688. });
  689. });
  690. $container.infinitescroll({
  691. loading: {
  692. selector: null,
  693. speed: 'fast',
  694. start: undefined
  695. },
  696. navSelector : 'a#nextpage',
  697. nextSelector : 'a#nextpage',
  698. itemSelector : '.post',
  699. bufferPx : 1250
  700. },
  701. function( newElements ) {
  702. var $newElems = $( newElements );
  703. $newElems.hide();
  704. $newElems.find('a.perma').click(function(){
  705. $(this).closest('.post').find('#tags').fadeToggle(600);
  706. });
  707. // Script by Jubilee / Softwaring.tumblr.com / Jubileethemes
  708. $newElems.find('.photo-slideshow').pxuPhotoset({
  709. lightbox: true,
  710. rounded: false,
  711. borderRadius: '0px',
  712. gutter: '0px',
  713. photoset: '.photo-slideshow',
  714. photoWrap: '.photo-data',
  715. photo: '.pxu-photo'
  716. });
  717. $newElems.imagesLoaded(function(){
  718. $container.masonry( 'appended', $newElems, {isAnimated: true}, function(){$newElems.animate({opacity:'toggle' },600);});
  719. });
  720. });
  721. jQuery(window).unbind('.infscr');
  722. jQuery('#clicker').click(function(){
  723. jQuery('#content').infinitescroll('retrieve');
  724. return false;
  725. });
  726. });
  727. </script>
  728. </body>
  729. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!