API tools faq
paste
Advertisement
planthed

Vine theme Ver.2

planthed
Feb 16th, 2016
530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.39 KB | None | 0 0
raw download clone embed print report
  1. <!-----
  2.  
  3. theme made by tumblr user planthed
  4.  
  5. inspired from vine
  6.  
  7. @painthemes
  8.  
  9. ------>
  10.  
  11.  
  12.  
  13.  
  14. <html lang="en">
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{favicon}">
  19. <meta name="image:icon" content=""/>
  20. <meta name="color:Background" content="#f5f5f5"/>
  21. <meta name="color:Link" content="#FF5967"/>
  22. <meta name="color:text" content="#000"/>
  23. <meta name="color:header background" content="#FF5967"/>
  24. <meta name="text:blogtitle" content="vine" />
  25. <meta name="text:followers" content="16M" />
  26. <meta name="text:following" content="128" />
  27. <meta name="text:bucles" content="123, 934, 058" />
  28. <meta name="text:posts" content="15k" />
  29. <meta name="text:likes" content="549" />
  30. <meta name="text:Link 1 Title" content="home" />
  31. <meta name="text:Link 1" content="/" />
  32. <meta name="text:Link 2 Title" content="mail"/>
  33. <meta name="text:Link 2" content="/ask" />
  34. <meta name="text:Link 3 Title" content="more" />
  35. <meta name="text:Link 3" content="/" />
  36. <meta name="text:Link 4 Title" content="faves" />
  37. <meta name="text:Link 4" content="/" />
  38. <meta name="text:Link 5 Title" content="about" />
  39. <meta name="text:Link 5" content="/" />
  40. <meta name="text:Link 6 Title" content="Index" />
  41. <meta name="text:Link 6" content="/" />
  42. <meta name="if:custom scrollbar" content="1"/>
  43. <meta name="if:captions" content="1"/>
  44. <meta name="if:scroll to top button" content="1"/>
  45.  
  46. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  47. </script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  48. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  49. <script>
  50. (function($){
  51. $(document).ready(function(){
  52. $("a[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:"title"
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  63. <script type="text/javascript">
  64.  
  65. $(function(){$window=$(window);$link=$("#scroll");$link.click(function(){$("html, body").animate({scrollTop:0},"slow")});$window.scroll(function(){if($window.scrollTop()<=0){$link.fadeOut("slow")}else{$link.fadeIn("fast")}})});
  66.  
  67. </script>
  68.  
  69. <script>
  70. function sticky_relocate() {
  71. var window_top = $(window).scrollTop();
  72. var div_top = $('#sticky-anchor').offset().top;
  73. if (window_top > div_top) {
  74. $('#sticky').addClass('stick');
  75. } else {
  76. $('#sticky').removeClass('stick');
  77. }
  78. }
  79.  
  80. $(function() {
  81. $(window).scroll(sticky_relocate);
  82. sticky_relocate();
  83. });
  84. </script>
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89. #stickk{
  90. margin-top:350px;
  91. right:150px;
  92. position:absolute;
  93. }
  94. #sticky a{
  95. color:#999;
  96. }
  97.  
  98. #sticky{
  99. width:100px;
  100. padding:10px;
  101. text-align:right;
  102. position:absolute;
  103. }
  104.  
  105. #sticky.stick {
  106. position: fixed;
  107. top:100px;
  108. z-index:999999;
  109. color:#999;
  110. }
  111.  
  112. .nav a{
  113. font-family:arial;
  114. font-size:12px;
  115. display:block;
  116. margin-top:5px;
  117. }
  118.  
  119. .credit{
  120. margin-top:15px;
  121. font-family:arial;
  122. font-size:11px;
  123. opacity:.8;
  124. }
  125.  
  126. #scroll:link, #scroll:visited {display: none;position: fixed;bottom: 10px;right: 10px;font-size:10px;text-transform:uppercase;letter-spacing:2px;
  127. text-align:Center;
  128. font-family:'open sans', 'helvetica neue', arial, sans-serif;}
  129.  
  130.  
  131. /*tooltips*/
  132.  
  133. #s-m-t-tooltip{
  134. max-width:300px;
  135. padding:1px;
  136. padding-left:4px;
  137. padding-right:4px;
  138. background-color:#fff;
  139. margin:20px 0px 0px 20px;
  140. font-family:arial;
  141. font-size:11px;
  142. color:#666;
  143. border:1px solid #666;
  144. line-height:20px;
  145. opacity:1;
  146. z-index:9999999999999999999999999;
  147. -webkit-box-shadow: 6px 7px 10px -6px rgba(0,0,0,0.75);
  148. -moz-box-shadow: 6px 7px 10px -6px rgba(0,0,0,0.75);
  149. box-shadow: 6px 7px 10px -6px rgba(0,0,0,0.75);
  150. }
  151.  
  152. /*tumblr controls*/
  153.  
  154. #tumblr_controls, .tmblr-iframe{ z-index:99999!important; -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:45px!important; right:0px!important;opacity:0;
  155. {block:permalinkpage} opacity:.5;
  156. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out{/block:permalinkpage}}
  157.  
  158. #tumblr_controls, .tmblr-iframe:hover{
  159. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  160. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  161. }
  162.  
  163. /*scrollbar*/
  164.  
  165. {block:ifcustomscrollbar}
  166.  
  167. ::-webkit-scrollbar {width: 13px; height: 2px; background:#ddd; border:4px solid transparent; }
  168.  
  169. ::-webkit-scrollbar-thumb { background-color:#aaa;}
  170.  
  171.  
  172. {/block:ifcustomscrollbar}
  173.  
  174. /*links*/
  175.  
  176. a:link, a:active, a:visited{color:{color:link};text-decoration:none;}
  177.  
  178. a:hover {color:{color:text};}
  179.  
  180. /*don't touch this*/
  181.  
  182.  
  183.  
  184.  
  185. /*body and the position of posts, don't touch this*/
  186.  
  187. body{
  188. background-color:{color:background};
  189. color:{color:Text};
  190. }
  191.  
  192.  
  193. #posts{
  194. position:relative;
  195. top:260px;
  196. margin:0px auto;
  197. }
  198.  
  199. div#content {
  200. width:500px;
  201. margin: 0 auto;
  202. }
  203.  
  204.  
  205. /*customization of your posts*/
  206.  
  207.  
  208. .entry {
  209. font-family:arial;
  210. font-size:10px;
  211. line-height:15px;
  212. color:{color:text};
  213. margin-top:100px;
  214. float:left;
  215. text-transform:normal;
  216. width:500px;
  217. z-index:999;
  218. {block:permalinkpage}
  219. margin-top:50px;
  220. {/block:permalinkpage}
  221. }
  222.  
  223.  
  224. .entry img{
  225. {block:indexpage}
  226. max-width:100%;
  227. {/block:indexpage}
  228. }
  229.  
  230. /*permalinks*/
  231.  
  232.  
  233. .rv {
  234. text-transform:normal;
  235. display: block;
  236. text-align: left;
  237. text-decoration: none;
  238. font-size: 11px;
  239. letter-spacing:1px;
  240. font-family:arial;
  241. line-height:10px;
  242. margin-top:-50px;
  243. opacity:1;
  244. width:auto;
  245. height:15px;
  246. margin-left:10px;
  247. z-index:99999999;
  248. color:#aaa;
  249. }
  250.  
  251. .entry .block {
  252. display:block;
  253. float:left;
  254. width:500px;
  255. opacity:1;
  256. height:50px;
  257. background:white;
  258. border-top-right-radius:5px;
  259. border-top-left-radius:5px;
  260. }
  261.  
  262. .rf img {display:block;float:left;height:40px;width:40px;border-radius:100%;margin-top:5px;margin-left:5px;}
  263.  
  264.  
  265. .rfn {
  266. text-transform:normal;
  267. display: block;
  268. text-align: left;
  269. text-decoration: none;
  270. font-size: 16px;
  271. font-family:arial;
  272. line-height:10px;
  273. margin-top:13px;
  274. opacity:1;
  275. width:auto;
  276. height:15px;
  277. margin-left:53px;
  278. z-index:99999999;
  279. color:{color:text};
  280. }
  281.  
  282. .rfn a, .n a{color:{color:text};}
  283. .d a{color:#aaa;}
  284.  
  285. .d {
  286. text-transform:normal;
  287. display: block;
  288. text-align: left;
  289. text-decoration: none;
  290. font-size: 11px;
  291. font-family:arial;
  292. letter-spacing:2px;
  293. line-height:10px;
  294. margin-top:2px;
  295. opacity:1;
  296. width:auto;
  297. height:15px;
  298. margin-left:53px;
  299. z-index:99999999;
  300. }
  301.  
  302. .n {
  303. text-transform:normal;
  304. display: block;
  305. text-align:right;
  306. text-decoration: none;
  307. font-size: 24px;
  308. font-family:arial;
  309. letter-spacing:2px;
  310. line-height:13px;
  311. margin-top:-32px;
  312. opacity:1;
  313. max-width:100px;
  314. height:15px;
  315. margin-left:390px;
  316. z-index:99999999;
  317. }
  318.  
  319. .n a{color:#ccc;}
  320.  
  321. .entry .block2 {
  322. display:block;
  323. float:left;
  324. width:500px;
  325. opacity:1;
  326. height:50px;
  327. margin-top:-5px;
  328. background:white;
  329. border-bottom-right-radius:4px;
  330. border-bottom-left-radius:4px;
  331. }
  332.  
  333. .heart{
  334. padding:5px;
  335. width:13px;
  336. height:13px;
  337. border-radius:100%;
  338. margin-left:10px;
  339. margin-top:12px;
  340. border:2px solid #ccc;
  341. cursor:pointer;
  342. }
  343.  
  344. .heart:hover, .rr:hover, .per:hover{
  345. border:2px solid {color:text};
  346. }
  347.  
  348. .rr a, .per a{color:#ccc;}
  349.  
  350. .rr:hover a, .per:hover a{
  351. color:{color:text};
  352. }
  353.  
  354.  
  355. .rr{
  356. padding:5px;
  357. width:13px;
  358. font-size:13px;
  359. height:13px;
  360. text-align:center;
  361. border-radius:100%;
  362. margin-left:40px;
  363. margin-top:-27px;
  364. border:2px solid #ccc;
  365. cursor:pointer;
  366. }
  367.  
  368. .per{
  369. padding:5px;
  370. width:13px;
  371. font-size:13px;
  372. height:13px;
  373. line-height:15px;
  374. text-align:center;
  375. border-radius:100%;
  376. margin-left:70px;
  377. margin-top:-27px;
  378. border:2px solid #ccc;
  379. cursor:pointer;
  380. }
  381.  
  382. .per2{
  383. margin-left:290px;
  384. font-size:12px;
  385. text-align:right;
  386. color:#ccc;
  387. width:200px;
  388. margin-top:-20px;
  389. }
  390.  
  391. /*audio style*/
  392.  
  393. #audio {
  394. width:500px;
  395. height:auto;
  396. padding-bottom:0px;
  397. line-height:28px;
  398. margin-top:-30px;
  399. }
  400. .cover {
  401. position:absolute;
  402. z-index:1;
  403. width:70px;
  404. height:70px;
  405. margin-top:50px;
  406. }
  407. .cover img {
  408. position:absolute;
  409. float:left;
  410. width:70px;
  411. height:70px;
  412. }
  413. .playbox {
  414. -webkit-transform: scale(0.20);
  415. opacity:0;
  416. width:27px;
  417. height:30px;
  418. overflow:hidden;
  419. position:absolute;
  420. z-index:1000;
  421. margin-left:20px;
  422. margin-top:70px;
  423. text-align:center;
  424. -webkit-transition: all .9s ease;
  425. -moz-transition: all .9s ease;
  426. -o-transition: all .9s ease;
  427. transition: all .9s ease;
  428. }
  429.  
  430. .entry:hover .playbox{
  431. opacity:0.6;
  432. -webkit-transform: scale(1);
  433. -webkit-transition: all .9s ease;
  434. -moz-transition: all .9s ease;
  435. -o-transition: all .9s ease;
  436. transition: all .9s ease;
  437. }
  438. .info {
  439. margin-left:70px;
  440. font-size:15px;
  441. text-align:right;
  442. border-top-right-radius:4px;
  443. font-family:raleway;
  444. line-height:18px;
  445. height:100px;
  446. background:white;
  447. color:{color:link};
  448. padding:10px;
  449. }
  450.  
  451.  
  452. /*em dash*/
  453.  
  454. li {
  455. position:relative;
  456. display:block;
  457. }
  458.  
  459. li:before {
  460. content:'―';
  461. font-size:10px;
  462. position:absolute;
  463. left:-14px;
  464. color:{color:link};
  465. top:0px;
  466. }
  467.  
  468. /*title of your entrys*/
  469.  
  470. .title{
  471. font-family: 'Quicksand', sans-serif;
  472. margin-top:10px;
  473. font-weight:700;
  474. font-size:30px;
  475. text-transform:none;
  476. line-height:25px;
  477. color:{color:link};}
  478.  
  479. /*blockquote*/
  480.  
  481.  
  482. blockquote{
  483. border-left:1px solid #eee;
  484. margin:5px;
  485. padding-left:5px;
  486. text-align:center;
  487. }
  488.  
  489. /*text quote*/
  490.  
  491. .quote{
  492. font-family: 'Quicksand', sans-serif;
  493. font-size:20px;
  494. font-weight:700;
  495. line-height:24px;
  496. text-transform:none;
  497. color:{color:link};
  498. }
  499.  
  500.  
  501. /*captions*/
  502.  
  503. .caption{
  504. margin-top:-10px;
  505. background:white;
  506. padding:10px;
  507. }
  508.  
  509. /* answer style */
  510.  
  511. .q{
  512. margin-top:0px;
  513. padding:10px;
  514. background:#eee;
  515. padding-bottom:6px;
  516. line-height:14px;
  517. }
  518.  
  519. .as{
  520. color:{color:link};
  521. margin-left:0px;
  522. letter-spacing:2px;
  523. font-family:raleway;
  524. text-transform:uppercase;
  525. padding-bottom:11px;
  526. font-size:15px;
  527. width:492px;
  528. background:white;
  529. padding-top:30px;
  530. border:4px solid #fff;
  531. }
  532.  
  533.  
  534. .ed{
  535. color:{color:link};
  536. margin-left:0px;
  537. letter-spacing:2px;
  538. font-family:raleway;
  539. text-transform:uppercase;
  540. padding:10px;
  541. font-size:15px;
  542. text-align:right;
  543. width:472px;
  544. background:white;
  545. border:4px solid #fff;
  546. }
  547.  
  548. .a{
  549. margin-top:0px;
  550. padding:10px;
  551. background:#eee;
  552. padding-bottom:6px;
  553. line-height:14px;
  554. }
  555.  
  556. /* permalink post notes*/
  557.  
  558. ol.notes li.note img.avatar {
  559. display:none;}
  560.  
  561.  
  562.  
  563. #postnotes{
  564. background:white;
  565. overflow:auto;
  566. height:auto;
  567. max-height:170px;
  568. line-height:20px;
  569. padding:8px;
  570. }
  571.  
  572. /*chat style*/
  573.  
  574. .user_1, .user_3, .user_5, .user_7, .user_9, .user_11, .user_13, .user_15, .user_17, .user_19, .user_21, .user_23, .user_25, .user_27, .user_29, .user_31, .user_33, .user_35, .user_37, .user_39, .user_41, .user_43, .user_45, .user_47, .user_49, .user_51, .user_53, .user_55, .user_57, .user_59, .user_61, .user_63, .user_65, .user_67, .user_69, .user_71, .user_73, .user_75, .user_77, .user_79, .user_81, .user_83, .user_85, .user_87, .user_89, .user_91, .user_93, .user_95, .user_97, .user_99, .user_101, .user_103, .user_105, .user_107, .user_109, .user_111, .user_113, .user_115, .user_117, .user_119, .user_121, .user_123, .user_125, .user_127, .user_129, .user_131, .user_133, .user_135, .user_137, .user_139, .user_141, .user_143, .user_145, .user_147, .user_149{background:#fff; padding:5px;margin-bottom:8px;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:{color:text};line-height:15px;padding-top:8px;margin-top:2px;}
  575.  
  576. .user_2, .user_4, .user_6, .user_8, .user_10, .user_12, .user_14, .user_16, .user_18, .user_20, .user_22, .user_24, .user_26, .user_28, .user_30, .user_32, .user_34, .user_36, .user_38, .user_40, .user_42, .user_44, .user_46, .user_48, .user_50, .user_52, .user_54, .user_56, .user_58, .user_60, .user_62, .user_64, .user_66, .user_68, .user_70, .user_72, .user_74, .user_76, .user_78, .user_80, .user_82, .user_84, .user_86, .user_88, .user_90, .user_92, .user_94, .user_96, .user_98, .user_100, .user_102, .user_104, .user_106, .user_108, .user_110, .user_112, .user_114, .user_116, .user_118, .user_120, .user_122, .user_124, .user_126, .user_128, .user_130, .user_132, .user_134, .user_136, .user_138, .user_140, .user_142, .user_144, .user_146, .user_148, .user_150{background:#eee; padding:5px;margin-bottom:8px;text-transform:uppercase;font-size:9px;letter-spacing:2px;color:{color:text};line-height:15px;padding-top:8px;}
  577.  
  578.  
  579. /*header*/
  580.  
  581.  
  582. #header {
  583. position:{select:header position};z-index:99999;width:100%;margin-top:30px;height:235px;left:-2px;
  584. background:{color:header background};overflow:hidden;
  585. }
  586.  
  587. .titulo {font-family:arial;z-index:99999;margin-top:10px;width:400px;height:14px;font-size:30px;width:auto;letter-spacing:1px;color:white;text-transform:normal;margin-left:200px;margin-top:50px;}
  588.  
  589. #header img{width:110px;top:50px;left:70px;position:absolute;height:110px;
  590. border-radius:100%;padding:2px;background:#fff;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;}
  591.  
  592.  
  593. .ff{width:400px;position:absolute;margin-top:35px;line-height:5px;color:white;left:0px;font-family:arial;text-align:center;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;margin-left:70px;}
  594.  
  595. .desc{
  596. width:400px;position:absolute;opacity:.8;
  597. top:120px;height:70px;line-height:15px;color:white;left:200px;overflow:auto;
  598. font-size:12px;font-family:arial;text-align:left;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;
  599. }
  600.  
  601. .desc a{
  602. color:white;
  603. }
  604.  
  605. .p{
  606. width:640px;position:absolute;background:white;border-right:3px solid #eee;top:202px;height:15px;line-height:15px;color:#aaa;left:0px;padding:10px;font-size:15px;font-family:arial;text-align:right;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;
  607. }
  608.  
  609. .l{
  610. width:100%;position:absolute;background:white;top:202px;height:15px;line-height:15px;color:#aaa;left:663px;padding:10px;font-size:15px;font-family:arial;text-align:left;-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;
  611. }
  612.  
  613. #top{
  614. position:fixed;
  615. width:100%;
  616. height:40px;
  617. background:white;
  618. left:-2px;
  619. top:0%;
  620. z-index:999999999;
  621. }
  622.  
  623. .ic{
  624. position:fixed;
  625. padding:10px;
  626.  
  627. }
  628.  
  629. .ic a{
  630. color:{color:text};
  631. margin-left:20px;
  632. font-size:19px;
  633. color:#ccc;
  634. }
  635.  
  636. .ic a:hover{color:{color:header background}}
  637.  
  638. .follow {position:absolute;right:50px;top:90px;}
  639. .follow a {display:block; padding:10px; background:{color:header background}; border:2px solid #fff; border-radius:5px;; height:16px; line-height:18px; font-size:16px; width:130px;text-align:center;font-family:arial;word-spacing:3px;color:#fff;}
  640. .follow a:hover {background:#fff; color:{color:header background};}
  641.  
  642.  
  643. .fw {position:absolute;right:240px;top:100px;
  644. text-align:center;font-family:arial;font-size:16px;color:white;
  645. line-height:5px;
  646. }
  647.  
  648. .fww {position:absolute;right:340px;top:100px;
  649. text-align:center;font-family:arial;font-size:16px;color:white;
  650. line-height:5px;
  651. }
  652.  
  653. h3{
  654. font-weight:normal;
  655. font-size:14px;
  656. opacity:.8;
  657. }
  658.  
  659. /*credits don't delete it*/
  660.  
  661. #niall{width:auto;position:fixed;
  662. bottom:70px;
  663. left:0px;
  664. background:{color:background};
  665. z-index:99999999999999999999999999999999;
  666. }
  667. .zayn{
  668. font-size:20px;
  669. margin-top:30px;
  670. padding:5px;
  671. color:{color:link};
  672. margin-left:20px;
  673. position:absolute;
  674. -webkit-transition: all .3s ease;
  675. -moz-transition: all .3s ease;
  676. -o-transition: all .3s ease;
  677. transition: all .3s ease;
  678. }
  679. #niall:hover .zayn{
  680. opacity:0;
  681. -webkit-transform: scale(0);}
  682.  
  683. .lol{
  684. text-align:center;
  685. font-size:7px;
  686. padding:7px;
  687. width:200px;
  688. font-family:open sans;
  689. text-transform:uppercase;
  690. margin-left:-69px;
  691. letter-spacing:2px;
  692. margin-top:34px;
  693. position:fixed;
  694. opacity:0;
  695. line-height:11px;
  696. overflow:hidden;
  697. -webkit-transition: all .3s ease;
  698. -moz-transition: all .3s ease;
  699. -o-transition: all .3s ease;
  700. transition: all .3s ease;
  701. -webkit-transform: scale(0);
  702. }
  703.  
  704. #niall:hover .lol{
  705. opacity:1;
  706. -webkit-transform: scale(1);
  707. }
  708.  
  709. .search{
  710. position:fixed;
  711. right:10px;
  712. top:7px;
  713. }
  714.  
  715. .sfm input {background-color:#E4E4E4;
  716. font-size:12px;
  717. border: 0px;
  718. color: #999;
  719. right:10px;
  720. padding:5px;
  721. font-family:arial;
  722. border-radius:100px;
  723. }
  724. #sb {height: 12px; vertical-align: top;}
  725.  
  726.  
  727. </style>
  728.  
  729. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=720" /></head>
  730. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  731. <script type="text/javascript">
  732. WebFontConfig = {
  733. google: { families: [ 'Open+Sans:400,300:latin', 'Roboto:400,100:latin', 'Lato:400,300:latin', 'Raleway:400,300:latin', 'Montserrat:400,700:latin', 'NTR::latin', 'Karla::latin', 'Quicksand::latin', 'Petit+Formal+Script::latin', 'Parisienne::latin', 'Clicker+Script::latin' ] }
  734. };
  735. (function() {
  736. var wf = document.createElement('script');
  737. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  738. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  739. wf.type = 'text/javascript';
  740. wf.async = 'true';
  741. var s = document.getElementsByTagName('script')[0];
  742. s.parentNode.insertBefore(wf, s);
  743. })(); </script>
  744.  
  745.  
  746.  
  747. <body>
  748.  
  749. <div id="stickk">
  750. <div id="sticky-anchor"></div>
  751. <div id="sticky">
  752. <div class="nav">
  753. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  754. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  755. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  756. <a href="{text:Link 4}">{text:Link 4 Title}</a>
  757. <a href="{text:Link 5}">{text:Link 5 Title}</a>
  758. <a href="{text:Link 6}">{text:Link 6 Title}</a>
  759. </div>
  760. <div class="credit">
  761. <a title="theme credit" href="http://planthed.tumblr.com" target="_blank"><i class="fa fa-copyright"></i> 2016</a><br>
  762. <a title="theme credit" href="http://planthed.tumblr.com" target="_blank">Planthed</a>
  763. </div>
  764.  
  765. </div></div></div></div></div></div></div>
  766.  
  767.  
  768. <div id="top">
  769. <div class="ic">
  770.  
  771. <a title="message" href="https://www.tumblr.com/dashboard?conversation={Name}" target="_blank"><i class="fa fa-comment"></i></a>
  772. <a title="follow" href="https://www.tumblr.com/follow/{Name}"><i class="fa fa-user-plus"></i></a>
  773. <a title="dashboard" href="http://www.tumblr.com/dashboard"><i class="fa fa-home"></i></a>
  774. </div>
  775.  
  776. <div class="search">
  777. <div class="sfm">
  778. <form action="/search" method="get">
  779. <input type="text" name="q" value="{SearchQuery}" placeholder="Search" id="sf"/>
  780. <input type="image" value="Search" src="http://www.clker.com/cliparts/z/1/T/u/9/2/search-icon-hi.png" id="sb"/>
  781. </div>
  782. </form>
  783. </div>
  784.  
  785. </div>
  786. <div id="header">
  787. <div id="headerimage"><img src="{image:icon}"></div>
  788. <div class="titulo">{text:blogtitle}</div>
  789. <div class="ff"> {text:bucles} Loops</div>
  790. <div class="desc">{description}</div>
  791. <div class="p">{text:posts} posts</div>
  792. <div class="l">{text:likes} likes</div>
  793. <div class="follow">
  794. <a href="https://www.tumblr.com/follow/{Name}"><i class="fa fa-user-plus"></i></i> Follow</a></div>
  795. <div class="fw">{text:following} <h3>Following</h3></div>
  796. <div class="fww">{text:followers} <h3>Followers</h3></div>
  797. </div>
  798.  
  799.  
  800.  
  801.  
  802. <!--- do not detele this lmao---->
  803. <div id="niall"><div class="zayn"><i class="fa fa-code"></i></div>
  804. <div class="lol"> <a href="http://planthed.tumblr.com/"target="_blank">planthed</a></div></div>
  805. <!--- do not detele this lmao---->
  806.  
  807.  
  808. {block:ifscrolltotopbutton}
  809. <a href="javascript:;" id="scroll" rel="nofollow"><i class="fa fa-angle-up"></i> <br> scroll to top</a>
  810. {/block:ifscrolltotopbutton}
  811.  
  812. <div id="content">
  813. <div id="posts">
  814. {block:Posts}
  815. <div class="entry">
  816.  
  817. {block:IndexPage}
  818. <div class="block">
  819. <div class="rf">{block:RebloggedFrom}<img src="{ReblogParentPortraitURL-64}">{/block:RebloggedFrom}{block:NotReblog}<img src="{PortraitURL-64}">{/block:NotReblog}</div>
  820. <div class="rfn">
  821. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>{/block:RebloggedFrom}{block:NotReblog}<a>{name}</a>{/block:NotReblog}</div>
  822. <div class="d">
  823. <a href="{Permalink}" target="_blank" >{timeago}</a>
  824. </div>
  825. <div class="n">
  826. <a href="{Permalink}" target="_blank" ><i class="fa fa-ellipsis-v"></i></a>
  827. </div>
  828. <div class="rv"><i class="fa fa-refresh"></i>&nbsp;&nbsp;{text:blogtitle} revined</div>
  829. </div><br><br>
  830. {/block:IndexPage}
  831.  
  832.  
  833. {block:Text}
  834. {block:Title}
  835. <span class="title">{Title}</span>
  836. {/block:Title}
  837. <span class="entrytext">{Body}</span></span></a>
  838. {/block:Text}
  839.  
  840. {block:Link}
  841. <a href="{URL}" class="title">{Name}</a>
  842. {block:Description}{Description}{/block:Description}
  843. {block:Link}
  844.  
  845.  
  846. {block:Photo}
  847. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=100%/></a>
  848. {block:ifcaptions}
  849. {block:IndexPage}
  850. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  851. {/block:IndexPage}
  852. {/block:ifcaptions}
  853. {/block:Photo}
  854.  
  855.  
  856. {block:Photoset}
  857. {photoset-500}
  858. {block:ifcaptions}
  859. {block:IndexPage}
  860. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  861. {/block:IndexPage}
  862. {/block:ifcaptions}
  863. {/block:Photoset}
  864.  
  865.  
  866. {block:Quote}
  867. <div class="quote">❝&nbsp;{quote}</div><p>
  868. {/block:Quote}
  869.  
  870. {block:Chat}
  871. <div class="chat">
  872. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  873. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  874. </div>
  875. {/block:Chat}
  876.  
  877. {block:Audio}
  878. <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"><br><br><span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><p><span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div></div>
  879. {/block:Audio}
  880.  
  881.  
  882. {block:Video}
  883. {Video-500}<br>
  884. {block:Video}
  885.  
  886.  
  887. {block:Answer}
  888. <div class="as">&nbsp;{Asker} asked:</div>
  889. <div class="q">{Question}</div>
  890. <div class="ed">{name} replied:</div>
  891. <div class="a">{Answer}</div>
  892. {/block:Answer}
  893.  
  894. {block:IndexPage}
  895. <div class="block2">
  896. <div class="heart">{LikeButton size="13"}</div>
  897. <div class="rr"><a href="{ReblogURL}" target="blank"><i class="fa fa-refresh"></i></a></div>
  898. <div class="per"><a href="{permalink}"><i class="fa fa-share-square-o"></i></a></div>
  899. <div class="per2">{notecount} Loops</div>
  900. </div>
  901. {/block:IndexPage}
  902.  
  903. {block:PermalinkPage}
  904. {block:Caption}{Caption}{/block:Caption}
  905. <center>{block:RebloggedFrom}
  906. posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with {notecountwithlabel}<br>
  907. <b>originally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>reblogged from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  908. {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  909.  
  910. {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center; margin: 8px;"></div>{/block:NoteCount}
  911. </center>
  912. {/block:PermalinkPage}
  913.  
  914. {block:PostNotes}<p>
  915. <div id="postnotes">{PostNotes}</div><br>
  916. {/block:PostNotes}
  917. </div>
  918. {/block:Posts}
  919. </div></div>
  920.  
  921. {block:indexpage}
  922. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  923. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  924. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  925. <script type="text/javascript">
  926. $(window).load(function(){
  927. var $wall = $('#posts');
  928. $wall.imagesLoaded(function(){
  929. $wall.masonry({
  930. itemSelector: '.entry, .entry_photo',
  931. isAnimated : false
  932. });
  933. });
  934.  
  935. $wall.infinitescroll({
  936. navSelector : '#page-nav',
  937. nextSelector : '#page-nav a',
  938. itemSelector : '.entry, .entry_photo',
  939. bufferPx : 2000,
  940. debug : false,
  941. errorCallback: function() {
  942. $('#infscr-loading').fadeOut('normal');
  943. }},
  944. function( newElements ) {
  945. var $newElems = $( newElements );
  946. $newElems.hide();
  947. $newElems.imagesLoaded(function(){
  948. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  949. });
  950. }); $('#content').show(500);
  951. });
  952. </script>
  953. {/block:indexpage}
  954. <script type="text/javascript">
  955. <!--
  956.  
  957. // Disable Right Click Script
  958.  
  959. function IE(e)
  960. {
  961. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  962. {
  963. return false;
  964. }
  965. }
  966. function NS(e)
  967. {
  968. if (document.layers || (document.getElementById && !document.all))
  969. {
  970. if (e.which == "2" || e.which == "3")
  971. {
  972. return false;
  973. }
  974. }
  975. }
  976. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  977.  
  978. //-->
  979. </script>
  980. </body>
  981. </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!