API tools faq
paste
planthed

LIMITLESS

planthed
Jun 26th, 2017
897
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.81 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ✧* 。♡ Limitless theme | @vhibes | @v-themes ♡ 。*✧
  4.  
  5.  
  6. — Do not delete the credit.
  7. — Do not copy or steal any code.
  8. — Do not claim as yours.
  9.  
  10. Enjoy (✿◠‿◠)
  11.  
  12. infinite scroll with masonry + pxu: @shythemes
  13.  
  14. -->
  15.  
  16. <html lang="en">
  17. <head>
  18.  
  19.  
  20. <title>{block:PostSummary}{PostSummary}: {/block:PostSummary}{Title}</title>
  21. <link rel="shortcut icon" href="{favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:hidden}
  24. <!--Default Variables-->
  25. <meta name="image:Sidebar" content=""/>
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Text" content="#000000"/>
  29. <meta name="color:Accent" content="#BDC0DA"/>
  30. <meta name="color:Accent text" content="#000000"/>
  31.  
  32. <meta name="text:Blogtitle" content="" />
  33. <meta name="text:Home label" content="home" />
  34. <meta name="text:Ask label" content="ask"/>
  35. <meta name="text:Ask link" content="/ask"/>
  36. <meta name="text:Archive label" content="Past" />
  37. <meta name="text:Extra link 1 title" content="extra" />
  38. <meta name="text:Extra link 1" content="http://" />
  39. <meta name="text:Extra link 2 title" content="about" />
  40. <meta name="text:Extra link 2" content="http://"/>
  41.  
  42.  
  43. <meta name="if:Photofiltre" content="" />
  44. <meta name="if:White Tiny cursor" content="" />
  45. <meta name="if:Black Tiny cursor" content="" />
  46.  
  47. <meta name="select:font size" content="10px" title="10px">
  48. <meta name="select:font size" content="11px" title="11px">
  49. <meta name="select:font size" content="12px" title="12px">
  50.  
  51. <meta name="select:body font" content="Muli" title="Muli">
  52. <meta name="select:body font" content="Hind" title="Hind">
  53. <meta name="select:body font" content="Open Sans" title="Open Sans">
  54. <meta name="select:body font" content="Maven Pro" title="Maven Pro">
  55. <meta name="select:body font" content="Lora" title="Lora">
  56. <meta name="select:body font" content="Roboto" title="Roboto">
  57. <meta name="select:body font" content="Source Sans Pro" title="Source Sans Pro">
  58.  
  59.  
  60. {/block:hidden}
  61.  
  62.  
  63. <!---pxu script--->
  64. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  65.  
  66. <!--- tooltips script --->
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("a[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:90,
  75. tip_fade_speed:600,
  76. attribute:"title"
  77. });
  78. });
  79. })(jQuery);
  80. </script>
  81.  
  82.  
  83. <!-------
  84.  
  85. A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
  86.  
  87. > You CAN'T use my themes as base
  88. > You CAN'T remove my credits, even if you edited the theme a lot.
  89. > Don't use any part of my codes without permission.
  90. > You can edit the theme as your own like and make it look too different as the original one but if you edit the theme a lot and you're having problems with it, I'll not allowed to help you.
  91.  
  92.  
  93. YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
  94. BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
  95. ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE AN ASSHOLE.
  96.  
  97. ---------->
  98.  
  99.  
  100.  
  101. <style type="text/css">
  102.  
  103.  
  104. {block:IfPhotofiltre}
  105. img{
  106. -webkit-filter: grayscale(50%);
  107. -webkit-transition: all 0.2s linear;
  108. -moz-transition: all 0.2s linear;
  109. -o-transition: all 0.2s linear;
  110. transition: all 0.2s linear;
  111. }
  112.  
  113. img:hover{
  114. -webkit-filter: grayscale(0%);
  115. }
  116. {/block:IfPhotofiltre}
  117.  
  118. ::-moz-selection { /* Code for Firefox */
  119. color:{color:Accent};
  120. background: #fff;
  121. }
  122.  
  123. ::selection {
  124. color:{color:Accent};
  125. background: #fff;
  126. }
  127.  
  128.  
  129. /*tooltips style*/
  130. #s-m-t-tooltip{
  131. max-width:300px;
  132. padding:6px;
  133. border-radius:3px;
  134. min-height:7px;
  135. margin:20px 0px 0px 20px;
  136. line-height:100%;
  137. background:{color:accent};
  138. color:{color:accent text};
  139. word-wrap:break-word;
  140. word-break:break-all;
  141. opacity:1;
  142. z-index:9999999999999999999;
  143. }
  144.  
  145.  
  146. #tumblr_controls, .tmblr-iframe{
  147. position:fixed!important;
  148. top:30px!important;
  149. right:5px!important;
  150. opacity:0.7;
  151. z-index:99999999999999999999999999!important;
  152. -webkit-filter:invert(100%);
  153. -webkit-transition:all 0.6s ease-out;
  154. -webkit-transition: opacity 0.7s linear;
  155. -webkit-transition: all 0.8s ease-out;
  156. -moz-transition: all 0.8s ease-out;
  157. transition: all 0.8s ease-out
  158. }
  159.  
  160.  
  161.  
  162. /*tumblr controls and lightbox*/
  163.  
  164. #tumblr_lightbox,.tmblr-lightbox{
  165. background:rgba({RGBcolor:background}, 0.8)!important;}
  166.  
  167. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  168. opacity:0!important;
  169. }
  170.  
  171. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  172. box-shadow:none!important;
  173. border-radius:0px!important;
  174. padding:0px!important;
  175. border:0px!important;
  176. }
  177.  
  178. ::-webkit-scrollbar{
  179. height:3px;
  180. width:11px;
  181. background:inherit;
  182. background:rgba({RGBcolor:accent}, 0.4);
  183. border:5px solid {color:background};
  184. }
  185.  
  186. ::-webkit-scrollbar-thumb {
  187. height:150px!important;
  188. background:{color:accent};
  189. border:5px solid {color:background};
  190. }
  191.  
  192. /*tiny cursor*/
  193.  
  194. html, body, img, a {
  195. {block:ifWhiteTinycursor}
  196. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  197. {/block:ifWhiteTinycursor}
  198. {block:ifBlackTinyCursor}
  199. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  200. {/block:ifBlackTinyCursor}
  201. }
  202.  
  203. a:hover, a:active, iframe{
  204. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  205. {/block:ifWhiteTinycursor}
  206. {block:ifBlackTinyCursor}
  207. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  208. {/block:ifBlackTinyCursor}
  209. }
  210.  
  211.  
  212. /*main structure*/
  213.  
  214. body{
  215. background-color:{color:background};
  216. font-size:{select:font size};
  217. font-family:{select:body font}, sans-serif;
  218. color:{color:text};
  219. line-height:150%;
  220. -moz-osx-font-smoothing:grayscale;
  221. -webkit-font-smoothing:antialiased;
  222. font-smoothing:antialiased;
  223. }
  224.  
  225.  
  226. a:link, a:active, a:visited{
  227. color:{color:Accent};
  228. text-decoration:none;
  229. -webkit-transition:all 0.5s linear;
  230. -moz-transition:all 0.5s linear;
  231. transition:all 0.5s linear;
  232. }
  233.  
  234. a:hover {color:{color:text};}
  235.  
  236.  
  237. .center {
  238. position:relative;
  239. margin:50px auto;
  240. width:calc(510px + 50px);
  241. {block:PermalinkPage}
  242. width:500px;
  243. {/block:PermalinkPage}
  244. }
  245.  
  246. #posts{
  247. position:relative;
  248. {block:PermalinkPage}
  249. margin-top:100px;
  250. {/block:PermalinkPage}
  251. }
  252.  
  253.  
  254. .entry {
  255. margin:20px;
  256. {block:indexpage}
  257. width:240px;
  258. opacity:0;
  259. z-index:-1;
  260. {/block:indexpage}
  261. {block:PermalinkPage}
  262. width:400px;
  263. {/block:PermalinkPage}
  264. }
  265.  
  266.  
  267. .entry img{
  268. max-width:100%;
  269. display:block;
  270. position:relative;
  271. overflow:hidden;
  272. }
  273.  
  274.  
  275. .perm1, .perm2, .perm3 {
  276. top:0px;
  277. opacity:0;
  278. right:-25px;
  279. width:9px;
  280. height:9px;
  281. z-index:100;
  282. padding:5px;
  283. font-size:15px;
  284. border-radius:100%;
  285. text-align:center;
  286. font-family:open sans;
  287. position:absolute;
  288. background:{color:Accent};
  289. display:inline-block;
  290. z-index:99999999999;
  291. -webkit-transition:opacity 0.3s linear;
  292. -webkit-transition:all 0.3s linear;
  293. -moz-transition:all 0.3s linear;
  294. transition:all 0.3s linear;
  295. }
  296.  
  297. .perm2 {top:25px;}
  298. .perm3 {top:50px;}
  299.  
  300. .entry:hover .perm1, .entry:hover .perm2, .entry:hover .perm3{
  301. opacity:1;
  302. -webkit-transform: rotate(360deg);
  303. -webkit-transition:all .5s ease-in-out;
  304. -moz-transition:all .5s ease-in-out;
  305. -o-transition:all .5s ease-in-out;
  306. }
  307.  
  308.  
  309. .perm1 svg, .perm2 svg{position:fixed;margin-left:-5px;width:0.6em;height:0.6em;fill:{color:accent text};-webkit-transition: all 0.5s ease;}
  310. .perm1 svg:hover{fill:{color:text};-webkit-transition: all 0.5s ease;}
  311. .perm2 svg{margin-left:-5px;margin-top:-3px;}
  312. .perm3 svg{position:fixed;margin-left:-7px;margin-top:-3px;width:0.9em;height:0.9em;fill:{color:accent text};-webkit-transition: all 0.5s ease;}
  313.  
  314.  
  315. .custom-like-button {
  316. position: relative;
  317. display: inline-block;
  318. width:10px;
  319. height:10px;
  320. left:0px;
  321. cursor: pointer;
  322. }
  323.  
  324. .like_button {
  325. position: absolute;
  326. top:0;
  327. left:0;
  328. right:0;
  329. bottom:0;
  330. width:100%;
  331. height:100%;
  332. opacity:0;
  333. z-index:999!important;
  334. }
  335. .like_button iframe {
  336. width:100% !important;
  337. height:100% !important;
  338. }
  339.  
  340. .like_button svg {
  341. position:absolute;
  342. width:100%;
  343. height:100%;
  344. top:0;
  345. left:0;
  346. right:0;
  347. bottom:0;
  348. }
  349.  
  350. .custom-like-button:hover svg{fill:{color:text}!important;}
  351. .like_button.liked + svg { fill:red!important;}
  352.  
  353.  
  354.  
  355. .spotify_audio_player {height:80px!important;}
  356.  
  357.  
  358. .video, .video iframe, .tumblr_video_container{
  359. display:block;
  360. {block:indexpage}
  361. width:240px;
  362. height:auto;
  363. {/block:indexpage}
  364. {block:PermalinkPage}
  365. width:400px;
  366. height:auto;
  367. {/block:PermalinkPage}
  368. }
  369.  
  370. pre {
  371. white-space: pre-wrap;
  372. white-space: -moz-pre-wrap;
  373. white-space: -pre-wrap;
  374. white-space: -o-pre-wrap;
  375. word-wrap: break-word;
  376. }
  377.  
  378. p {margin:5px 0;}
  379.  
  380. p:first-of-type {
  381. margin-top:0;
  382. padding-top:0;
  383. }
  384.  
  385. p:last-of-type {
  386. margin-bottom:0;
  387. padding-bottom:0;
  388. }
  389.  
  390.  
  391. small, big {font-size:1em;}
  392.  
  393. h1, h2, h3, h4 {
  394. font-size:1.5em;
  395. margin:0;
  396. font-family:quicksand;
  397. text-transform:uppercase;
  398. letter-spacing:1px;
  399. padding:0;
  400. }
  401.  
  402. .back{
  403. padding-top:10px;
  404. }
  405.  
  406. .back li, .a li, .caption li, #dis li{position:relative;display:block;}
  407. .back li:before, .a li:before, .caption li:before, #dis li:before{content:'›';font-size:15px;position:absolute;left:-13px;color:{color:Accent};top:-1px;font-family:karla;}
  408.  
  409. .caption li:before{color:{color:Accent text};}
  410.  
  411. ol li {counter-increment:list;}
  412.  
  413.  
  414. /*audio player*/
  415.  
  416.  
  417.  
  418. #audio {
  419. width:auto;
  420. margin:0px;
  421. height:auto;
  422. min-height:60px;
  423. line-height:20px;
  424. }
  425. .cover {
  426. z-index:1;
  427. width:70px;
  428. height:70px;
  429. position:absolute;
  430. }
  431. .cover img {
  432. float:left;
  433. position:absolute;
  434. border-radius:0px;
  435. width:70px;
  436. height:70px;
  437. }
  438.  
  439. .playbox {
  440. position:absolute;
  441. z-index:9;
  442. background:black;
  443. opacity:0;
  444. width:70px;
  445. height:70px;
  446. -webkit-transition:opacity 0.5s linear;
  447. -webkit-transition:all 0.5s linear;
  448. -moz-transition:all 0.5s linear;
  449. transition:all 0.5s linear;
  450. }
  451.  
  452. .entry:hover .playbox{
  453. opacity:.8;
  454. -webkit-transition:opacity 0.5s linear;
  455. -webkit-transition:all 0.5s linear;
  456. -moz-transition:all 0.5s linear;
  457. transition:all 0.5s linear;
  458. }
  459.  
  460. .button {
  461. position:relative;
  462. z-index: 1000;
  463. overflow:hidden;
  464. width:25px;
  465. height:25px;
  466. margin:20px 20px 20px 20px;
  467. }
  468.  
  469.  
  470. .info {
  471. margin-left:70px;
  472. margin-top:0px;
  473. font-size:10px;
  474. letter-spacing:2px;
  475. text-align:right;
  476. height:50px;
  477. overflow:auto;
  478. text-transform:uppercase;
  479. line-height:25px;
  480. background:{color:Accent};
  481. color:{color:Accent text};
  482. padding:10px;
  483. }
  484.  
  485. /*title*/
  486.  
  487. .title{
  488. font-family:roboto condensed;
  489. text-transform:uppercase;
  490. font-size:20px;
  491. font-weight:500;
  492. letter-spacing:1px;
  493. color:{color:Accent};
  494. }
  495.  
  496. /*blockquote & quote*/
  497.  
  498. blockquote{
  499. border-left:1px solid {color:accent};
  500. margin:5px;
  501. padding-left:10px;
  502. line-height:15px;
  503. }
  504.  
  505. .quote{
  506. padding:7px;
  507. background:{color:Accent};
  508. color:{color:Accent text};
  509. border-radius:3px;
  510. }
  511.  
  512. .triangle {
  513. float:right;
  514. margin:0px 14px 0px 0px;
  515. content: '';
  516. border-style: solid;
  517. border-width: 11px 11px 0px;
  518. border-color: {color:Accent} transparent; }
  519.  
  520. .cite{
  521. margin-top:15px;
  522. font-style:italic;
  523. line-height:15px;
  524. text-align:right;
  525. font-size:10px;
  526. }
  527.  
  528. .cite a{
  529. color:{color:Accent text};
  530. }
  531.  
  532. /*ask style*/
  533.  
  534.  
  535.  
  536. .question_a img{
  537. width:40px;
  538. float:left;
  539. border-radius:3px;
  540. }
  541.  
  542. .question{
  543. background:{color:accent};
  544. color:{color:accent text};
  545. padding:8px;
  546. margin-left:55px;
  547. border-radius:3px;
  548. min-height:40px;
  549. }
  550.  
  551. .question a{
  552. color:{color:accent text};
  553. }
  554.  
  555. .question:before{
  556. content: '';
  557. position: absolute;
  558. display: block;
  559. border-top: 9px solid transparent;
  560. border-bottom: 9px solid transparent;
  561. border-right: 9px solid {color:accent};
  562. width: 0;
  563. opacity:1;
  564. z-index: 99999999999999;
  565. margin-top:3px;
  566. margin-left:-17px;
  567. }
  568.  
  569.  
  570. .a{
  571. display:block;
  572. line-height:14px;
  573. margin-top:10px;
  574. }
  575.  
  576. .a img{
  577. width:100%;
  578. height:auto;
  579. }
  580.  
  581.  
  582.  
  583.  
  584. .c {
  585. position:fixed;
  586. font-size:15px;
  587. right:10px;
  588. bottom:10px;
  589. z-index:99999999999999999999999;
  590. -o-transition-transition: all 0.3s ease;
  591. -webkit-transition: all 0.3s ease;
  592. -moz-transition: all 0.3s ease;
  593. transition: all 0.3s ease;
  594. }
  595.  
  596. .c svg{fill:{color:accent};
  597. width:1.6em;
  598. height:1.6em;}
  599. .c:hover{-webkit-animation:pop 1s;}
  600.  
  601. @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}30% {-webkit-transform: scale(.8);}50% {-webkit-transform: scale(1);}70% {-webkit-transform: scale(.8);}100% {-webkit-transform: scale(1);}}
  602.  
  603.  
  604. /*chat styling*/
  605.  
  606. .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{
  607. background:rgba({RGBcolor:Accent}, 1);
  608. padding:7px;
  609. color:{color:Accent text};}
  610.  
  611. .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{
  612. background:rgba({RGBcolor:Accent}, 0.6);
  613. padding:7px;
  614. color:{color:Accent text};}
  615.  
  616.  
  617. /*permalink notes*/
  618.  
  619. .caption{
  620. padding:10px;
  621. margin-top:0px;
  622. background:{color:Accent};
  623. color:{color:Accent text};
  624. }
  625.  
  626. .caption a{
  627. color:{color:Accent text};}
  628.  
  629. .inf{
  630. display:block;
  631. margin-bottom:0px;
  632. padding:10px;
  633. border-top:1px solid #fff;
  634. background:{color:Accent};
  635. color:{color:Accent text};
  636. line-height:17px;
  637. }
  638.  
  639. .show{cursor:pointer;}
  640. .tg{display:block;}
  641. .tg a:after{content:',';}
  642. .tg a:last-of-type:after {content:'.';}
  643. .inf a, .notas a, .tg a{color:{color:Accent text};}
  644. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:text};}
  645.  
  646. .notas{
  647. margin-top:0px;
  648. display:none;
  649. background:{color:Accent};
  650. color:{color:Accent text};
  651. }
  652.  
  653.  
  654. ol.notes{padding:0px;margin:0px;list-style-type:none;}
  655. ol.notes li.note{padding:8px;text-align:left;border-top:1px solid #fff;}
  656. ol.notes li.note img.avatar {border-radius:100%;float:right;}
  657. ol.notes li.note blockquote a {text-decoration:none;}
  658. li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
  659. li.more_notes_link_container:hover{letter-spacing:4px;}
  660. img:not(.lightbox-image) {max-width:100%;height:auto;}
  661.  
  662. #infscr-loading { display:none!important; }
  663.  
  664. #colour-bar {
  665. position:fixed;
  666. left:0px;
  667. top:0px;
  668. z-index:99999999999;
  669. width:100%;
  670. height:25px;
  671. overflow:hidden;
  672. background:{color:accent};
  673. }
  674.  
  675.  
  676. #sidebar {
  677. position:fixed!important;
  678. width:120px;
  679. height:auto;
  680. margin-left:calc(70px - 220px);
  681. top:80px;
  682. z-index:999;
  683. height:100px;
  684. }
  685.  
  686. .titulo{
  687. text-align:center;
  688. font-family:roboto condensed;
  689. text-transform:uppercase;
  690. letter-spacing:1px;
  691. font-size:20px;
  692. padding-bottom:5px;
  693. line-height:19px;
  694. border-bottom:1px solid {color:accent};
  695. margin-bottom:5px;
  696. }
  697.  
  698. .desc{
  699. border-top:1px solid {color:accent};
  700. text-align:center;
  701. margin-top:2px;
  702. padding:5px 0px 0px 0px;
  703. }
  704.  
  705. #nav{
  706. margin-top:1px;
  707. text-align:center;
  708. -webkit-transition:opacity 0.5s linear;
  709. -webkit-transition:all 0.5s linear;
  710. -moz-transition:all 0.5s linear;
  711. transition:all 0.5s linear;
  712. }
  713.  
  714. #nav a{
  715. display:inline-block;
  716. font-size:11px;
  717. font-family:roboto condensed;
  718. text-transform:uppercase;
  719. margin:4px 10px 0px 10px;
  720. color:{color:accent text};
  721. -webkit-transition:opacity 0.5s linear;
  722. -webkit-transition:all 0.5s linear;
  723. -moz-transition:all 0.5s linear;
  724. transition:all 0.5s linear;
  725. }
  726.  
  727.  
  728. #nav:hover a{color:{color:accent text};opacity:.6;}
  729. #nav a:hover{color:;opacity:1;}
  730.  
  731.  
  732.  
  733.  
  734. </style>
  735. </head>
  736.  
  737. <body>
  738.  
  739. <div id="colour-bar">
  740. <div id="nav">
  741. <a href="/">{text:Home Label}</a>
  742. <a href="{text:ask link}">{text:Ask Label}</a>
  743. <a href="{text:Extra link 1}">{text:Extra link 1 Title}</a>
  744. <a href="{text:Extra link 2}">{text:Extra link 2 Title}</a>
  745. <a href="/archive">{text:Archive Label}</a>
  746. <a href="http://vhibes.tumblr.com" target="_blank">Theme</a>
  747. </div>
  748.  
  749. </div>
  750.  
  751. <div class="center">
  752.  
  753. <div id="sidebar">
  754. <div class="titulo">{text:blogtitle}</div>
  755. <img src="{image:sidebar}">
  756. <div class="desc">{description}</div>
  757. </div>
  758.  
  759. <div id="posts">
  760. {block:Posts}
  761. <div class="entry" id="{PostID}">
  762.  
  763. {block:IndexPage}
  764. <div class="perm1">
  765. <a title="reblog" href="{ReblogURL}" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
  766. </div>
  767. <div class="perm2">
  768. <div class="custom-like-button">
  769. {LikeButton}
  770. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  771. </span>
  772. </div>
  773. </div>
  774. <div class="perm3">
  775. <a title="Posted {timeago} with {notecount} notes" href="{Permalink}" target="_blank">
  776. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  777. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  778. <path d="M108,184.3c42.1,0,76.3-34.2,76.3-76.3S150.1,31.7,108,31.7S31.7,65.9,31.7,108S65.9,184.3,108,184.3z M108,43.7
  779. c35.5,0,64.3,28.9,64.3,64.3s-28.9,64.3-64.3,64.3S43.7,143.5,43.7,108S72.5,43.7,108,43.7z"/>
  780. <path d="M98.3,120.7l25.7,20c1.1,0.8,2.4,1.3,3.7,1.3c1.8,0,3.6-0.8,4.7-2.3c2-2.6,1.6-6.4-1.1-8.4L108,113.1V72c0-3.3-2.7-6-6-6
  781. s-6,2.7-6,6v44C96,117.9,96.9,119.6,98.3,120.7z"/>
  782. </svg>
  783. </a>
  784. </div>
  785. {/block:IndexPage}
  786.  
  787. {block:Text}
  788. {block:Title}<div class="title">{Title}</div>{/block:Title}
  789. <div class="back">{Body}</div>
  790. {/block:Text}
  791.  
  792.  
  793. {block:Link}
  794. <div class="title">
  795. <a href="{URL}">{Name}</a></div>
  796. <div class="back">
  797. {block:Description}{Description}{/block:Description}
  798. </div>
  799. {block:Link}
  800.  
  801.  
  802.  
  803. {block:Photo}
  804. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  805. {/block:Photo}
  806.  
  807.  
  808. {block:Photoset}
  809. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  810. {/block:Photoset}
  811.  
  812.  
  813. {block:Quote}
  814. <div class="quote">❝&nbsp;{quote}</div>
  815. <div class="triangle"></div>
  816. <div class="cite">{Source}</div>
  817. {/block:Quote}
  818.  
  819. {block:Chat}
  820. <div class="chat">
  821. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  822. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  823. </div>
  824. {/block:Chat}
  825.  
  826. {block:Audio}
  827. <div id="audio">
  828. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  829. {block:AlbumArt}
  830. <div class="cover"><img src="{AlbumArtURL}"></div>
  831. {/block:AlbumArt}
  832. <div class="playbox">
  833. <div class="button">
  834. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  835. <div class="info">
  836. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  837. <div style="text-transform:uppercase;font-size:9px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">
  838. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  839. </div>
  840. </div>
  841. {/block:Audio}
  842.  
  843.  
  844. {block:Video}
  845. <div class="video">{Video-500}</div>
  846. {/block:Video}
  847.  
  848.  
  849. {block:Answer}
  850. <div class="question_a"><img src="{AskerPortraitURL-40}"></div>
  851. <div class="question"><b>{Asker} asked:</b> {Question}</div>
  852. <div class="a">{Answer}</div>
  853. {/block:Answer}
  854.  
  855. {block:ContentSource}<!-- {SourceURL}
  856. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  857. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  858. {/block:ContentSource}
  859.  
  860. <!-- {block:NoRebloggedFrom}
  861. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  862. {/block:NoRebloggedFrom} -->
  863.  
  864. {block:PermalinkPage}
  865. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  866. {block:Date}
  867. <div class="inf">
  868. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  869. {block:RebloggedFrom}
  870. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  871. {/block:RebloggedFrom}
  872. <div class="tg">
  873. {block:HasTags}
  874. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  875. {/block:Tags}{/block:HasTags}
  876. </div>
  877. <a class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  878. <div class="notas">
  879. {block:PostNotes}
  880. {PostNotes}
  881. {/block:PostNotes}
  882. {/block:Date}
  883. </div>
  884. {/block:PermalinkPage}
  885. {/block:Date}
  886. </div>
  887. {/block:Posts}
  888. </div>
  889.  
  890.  
  891. <div class="pagination">
  892. {block:Pagination}
  893. {block:PreviousPage}
  894. <a href="{PreviousPage}"></a>
  895. {/block:PreviousPage}
  896.  
  897. {block:NextPage}
  898. <a href="{NextPage}" class="next"></a>
  899. {/block:NextPage}
  900. {/block:Pagination}</div></div>
  901.  
  902. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  903. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  904. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  905. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  906. <link href="https://fonts.googleapis.com/css?family=Arima+Madurai|Bree+Serif|Indie+Flower|Josefin+Sans|Lora|Playfair+Display|Shadows+Into+Light+Two" rel="stylesheet">
  907. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700|Hind:400,700|Dancing+Script:400,700|Open+Sans:400,700|Muli|Kurale|PT+Serif:400,700|Old+Standard+TT:400,700|Roboto:400,700|Roboto+Condensed:400,700|Lato:400,700|Raleway:400,700,300|Montez|Karla:400,700|Quicksand:400,700|Petit+Formal+Script|Clicker+Script|Mako|Maven+Pro:400,700' rel='stylesheet' type='text/css'>
  908. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  909. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script><div class="c"><a title="Theme made by vhibes" href="http://vhibes.tumblr.com" target="_blank"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  910. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M30.4,90.2c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1c2.7-1.8,66.5-43.6,73.7-86.1
  911. c3.7-21.8-2.7-34.9-8.8-42.1c-7-8.3-17.5-13.2-28.2-13.2c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7
  912. c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2c-10.7,0-20.3,4.1-27,11.5C34.7,57.6,28.4,69.4,30.4,90.2z"/>
  913. </svg></a></div>
  914. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  915. {block:IndexPage}
  916. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  917. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  918. {/block:IndexPage}
  919. <script>
  920. $(document).ready(function(){
  921. $(".icon").click(function(){
  922. $(".update").fadeToggle("slow");
  923. });
  924. });
  925.  
  926. $(document).ready(function(){
  927. $(".show").click(function(){
  928. $(".notas").slideToggle("slow");
  929. });
  930. });
  931. $(document).ready(function(){
  932. $('.photo-slideshow').pxuPhotoset({
  933. lightbox: true,
  934. rounded: false,
  935. gutter: '1px',
  936. photoset: '.photo-slideshow',
  937. photoWrap: '.photo-data',
  938. photo: '.pxu-photo'
  939. });
  940. {block:IndexPage}
  941. var $container = $('#posts');
  942. $container.masonry({ itemSelector: '.entry' });
  943. $container.imagesLoaded(function(){
  944. $container.masonry();
  945. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  946. });
  947. $container.infinitescroll({
  948. itemSelector: '.entry',
  949. navSelector: '.pagination',
  950. nextSelector: '.next',
  951. loadingImg: '',
  952. loadingText: '<em></em>',
  953. bufferPx: 2000
  954. },
  955. function( newElements ) {
  956. var $newElems = $( newElements );
  957. $newElems.find('.photo-slideshow').pxuPhotoset({
  958. lightbox: true,
  959. rounded: false,
  960. gutter: '1px',
  961. photoset: '.photo-slideshow',
  962. photoWrap: '.photo-data',
  963. photo: '.pxu-photo'
  964. },
  965.  
  966. function(){
  967. resizeVideos(); },
  968.  
  969. function(){
  970. $container.masonry();
  971. });
  972.  
  973.  
  974. var $newElemsIDs = $newElems.map(function(){
  975. return this.id;
  976. }).get();
  977. console.log($newElems, $newElemsIDs);
  978. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  979.  
  980. $newElems.imagesLoaded(function(){
  981. $container.masonry( 'appended', $newElems );
  982. $newElems.animate({ opacity: 1, zIndex: 1 });
  983. });
  984. });
  985. {/block:IndexPage}
  986. });
  987. </script>
  988. </body>
  989. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!