Advertisement
planthed

Flowers

Sep 23rd, 2015
1,097
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.41 KB | None | 0 0
  1. <!--
  2.  
  3. ✧* 。♡ theme made by tumblr user @planthed ♡ 。*✧
  4.  
  5. theme blog: @themekid
  6.  
  7. -->
  8.  
  9.  
  10. <html lang="en">
  11.  
  12.  
  13. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  14. <script type="text/javascript">
  15. WebFontConfig = {
  16. google: { families: [ 'Allura::latin', 'Roboto:100:latin', 'Dancing+Script::latin', 'Pinyon+Script::latin', 'Allura::latin', 'Ruthie::latin', 'Noto+Sans:400,400italic:latin', 'Libre+Baskerville:400,400italic:latin', 'Satisfy::latin', 'Dawning+of+a+New+Day::latin','Dosis::latin', 'Raleway:200:latin', 'Parisienne::latin', 'Great+Vibes::latin', 'Clicker+Script::latin' ] }
  17. };
  18. (function() {
  19. var wf = document.createElement('script');
  20. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  21. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  22. wf.type = 'text/javascript';
  23. wf.async = 'true';
  24. var s = document.getElementsByTagName('script')[0];
  25. s.parentNode.insertBefore(wf, s);
  26. })(); </script>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  29. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/squareserif/stylesheet.css?v=4">
  30. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  31.  
  32. <script type="text/javascript">
  33. <!--
  34.  
  35. // Disable Right Click Script
  36.  
  37. function IE(e)
  38. {
  39. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  40. {
  41. return false;
  42. }
  43. }
  44. function NS(e)
  45. {
  46. if (document.layers || (document.getElementById && !document.all))
  47. {
  48. if (e.which == "2" || e.which == "3")
  49. {
  50. return false;
  51. }
  52. }
  53. }
  54. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  55.  
  56. //-->
  57. </script>
  58. <meta name="color:Background" content="#ffffff"/>
  59. <meta name="color:Text" content="#000000"/>
  60. <meta name="color:Link" content="#8690A2"/>
  61. <meta name="image:Background" content=""/>
  62. <meta name="if:graphic img" content="1"/>
  63. <meta name="text:blogtitle" content="flowers"/>
  64. <meta name="text:quote" content="put here a quote, stats or whatever you want:)"/>
  65. <meta name="text:Link 1 Title" content="refresh" />
  66. <meta name="text:Link 1" content="/" />
  67. <meta name="text:Link 2 Title" content="message"/>
  68. <meta name="text:Link 2" content="/ask" />
  69. <meta name="text:Link 3 Title" content="more" />
  70. <meta name="text:Link 3" content="/" />
  71. <meta name="text:Link 4 Title" content="about" />
  72. <meta name="text:Link 4" content="/" />
  73. <meta name="text:Link 5 Title" content="archive" />
  74. <meta name="text:Link 5" content="/archive" />
  75. <meta name="text:Link 6 Title" content="blogroll" />
  76. <meta name="text:Link 6" content="/" />
  77.  
  78.  
  79.  
  80.  
  81.  
  82. </script>
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  86. <script>
  87. (function($){$(document)
  88. .ready(function(){$("[title]")
  89. .style_my_tooltips();});})
  90. (jQuery);
  91. </script>
  92.  
  93. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  94. </script>
  95.  
  96. <style type="text/css">
  97.  
  98.  
  99.  
  100. #s-m-t-tooltip{
  101. max-width:300px;
  102. padding:5px;
  103. margin-left: 20px;
  104. margin-top: 2px;
  105. background:{color:link};
  106. border: 1px solid {color:link};
  107. text-transform:uppercase;
  108. font-family: 'Avalon', sans-serif;
  109. font-size:10px;
  110. color:#fff;
  111. letter-spacing:1px;
  112. z-index:9999999999999;
  113. {block:ifboxshadow}
  114. box-shadow:rgba(0,0,0,.02) 6px 6px;
  115. {/block:ifboxshadow}
  116. }
  117.  
  118. #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:3px!important; right:0px!important; opacity:.5;
  119. -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}
  120.  
  121. #tumblr_controls, .tmblr-iframe:hover{
  122. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  123. -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%);
  124. }
  125.  
  126.  
  127.  
  128. ::-webkit-scrollbar {width: 10px; height: 2px; background:transparent; border:4px solid transparent; }
  129.  
  130. ::-webkit-scrollbar-thumb { background-color:{color:link}; }
  131.  
  132.  
  133. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  134.  
  135.  
  136. body {
  137. padding:0px;
  138. margin:0px;
  139. color:{color:Text};
  140. font-family:calibri;
  141. font-size:10px;
  142. line-height:12px;
  143. text-transform:normal;
  144. background-color:{color:Background};
  145. background-image:url({image:Background});
  146. background-attachment:fixed;
  147. background-repeat:repeat;
  148. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  149. }
  150.  
  151. a:link, a:active, a:visited{
  152. color:{color:Link};
  153. text-decoration:none;
  154. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;
  155. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  156. }
  157.  
  158. a:hover{
  159. color:#000;
  160. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  161. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  162. }
  163.  
  164. #audio {
  165. width:200px;
  166. height:auto;
  167. min-height:60px;
  168. padding-bottom:0px;
  169. }
  170.  
  171. .cover {
  172. position:absolute;
  173. z-index:1;
  174. width:50px;
  175. height:50px;
  176. }
  177.  
  178. .cover img {
  179. float:left;
  180. width:50px;
  181. height:50px;
  182. }
  183.  
  184. .playbox {
  185. opacity:0.6;
  186. width:27px;
  187. height:30px;
  188. overflow:hidden;
  189. position:absolute;
  190. z-index:1000;
  191. margin-left:17px;
  192. margin-top:17px;
  193. text-align:center;
  194. }
  195.  
  196. .info {
  197. margin-left:77px;
  198. margin-top:4px;
  199. line-height:14px;
  200. }
  201.  
  202.  
  203.  
  204. #posts{
  205. margin-left:30px;
  206. height:100%;
  207. float:center;
  208. {block:indexpage}
  209. width:660px;
  210. {/block:indexpage}
  211. {block:permalinkpage}
  212. width:660px;
  213. {/block:permalinkpage}
  214. margin-top:30px;
  215. padding-left:10px;
  216. padding-top:10px;
  217. z-index:999;
  218. }
  219.  
  220. #entry img{
  221. {block:indexpage}
  222. max-width:100%;
  223. z-index:999;
  224. -webkit-transition:all 0.7s ease-out;
  225. -moz-transition:all 0.7s ease-out;
  226. transition:all 0.7s ease-out;
  227. {/block:indexpage}
  228. }
  229.  
  230. #entry{
  231. z-index:999;
  232. margin:15px;
  233. float:left;
  234. margin-left:15px;
  235. background:{color:background};
  236. font-size:9px;
  237. letter-spacing:0px;
  238. font-family:arial;
  239. line-height:17px;
  240. width:250px;
  241. padding:20px;
  242. {block:PermalinkPage}
  243. width:400px;
  244. z-index:999;
  245. {/block:PermalinkPage}
  246. }
  247.  
  248. #entry .perm{
  249. padding:7px;
  250. width:130px;
  251. height:50px;
  252. margin-top:30%;
  253. margin-left:50px;
  254. text-align:center;
  255. opacity:0;
  256. font-style:italic;
  257. border:3px solid {color:link};
  258. background:white;
  259. position:absolute;
  260. z-index:99999;
  261. overflow:hidden;
  262. -webkit-transform: scale(0);
  263. -webkit-transition: all .9s ease;
  264. -moz-transition: all .9s ease;
  265. -o-transition: all .9s ease;
  266. transition: all .9s ease;
  267. }
  268.  
  269. #entry:hover .perm{
  270. opacity:1;
  271. overflow:visible;
  272. -webkit-transform: scale(1);
  273. }
  274.  
  275.  
  276. .video iframe,
  277. .video .tumblr_video_container,
  278. .video .tumblr_video_container iframe {
  279. display:block;
  280. width:100%;
  281. height:Auto;
  282. }
  283.  
  284. .video #youtube_iframe {
  285. display:block;
  286. width:100%;
  287. height:Auto;
  288. }
  289.  
  290.  
  291. .permalinktext{
  292. display:block;
  293. text-align:right;
  294. text-decoration:none;
  295. margin-top:5px;
  296. font-size:9px;
  297. letter-spacing:1px;
  298. padding-top:2px;
  299. font-family: 'Avalon', sans-serif;
  300. padding:4px;
  301. }
  302.  
  303. .wow {
  304. position:fixed;
  305. font-size:20px;
  306. right:10px;
  307. bottom:10px;
  308. z-index:999999999999999999999999;
  309. -o-transition-transition: all 0.3s ease;
  310. -webkit-transition: all 0.3s ease;
  311. -moz-transition: all 0.3s ease;
  312. transition: all 0.3s ease;
  313. }
  314.  
  315. .wow a{color:{color:link};}
  316. .wow:hover a{color:{color:text};}
  317. .wow:hover{
  318. -webkit-animation:pop 1s;
  319. -ms-transform: rotate(360deg); /* IE 9 */
  320. -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
  321. transform: rotate(360deg);
  322. }
  323.  
  324. @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
  325.  
  326.  
  327.  
  328. #postnotes{
  329. background:{color:background};
  330. overflow:scroll;
  331. border:1px solid {color:link};
  332. height:auto;
  333. max-height:170px;
  334. font-size:10px;
  335. line-height:20px;
  336. padding:8px;
  337. }
  338.  
  339.  
  340. ol.notes li.note img.avatar {
  341. width:15px;
  342. display:inline;
  343. position:relative;
  344. list-style-type:none;
  345. display:none;
  346. }
  347.  
  348. .title{
  349. font-style:normal;
  350. font-family: 'Avalon', sans-serif;
  351. font-size:18px;
  352. line-height:15px;
  353. text-transform:uppercase;
  354. letter-spacing:3px;
  355. color:{color:link};
  356. }
  357.  
  358.  
  359.  
  360.  
  361. blockquote{
  362. border-left:1px solid {color:link};
  363. padding-left:5px;
  364. font-size:11px;
  365. font-family: 'Avalon', sans-serif;
  366. margin:0px 0px 2px 1px;
  367. }
  368.  
  369.  
  370. ul, ol, li{
  371. list-style:none;
  372. margin:0px;
  373. padding:0px;
  374. }
  375.  
  376.  
  377. #titulo{
  378. text-transform:none;
  379. position:fixed;
  380. margin-top:-30px;
  381. opacity:1;
  382. font-size:17px;
  383. font-family: 'Avalon', sans-serif;
  384. letter-spacing:2px;
  385. text-align:right;
  386. color:{color:link};
  387. margin-left:0px;
  388. width:190px;
  389. z-index:999999999;}
  390.  
  391.  
  392.  
  393. #sidebar{
  394. position:fixed !important;
  395. width:200px;
  396. height:auto;
  397. z-index:999;
  398. font-family: 'Avalon', sans-serif;
  399. font-size:10.3px;
  400. letter-spacing:1px;
  401. bottom:100px;
  402. margin-left:700px;
  403. line-height:14px;
  404. opacity:1;
  405. padding-bottom:14px;
  406. padding-top:10px;
  407. border-top:1px solid {color:link};
  408. border-bottom:1px solid {color:link};
  409. text-align:left;
  410. z-index:9999999;
  411. {block:permalinkpage}
  412. margin-left:570px;
  413. bottom:150px;
  414. {/block:permalinkpage}
  415. }
  416.  
  417.  
  418.  
  419. .taissa{
  420. opacity:1;
  421. margin-top:20px;
  422. position:fixed;
  423. padding:5px;
  424. width:200px;
  425. margin-left:0px;
  426. text-align:center;
  427. }
  428.  
  429.  
  430. .taissa a{
  431. text-decoration:none;
  432. color:#000;
  433. font-size:10px;
  434. letter-spacing:1px;
  435. font-family: 'Avalon', sans-serif;
  436. display:inline-block;
  437. line-height:10px;
  438. padding:4px;
  439. text-align:center;
  440. transition: all 0.9s ease-out;
  441. transition:0.4s;
  442. -webkit-transition:all 0.6s ease-out;
  443. -moz-transition:all 0.6s ease-out;
  444. transition:all 0.6s ease-out;
  445.  
  446. }
  447.  
  448. .taissa:hover a{opacity:.7;color:{color:link};}
  449. .taissa a:hover{color:#000;opacity:1;}
  450.  
  451.  
  452.  
  453.  
  454. #lace{
  455. position:fixed;
  456. opacity:1;
  457. width:100%;
  458. height:40px;
  459. padding:3px;
  460. background:{color:link};
  461. margin-top:-45px;
  462. margin-left:0px;
  463. z-index:9999;
  464. text-align:center;
  465. -webkit-transition: all .7s ease;
  466. -moz-transition: all .7s ease;
  467. -o-transition: all .7s ease;
  468. transition: all .7s ease;}
  469.  
  470. .quotee a{color:#fff;}
  471.  
  472. .quotee{
  473. position:fixed;
  474. margin-left:120px;
  475. margin-top:10px;
  476. text-align:left;
  477. letter-spacing:2px;
  478. color:#fff;
  479. opacity:1;
  480. font-style:italic;
  481. padding:10px;
  482. z-index:99999999999999999999;
  483. font-size:12px;
  484. font-family: 'Avalon', sans-serif;
  485. line-height:14px;
  486. }
  487.  
  488. #bar{
  489. position:fixed;
  490. opacity:1;
  491. width:25px;
  492. height:100%;
  493. padding:3px;
  494. background:{color:link};
  495. margin-top:-35px;
  496. margin-left:0px;
  497. z-index:9999;
  498. text-align:center;
  499. -webkit-transition: all .7s ease;
  500. -moz-transition: all .7s ease;
  501. -o-transition: all .7s ease;
  502. transition: all .7s ease;}
  503.  
  504. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  505. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  506. </style>
  507.  
  508.  
  509. <title>{Title}</title>
  510. <link rel="shortcut icon" href="{favicon}">
  511. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  512. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  513. <meta name="viewport" content="width=720" />
  514. </head>
  515.  
  516.  
  517.  
  518.  
  519. <body>
  520. <div id="lace">
  521. <div class="quotee">{text:quote}</div>
  522. </div>
  523. <div id="bar"></div>
  524. <div id="sidebar">
  525. <div id="titulo">{text:blogtitle}</div>
  526. {description}
  527. <div class="taissa">
  528. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  529. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  530. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  531. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  532. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  533. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  534. <a href="http://planthed.tumblr.com">theme</a>
  535. </div>
  536. </div>
  537.  
  538.  
  539.  
  540. <div id="center">
  541. <div id="content">
  542.  
  543.  
  544.  
  545.  
  546. <div id="posts">
  547. {block:Posts}
  548. <div id="entry">
  549.  
  550. {block:Text}
  551. {block:Title}<span class="title">{Title}</span>{/block:Title}
  552. <span class="entrytext">{Body}</span></a>
  553. {block:IndexPage}<br>
  554. <div class="permalinktext">
  555. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  556. {/block:Text}
  557.  
  558. {block:Link}
  559. <a href="{URL}" class="title">{Name}</a>
  560. {block:Description}{Description}{/block:Description}
  561. {block:IndexPage}<br>
  562. <div class="permalinktext">
  563. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  564. </div>
  565. {/block:IndexPage}
  566. {block:Link}
  567.  
  568. {block:Photo}
  569. {block:IndexPage}
  570. <div class="perm">
  571. posted <a href="{permalink}" target="_blank">{month} {dayofmonth}{dayofmonthsuffix}</a><br>
  572. with {notecountwithlabel}<br>
  573. <a href="{ReblogURL}" target="_blank">share this post</a>
  574. </div>
  575. {/block:IndexPage}
  576. {block:IndexPage}
  577. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;>
  578. {/block:IndexPage}
  579. {block:permalinkpage}{LinkOpenTag}<center>
  580. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=100%;/>
  581. {LinkCloseTag}</center>{/block:permalinkpage}
  582. {/block:Photo}
  583.  
  584. {block:Photoset}
  585. {block:IndexPage}
  586. {Photoset-250}
  587. {/block:IndexPage}
  588. <center>{block:PermalinkPage}<div style="width: auto; overflow-x:hidden;overflow-y:hidden;">{Photoset-400}{/block:PermalinkPage}</center>
  589. {block:IndexPage}
  590. <div class="permalinktext">
  591. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  592. </div>
  593. {/block:IndexPage}
  594. {/block:Photoset}
  595.  
  596. {block:Quote}
  597. <div class="quote">❝ {quote}</div>
  598. {block:IndexPage}<br>
  599. <div class="permalinktext">
  600. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  601. {/block:Quote}
  602.  
  603. {block:Chat}
  604. {block:Title}<span class="title">{Title}</span>{/block:Title}
  605. <ul class="chat">
  606. {block:Lines}
  607. <li class="user_{UserNumber}">
  608. {block:Label}
  609. <span class="label">{Label}</span>
  610. {/block:Label}
  611.  
  612. {Line}<br>
  613. {/block:Lines}
  614. {block:IndexPage}<br>
  615. <div class="permalinktext">
  616. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  617. {/block:Chat}
  618.  
  619. {block:Audio}
  620. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  621. {block:IndexPage}<br>
  622. <div class="permalinktext">
  623. <center> <font color="#999">{DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}"><font color="#999">{notecount} notes</font></a></center></div>{/block:IndexPage}
  624. {/block:Audio}
  625.  
  626. {block:Video}
  627. {block:IndexPage}
  628. {Video-250}
  629. <div class="permalinktext">
  630. <center> {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>{/block:IndexPage}</center>
  631. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>
  632. {block:Video}
  633.  
  634.  
  635.  
  636. {block:Answer}
  637. <div style="margin:2px 2px 2px 2px; height:auto; padding:3px ;border:1px solid {color:link};">
  638. <div style="background:transparent; padding:1px; height:auto">
  639. <askk>{Asker}:</askk> {Question}</div></div>
  640. <div style="margin-left:-1px; margin-bottom:3px; padding:4px; background:transparent; line-height:12px; text-align:justify; width:195px">{Answer}</div>
  641. {block:indexpage}
  642. <div class="permalinktext">
  643. <center> {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>
  644. {/block:indexpage}
  645. {/block:Answer}
  646.  
  647. {block:PermalinkPage}
  648. {block:caption}{caption}{/block:caption}
  649. <br>
  650. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  651. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  652. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  653. {/block:PermalinkPage}
  654. {block:PostNotes}
  655. <div id="postnotes">{PostNotes}</div>
  656. {/block:PostNotes}</div>{/block:Posts}
  657. </div></div>
  658.  
  659.  
  660. <!--don't delete or i will fucking will you-->
  661. <div class="wow"><a title="theme credit" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-product-hunt"></i></a></div>
  662. <!--don't delete or i will fucking will you-->
  663.  
  664.  
  665. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  666. {block:indexpage}
  667. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  668. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  669. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  670. <script type="text/javascript">
  671. $(window).load(function(){
  672. var $wall = $('#posts');
  673. $wall.imagesLoaded(function(){
  674. $wall.masonry({
  675. itemSelector: '#entry, #entry_photo',
  676. isAnimated : false
  677. });
  678. });
  679.  
  680. $wall.infinitescroll({
  681. navSelector : '#page-nav',
  682. nextSelector : '#page-nav a',
  683. itemSelector : '#entry, #entry_photo',
  684. bufferPx : 2000,
  685. debug : false,
  686. errorCallback: function() {
  687. $('#infscr-loading').fadeOut('normal');
  688. }},
  689. function( newElements ) {
  690. var $newElems = $( newElements );
  691. $newElems.hide();
  692. $newElems.imagesLoaded(function(){
  693. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  694. });
  695. }); $('#content').show(500);
  696. });
  697. </script>
  698. {/block:indexpage}
  699.  
  700. </body>
  701. {block:ifgraphicimg}
  702. <img src="http://media.tumblr.com/65f4f99495f65506f22452e98fd11b42/tumblr_inline_ndnw9kRXcQ1sgp6cl.png" style="position:fixed; width:400px;opacity:.7; top:30px;right:0px; z-index:999; -webkit-transform: rotate(180deg);"/></div>
  703. {/block:ifgraphicimg}
  704. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement