API tools faq
paste
Advertisement
planthed

Vine theme Ver.1

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