Advertisement
planthed

Florida kilos theme #8

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