API tools faq
paste
Advertisement
planthed

Hometown

planthed
Mar 29th, 2016
2,432
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.25 KB | None | 0 0
raw download clone embed print report
  1. <!-----
  2.  
  3.  
  4. ✧* 。♡ theme made by tumblr user planthed ♡ 。*✧
  5.  
  6.  
  7. @painthemes
  8.  
  9.  
  10. base code by @bychloethemes
  11. resizing videos by @shythemes
  12.  
  13. ------>
  14.  
  15.  
  16. <!DOCTYPE html>
  17. <html>
  18. <head>
  19.  
  20. <meta charset="UTF-8" />
  21. <title>{block:TagPage}{Tag} posts | {/block:TagPage} {block:PostSummary}{PostSummary} | {/block:PostSummary}{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}"><!--sets the favicon-->
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <!--Default Variables-->
  25. {block:Hidden}
  26. <meta name="image:Background" content="" />
  27. <meta name="image:Sidebar" content="" />
  28.  
  29. <meta name="color:Background" content="#fff" />
  30. <meta name="color:Text" content="#000" />
  31. <meta name="color:Links" content="#000" />
  32. <meta name="color:Accent" conten="#9f1f1f" />
  33. <meta name="color:Post background" content="#fff"/>
  34. <meta name="color:Border" content="#eee" />
  35. <meta name="color:Scrollbar" content="#ddd"/>
  36. <meta name="color:Background tooltip" content="#000"/>
  37. <meta name="color:Tooltip text" content="#fff"/>
  38.  
  39. <meta name="if:Tiled Background" content="" />
  40. <meta name="if:Tiny cursor" content="1"/>
  41. <meta name="if:Caption" content=""/>
  42.  
  43. <meta name="text:margin between posts" content="80" />
  44. <meta name="text:blogtitle" content="Hometown" />
  45. <meta name="text:Home Label" content="home" />
  46. <meta name="text:Ask Label" content="message" />
  47. <meta name="text:Archive Label" content="past" />
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:URL 1" content="http://" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:URL 2" content="http://" />
  52. <meta name="text:Link 3" content="" />
  53. <meta name="text:URL 3" content="http://" />
  54.  
  55.  
  56. <meta name="select:faded posts" content="" title="None" />
  57. <meta name="select:faded posts" content="0.9" title="0.9" />
  58. <meta name="select:faded posts" content="0.8" title="0.8" />
  59. <meta name="select:faded posts" content="0.7" title="0.7" />
  60. <meta name="select:faded posts" content="0.6" title="0.6" />
  61. <meta name="select:faded posts" content="0.5" title="0.5" />
  62.  
  63. <meta name="select:Grayscale images" content="" title="None" />
  64. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(30%);filter:grayscale(30%);" title="30%" />
  65. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(50%);filter:grayscale(50%);" title="50%" />
  66. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(70%);filter:grayscale(70%);" title="70%" />
  67. <meta name="select:Grayscale images" content="-webkit-filter:grayscale(100%);filter:grayscale(100%);" title="100%" />
  68.  
  69. <meta name="select:font" content="montserrat" title="Montserrat">
  70. <meta name="select:font" content="Open sans" title="Open sans">
  71. <meta name="select:font" content="karla" title="Karla">
  72. <meta name="select:font" content="Lato" title="Lato">
  73. <meta name="select:font" content="roboto" title="Roboto">
  74. <meta name="select:font" content="consolas" title="Consolas">
  75.  
  76. <meta name="select:font size" content="9px" title="9px">
  77. <meta name="select:font size" content="10px" title="10px">
  78. <meta name="select:font size" content="11px" title="11px">
  79. <meta name="select:font size" content="12px" title="12px">
  80.  
  81. {/block:Hidden}
  82.  
  83. <style type="text/css">
  84.  
  85.  
  86. #s-m-t-tooltip{
  87. max-width:300px;
  88. padding:1px;
  89. padding-left:7px;
  90. padding-right:7px;
  91. min-height:7px;
  92. background:{color:background tooltip};
  93. margin:20px 0px 0px 20px;
  94. font-family:roboto;
  95. font-size:9px;
  96. text-transform:uppercase;
  97. color:{color:tooltip text};
  98. line-height:20px;
  99. opacity:1;
  100. z-index:9999999999999999999;
  101. }
  102.  
  103. {block:ifTinycursor}
  104.  
  105. html, body, a{cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), progress;}
  106.  
  107. a:hover{
  108. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  109. }
  110. {/block:ifTinycursor}
  111.  
  112. /*tumblr controls and lightbox*/
  113.  
  114. #tumblr_controls, .tmblr-iframe{ z-index:99999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!important; right:0px!important; opacity:.5;
  115. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  116.  
  117. #tumblr_controls, .tmblr-iframe:hover{
  118. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  119. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  120. }
  121.  
  122.  
  123. #tumblr_lightbox,.tmblr-lightbox {
  124. background:rgba({RGBcolor:background}, .5)!important;}
  125.  
  126.  
  127. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  128. opacity:0!important;
  129. }
  130.  
  131. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image,
  132. #tumblr_lightbox_right_image, .lightbox-image {
  133. box-shadow:none!important;
  134. border-radius:0px!important;
  135. padding:10px!important;
  136. background:{color:post background}!important;
  137. border:1px solid {color:border}!important;
  138. }
  139.  
  140. /*scrollbar*/
  141.  
  142. ::-webkit-scrollbar {
  143. background-color:{color:border};
  144. height: 11px;
  145. width: 11px;
  146. border:5px solid {color:background};
  147. }
  148. ::-webkit-scrollbar-thumb {
  149. background-color:{color:scrollbar};
  150. border:5px solid {color:background};
  151. }
  152.  
  153.  
  154. /*main structure*/
  155.  
  156. body {
  157. background:{color:Background} url({image:Background}) {block:IfNotTiledBackground}no-repeat center center fixed;
  158. background-size:cover;{/block:IfNotTiledBackground}
  159. {block:IfTiledBackground}repeat fixed;{/block:IfTiledBackground}
  160. color:{color:Text};
  161. font-size:{select:font size};
  162. font-family:{select:font};
  163. word-wrap:break-word;
  164. }
  165.  
  166. /*links style*/
  167.  
  168. a {
  169. text-decoration:none;color:{color:Links};
  170. -webkit-transition: all 0.2s ease-in-out;
  171. -moz-transition: all 0.2s ease-in-out;
  172. -o-transition: all 0.2s ease-in-out;
  173. transition: all 0.2s ease-in-out;
  174. }
  175. a:hover {
  176. color:{color:text};
  177. -webkit-transition: all 0.2s ease-in-out;
  178. -moz-transition: all 0.2s ease-in-out;
  179. -o-transition: all 0.2s ease-in-out;
  180. transition: all 0.2s ease-in-out;
  181. }
  182.  
  183.  
  184. /*don't touch this*/
  185. #infscr-loading {
  186. position:absolute;
  187. bottom:0px;
  188. width:200px;
  189. margin-left:45%;
  190. left:-100px;
  191. text-align:center;
  192. }
  193.  
  194.  
  195. /*posts*/
  196.  
  197. #posts {
  198. margin:{text:margin between posts}px auto;
  199. {block:IndexPage}width:350px;{/block:IndexPage}
  200. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  201. }
  202.  
  203. /*entries*/
  204.  
  205. article {
  206. position:relative;
  207. margin-bottom:{text:margin between posts}px;
  208. {block:IndexPage}width:300px;{/block:IndexPage}
  209. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  210. padding:20px;
  211. border:1px solid {color:border};
  212. background:{color:Post background};
  213. }
  214.  
  215. article p:first-of-type, article h1 {
  216. margin-top:0;
  217. }
  218.  
  219. article h2{
  220. font-family:montserrat;
  221. text-transform:uppercase;
  222. letter-spacing:2px;
  223. }
  224.  
  225.  
  226. article p:last-of-type {
  227. margin-top:0;
  228. }
  229. article img {
  230. max-width:100%;
  231. height:auto;
  232. {block:ifborderradius}
  233. border-radius:4px;
  234. {/block:ifborderradius}
  235. {select:Grayscale images}
  236. -webkit-transition: all 0.6s ease-in-out;
  237. -moz-transition: all 0.6s ease-in-out;
  238. -o-transition: all 0.6s ease-in-out;
  239. transition: all 0.6s ease-in-out;
  240. opacity:{select:faded posts};
  241. }
  242.  
  243. article img:hover{
  244. opacity:1;
  245. -webkit-filter:grayscale(0%);filter:grayscale(0%);
  246. -webkit-transition: all 0.6s ease-in-out;
  247. -moz-transition: all 0.6s ease-in-out;
  248. -o-transition: all 0.6s ease-in-out;
  249. transition: all 0.6s ease-in-out;
  250. }
  251.  
  252. /*blockquote*/
  253.  
  254. article blockquote {
  255. margin: 5px 0 5px 10px;
  256. border-left:1px solid {color:Accent};
  257. padding-left:10px;
  258. }
  259.  
  260. article ul, article ol {
  261. padding-left:25px;/*default is 40px*/
  262. }
  263.  
  264. /*captions*/
  265.  
  266. .caption{
  267. padding:6px;
  268. margin-top:10px;
  269. }
  270.  
  271. /*chats style*/
  272.  
  273.  
  274. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{ padding:5px;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px;line-height:15px;padding-top:8px;background:{color:background};border:1px solid {color:border};}
  275.  
  276. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{background:{color:post background}; padding:5px;margin-bottom:8px;text-transform:uppercase;letter-spacing:2px;color:{color:text};line-height:15px;padding-top:8px;border:1px solid {color:border};}
  277.  
  278.  
  279. h1, h2, h3 {
  280. font-weight:normal;/*default is bold*/
  281. }
  282. h1 {
  283. font-size:1.3em;
  284. color:{color:accent};
  285. }
  286. h2 {
  287. font-size:1.4em;
  288. }
  289. h3 {
  290. font-size:1.2em;
  291. }
  292. img {
  293. vertical-align:middle;
  294. }
  295.  
  296. /*audio*/
  297.  
  298. .audio-post{
  299. width:290px;
  300. text-align:right;
  301. font-family:montserrat;
  302. }
  303.  
  304. img.album-art {
  305. width:70px;
  306. height:70px;
  307. margin-top:10px;
  308. margin-left:-100px;
  309. position:absolute;
  310. border-radius:100%;
  311. }
  312. .audio-info {
  313. display:inline-block;
  314. margin-left:10px;
  315. min-height:80px;
  316. font-size:17px;
  317. width:auto;
  318. margin-top:10px;
  319. letter-spacing:1px;
  320. text-transform:uppercase;
  321. }
  322.  
  323. a1{
  324. font-size:10px;
  325. margin-top:-15px;
  326. color:{color:accent};
  327. }
  328.  
  329. .tumblr_audio_player {
  330. opacity:0;
  331. width:30px;
  332. height:30px;
  333. position:absolute;
  334. top:50px;
  335. left:55px;
  336. border-radius:100%;
  337. -webkit-transform: scale(0.20);
  338. -webkit-transition: all .9s ease;
  339. -moz-transition: all .9s ease;
  340. -o-transition: all .9s ease;
  341. transition: all .9s ease;
  342.  
  343. }
  344.  
  345. article:hover .tumblr_audio_player{
  346. opacity:0.6;
  347. -webkit-transform: scale(1);
  348. -webkit-transition: all .9s ease;
  349. -moz-transition: all .9s ease;
  350. -o-transition: all .9s ease;
  351. transition: all .9s ease;
  352. }
  353.  
  354. /*credits, don't delete ok*/
  355.  
  356. .wow {
  357. position:fixed;
  358. font-size:15px;
  359. right:10px;
  360. bottom:10px;
  361. z-index:999999999999999999999999;
  362. -o-transition-transition: all 0.3s ease;
  363. -webkit-transition: all 0.3s ease;
  364. -moz-transition: all 0.3s ease;
  365. transition: all 0.3s ease;
  366. }
  367.  
  368. .wow a{color:{color:text};}
  369. .wow:hover a{color:{color:accent};}
  370. .wow:hover{
  371. -webkit-animation:pop 1s;
  372. -ms-transform: rotate(360deg); /* IE 9 */
  373. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  374. transform: rotate(360deg);
  375. }
  376.  
  377. @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
  378.  
  379. /*photosets*/
  380.  
  381.  
  382.  
  383. .photoset-img { width:100%; }
  384.  
  385. /*question styling*/
  386.  
  387.  
  388. .as{
  389. color:{color:text};
  390. text-transform:uppercase;
  391. padding-bottom:3px;
  392. letter-spacing:1px;
  393. font-size:13px;
  394. text-align:left;
  395. }
  396.  
  397. .as a{
  398. color:{color:text};
  399. }
  400.  
  401.  
  402. .q{
  403. margin-top:4px;
  404. padding:6px;
  405. line-height:14px;
  406. background:{color:background};
  407. font-style:italic;
  408. border:1px solid {color:Border};
  409. }
  410.  
  411. .ed{
  412. color:{color:text};
  413. text-transform:uppercase;
  414. padding-bottom:3px;
  415. letter-spacing:1px;
  416. font-size:13px;
  417. margin-top:8px;
  418. padding-left:5px;
  419. text-align:right;
  420. }
  421.  
  422. .a blockquote{
  423. border:0px;
  424. margin:5px;
  425. padding:0px;
  426. }
  427.  
  428.  
  429. .a{
  430. margin-top:2px;
  431. padding:10px;
  432. padding-bottom:1px;
  433. line-height:14px;
  434. background:{color:background};
  435. border:1px solid {color:Border};
  436. }
  437.  
  438.  
  439. /*post notes*/
  440.  
  441. .info{
  442. margin-top:10px;
  443. padding:10px;
  444. }
  445.  
  446.  
  447. #notes{
  448. margin-top:10px;
  449. line-height:20px;
  450. padding:10px;
  451. height:auto;
  452. overflow:auto;
  453. max-height:200px;
  454. text-transform:uppercase;
  455. font-family:roboto;
  456. font-size:9px;
  457. }
  458.  
  459.  
  460.  
  461. ol.notes {
  462. padding:0;
  463. margin: 0;
  464. list-style-type: none;
  465. }
  466. ol.notes li.note {
  467. padding: 3px 0;
  468. margin-bottom:3px;
  469. }
  470. ol.notes li.note img.avatar {
  471. float:right;
  472. border-radius:50%;
  473. }
  474. ol.notes li.note blockquote a {
  475. text-decoration: none;
  476. }
  477. li.more_notes_link_container {
  478. font-weight: bold;
  479. text-transform: uppercase;
  480. font-size: 0.85em;
  481. }
  482.  
  483. /*permas*/
  484.  
  485.  
  486. .perm1 a, .perm2 a, .perm3 a{
  487. border-bottom:1px solid {color:post background};
  488. color:{color:text};
  489. }
  490.  
  491. .perm1{
  492. padding:5px;
  493. width:17px;
  494. height:17px;
  495. margin-top:-21px;
  496. margin-left:320px;
  497. opacity:0;
  498. text-align:center;
  499. font-size:15px;
  500. background:{color:post background};
  501. border:1px solid {color:border};
  502. position:absolute;
  503. z-index:99999;
  504. overflow:hidden;
  505. -webkit-transition: 2s ease;
  506. -moz-transition: 2s ease;
  507. transition: 2s ease;
  508. }
  509.  
  510.  
  511.  
  512. article:hover .perm1{
  513. opacity:1;
  514. overflow:visible;
  515. -webkit-transition: 1s ease;
  516. -moz-transition: 1s ease;
  517. transition: 1s ease;
  518. }
  519.  
  520. .perm2{
  521. padding:5px;
  522. width:17px;
  523. height:17px;
  524. margin-top:7px;
  525. margin-left:320px;
  526. opacity:0;
  527. font-size:15px;
  528. background:{color:post background};
  529. border:1px solid {color:border};
  530. position:absolute;
  531. z-index:99999;
  532. overflow:hidden;
  533. -webkit-transition: 1.5s ease;
  534. -moz-transition: 1.5s ease;
  535. transition: 1.5s ease;
  536. }
  537.  
  538. article:hover .perm2{
  539. overflow:visible;
  540. opacity:1;
  541. -webkit-transition: 1.5s ease;
  542. -moz-transition: 1.5s ease;
  543. transition: 1.5s ease;}
  544.  
  545.  
  546.  
  547. .perm3{
  548. padding:5px;
  549. width:17px;
  550. height:17px;
  551. margin-top:35px;
  552. text-align:center;
  553. margin-left:320px;
  554. opacity:0;
  555. font-size:15px;
  556. background:{color:post background};
  557. border:1px solid {color:border};
  558. position:absolute;
  559. z-index:99999;
  560. overflow:hidden;
  561. -webkit-transition: 1s ease;
  562. -moz-transition: 1s ease;
  563. transition: 1s ease;
  564. }
  565.  
  566. article:hover .perm3{
  567. overflow:visible;
  568. opacity:1;
  569. -webkit-transition: 2s ease;
  570. -moz-transition: 2s ease;
  571. transition: 2s ease;
  572. }
  573.  
  574.  
  575.  
  576.  
  577. #side {
  578. width:270px;
  579. position:fixed; /*we don't want it scrolling away!*/
  580. top:200px;
  581. left:120px;
  582. }
  583.  
  584. .photo{
  585. position:absolute;
  586. right:0px;
  587. }
  588.  
  589. .photo img{
  590. width:36px;
  591. padding:7px;
  592. background:{color:Post background};
  593. border:1px solid {color:border};
  594. }
  595.  
  596. .blogtitle{
  597. font-size:16px;
  598. padding:10px;
  599. text-transform:uppercase;
  600. letter-spacing:3px;
  601. width:190px;
  602. height:30px;
  603. line-height:30px;
  604. text-align:center;
  605. position:absolute;
  606. font-family:{select:font};
  607. background:{color:Post background};
  608. border:1px solid {color:border};
  609. }
  610.  
  611. .desc{
  612. margin-top:60px;
  613. padding:10px;
  614. font-family:roboto;
  615. text-transform:uppercase;
  616. letter-spacing:1px;
  617. font-size:7px;
  618. line-height:13px;
  619. background:{color:Post background};
  620. border:1px solid {color:border};
  621. }
  622.  
  623. .nav{
  624. margin-top:5px;
  625. text-transform:uppercase;
  626. font-size:10px;
  627. line-height:20px;
  628. margin-left:5px;
  629. letter-spacing:1px;
  630. width:250px;
  631. text-align:center;
  632. font-family:open sans;
  633. }
  634.  
  635. .nav a{
  636. color:{color:text};
  637. position:relative;
  638. margin-left:5px;
  639. }
  640.  
  641. .nav a:after {
  642.  
  643. position: absolute;
  644. top:15px;
  645. left: 0;
  646. width:0px;
  647. height:1px;
  648. background:{color:accent};
  649. content: '';
  650. opacity:1;
  651. -webkit-transition:all 0.3s ease-out;
  652. -moz-transition:all 0.3s ease-out;
  653. transition:all 0.3s ease-out;
  654.  
  655. }
  656.  
  657. .nav a:hover:after,
  658. .nav a:focus:after {
  659. opacity: 1;
  660. width:100%;
  661. }
  662.  
  663.  
  664. </style>
  665. </head>
  666. <body>
  667.  
  668. <div id="side">
  669. <div class="blogtitle">{text:blogtitle}</div>
  670. <div class="photo"><img src="{image:sidebar}"></div>
  671. <div class="desc">{Description}</div>
  672. <div class="nav">
  673. <a href="/">{text:Home Label}</a>
  674. <a href="/ask">{text:Ask Label}</a>
  675. {block:IfLink1}
  676. <a href="{text:URL 1}">{text:Link 1}</a>{/block:IfLink1}
  677. {block:IfLink2}
  678. <a href="{text:URL 2}">{text:Link 2}</a>{/block:IfLink2}
  679. {block:IfLink3}
  680. <a href="{text:URL 3}">{text:Link 3}</a>{/block:IfLink3}
  681. <a href="/archive">{text:Archive Label}</a>
  682.  
  683. </div>
  684. </div>
  685.  
  686. <div id="posts">
  687. {block:Posts}<article>
  688.  
  689.  
  690. {block:IndexPage}
  691. <div class="perm1">
  692. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a>
  693. </div>
  694. <div class="perm2"><a href="{permalink}" title="{block:NoteCount}{notecount}{/block:NoteCount} notes" target="_blank"><i class="fa fa-copy"></i></a></div>
  695. <div class="perm3"><a title="{timeago}" href="{permalink}" target="_blank"><i class="fa fa-clock-o"></i></a></div>
  696. {/block:IndexPage}
  697.  
  698. {block:Text}
  699. {block:Title}<h1>{Title}</h1>{/block:Title}
  700. <div class="text-post tb">
  701. {Body}</div>
  702. {/block:Text}
  703.  
  704. {block:Photo}
  705. <div class="photo-post">
  706. <img src="{PhotoURL-500}">
  707. {block:ifcaption}
  708. {block:IndexPage}
  709. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  710. {/block:IndexPage}
  711. {/block:ifcaption}
  712. </div>
  713. {/block:Photo}
  714.  
  715.  
  716. {block:Photoset}
  717.  
  718. {block:IndexPage}
  719. {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="300px" style="padding:0px;"/></a>
  720. {/block:Photos}
  721. {/block:IndexPage}
  722. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  723. {block:ifcaption}
  724. {block:IndexPage}
  725. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  726. {/block:IndexPage}
  727. {/block:ifcaption}
  728. {/block:Photoset}
  729.  
  730.  
  731. {block:Quote}
  732. <h2>{Quote}</h2>
  733. <div class="quote-post tb {Length}">
  734. {block:Source}
  735. <div style="text-align:right;">
  736. <cite>&mdash; {Source}</cite></div>
  737. {/block:Source}</div>
  738. {/block:Quote}
  739.  
  740. {block:Link}
  741. <h1><a href="{URL}">{Name}</a></h1>
  742. <div class="link-post tb">
  743. {block:Description}{Description}{/block:Description}
  744. </div>{/block:Link}
  745.  
  746. {block:Chat}
  747. <div class="chat">
  748. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  749. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  750. </div>
  751. {/block:Chat}
  752.  
  753. {block:Audio}
  754. <div class="audio-post">
  755. <img class="album-art" src="http://static.tumblr.com/yxfeliq/C5Xnysfnk/cd.jpg" {block:AlbumArt}style="display:none;"{/block:AlbumArt}>
  756. {block:AlbumArt}<img src="{AlbumArtURL}" class="album-art">{/block:ALbumArt}
  757. <div class="audio-info">
  758. <span {block:TrackName}style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  759. <a1><span {block:Artist}style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</a1></div>
  760. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  761. </div>{/block:Audio}
  762.  
  763.  
  764. {block:Video}
  765. {block:IndexPage}<div class="video">{Video-500}</div>
  766. {/block:IndexPage}
  767. {block:PermalinkPage}
  768. {Video-400}
  769. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  770. {/block:PermalinkPage}
  771. {/block:Video}
  772.  
  773. {block:Answer}
  774. <div class="answer-post">
  775. <div class="as">{Asker} asked:</div>
  776. <div class="q">{Question}</div>
  777. <div class="ed">{name} replied:</div>
  778. <div class="a">{Answer}</div>
  779. </div>{/block:Answer}
  780.  
  781.  
  782. {block:PermalinkPage}
  783. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  784. <div class="info">
  785. {block:RebloggedFrom}
  786. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  787. <b>source by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  788. {block:HasTags} tagged under: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  789. </div>
  790. {/block:PermalinkPage}
  791.  
  792.  
  793. {block:PostNotes}
  794. <div id="notes" class="tb">
  795. {PostNotes-16}
  796. </div>{/block:PostNotes}
  797. </article>
  798. {/block:Posts}
  799. </div>
  800.  
  801. <!--pagination, this must stay here so that infinite scroll works-->
  802. {block:Pagination}
  803. <div class="pagination" style="visibility:hidden;">
  804. {block:NextPage}
  805. <a href="{NextPage}" id="next">next</a>
  806. {/block:NextPage}
  807. </div>
  808. {/block:Pagination}
  809.  
  810. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  811. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  812. <script>
  813. (function($){
  814. $(document).ready(function(){
  815. $("a[title]").style_my_tooltips({
  816. tip_follows_cursor:true,
  817. tip_delay_time:90,
  818. tip_fade_speed:600,
  819. attribute:"title"
  820. });
  821. });
  822. })(jQuery);
  823. </script>
  824. <link href='https://fonts.googleapis.com/css?family=Kurale' rel='stylesheet' type='text/css'>
  825. <div class="wow"><a href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-product-hunt"></i></a></div>
  826. <script type="text/javascript">
  827. WebFontConfig = {
  828. google: { families: [ 'Open+Sans:400,300:latin', 'Roboto:400,100:latin', 'Lato:400,300:latin', 'Raleway:400,300:latin', 'Montserrat:400,700:latin', 'NTR::latin', 'Karla::latin', 'Quicksand::latin', 'Petit+Formal+Script::latin', 'Parisienne::latin', 'Clicker+Script::latin' ] }
  829. };
  830. (function() {
  831. var wf = document.createElement('script');
  832. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  833. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  834. wf.type = 'text/javascript';
  835. wf.async = 'true';
  836. var s = document.getElementsByTagName('script')[0];
  837. s.parentNode.insertBefore(wf, s);
  838. })(); </script>
  839. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  840. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  841. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  842. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  843. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  844. {block:IndexPage}
  845. <!--links to the inf scroll, masonry and images loaded libraries-->
  846. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  847. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  848. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  849. <script>
  850.  
  851.  
  852. (function () {
  853. var $tumblelog = $('#posts'); //the name of your posts container
  854. $tumblelog.imagesLoaded(function () {
  855. $tumblelog.masonry({
  856. itemSelector: 'article', //the name for the posts
  857. isAnimated:true,
  858. columnWidth:350, //width of the posts
  859. gutterWidth:100, //gap between columns, should be same as post margin-bottom
  860. });
  861. });
  862. $tumblelog.infinitescroll({
  863. navSelector : "div.pagination", //entire pagination div
  864. nextSelector : ".pagination a#next",//just your next link
  865. itemSelector : "article", //name of the posts
  866. loading: {
  867. finishedMsg: "<p>You've reached the end of the Internet.</p>", //when there's nothing left to load
  868. img :"https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif", //loading image
  869. msg:null,
  870. msgText: "",
  871. },
  872. },
  873.  
  874. function( newElements ) {
  875. var $newElems = $(newElements)
  876. $newElems.hide();
  877. $newElems.imagesLoaded(function(){
  878. $tumblelog.masonry( 'appended', $newElems, {
  879. isAnimated: true,
  880. animationOptions: {
  881. duration: 250,
  882. easing: 'linear',
  883. queue: false
  884. }
  885. },
  886. function(){
  887. $newElems.fadeIn('slow');
  888. });
  889. });
  890. });
  891.  
  892. })();
  893. </script>
  894. {/block:IndexPage}
  895. </body>
  896. </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!