Advertisement
planthed

Counting stars

Dec 9th, 2015
833
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.45 KB | None | 0 0
  1. <!-----
  2.  
  3. theme made by tumblr user planthed // weedhs ★彡
  4.  
  5. keep the creds u lil bitch
  6.  
  7. — http://painthemes.tumblr.com/
  8. — http://planthed.tumblr.com/
  9. — http://weedhs.tumblr.com/
  10.  
  11. ask layout by: seedfawn.tumblr.com
  12.  
  13. ------>
  14.  
  15. <html lang="en">
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{favicon}">
  20. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  21. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  22. <meta name="viewport" content="width=720" />
  23. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  24.  
  25.  
  26. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">
  27. <script type="text/javascript">
  28. WebFontConfig = {
  29. 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' ] }
  30. };
  31. (function() {
  32. var wf = document.createElement('script');
  33. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  34. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  35. wf.type = 'text/javascript';
  36. wf.async = 'true';
  37. var s = document.getElementsByTagName('script')[0];
  38. s.parentNode.insertBefore(wf, s);
  39. })(); </script>
  40.  
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|Montserrat' rel='stylesheet' type='text/css'>
  43.  
  44. <meta name="color:Background" content="#fbfbfb"/>
  45. <meta name="color:Text" content="#888"/>
  46. <meta name="color:Link" content="#94232d"/>
  47. <meta name="image:Background" content=""/>
  48. <meta name="image:Sidebar" content=""/>
  49. <meta name="if:inverted sidebar" content="1"/>
  50. <meta name="if:graphic image" content="1" />
  51. <meta name="text:blogtitle" content="couting stars"/>
  52. <meta name="text:title font size" content="20" />
  53. <meta name="text:Link 1" content="/" />
  54. <meta name="text:Link 1 Title" content="home" />
  55. <meta name="text:Link 2" content="/ask" />
  56. <meta name="text:Link 2 Title" content="message"/>
  57. <meta name="text:Link 3" content="/" />
  58. <meta name="text:Link 3 Title" content="more" />
  59. <meta name="text:Link 4" content="/" />
  60. <meta name="text:Link 4 Title" content="favorites" />
  61. <meta name="text:Link 5" content="/" />
  62. <meta name="text:Link 5 Title" content="archive" />
  63. <meta name="select:title font" content="raleway" title="font 1"/>
  64. <meta name="select:title font" content="Arial" title="font 2"/>
  65. <meta name="select:title font" content="roboto" title="font 3"/>
  66. <meta name="select:title font" content="dancing script" title="font 4"/>
  67. <meta name="select:title font" content="Edwardian Script ITC" title="font 5"/>
  68. <meta name="select:title font" content="Parisienne" title="font 6"/>
  69. <meta name="select:title font" content="satisfy" title="font 7"/>
  70. <meta name="select:title font" content="Avalon, sans-serif" title="font 8"/>
  71. <meta name="if:title shadow" content="0" />
  72.  
  73. </script>
  74.  
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){$(document)
  79. .ready(function(){$("[title]")
  80. .style_my_tooltips();});})
  81. (jQuery);
  82. </script>
  83.  
  84. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  85. </script>
  86.  
  87. <style type="text/css">
  88.  
  89.  
  90. #s-m-t-tooltip{
  91. max-width:300px;
  92. padding:5px;
  93. line-height:17px;
  94. margin:20px 0px 0px 20px;
  95. background-color:#fff;
  96. font-family:calibri;
  97. border:1px solid #ddd;
  98. font-size:8px;
  99. letter-spacing:1px;
  100. text-transform:uppercase;
  101. color:{color:text};
  102. opacity:1;
  103. z-index:9999999999999999999;
  104. }
  105.  
  106.  
  107.  
  108.  
  109. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  110. position:fixed !important;
  111. z-index:999999999!important;
  112. -webkit-filter: invert(100%)
  113. }
  114. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  115.  
  116. !important; position: fixed !important;-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;}
  117.  
  118. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  119.  
  120. ::-webkit-scrollbar {width: 7px; height: 2px; background:{color:background}; }
  121.  
  122. ::-webkit-scrollbar-thumb { background-color:white;
  123. border:1px solid #ddd;
  124. }
  125.  
  126.  
  127.  
  128. body, a, a:hover {cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), progress;}
  129.  
  130.  
  131.  
  132. body {
  133. padding:0px;
  134. margin:0px;
  135. color:{color:Text};
  136. font-family:calibri;
  137. font-size:10px;
  138. line-height:12px;
  139. text-transform:normal;
  140. background-color:{color:Background};
  141. background-image:url({image:Background});
  142. background-attachment:fixed;
  143. background-repeat:repeat;
  144. cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;}
  145.  
  146. a:link, a:active, a:visited{
  147. color:{color:link};
  148. text-decoration:none;
  149. -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;}
  150.  
  151. a:hover{
  152. color:{color:text};
  153. -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;cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;
  154. }
  155.  
  156. #audio {
  157. width:220px;
  158. height:auto;
  159. min-height:60px;
  160. padding-bottom:0px;
  161. }
  162.  
  163. .cover {
  164. position:absolute;
  165. z-index:1;
  166. width:60px;
  167. height:50px;
  168. }
  169.  
  170. .cover img {
  171. float:left;
  172. width:60px;
  173. height:60px;
  174. border-radius:4px;
  175. }
  176.  
  177. .playbox {
  178. opacity:0.6;
  179. width:27px;
  180. height:30px;
  181. overflow:hidden;
  182. position:absolute;
  183. z-index:1000;
  184. margin-left:17px;
  185. margin-top:17px;
  186. text-align:center;
  187. }
  188.  
  189. .info {
  190. margin-left:77px;
  191. margin-top:4px;
  192. line-height:14px;
  193. }
  194.  
  195. #cunt{width:250px; height:auto;}
  196. {block:PermalinkPage}
  197. width:10px;
  198. {/block:PermalinkPage}
  199. }
  200.  
  201. #center{
  202. padding-top:3px;
  203. padding-bottom:3px;
  204. position:fixed !important;
  205. width:250px;
  206. height:207px;
  207. background-color:#fff;
  208. {block:PermalinkPage}
  209. width:410px;
  210. height:207px;
  211. {/block:PermalinkPage}
  212. }
  213.  
  214. #posts{
  215. float:center;
  216. {block:indexpage}
  217. width:780px;
  218. {/block:indexpage}
  219. {block:permalinkpage}
  220. width:660px;
  221. {/block:permalinkpage}
  222. margin-left:350px;
  223. margin-top:0px;
  224. padding-left:10px;
  225. z-index:999;
  226. }
  227.  
  228. #entry img{
  229. {block:indexpage}
  230. max-width:220px;
  231. z-index:999;
  232. padding:10px;
  233. background:#fbfbfb;
  234. border:1px solid #ddd;
  235. -webkit-transition:all 0.7s ease-out;
  236. -moz-transition:all 0.7s ease-out;
  237. transition:all 0.7s ease-out;
  238. {/block:indexpage}
  239. }
  240.  
  241.  
  242. #entry{
  243. z-index:999;
  244. margin-top:60px;
  245. float:left;
  246. padding:15px;
  247. background:#fff;
  248. border:1px solid #ddd;
  249. margin-left:60px;
  250. font-size:8px;
  251. text-transform:uppercase;
  252. letter-spacing:1px;
  253. overflow:hidden;
  254. font-family:calibri;
  255. line-height:15px;
  256. width:240px;
  257. padding-bottom:10px;
  258. {block:PermalinkPage}
  259. width:400px;
  260. z-index:999;
  261. {/block:PermalinkPage}
  262. }
  263.  
  264.  
  265.  
  266. .lovely{
  267. position:absolute;
  268. width:221px;
  269. margin-top:10px;
  270. margin-left:10px;
  271. height:95%;
  272. opacity:0.3;
  273. background:#fff;
  274. z-index:999;
  275. -webkit-transition: all 0.8s ease;
  276. -moz-transition: all 0.8s ease;
  277. -o-transition: all 0.8s ease;
  278. transition: all 0.8s ease;
  279. }
  280.  
  281. #entry:hover .lovely{
  282. opacity:0.4;
  283. height:0%;
  284. -webkit-transition: all 0.8s ease;
  285. -moz-transition: all 0.8s ease;
  286. -o-transition: all 0.8s ease;
  287. transition: all 0.8s ease;
  288. }
  289.  
  290. #entry .perm1 a, #entry .perm2 a{color:{color:text};}
  291. #entry .perm1{
  292. width:207px;
  293. height:14px;
  294. padding:7px;
  295. margin-top:-600px;
  296. margin-left:10px;
  297. opacity:0;
  298. font-size:8px;
  299. line-height:14px;
  300. font-family:calibri;
  301. text-align:center;
  302. background:#fbfbfb;
  303. position:absolute;
  304. z-index:99999;
  305. overflow:hidden;
  306. letter-spacing:2px;
  307. -webkit-transition: all .9s ease;
  308. -moz-transition: all .9s ease;
  309. -o-transition: all .9s ease;
  310. transition: all .9s ease;
  311. }
  312.  
  313.  
  314. #entry:hover .perm1{
  315. opacity:1;
  316. overflow:visible;
  317. margin-top:10px;
  318. }
  319.  
  320. #entry .perm2{
  321. width:207px;
  322. height:14px;
  323. padding:7px;
  324. bottom:-600px;
  325. margin-left:10px;
  326. opacity:0;
  327. letter-spacing:2px;
  328. font-size:8px;
  329. line-height:14px;
  330. font-family:calibri;
  331. text-align:center;
  332. background:#fbfbfb;
  333. position:absolute;
  334. z-index:99999;
  335. overflow:hidden;
  336. -webkit-transition: all .9s ease;
  337. -moz-transition: all .9s ease;
  338. -o-transition: all .9s ease;
  339. transition: all .9s ease;
  340. }
  341.  
  342.  
  343. #entry:hover .perm2{
  344. opacity:1;
  345. overflow:visible;
  346. bottom:20px;
  347. }
  348.  
  349.  
  350.  
  351. .permalinktext{
  352. display:block;
  353. text-align:right;
  354. text-decoration:none;
  355. border-top:1px solid #ddd;
  356. font-size:8px;
  357. letter-spacing:1px;
  358. font-family:calibri;
  359. text-transform:uppercase;
  360. padding-top:7px;
  361. padding-right:7px;
  362. margin-left:-17px;
  363. line-height:11px;
  364. width:265px;
  365. height:8px;
  366. }
  367.  
  368.  
  369.  
  370. #postnotes{
  371. overflow:scroll;
  372. border:1px solid #ddd;
  373. height:auto;
  374. background:#fbfbfb;
  375. max-height:150px;
  376. font-size:8px;
  377. line-height:20px;
  378. padding:8px;
  379. }
  380.  
  381.  
  382. ol.notes li.note img.avatar {
  383. width:0px;
  384. display:inline;
  385. position:relative;
  386. list-style-type:none;
  387. display:none;
  388. }
  389.  
  390. .title{
  391. font-family:raleway;
  392. padding-bottom:5px;
  393. font-size:17px;
  394. line-height:25px;
  395. text-align:center;
  396. text-transform:uppercase;
  397. letter-spacing:1px;
  398. color:{color:link};
  399. }
  400.  
  401. li {
  402. position:relative;
  403. display:block;
  404. }
  405.  
  406. li:before {
  407. content:'―';
  408. font-size:15px;
  409. position:absolute;
  410. left:-20px;
  411. color:#ddd;
  412. top:0px;
  413. }
  414.  
  415.  
  416. blockquote{
  417. font-size:8px;
  418. border-left:1px solid #ddd;
  419. padding-left:5px;
  420. margin:0px 0px 2px 1px;
  421. }
  422.  
  423.  
  424.  
  425. #sidebar{
  426. position:fixed !important;
  427. width:150px;
  428. height:150px;
  429. margin-left:140px;
  430. margin-top:170px;
  431. opacity:1.0;
  432. padding:15px;
  433. background:#fff;
  434. border:1px solid #ddd;
  435. z-index:9999;
  436. transition:All 2s ease;
  437. -webkit-transition:All 0.9s ease;
  438. -moz-transition:All 0.9s ease;
  439. -o-transition:All 0.9s ease;
  440. }
  441.  
  442. .foto img{
  443. {block:ifinvertedsidebar}
  444. -webkit-filter: grayscale(100%);
  445. {/block:ifinvertedsidebar}
  446. width:130px;
  447. padding:10px;
  448. background:#fbfbfb;
  449. border:1px solid #ddd;
  450. height:auto;
  451. transition:All 2s ease;
  452. -webkit-transition:All 0.9s ease;
  453. -moz-transition:All 0.9s ease;
  454. -o-transition:All 0.9s ease;
  455. }
  456.  
  457.  
  458. #desc {
  459. width: 160px;
  460. text-transform:uppercase;
  461. letter-spacing:1px;
  462. font-size:8px;
  463. opacity:0;
  464. height: auto;
  465. padding:10px;
  466. position:fixed;
  467. background:#fff;
  468. border:1px solid #ddd;
  469. margin-top: -100px;
  470. margin-left:-16px;
  471. -webkit-transition:All 0.5s ease-in-out;
  472. -moz-transition:All 0.5s ease-in-out;
  473. -ms-transition:All 0.5s ease-in-out;
  474. -o-transition:All 0.5s ease-in-out;
  475. transition:All 0.5s ease-in-out;
  476. }
  477.  
  478. #sidebar:hover #desc{
  479. margin-top:38px;
  480. opacity:1;
  481. }
  482.  
  483. #desc:after {
  484. content: '';
  485. position: absolute;
  486. border-style: solid;
  487. border-width: 15px 15px 0px;
  488. border-color: #fff transparent;
  489. display: block;
  490. width: 0;
  491. z-index: 4;
  492. top: -50px;
  493. left: 20px;
  494. -webkit-transition:All 0.5s ease-in-out;
  495. -moz-transition:All 0.5s ease-in-out;
  496. -ms-transition:All 0.5s ease-in-out;
  497. -o-transition:All 0.5s ease-in-out;
  498. transition:All 0.5s ease-in-out;
  499. }
  500.  
  501. #sidebar:hover #desc:after{
  502. top:-31px;
  503. opacity:1;
  504. }
  505.  
  506. #desc:before {
  507. content: '';
  508. position: absolute;
  509. border-style: solid;
  510. border-width: 15px 15px 0px;
  511. border-color: #ddd transparent;
  512. display: block;
  513. width: 0;
  514. z-index: 3;
  515. top: -50px;
  516. left: 20px;
  517. -webkit-transition:All 0.5s ease-in-out;
  518. -moz-transition:All 0.5s ease-in-out;
  519. -ms-transition:All 0.5s ease-in-out;
  520. -o-transition:All 0.5s ease-in-out;
  521. transition:All 0.5s ease-in-out;
  522. }
  523.  
  524. #sidebar:hover #desc:before{
  525. top:-30px;
  526. opacity:1;
  527. }
  528.  
  529.  
  530. .links{
  531. opacity:1;
  532. margin-left:180px;
  533. margin-top:-267px;
  534. position:fixed;
  535. z-index:999999999999999999;
  536. transition: all 0.9s ease-out;
  537. -o-transition-transition: all 0.9s ease;
  538. -webkit-transition: all 0.9s ease;
  539. -moz-transition: all 0.9s ease;
  540. transition: all 0.9s ease;
  541. opacity:0;
  542. }
  543.  
  544. #sidebar:hover .links{
  545. opacity:1;
  546. margin-top:-150px;
  547. }
  548.  
  549.  
  550. .video iframe,
  551. .video .tumblr_video_container,
  552. .video .tumblr_video_container iframe {
  553. display:block;
  554. width:100%;
  555. height:Auto;
  556. }
  557.  
  558. .video #youtube_iframe {
  559. display:block;
  560. width:100%;
  561. height:Auto;
  562. }
  563.  
  564. .links a{
  565. color:{color:link};
  566. background-color:#fff;
  567. padding:5px;
  568. width:15px;
  569. height:15px;
  570. border:1px solid #ddd;
  571. text-transform:uppercase;
  572. font-family:calibri;
  573. line-height:6px;
  574. word-spacing:2px;
  575. font-size:14px;
  576. letter-spacing:2px;
  577. display:block;
  578. overflow:hidden;
  579. margin-top:12px;
  580. margin-left:4px;
  581. background:#fff;
  582. transition: all 0.9s ease-out;
  583. -o-transition-transition: all 0.9s ease-out;
  584. -webkit-transition: all 0.9s ease-out;
  585. -moz-transition: all 0.9s ease-out;
  586. }
  587. .links a:hover{
  588. padding-left:50px;
  589. transition: all 0.9s ease-out;
  590. -o-transition-transition: all 0.9s ease-out;
  591. -webkit-transition: all 0.9s ease-out;
  592. -moz-transition: all 0.9s ease-out;
  593. }
  594.  
  595.  
  596.  
  597. /*DO NOT TOUCH!!!!*/
  598.  
  599. #niall{
  600. color:{color:link};
  601. width:auto;
  602. position:fixed;
  603. bottom:70px;
  604. margin-left:-5px;
  605. left:-1px;
  606. background:{color:background};
  607. z-index:99999999999999999999999999999999;
  608. -webkit-transition: all .7s ease;
  609. -moz-transition: all .7s ease;
  610. -o-transition: all .7s ease;
  611. transition: all .7s ease;
  612. }
  613.  
  614.  
  615. #zayn{
  616. font-size:14px;
  617. line-height:18px;
  618. text-align:center;
  619. height:15px;
  620. margin-top:36px;
  621. width:15px;
  622. padding:5px;
  623. margin-left:20px;
  624. position:fixed;
  625. -webkit-transition: all .7s ease;
  626. -moz-transition: all .7s ease;
  627. -o-transition: all .7s ease;
  628. transition: all .7s ease;
  629. }
  630. #lol{
  631. text-align:center;
  632. width:200px;
  633. color:black;
  634. font-size:8px;
  635. height:11px;
  636. padding:7px;
  637. font-family:'calibri';
  638. text-transform:uppercase;
  639. margin-left:-200px;
  640. letter-spacing:2px;
  641. margin-top:36px;
  642. position:fixed;
  643. opacity:0;
  644. line-height:11px;
  645. overflow:hidden;
  646. -webkit-transition: all .7s ease;
  647. -moz-transition: all .7s ease;
  648. -o-transition: all .7s ease;
  649. transition: all .7s ease;
  650. }
  651.  
  652. #lol a{color:{color:text};}
  653.  
  654. #niall:hover #lol{
  655. margin-left:-3px;
  656. opacity:1;
  657. }
  658.  
  659. /* don't delete the credit */
  660.  
  661. .photoset-img { width:100%; }
  662.  
  663.  
  664.  
  665. #titulo{
  666. text-transform:none;
  667. position:fixed !important;
  668. {block:iftitleshadow}
  669. text-shadow: 4px 4px #eee;
  670. {/block:iftitleshadow}
  671. font-size:{text:title font size}px;
  672. margin-top:40px;
  673. opacity:1;
  674. font-family:{select:title font};
  675. letter-spacing:1px;
  676. text-align:center;
  677. color:{color:text};
  678. margin-left:-10px;
  679. z-index:999999999;
  680. -webkit-transition:All 0.5s ease-in-out;
  681. -moz-transition:All 0.5s ease-in-out;
  682. -ms-transition:All 0.5s ease-in-out;
  683. -o-transition:All 0.5s ease-in-out;
  684. transition:All 0.5s ease-in-out;
  685. }
  686.  
  687. #sidebar:hover #titulo{
  688. margin-top:-200px;
  689. }
  690.  
  691.  
  692. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  693. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  694. </style>
  695.  
  696.  
  697. </head>
  698. <body>
  699.  
  700.  
  701. <!--- do not detele this lmao---->
  702. <div id="niall"><div id="zayn"><i class="fa fa-code"></i></div><div id="lol">Theme by <a href="http://planthed.tumblr.com/"target="_blank">planthed</a>
  703. </div></div>
  704.  
  705. <!--- do not detele this lmao---->
  706.  
  707.  
  708. <div id="sidebar">
  709. <div class="foto"><img src="{image:sidebar}"></div>
  710. <div id="desc">{description}</div>
  711. <div class="links">
  712. <a title="{text:Link 1 Title}" href="{text:Link 1}"><i class="fa fa-home"></i></a>
  713. <a title="{text:Link 2 Title}" href="{text:Link 2}"><i class="fa fa-comment"></i></a>
  714. <a title="{text:Link 3 Title}" href="{text:Link 3}"><i class="fa fa-tags"></i></a>
  715. <a title="{text:Link 4 Title}" href="{text:Link 4}"><i class="fa fa-star"></i></a>
  716. <a title="{text:Link 5 Title}" href="{text:Link 5}"><i class="fa fa-archive"></i></a>
  717. <a title="theme credit" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-code"></i></a>
  718. </div>
  719. <div id="titulo">{text:blogtitle}</div>
  720. </div>
  721.  
  722.  
  723. <div id="center">
  724. <div id="content">
  725. <div id="posts">
  726. {block:Posts}
  727. <div id="entry">
  728.  
  729. {block:Photo}
  730. {block:IndexPage}
  731. <div class="lovely"></div>
  732. <div class="perm1">
  733. posted at {12Hour}:{Minutes} {AmPm} on {DayOfWeek}
  734. </div>
  735. {/block:IndexPage}
  736. {block:IndexPage}
  737. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  738. {/block:IndexPage}
  739. {block:IndexPage}
  740. <div class="perm2">
  741. with <a href="{permalink}" target="_blank">{notecount} notes</a> — <a href="{reblogURL}" target="_blank">reblog</a>
  742. </div>
  743. {/block:IndexPage}
  744. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/>{LinkCloseTag}{/block:PermalinkPage}
  745. {/block:Photo}
  746.  
  747.  
  748. {block:Text}
  749. {block:Title}<span class="title">{Title}</span>{/block:Title}
  750. <span class="entrytext">{Body}</span></a>
  751. {block:IndexPage}<br>
  752. <div class="permalinktext">
  753. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  754. {/block:Text}
  755.  
  756. {block:Link}
  757. <a href="{URL}" class="title">{Name}</a>
  758. {block:Description}{Description}{/block:Description}
  759. {block:IndexPage}<br>
  760. <div class="permalinktext">
  761. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  762. </div>
  763. {/block:IndexPage}
  764. {block:Link}
  765.  
  766.  
  767. {block:Photoset}
  768. {block:IndexPage}
  769. {block:Photos}
  770. <img src="{PhotoURL-500}" class="photoset-img" />
  771. {/block:Photos}
  772.  
  773. <div class="permalinktext">
  774. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  775. </div>
  776. {/block:IndexPage}
  777. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
  778. {/block:Photoset}
  779.  
  780. {block:Quote}
  781. <div class="quote">❝ {quote}</div>
  782. {block:IndexPage}<br>
  783. <div class="permalinktext">
  784. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  785. {/block:Quote}
  786.  
  787. {block:Chat}
  788. {block:IndexPage}
  789. <div style="margin-top:-5px">posted {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount}</a> notes, <a href="{ReblogURL}" target="_blank">reblog</a></div><p>
  790. <div class="permalinktext">
  791. </div>{/block:IndexPage}
  792. {block:Title}<span class="title">{Title}</span>{/block:Title}
  793. <ul class="chat">
  794. {block:Lines}
  795. <li class="user_{UserNumber}">
  796. {block:Label}
  797. <span class="label">{Label}</span>
  798. {/block:Label}
  799. {Line}
  800. {/block:Lines}
  801. {/block:Chat}
  802.  
  803.  
  804. {block:Audio}
  805. <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>
  806. {block:IndexPage}<br>
  807. <div class="permalinktext">
  808. <center> {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>{/block:IndexPage}
  809. {/block:Audio}
  810.  
  811. {block:Video}
  812. <div class="video">{Video-500}</div>
  813. {block:IndexPage}<br>
  814. <div class="permalinktext">
  815. <center> {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>{/block:IndexPage}
  816. {block:Video}
  817.  
  818.  
  819. {block:Answer}
  820. <askk><div style="font-family:raleway; font-size:13px; text-align:right; margin-left:80px;color:{color:text}">{Asker} asked:</askk></div><br>
  821. <div style="margin-left:0px; margin-top:-17px;">
  822. <img src="{AskerPortraitURL-48}" width="48" align="left" style="margin-top:-20px;"></div>
  823. <div style="margin-top:3px; border-radius:0px; margin-left:80px; padding:7px; background:#fbfbfb; text-align:justify; color:{color:text};border:1px solid #ddd;">
  824. {Question}</div>
  825. <div style="font-family: raleway; padding:5px; margin-left:0px; font-size:13px; text-align:right;width:auto">{name} replied:</div>
  826. <div style="font-family:calibri; font-size:8px; border:1px solid #ddd; background:#fbfbfb; border-radius:0px; text-align:justify; padding:5px;">{Answer}</div>
  827. {block:indexpage}<br>
  828. <div class="permalinktext">
  829. {DayOfMonth}, {ShortMonth} with</font> <a href="{permalink}">{notecount} notes</font></a></center></div>
  830. {/block:indexpage}
  831. {/block:Answer}
  832.  
  833. {block:PermalinkPage}
  834. {block:Caption}{Caption}{/block:Caption}<br>
  835. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  836. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  837. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  838. {/block:PermalinkPage}
  839. {block:PostNotes}
  840. <div id="postnotes">{PostNotes}</div>
  841. {/block:PostNotes}</div>{/block:Posts}
  842. </div></div>
  843.  
  844. {block:indexpage}
  845. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  846. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  847. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  848. <script type="text/javascript">
  849. $(window).load(function(){
  850. var $wall = $('#posts');
  851. $wall.imagesLoaded(function(){
  852. $wall.masonry({
  853. itemSelector: '#entry, #entry_photo',
  854. isAnimated : false
  855. });
  856. });
  857.  
  858. $wall.infinitescroll({
  859. navSelector : '#page-nav',
  860. nextSelector : '#page-nav a',
  861. itemSelector : '#entry, #entry_photo',
  862. bufferPx : 2000,
  863. debug : false,
  864. errorCallback: function() {
  865. $('#infscr-loading').fadeOut('normal');
  866. }},
  867. function( newElements ) {
  868. var $newElems = $( newElements );
  869. $newElems.hide();
  870. $newElems.imagesLoaded(function(){
  871. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  872. });
  873. }); $('#content').show(500);
  874. });
  875. </script>
  876. {/block:indexpage}
  877.  
  878.  
  879. </body>
  880. {block:ifgraphicimage}<div style="position:fixed; z-index:999999; bottom:-35px;right:-10px; padding:8px; opacity:0.6;">
  881. <img src="http://media.tumblr.com/tumblr_m5eui0Bqib1rqmdb7.png" style="width:350px"></div>{/block:ifgraphicimage}
  882. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement