API tools faq
paste
Advertisement
planthed

Sunset theme #14

planthed
Nov 1st, 2014
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.38 KB | None | 0 0
raw download clone embed print report
  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. <html lang="en">
  14.  
  15. <head>
  16. <script type="text/javascript">
  17. WebFontConfig = {
  18. 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' ] }
  19. };
  20. (function() {
  21. var wf = document.createElement('script');
  22. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  23. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  24. wf.type = 'text/javascript';
  25. wf.async = 'true';
  26. var s = document.getElementsByTagName('script')[0];
  27. s.parentNode.insertBefore(wf, s);
  28. })(); </script>
  29.  
  30.  
  31. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="color:Background" content="#fefefe"/>
  35. <meta name="color:Title" content="#aaa"/>
  36. <meta name="color:Text" content="#aaa"/>
  37. <meta name="color:Link" content="#aaa"/>
  38. <meta name="color:Hover" content="#aaa"/>
  39. <meta name="image:sidebar" content=""/>
  40. <meta name="if:grayscale sidebar" content="0" />
  41. <meta name="text:blogtitle" content="sunset" />
  42. <meta name="text:Link 1" content="/" />
  43. <meta name="text:Link 2" content="/ask" />
  44. <meta name="text:Link 3" content="/" />
  45. <meta name="text:Link 4" content="/" />
  46. <meta name="text:Link 5" content="/" />
  47. <meta name="text:Link 1 Title" content="refresh" />
  48. <meta name="text:Link 2 Title" content="message"/>
  49. <meta name="text:Link 3 Title" content="more" />
  50. <meta name="text:Link 4 Title" content="favorites" />
  51. <meta name="text:Link 5 Title" content="about" />
  52.  
  53.  
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56. <script type="text/javascript" src="http://static.tumblr.com/dbhjqlo/rd3nc0jpe/effectsxp.txt"></script>
  57. <script type="text/javascript" src="http://static.tumblr.com/5jb4lhb/HUOncl3cj/lmtxt.txt"></script>
  58. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){$(document)
  61. .ready(function(){$("[title]")
  62. .style_my_tooltips();});})
  63. (jQuery);
  64. </script>
  65.  
  66. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  67. </script>
  68.  
  69. <style type="text/css">
  70.  
  71.  
  72. @-webkit-keyframes lol {
  73. 0% {-webkit-transform: scale(.4);}
  74. 50% {-webkit-transform: scale(1.04);}
  75. 70% {-webkit-transform: scale(.9);}
  76. 100% {-webkit-transform: scale(1);}}
  77.  
  78.  
  79.  
  80. #line {
  81. position:fixed;
  82. background-image: -webkit-linear-gradient(bottom, {color:background} 0%, {color:link} 100%);
  83. height:27px;
  84. width:100%;
  85. line-height:25px;
  86. text-transform:uppercase;
  87. text-align:center;
  88. font-family:calibri;
  89. color:white;
  90. font-size:12px;
  91. letter-spacing:3px;
  92. margin-left:-5px;
  93. margin-top:-25px;
  94. opacity:.8;
  95. text-shadow:0px 0px 5px #888;
  96. z-index:99;
  97. transition: all 0.9s ease-out;
  98. }
  99.  
  100.  
  101.  
  102. @-webkit-keyframes lol {
  103. 0% {-webkit-transform: scale(.4);}
  104. 50% {-webkit-transform: scale(1.04);}
  105. 70% {-webkit-transform: scale(.9);}
  106. 100% {-webkit-transform: scale(1);}}
  107.  
  108.  
  109.  
  110. #s-m-t-tooltip{
  111. font-style:italic;
  112. max-width:200px;
  113. padding:6px;
  114. margin:20px 0px 0px 20px;
  115. background:{color:link};
  116. color:#fff;
  117. font-family:calibri;
  118. font-size:10px;
  119. text-transform:uppercase;
  120. letter-spacing:1px;
  121. z-index:99999999;
  122. -webkit-animation:lol 1s;
  123. -moz-animation:lol 1s;
  124. -o-animation:lol 1s;
  125. }
  126.  
  127. #s-m-t-tooltip:before{
  128. position: absolute;
  129. left: -10px;
  130. top: -6px;
  131. width: 0px;
  132. content:"";
  133. transform: scale(1.7, .3);
  134. -webkit-transform: scale(1.7, .3);
  135. -moz-transform: scale(1.7, .3);
  136. -o-transform: scale(1.7, .3);
  137. -ms-transform: scale(1.7, .3);
  138. height: 0px;
  139. border-right: 4px solid {color:link};
  140. border-bottom: 19px solid transparent;
  141. border-left: 4px solid transparent;
  142. border-top: 19px solid transparent;
  143. }
  144.  
  145.  
  146. #entry img{
  147. {block:indexpage}
  148. max-width:220px;
  149. {/block:indexpage}
  150. }
  151.  
  152.  
  153. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop{
  154. z-index:9999999999999999999999999999999999999;
  155. opacity:.2 !important;
  156. -webkit-filter:invert(100%);
  157. position:fixed!important;
  158. }
  159.  
  160. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop:hover{
  161. -webkit-transition:opacity 0.7s linear;
  162. opacity:1.0;
  163. -webkit-transition:all 0.4s ease-out;
  164. -moz-transition:all 0.4s ease-out;
  165. transition: all 0.4s ease-out;
  166. z-index:99999;
  167. }
  168.  
  169.  
  170. ::-webkit-scrollbar {width: 8px; height: 4px; background:transparent; border-left: 1px solid transparent; }
  171.  
  172. ::-webkit-scrollbar-thumb { background-image: -webkit-linear-gradient(top, #fff 0%, {color:link} 100%); border-bottom: 1px solid #ccc; border-radius:0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;opacity:1; }
  173.  
  174.  
  175.  
  176.  
  177.  
  178. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  179.  
  180. ::selection {
  181. background:{color:link};
  182. color:#fff;
  183. }
  184.  
  185.  
  186. .lovely{
  187. right:0px;
  188. position:absolute;
  189. background:white;
  190. opacity:.2;
  191. width:0px;
  192. height:100%;
  193. -webkit-transition: all .9s ease;
  194. -moz-transition: all .9s ease;
  195. -o-transition: all .9s ease;
  196. transition: all .9s ease;
  197. }
  198.  
  199. #entry:hover .lovely{
  200. opacity:.1;
  201. width:100%;
  202. -webkit-transition: all .9s ease;
  203. -moz-transition: all .9s ease;
  204. -o-transition: all .9s ease;
  205. transition: all .9s ease;
  206. }
  207.  
  208. .lovely2{
  209. margin-left:0px;
  210. position:absolute;
  211. background:white;
  212. opacity:.2;
  213. width:0px;
  214. height:100%;
  215. -webkit-transition: all .9s ease;
  216. -moz-transition: all .9s ease;
  217. -o-transition: all .9s ease;
  218. transition: all .9s ease;
  219. }
  220.  
  221. #entry:hover .lovely2{
  222. opacity:.1;
  223. width:100%;
  224. -webkit-transition: all .9s ease;
  225. -moz-transition: all .9s ease;
  226. -o-transition: all .9s ease;
  227. transition: all .9s ease;
  228. }
  229.  
  230.  
  231.  
  232. ::-moz-selection {
  233. background:{color:link};
  234. color:#fff;
  235. }
  236.  
  237. a:link, a:active, a:visited{
  238. color:{color:link};
  239. text-decoration: none;
  240. -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;
  241. }
  242.  
  243. a:hover {
  244. font-style: none;
  245. color:{color:Hover};
  246. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  247. }
  248. #kk{width:250px; height:auto;}
  249. {block:PermalinkPage}
  250. width:410px;
  251. {/block:PermalinkPage}
  252. }
  253. #center{
  254. padding-top:3px;
  255. padding-bottom:3px;
  256. position:fixed !important;
  257. width:250px;
  258. height:207px;
  259. background-color:white;
  260. {block:PermalinkPage}
  261. width:410px;
  262. height:207px;
  263. {/block:PermalinkPage}
  264. }
  265. body{
  266. margin:5px;
  267. background-image:url('{image:background}');
  268. background-attachment: fixed;
  269. background-repeat: repeat;
  270. color:{color:Text};
  271. background-color:{color:background};
  272. }
  273. #audio {
  274. width:200px;
  275. height:auto;
  276. min-height:60px;
  277. padding-bottom:0px;
  278. }
  279. .cover {
  280. position:absolute;
  281. z-index:1;
  282. width:60px;
  283. height:60px;
  284. }
  285. .cover img {
  286. float:left;
  287. width:60px;
  288. height:60px;
  289. }
  290. .playbox {
  291. opacity:0.6;
  292. width:27px;
  293. height:30px;
  294. overflow:hidden;
  295. position:absolute;
  296. z-index:1000;
  297. margin-left:17px;
  298. margin-top:17px;
  299. text-align:center;
  300. }
  301. .info {
  302. margin-left:73px;
  303. margin-top:4px;
  304. line-height:14px;
  305. }
  306. #posts{
  307. float:center;
  308. width:640px;
  309. margin-left:410px;
  310. margin-top:25px;
  311. {block:PermalinkPage}
  312. margin-left:410px;
  313. {/block:PermalinkPage}
  314. }
  315.  
  316. .title{
  317. font-family:raleway;
  318. font-size:17px;
  319. line-height: 15px;
  320. text-transform:none;
  321. letter-spacing:1px;
  322. font-style:normal;
  323. color:{color:Link};
  324. }
  325.  
  326.  
  327. #entry:hover{
  328. box-shadow:0px 0px 16px {color:link};
  329. transition: all 0.8s ease-out;
  330. -o-transition-transition: all 0.8s ease-out;
  331. -webkit-transition: all 0.8s ease-out;
  332. -moz-transition: all 0.8s ease-out;
  333. }
  334.  
  335. #entry {
  336. -webkit-animation:lol 2s;
  337. -moz-animation:lol 2s;
  338. -ms-animation:lol 2s;
  339. border:1px solid #eee;
  340. background:#fff;
  341. margin:21px;outline:1px dashed #eee;
  342. outline-offset:-8px;
  343. border-radius:0px;
  344. float:left;
  345. font-family:calibri;
  346. font-style:italic;
  347. font-size:10px;
  348. text-transform:normal;
  349. letter-spacing:1px;
  350. line-height:12px;
  351. width:220px;
  352. padding:15px;
  353. {block:PermalinkPage}
  354. width:400px;
  355. {/block:PermalinkPage}
  356. transition: all 0.8s ease-out;
  357. -o-transition-transition: all 0.8s ease-out;
  358. -webkit-transition: all 0.8s ease-out;
  359. -moz-transition: all 0.8s ease-out;
  360. }
  361. .perm1 a{
  362. display:inline-block;
  363. background-color:{color:link};
  364. opacity:1;
  365. width:20px;
  366. height:20px;
  367. -webkit-transition: all 0.7s ease-out;
  368. -moz-transition: all 0.7s ease-out;
  369. transition: all 0.7s ease-out;
  370. }
  371. .perm1 {
  372. opacity:0;
  373. border:1px solid #fff;
  374. -webkit-transition-duration: .75s;
  375. position: absolute;
  376. margin-top:5px;
  377. display:block;
  378. width:20px;
  379. height:20px;
  380. margin-left:0px;
  381. -webkit-transition-duration: .8s;
  382. -webkit-transform: rotate(70deg);
  383. -moz-transform: rotate(70deg);
  384. }
  385. #entry:hover .perm1 {
  386. opacity:1;
  387. z-index:999999;
  388. margin-left:5px;
  389. -webkit-transform: rotate(0deg);
  390. -moz-transform: rotate(0deg);
  391. }
  392.  
  393. .perm2 a{
  394. display:inline-block;
  395. background-color:{color:link};
  396. opacity:1;
  397. width:20px;
  398. height:20px;
  399. -webkit-transition: all 0.7s ease-out;
  400. -moz-transition: all 0.7s ease-out;
  401. transition: all 0.7s ease-out;
  402. }
  403. .perm2 {
  404. opacity:0;
  405. border:1px solid #fff;
  406. -webkit-transition-duration: .75s;
  407. position: absolute;
  408. margin-top:5px;
  409. display:block;
  410. width:20px;
  411. height:20px;
  412. margin-left:5px;
  413. -webkit-transition-duration: .8s;
  414. -webkit-transform: rotate(70deg);
  415. -moz-transform: rotate(70deg);
  416. }
  417. #entry:hover .perm2 {
  418. opacity:1;
  419. z-index:999999;
  420. margin-left:32px;
  421. -webkit-transform: rotate(0deg);
  422. -moz-transform: rotate(0deg);
  423. }
  424.  
  425. .perm3 a{
  426. display:inline-block;
  427. background-color:{color:link};
  428. opacity:1;
  429. width:20px;
  430. height:20px;
  431. -webkit-transition: all 0.7s ease-out;
  432. -moz-transition: all 0.7s ease-out;
  433. transition: all 0.7s ease-out;
  434. }
  435. .perm3 {
  436. opacity:0;
  437. border:1px solid #fff;
  438. -webkit-transition-duration: .75s;
  439. position: absolute;
  440. margin-top:5px;
  441. display:block;
  442. width:20px;
  443. height:20px;
  444. margin-left:5px;
  445. -webkit-transition-duration: .8s;
  446. -webkit-transform: rotate(70deg);
  447. -moz-transform: rotate(70deg);
  448. }
  449. #entry:hover .perm3 {
  450. opacity:1;
  451. z-index:999999;
  452. margin-left:59px;
  453. -webkit-transform: rotate(0deg);
  454. -moz-transform: rotate(0deg);
  455. }
  456.  
  457.  
  458. .permalinktext{
  459. display: block;
  460. border: 1px solid rgba(0,0,0,.15);
  461. padding:4px;
  462. border-radius:3px;
  463. margin:3px 0px 3px 0px;
  464. text-transform: uppercase;
  465. font-family:calibri;
  466. font-size:8px;
  467. line-height:13px;
  468. text-align:center;
  469. letter-spacing:1px;
  470. color:#aaa;
  471. webkit-transition: all 0.2s linear;
  472. -webkit-transition: all 0.2s linear;
  473. -moz-transition: all 0.2s linear;
  474. transition: all 0.2s linear;
  475. background-color:rgba(0,0,0,.02);
  476. }
  477.  
  478.  
  479.  
  480. #sideback {
  481. outline:1px dashed #ddd;
  482. outline-offset:-8px;
  483. position:fixed !important;
  484. width:220px;
  485. opacity:0;
  486. text-transform:uppercase;
  487. letter-spacing:1px;
  488. border-radius:0px;
  489. height:auto;
  490. font-family:calibri;
  491. color:#888;
  492. font-size:10px;
  493. padding:16px;
  494. text-align:left;
  495. margin-top:300px;
  496. margin-left:-20px;
  497. border:1px solid #eee;
  498. background:#fff;
  499. transition: all 0.9s ease-out;
  500.  
  501. }
  502.  
  503. #sidebar:hover #sideback{
  504. opacity:1;
  505. margin-top:230px;
  506. }
  507.  
  508. #sideback:before{
  509. position: absolute;
  510. left:29px;
  511. top: -33px;
  512. width: 0px;
  513. content:"";
  514. transform: scale(1.7, .3);
  515. -webkit-transform: scale(1.7, .3);
  516. -moz-transform: scale(1.7, .3);
  517. -o-transform: scale(1.7, .3);
  518. -ms-transform: scale(1.7, .3);
  519. height: 0px;
  520. border-style: solid;
  521. border-color: transparent transparent {color:link} transparent;
  522. border-width: 0 7px 50px 7px;
  523. }
  524.  
  525. #first {
  526. z-index:99999999999999999999999999999;
  527. position:fixed !important;
  528. width:230px;
  529. border-radius:0%;
  530. height:350px;
  531. padding:20px;
  532. margin-top:-60px;
  533. margin-left:-30px;
  534. border:1px solid #eee;
  535. background:#fff;
  536. outline:1px dashed #ddd;
  537. outline-offset:-8px;
  538. transition: all 0.9s ease-out;
  539. transform: perspective(800) rotateY(0deg);
  540. -o-transform: perspective(800) rotateY(0deg);
  541. -webkit-transform: perspective(800) rotateY(0deg);
  542. transform-origin: 0% 0%;
  543. -webkit-transform-origin: 0% 0%;
  544. -o-transform-origin: 0% 0%;
  545. }
  546.  
  547.  
  548. #sidebar:hover #first{
  549. opacity:0;
  550. display: inline-block;
  551. margin-left:-20px;
  552. transition: all 0.9s ease-out;
  553. -webkit-transform: perspective(800) rotateY(-180deg);
  554. -moz-transform: perspective(800) rotateY(-180deg);
  555. -webkit-transform-origin: 0% 0%;
  556. -moz-transform-origin: 0% 0%;
  557. }
  558.  
  559.  
  560.  
  561. #sidebar {
  562. z-index:99999;
  563. position:fixed !important;
  564. width:130px;
  565. border-radius:0%;
  566. height:190px;
  567. padding:20px;
  568. margin-top:130px;
  569. margin-left:90px;
  570. border:1px solid #eee;
  571. background:#fff;
  572. outline:1px dashed #ddd;
  573. outline-offset:-8px;
  574. transition: all 0.9s ease-out;
  575. opacity:1;
  576. }
  577.  
  578.  
  579.  
  580.  
  581. #sidebar img{
  582. opacity:.9;
  583. width:auto;
  584. height:auto;
  585. -webkit-transition: all 2s ease-out;
  586. -moz-transition: all 2s ease-out;
  587. transition: all 2s ease-out;
  588. {block:ifgrayscalesidebar}
  589. -webkit-filter: grayscale(100%);{/block:ifgrayscalesidebar}
  590. }
  591.  
  592.  
  593.  
  594. #taissa{
  595. opacity:0;
  596. margin-left:190px;
  597. margin-top:-222px;
  598. position:fixed;
  599. z-index:99999999999999999999999999999;
  600. transition: all 0.9s ease-out;
  601. }
  602.  
  603. #sidebar:hover #taissa{
  604. opacity:1;
  605. margin-top:-222px;
  606. margin-left:155px;
  607. -webkit-transition: all 2s ease;
  608. -moz-transition: all 2s ease;
  609. -o-transition: all 2s ease;
  610. transition: all 2s ease;
  611. }
  612.  
  613.  
  614. #taissa a{
  615. color:#aaa;
  616. background-color:#fff;
  617. padding:12px;
  618. width:50px;
  619. height:10px;
  620. border:1px solid #eee;
  621. text-transform:uppercase;
  622. font-family:calibri;
  623. line-height:11px;
  624. word-spacing:2px;
  625. font-size:8px;
  626. letter-spacing:2px;
  627. display:block;
  628. margin-top:12px;
  629. margin-left:4px;
  630. text-align:center;
  631. background:#fff;
  632. outline:1px dashed #ddd;
  633. outline-offset:-5px;
  634. transition: all 0.9s ease-out;
  635. -o-transition-transition: all 0.9s ease-out;
  636. -webkit-transition: all 0.9s ease-out;
  637. -moz-transition: all 0.9s ease-out;
  638. }
  639. #taissa a:hover{
  640. background:{color:link};
  641. color:#fff;
  642. outline:1px dashed #fff;
  643. border:1px solid #fff;
  644. outline-offset:-5px;
  645. padding-left:60px;
  646. transition: all 0.9s ease-out;
  647. -o-transition-transition: all 0.9s ease-out;
  648. -webkit-transition: all 0.9s ease-out;
  649. -moz-transition: all 0.9s ease-out;
  650. }
  651.  
  652. #sidebar:hover #titulo{
  653. opacity:1;
  654. margin-top:-65px;
  655. -webkit-transition: all 2s ease;
  656. -moz-transition: all 2s ease;
  657. -o-transition: all 2s ease;
  658. transition: all 2s ease;
  659. }
  660.  
  661. #titulo{
  662. opacity:0;
  663. z-index:9999999;
  664. position:fixed;
  665. line-height:22px;
  666. font-family:Parisienne;
  667. font-size:60px;
  668. margin-top:-86px;
  669. margin-left:0px;
  670. text-shadow:-1px 0 {color:link}, 0 2px {color:link}, 2px 0 {color:link}, 0 -1px {color:link};color:#fff;
  671.  
  672. transition: all 0.9s ease-out;
  673. }
  674.  
  675.  
  676. </style>
  677. <script type="text/javascript">
  678. // <![CDATA[
  679. var bgcolour="{color:link}"; // background colour
  680. var fgcolour="#fbfbfb"; // foreground colour
  681. var speed=100; // speed of bubbling, lower is faster
  682. var shades=10; // number of shades of bubble
  683.  
  684. /****************************
  685. * Bubbling Text Effect *
  686. *(c) 2003-6 mf2fm web-design*
  687. * http://www.mf2fm.com/rv *
  688. * DON'T EDIT BELOW THIS BOX *
  689. ****************************/
  690. var bubbcol=new Array();
  691. var bubbler, bubbtxt;
  692. var bubbchr=new Array();
  693. window.onload=function() { if (document.getElementById) {
  694. for (bubbler=0; bubbler<=shades; bubbler++) {
  695. bubbtxt="#";
  696. for (var i=1; i<6; i+=2) {
  697. var bg=parseInt(bgcolour.substring(i,i+2),16);
  698. bubbtxt+=dechex(Math.floor(bg+(parseInt(fgcolour.substring(i,i+2),16)-bg)*(bubbler/shades)));
  699. }
  700. bubbcol[bubbler+1]=bubbtxt;
  701. }
  702. bubbler=document.getElementById("bubble");
  703. bubbtxt=bubbler.firstChild.nodeValue;
  704. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  705. for (var i=0; i<bubbtxt.length; i++) {
  706. var bubbi=document.createElement("span");
  707. bubbi.setAttribute("id", "bubb"+i);
  708. bubbi.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  709. bubbler.appendChild(bubbi);
  710. }
  711. bubbler=setInterval ("bubbling()", speed);
  712. }}
  713.  
  714. function dechex(dec) {
  715. var hex=dec.toString(16);
  716. if (dec<16) return "0"+hex;
  717. else return hex;
  718. }
  719.  
  720. function bubbling() {
  721. for (var i=0; i<bubbtxt.length; i++) {
  722. var bubbme=document.getElementById("bubb"+i);
  723. if (bubbchr[i]) {
  724. bubbme.style.color=bubbcol[bubbchr[i]];
  725. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  726. }
  727. else if (Math.random()<0.75/bubbchr.length) bubbchr[i]=1;
  728. }
  729. }
  730. // ]]>
  731. </script>
  732.  
  733.  
  734. <title>{title}</title>
  735. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png">
  736. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  737.  
  738.  
  739.  
  740. <body>
  741. <div id="center">
  742. <div id="content">
  743.  
  744.  
  745.  
  746.  
  747. <div id="line"></div>
  748. <div id="sidebar">
  749. <div id="first">
  750. <img src="{image:sidebar}"style="padding:0px; width:100%; height:100%;">
  751. </div>
  752. <div id="titulo"><span id="bubble">{text:blogtitle}</span></div>
  753. <div id="sideback">{description}</div>
  754. <img src="{image:sidebar}"style="padding:0px; width:100%; height:100%;">
  755. <div id="taissa">
  756.  
  757. <a href="{text:link 1}">{text:link 1 title}</a>
  758. <a href="{text:link 2}">{text:link 2 title}</a>
  759. <a href="{text:link 3}">{text:link 3 title}</a>
  760. <a href="{text:link 4}">{text:link 4 title}</a>
  761. <a href="http://planthed.tumblr.com">theme</a>
  762.  
  763. </div>
  764. </div>
  765.  
  766.  
  767.  
  768.  
  769. <div id="posts">
  770. {block:Posts}
  771. <div id="entry">
  772.  
  773. {block:Text}
  774. {block:Title}<span class="title">{Title}</span>{/block:Title}
  775. <span class="entrytext">{Body}</span></a>
  776. {block:IndexPage}
  777. <div class="permalinktext">
  778. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>
  779. {/block:IndexPage}
  780. {/block:Text}
  781.  
  782. {block:Link}
  783. <a href="{URL}" class="title">{Name}</a>
  784. {block:Description}{Description}{/block:Description}
  785. {block:IndexPage}
  786. <div class="permalinktext">
  787. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>
  788. {/block:IndexPage}
  789. {block:Link}
  790.  
  791. {block:Photo}
  792. {block:IndexPage}
  793. <div class="lovely"></div>
  794. <div class="lovely2"></div>
  795. <div class="perm1"><a title="steal this post" href="{ReblogURL}" target="_blank"></a></div>
  796. <div class="perm2"><a title="{notecountwithlabel}" href="{permalink}"></a></div>
  797. <div class="perm3"><a title="{timeago}" href="{permalink}" target="_blank"></a> </div>
  798.  
  799. {/block:IndexPage}
  800. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}{/block:PermalinkPage}
  801. {/block:Photo}
  802.  
  803. {block:Photoset}
  804. {block:IndexPage}
  805. <div style="overflow:hidden;width:220px;">{Photoset-250}</div>
  806. {/block:IndexPage}
  807. {block:IndexPage}<br>
  808. <div class="permalinktext">
  809. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>{/block:IndexPage}
  810. {/block:IndexPage}
  811. {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</center>
  812. {/block:Photoset}
  813.  
  814. {block:Quote}
  815. <div class="quote">❝{quote}❞ </div>
  816. {block:IndexPage}
  817. <div class="permalinktext">
  818. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>{/block:IndexPage}
  819. {/block:IndexPage}
  820. {/block:Quote}
  821.  
  822. {block:Chat}
  823. {block:Title}<span class="title">{Title}</span>{/block:Title}
  824. <ul class="chat">
  825. {block:Lines}
  826. <li class="user_{UserNumber}">
  827. {block:Label}
  828. <span class="label">{Label}</span>
  829. {/block:Label}
  830.  
  831. {Line}<br>
  832. {/block:Lines}
  833. {block:IndexPage}
  834. <div class="permalinktext">
  835. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>{/block:IndexPage}
  836. {/block:Chat}
  837.  
  838. {block:Audio}
  839. <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>
  840. {block:IndexPage}
  841. <div class="permalinktext">
  842. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>
  843. {/block:IndexPage}
  844. {/block:Audio}
  845.  
  846. {block:Video}
  847. {block:IndexPage}
  848. <div style="overflow:hidden;width:220px;">{Video-250}</div>
  849. <div class="permalinktext">
  850. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>
  851. {/block:IndexPage}
  852. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>
  853. {block:Video}
  854.  
  855. {block:Answer}
  856. <div style="margin-top:2px;;margin-bottom:0px;min-height:auto; padding: 4px; background-color:#fff;border:1px solid #eee; border-radius:5px;font-size:8px;text-transform:uppercase; box-shadow:rgba(0,0,0,0.05)3px 3px;font-family:calibri;
  857. border-radius:5px;">
  858. <askk>{asker}</askk>: {Question}</div>
  859. <div style="margin-top:5px;line-height:11px;margin-bottom:2px; text-align-align:left; text-transform:normal;font-size:8px;font-family:calibri; ">
  860. {Answer}
  861. </div>
  862. {block:IndexPage}
  863. <div class="permalinktext">
  864. {Month} {DayOfMonth} {year} - <a href="{permalink}"title="click for permalinkpage">{notecountwithlabel} </a></div>
  865. {/block:indexpage}
  866. {/block:Answer}
  867.  
  868. {block:PermalinkPage}
  869. <center>
  870. {block:Caption}{Caption}{/block:Caption}
  871. {block:RebloggedFrom}
  872. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  873. <b>posted by:</b> <a href="{ReblogRootURL}"target="_blank">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}"target="_blank">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  874. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  875.  
  876. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 10px;"></div>{/block:NoteCount}
  877. </center>
  878. {/block:PermalinkPage}
  879.  
  880. {block:PostNotes}<div align="middle"></div>
  881. <center></center></span><br>
  882. <div id="postnotes">{PostNotes}</div><br>
  883. <center>{block:ContentSource}
  884. <br><a href="{SourceURL}"target="_blank">
  885. {lang:Source}:
  886. {block:SourceLogo}
  887. <img src="{BlackLogoURL}" width="{LogoWidth}"
  888. height="{LogoHeight}" alt="{SourceTitle}" />
  889. {/block:SourceLogo}
  890. {block:NoSourceLogo}
  891. {SourceLink}
  892. {/block:NoSourceLogo}
  893. </a>
  894. {/block:ContentSource}</center>
  895.  
  896. {/block:PostNotes}
  897. </div>
  898. {/block:Posts}
  899. </div></div>
  900.  
  901. {block:indexpage}
  902. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  903. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  904. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  905. <script type="text/javascript">
  906. $(window).load(function(){
  907. var $wall = $('#posts');
  908. $wall.imagesLoaded(function(){
  909. $wall.masonry({
  910. itemSelector: '#entry, #entry_photo',
  911. isAnimated : false
  912. });
  913. });
  914.  
  915. $wall.infinitescroll({
  916. navSelector : '#page-nav',
  917. nextSelector : '#page-nav a',
  918. itemSelector : '#entry, #entry_photo',
  919. bufferPx : 2000,
  920. debug : false,
  921. errorCallback: function() {
  922. $('#infscr-loading').fadeOut('normal');
  923. }},
  924. function( newElements ) {
  925. var $newElems = $( newElements );
  926. $newElems.hide();
  927. $newElems.imagesLoaded(function(){
  928. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  929. });
  930. }); $('#content').show(500);
  931. });
  932. </script>
  933. {/block:indexpage}
  934.  
  935.  
  936. <script type="text/javascript">
  937. <!--
  938.  
  939. // Disable Right Click Script
  940.  
  941. function IE(e)
  942. {
  943. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  944. {
  945. return false;
  946. }
  947. }
  948. function NS(e)
  949. {
  950. if (document.layers || (document.getElementById && !document.all))
  951. {
  952. if (e.which == "2" || e.which == "3")
  953. {
  954. return false;
  955. }
  956. }
  957. }
  958. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  959.  
  960. //-->
  961. </script>
  962. </body>
  963. <div style="position:fixed;right:-10px; bottom:0px; opacity:.2; z-index:99999;-webkit-filter: grayscale(10%);"><img src="http://4.bp.blogspot.com/_qXyfSiOCTck/SrKkIEgbXxI/AAAAAAAAMT8/7aVwC56Edds/s400/HS64372+Heidi+Swapp+Clear+Stamps+Swirl2.jpg" width="300px"></div>
  964. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!