Advertisement
planthed

Lonely theme #9

Nov 1st, 2014
262
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.72 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. ------>
  12.  
  13.  
  14. <html lang="en">
  15.  
  16.  
  17.  
  18. <script type="text/javascript">
  19. WebFontConfig = {
  20. 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' ] }
  21. };
  22. (function() {
  23. var wf = document.createElement('script');
  24. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  25. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  26. wf.type = 'text/javascript';
  27. wf.async = 'true';
  28. var s = document.getElementsByTagName('script')[0];
  29. s.parentNode.insertBefore(wf, s);
  30. })(); </script>
  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. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  59.  
  60. <meta name="color:Background" content="#fafafa"/>
  61. <meta name="color:Title" content="#d2dae5"/>
  62. <meta name="color:Text" content="#999999"/>
  63. <meta name="color:Link" content="#d2dae5"/>
  64. <meta name="color:Hover" content="#aaa"/>
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:Sidebar" content=""/>
  67. <meta name="if:show blog title" content="1" />
  68. <meta name="if:faded posts" content="1" />
  69. <meta name="if:graphic img" content="1" />
  70. <meta name="if:box shadow" content="1" />
  71. <meta name="if:grayscale sidebar" content="1" />
  72. <meta name="text:Blog title" content="wicked" />
  73. <meta name="text:Title size" content="30px" />
  74. <meta name="text:Link 1" content="/" />
  75. <meta name="text:Link 2" content="/ask" />
  76. <meta name="text:Link 3" content="/" />
  77. <meta name="text:Link 4" content="/" />
  78. <meta name="text:Link 5" content="/" />
  79. <meta name="text:Link 1 Title" content="refresh" />
  80. <meta name="text:Link 2 Title" content="message"/>
  81. <meta name="text:Link 3 Title" content="more links" />
  82. <meta name="text:Link 4 Title" content="favorites" />
  83. <meta name="text:Link 5 Title" content="about" />
  84.  
  85.  
  86. </script>
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91.  
  92. @font-face {font-family:formal; src: url(http://static.tumblr.com/2poobra/pspmrjf1f/petitformalscript-regular.ttf); }
  93.  
  94.  
  95. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  96. z-index:9999999999999999999999999999999999999;
  97. opacity:.2 !important;
  98. -webkit-filter:invert(100%);
  99. position:fixed!important;
  100. }
  101.  
  102. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{
  103. -webkit-transition:opacity 0.7s linear;
  104. opacity:1.0;
  105. -webkit-transition:all 0.4s ease-out;
  106. -moz-transition:all 0.4s ease-out;
  107. transition: all 0.4s ease-out;
  108. z-index:99999;
  109. }
  110. ::-webkit-scrollbar-thumb{ background:{color:link}; border:1px solid #fff; height:auto; -moz-border-radius:0px; border-radius:0px;}
  111.  
  112. ::-webkit-scrollbar{ height:9px; width:9px; background-color:{color:link}; border:4px solid {color:background};}
  113.  
  114.  
  115. ::selection {
  116. background:{color:Link};
  117. color: #fff;}
  118.  
  119. ::-moz-selection {
  120. background:{color:Link};
  121. color: #fff;
  122. }
  123.  
  124. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  125.  
  126. body {
  127. padding:0px;
  128. margin:0px;
  129. color:{color:Text};
  130. font-family:calibri;
  131. font-size:10px;
  132. line-height:12px;
  133. text-transform:normal;
  134. background-color:{color:Background};
  135. background-image:url({image:background});
  136.  
  137. background-attachment:fixed;
  138. background-repeat:repeat;
  139. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  140.  
  141. askk{
  142. font-family:arial;
  143. font-size:11px;
  144. font-style:italic;
  145. color:{color:Title};
  146. }
  147.  
  148. a:link, a:active, a:visited{
  149. color:{color:Link};
  150. text-decoration:none;
  151. -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;}
  152.  
  153. a:hover{
  154. color:{color:Hover};
  155. text-decoration:none;
  156. -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;
  157. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  158.  
  159.  
  160. #audio {
  161. width:200px;
  162. height:auto;
  163. min-height:60px;
  164. padding-bottom:0px;
  165. }
  166.  
  167. .cover {
  168. position:absolute;
  169. z-index:1;
  170. width:60px;
  171. height:60px;
  172. }
  173. .cover img {
  174. float:left;
  175. width:60px;
  176. height:60px;
  177. }
  178. .playbox {
  179. opacity:0.6;
  180. width:27px;
  181. height:30px;
  182. overflow:hidden;
  183. position:absolute;
  184. z-index:1000;
  185. margin-left:17px;
  186. margin-top:17px;
  187. text-align:center;
  188. }
  189. .info {
  190. margin-left:73px;
  191. margin-top:4px;
  192. line-height:14px;
  193. }
  194.  
  195.  
  196. #cunt{width:250px; height:auto;}
  197. {block:PermalinkPage}
  198. width:10px;
  199. {/block:PermalinkPage}
  200. }
  201.  
  202. #center{
  203. padding-top:3px;
  204. padding-bottom:3px;
  205. position:fixed !important;
  206. width:250px;
  207. height:207px;
  208. background-color:#fff;
  209. {block:PermalinkPage}
  210. width:410px;
  211. height:207px;
  212. {/block:PermalinkPage}
  213. }
  214.  
  215. #posts{
  216. float:center;
  217. {block:indexpage}
  218. width:510px;
  219. height:100%;
  220. border-left:1px solid #eee;
  221. border-right:1px solid #eee;
  222. {/block:indexpage}
  223. {block:permalinkpage}
  224. width:0px;
  225. padding:0px;
  226. height:0px;
  227. background-color:transparent;
  228. {/block:permalinkpage}
  229. margin-left:460px;
  230. margin-top:20px;
  231. z-index:999;
  232. background-color:#fff;
  233. padding:10px;
  234. }
  235.  
  236. #entry img{
  237. {block:indexpage}
  238. background:#fff;
  239.  
  240. z-index:999;
  241. -webkit-transition:all 0.7s ease-out;
  242. -moz-transition:all 0.7s ease-out;
  243. transition:all 0.7s ease-out;
  244. {/block:indexpage}
  245. }
  246.  
  247. #entry{
  248. margin-top:26px;
  249. margin:6px;
  250. z-index:9999999;
  251. letter-spacing:1px;
  252. float:left;
  253. overflow:hidden;
  254. background:#fff;
  255. font-size:10px;
  256. line-height:13px;
  257. text-transform:uppercase;
  258. width:220px;
  259. padding:10px;
  260. border:1px solid #eee;
  261. {block:ifboxshadow}box-shadow:rgba(0,0,0,.03) 5px 5px;{/block:ifboxshadow}
  262. {block:PermalinkPage}
  263. width:500px;
  264. z-index:999;
  265. margin-left:-10px;
  266. {/block:PermalinkPage}
  267. -moz-transition: all 3.9s ease-out;
  268. -o-transition: all 3.9s ease-out;
  269. -webkit-transition: all 3.9s ease-out;
  270. transition: all 3.9s ease-out;
  271. -webkit-animation:fadeInDown 3s;
  272. -moz-animation:fadeInDown 3s;
  273. -ms-animation:fadeInDown 3s;
  274. }
  275. .permalinkk a{
  276. color:#aaa;
  277. }
  278. .permalinkk a:hover{
  279. text-decoration:underline;
  280. }
  281. .permalinkk {
  282. position:absolute;
  283. z-index:10;
  284. width:auto;
  285. padding:7px;
  286. overflow:hidden;
  287. opacity:0.0;
  288. color:#aaa;
  289. left:-50px;
  290. top:0px;
  291. font-size:8px;
  292. line-height:11px;
  293. text-transform:uppercase;
  294. padding-left:10px;
  295. padding-right:10px;
  296. letter-spacing:1px;
  297. text-align:center;
  298. background-color:#fff;
  299. border-bottom:1px solid #eee;
  300. border-right:1px solid #eee;
  301. -webkit-transition:all 0.6s ease-out;
  302. -moz-transition:all 0.6s ease-out;
  303. transition:all 0.6s ease-out;
  304.  
  305. }
  306.  
  307. #entry:hover .permalinkk {
  308. opacity:1;
  309. left:0px;
  310. z-index:999999;-webkit-transform: rotate(0deg);
  311. -moz-transform: rotate(0deg);}
  312.  
  313.  
  314. .permalinktext{
  315. display: block;
  316. border: 1px solid rgba(0,0,0,.15);
  317. padding:4px;
  318. border-radius:3px;
  319. margin:3px 0px 3px 0px;
  320. text-transform: uppercase;
  321. font-family:calibri;
  322. font-size:8px;
  323. line-height:13px;
  324. text-align:center;
  325. letter-spacing:1px;
  326. color:#aaa;
  327. webkit-transition: all 0.2s linear;
  328. -webkit-transition: all 0.2s linear;
  329. -moz-transition: all 0.2s linear;
  330. transition: all 0.2s linear;
  331. background-color:rgba(0,0,0,.02);}
  332.  
  333. #titulo{
  334. font-family:Parisienne;
  335. margin-top:-20px;
  336. margin-left:10px;
  337. font-size:{text:title size};
  338. text-align:normal;
  339. letter-spacing:3px;
  340. z-index:99;
  341. color:{color:link};
  342. position:fixed;
  343. -o-transition-transition: all 0.9s ease;
  344. -webkit-transition: all 0.9s ease;
  345. -moz-transition: all 0.9s ease;
  346. transition: all 0.9s ease;
  347. }
  348.  
  349.  
  350. div#sidebar {
  351. z-index:999;
  352. position:fixed !important;
  353. width:197px;
  354. height:194px;
  355. padding:6px;
  356. padding-bottom:9px;
  357. margin-top:130px;
  358. margin-left:136px;
  359. border:1px solid #eee;
  360. background:#fff;
  361. {block:ifboxshadow}box-shadow:rgba(0,0,0,.03) 4px 4px;{/block:ifboxshadow}
  362. -webkit-transition:all 0.5s linear;
  363. -webkit-transition:all 0.5s linear;
  364. -moz-transition:all 0.5s linear;
  365. transition:all 0.5s linear;
  366. }
  367.  
  368.  
  369. .desc{
  370. font-style:italic;
  371. letter-spacing:1px;
  372. text-transform:normal;
  373. border:1px solid #eee;
  374. text-align:left;
  375. position:fixed;
  376. background:#fff;
  377. color:transparent;
  378. opacity:0;
  379. padding:12px;
  380. height:163px;
  381. width:164px;
  382. margin-top:3px;
  383. margin-left:-20px;
  384. font-size:13px;
  385. font-family:calibri;
  386. line-height:14px;z-index:99999999999;
  387. -webkit-transition: all .7s ease;
  388. -moz-transition: all .7s ease;
  389. -o-transition: all .7s ease;
  390. transition: all .7s ease;}
  391. #sidebar:hover .desc{
  392. color:#8c8c8c;
  393. height:164px;
  394. width:162px;
  395. opacity:.9;
  396. margin-top:3px;
  397. margin-left:4px;
  398.  
  399. -webkit-transition: all .7s ease;
  400. -moz-transition: all .7s ease;
  401. -o-transition: all .7s ease;
  402. transition: all .7s ease;
  403. }
  404.  
  405. #links{
  406. margin-left:-50px;
  407. margin-top:210px;
  408. position:fixed !important;
  409. opacity:0;
  410. display:inline-block;
  411. z-index:999999999999999999999999999;
  412. transition:all 0.9s ease-out;
  413. -o-transition-transition:all 0.9s ease-out;
  414. -webkit-transition:all 0.9s ease-out;
  415. -moz-transition:all 0.9s ease-out;
  416. }
  417.  
  418. #sidebar:hover #links{
  419. opacity:1;
  420. margin-left:-4px;
  421. margin-top:210px;
  422. }
  423.  
  424. #links a {
  425. display:inline-block;
  426. padding:7px;
  427. border-radius:100%;
  428. width:10px;
  429. height:10px;
  430. margin-left:6px;
  431. background:{color:Link};
  432. font-family:calibri;
  433. text-transform:uppercase;
  434. font-size:12px;
  435. text-align:left;
  436. color:{color:link};
  437. border:1px solid {color:link};
  438. -webkit-transition: all .7s ease;
  439. -moz-transition: all .7s ease;
  440. -o-transition: all .7s ease;
  441. transition: all .7s ease;
  442. -moz-transition-duration:0.4s;
  443. -webkit-transition-duration:0.4s;
  444. -o-transition-duration:0.4s;
  445. -ms-transition-duration:0.4s
  446. }
  447.  
  448. #links a:hover{
  449. -webkit-transform: scale(1.85);
  450. -moz-transform: scale(1.85);
  451. -o-transform: scale(1.85);
  452. -ms-transform: scale(1.85);
  453. transform: rotate(-360deg);
  454. -moz-transform: rotate(-360deg);
  455. -webkit-transform: rotate(-360deg);
  456. -o-transform: rotate(-360deg);
  457. border-radius:100%;-webkit-transition: all 0.7s ease-out;
  458. -moz-transition: all 0.7s ease-out;
  459. transition: all 0.7s ease-out;
  460. transition: all 0.7s ease;
  461. -o-transition-transition: all 0.7s ease;
  462. -webkit-transition: all 0.7s ease;
  463. -moz-transition: all 0.7s ease;
  464. -webkit-filter:grayscale(0%);
  465. background:#fff;
  466. border:1px solid {color:link};
  467. -webkit-transition: all .7s ease;
  468. -moz-transition: all .7s ease;
  469. -o-transition: all .7s ease;
  470. transition: all .7s ease;t;
  471. }
  472.  
  473. #deco{
  474. position:fixed; z-index:9; top:25px;left:-30px; padding:8px; opacity:0.1;-webkit-transition: all .7s ease;
  475. -moz-transition: all .7s ease;
  476. -o-transition: all .7s ease;
  477. transition: all .7s ease;t;
  478. }
  479.  
  480.  
  481. .lovely{
  482. position:absolute;
  483. width:220px;
  484. height:100%;
  485. opacity:0.3;
  486. background:#fff;
  487. z-index:3;
  488. -webkit-transition: all 0.8s ease;
  489. -moz-transition: all 0.8s ease;
  490. -o-transition: all 0.8s ease;
  491. transition: all 0.8s ease;
  492. }
  493.  
  494. #entry:hover .lovely{
  495. opacity:0.0;
  496. height:0%;
  497. -webkit-transition: all 0.8s ease;
  498. -moz-transition: all 0.8s ease;
  499. -o-transition: all 0.8s ease;
  500. transition: all 0.8s ease;
  501. }
  502.  
  503.  
  504.  
  505.  
  506. #postnotes{
  507. text-align:left;
  508. }
  509.  
  510. #postnotes blockquote{
  511. border:0px;
  512. }
  513.  
  514. .title{
  515. font-family:roboto;
  516. font-size:19px;
  517. line-height: 15px;
  518. text-transform:lowercase;
  519. letter-spacing:1px;
  520. font-style:normal;
  521. color:{color:Title};
  522. }
  523.  
  524. .blogtitle{
  525. font-family:roboto;
  526. font-size:18px;
  527. line-height:18px;
  528. color:{color:Link};
  529. font-weight:normal;
  530. }
  531.  
  532. blockquote{
  533. padding:5px;
  534. border-left:1px solid #eee;
  535. margin:4px;
  536. font-family:calibri;
  537. font-size:10px;
  538. font-style:italic;
  539. text-transform:lowercase;
  540. }
  541.  
  542. ul, ol, li{
  543. list-style:none;
  544. margin:0px;
  545. padding:0px;
  546. }
  547.  
  548.  
  549. #color{
  550. background:{color:link};
  551. padding:1px;
  552. repeat:repeat-x;
  553. width:530px;
  554. height:25px;
  555. position: fixed;
  556. opacity:.6;
  557. margin-left:460px;
  558. margin-top:-20px;
  559. z-index:99999;
  560. {block:PermalinkPage}
  561. width:100%;
  562.  
  563. z-index:999;
  564. margin-left:0px;
  565. {/block:PermalinkPage}
  566. }
  567.  
  568.  
  569. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  570. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  571. </style>
  572.  
  573.  
  574.  
  575. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  576. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  577. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  578. <script>
  579. (function($){
  580. $(document).ready(function(){
  581. $("a[title]").style_my_tooltips({
  582. tip_follows_cursor:true,
  583. tip_delay_time:90,
  584. tip_fade_speed:600,
  585. attribute:"title"
  586. });
  587. });
  588. })(jQuery);
  589. </script>
  590.  
  591. <style>
  592.  
  593.  
  594.  
  595. #s-m-t-tooltip{
  596. max-width:300px;
  597. padding:6px;
  598. margin:20px 0px 0px 20px;
  599. background:{color:link};
  600.  
  601. font-style:italic;
  602. font-family:calibri;
  603. border-radius:0px;
  604. font-size:10px;
  605. text-transform:uppercase;
  606. color:#fff;
  607. letter-spacing:1px;
  608. z-index:999999999999999999999999999999999999999999999999999999999999999;
  609. }
  610.  
  611. #s-m-t-tooltip:before{
  612. position: absolute;
  613. left: -10px;
  614. top: -5px;
  615. width: 0px;
  616. content:"";
  617. transform: scale(1.7, .3);
  618. -webkit-transform: scale(1.7, .3);
  619. -moz-transform: scale(1.7, .3);
  620. -o-transform: scale(1.7, .3);
  621. -ms-transform: scale(1.7, .3);
  622. height: 0px;
  623. border-right: 4px solid {color:link};
  624. border-bottom: 17px solid transparent;
  625. border-left: 4px solid transparent;
  626. border-top: 17px solid transparent;
  627. }
  628.  
  629.  
  630. </style>
  631.  
  632. <title>{Title}</title>
  633. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png">
  634. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  635. <meta name="viewport" content="width=720" />
  636.  
  637.  
  638. </head>
  639.  
  640. <body>
  641. <div id="color"></div>
  642. <div id="center">
  643. <div id="content">
  644.  
  645.  
  646.  
  647. <div id="sidebar">
  648. <div class="desc">{description}</div>
  649. {block:ifshowblogtitle}<div id="titulo"><b>{text:Blog title}</b></div>{/block:ifshowblogtitle}
  650.  
  651.  
  652.  
  653. <div id="links">
  654.  
  655. <a title="{text:link 1 title}" href="{text:link 1}"></a>
  656. <a title="{text:link 2 title}" href="{text:link 2}"></a>
  657. <a title="{text:link 3 title}" href="{text:link 3}"></a>
  658. <a title="{text:link 4 title}" href="{text:link 4}"></a>
  659. <a title="{text:link 5 title}" href="{text:link 5}"></a>
  660. <a title="theme credit" href="http://planthed.tumblr.com"></a>
  661. </div>
  662.  
  663. <img src="{image:sidebar}" style="z-index:9999999999999; margin-top:10px; margin-left:10px; width:170px; height:170px; opacity:0.6; padding:3px; outline:1px solid #ddd;outline-offset:5px;{block:ifgrayscalesidebar}-webkit-filter: grayscale(100%);{/block:ifgrayscalesidebar}"></div></div></div>
  664.  
  665. {block:ifgraphicimg}<div id="deco"><img src="http://media.tumblr.com/251db3ea6677c84901dd4491ad432d84/tumblr_inline_n92sipm3kG1r787op.png" style="width:530px"></div>{/block:ifgraphicimg}
  666.  
  667.  
  668.  
  669.  
  670. <div id="posts">
  671. {block:Posts}
  672. <div id="entry">
  673.  
  674. {block:Text}
  675. {block:Title}<span class="title">{Title}</span>{/block:Title}
  676. <span class="entrytext">{Body}</span></a>
  677. {block:IndexPage}<br>
  678. <div class="permalinktext">
  679. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  680. {/block:Text}
  681.  
  682. {block:Link}
  683. <a href="{URL}" class="title">{Name}</a>
  684. {block:Description}{Description}{/block:Description}
  685. {block:IndexPage}<br>
  686. <div class="permalinktext">
  687. {Month} {DayOfMonth} with <a href="{permalink}">{notecount} notes</a>
  688. </div>
  689. {/block:IndexPage}
  690. {block:Link}
  691.  
  692. {block:Photo}{block:IndexPage}
  693. {block:iffadedposts}
  694. <div class="lovely"></div>
  695. {/block:iffadedposts}
  696. <div class="permalinkk"> {timeago} / <a href="{permalink}">{notecountwithlabel}</a> / <a href="{reblogurl}" target="_blank">reblog</a></div>
  697.  
  698. {/block:IndexPage}
  699.  
  700. {block:IndexPage}
  701. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=220px;>
  702. {/block:IndexPage}
  703. {block:permalinkpage}{LinkOpenTag}<center>
  704. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=500px;/>
  705. {LinkCloseTag}</center>{/block:permalinkpage}
  706. {/block:Photo}
  707.  
  708. {block:Quote}
  709. <div class="quote">❝ {quote}</div>
  710. {block:IndexPage}<br>
  711. <div class="permalinktext">
  712. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  713. {/block:Quote}
  714.  
  715. {block:Chat}
  716. {block:Title}<span class="title">{Title}</span>{/block:Title}
  717. <ul class="chat">
  718. {block:Lines}
  719. <li class="user_{UserNumber}">
  720. {block:Label}
  721. <span class="label">{Label}</span>
  722. {/block:Label}
  723.  
  724. {Line}<br>
  725. {/block:Lines}
  726. {block:IndexPage}<br>
  727. <div class="permalinktext">
  728. {DayOfMonth}, {ShortMonth} with <a href="{permalink}">{notecount} notes</a></div>{/block:IndexPage}
  729. {/block:Chat}
  730.  
  731. {block:Audio}
  732. <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}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  733. {block:IndexPage}
  734. <div class="permalinktext">
  735. {dayofmonth} {month} &nbsp;&middot;&nbsp;
  736. <a href="{permalink}">{notecountwithlabel}</a> &nbsp;&middot;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>
  737. </div>
  738. {/block:IndexPage}
  739. {/block:Audio}
  740.  
  741.  
  742. {block:Video}
  743. <center>{block:IndexPage}
  744. <div style="width:220px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>
  745. <div class="permalinktext">
  746. {dayofmonth} {month} &nbsp;&middot;&nbsp;
  747. <a href="{permalink}">{notecountwithlabel}</a> &nbsp;&middot;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>
  748. </div>{/block:IndexPage}</center>
  749. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  750. {block:Video}
  751.  
  752. {block:Answer}
  753. <div style="border:1px solid #eee; margin:3px; margin-top:-5px; min-height:30px; padding:3px; background:#f7f7f7">
  754. <img src="{AskerPortraitURL-30}" width="30" align="left"
  755. style="margin-right:4px; margin-top:-6px; margin-left:0px; border:1px solid #ddd; padding:7px; background:#fff; box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -moz-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06); -webkit-box-shadow:0px 2px 6px rgba(0, 0, 0, 0.06)">
  756. <askk>{Asker}</askk>: {Question}</div>
  757. <div style="font-family:calibri; font-size:10px">{Answer}</div>
  758. <div class="permalinktext">
  759. {dayofmonth} {month} &nbsp;&middot;&nbsp;
  760. <a href="{permalink}">{notecountwithlabel}</a> &nbsp;&middot;&nbsp;<a href="{ReblogURL}" target="_blank">reblog</a>
  761. </div>
  762. {/block:Answer}
  763.  
  764. {block:PermalinkPage}
  765. <center>{caption}<br>
  766. {block:Date}posted <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount}with {NoteCount} notes<br>{/block:NoteCount}
  767. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>of:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  768. {block:NoteCount} <div style="text-align:center; margin:5px"></div>{/block:NoteCount}</center>
  769. {/block:PermalinkPage}
  770. {block:PostNotes}
  771. <div id="postnotes">{PostNotes}</div>
  772. {/block:PostNotes}</div>{/block:Posts}
  773. </div></div>
  774.  
  775. {block:indexpage}
  776. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  777. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  778. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  779. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  780. <script type="text/javascript">
  781. $(window).load(function(){
  782. var $wall = $('#posts');
  783. $wall.imagesLoaded(function(){
  784. $wall.masonry({
  785. itemSelector: '#entry, #entry_photo',
  786. isAnimated : false
  787. });
  788. });
  789.  
  790. $wall.infinitescroll({
  791. navSelector : '#page-nav',
  792. nextSelector : '#page-nav a',
  793. itemSelector : '#entry, #entry_photo',
  794. bufferPx : 2000,
  795. debug : false,
  796. errorCallback: function() {
  797. $('#infscr-loading').fadeOut('normal');
  798. }},
  799. function( newElements ) {
  800. var $newElems = $( newElements );
  801. $newElems.hide();
  802. $newElems.imagesLoaded(function(){
  803. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  804. });
  805. }); $('#content').show(500);
  806. });
  807. </script>
  808. {/block:indexpage}
  809. </body>
  810. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement