API tools faq
paste
psychedelic-cunts

my theme

psychedelic-cunts
Sep 9th, 2017
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.51 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. Emily @ planthed
  5.  
  6.  
  7. — DO NOT delete the credit.
  8. — Do not copy or steal any code.
  9. — Do not claim as yours.
  10. — Full credits at @painthemes/c
  11.  
  12.  
  13. -->
  14.  
  15. <html lang="en">
  16.  
  17. <!-- installation tutorial: http://felinum.tumblr.com/post/147202359116/ -->
  18.  
  19.  
  20. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  21. <link href='https://fonts.googleapis.com/css?family=Karla|Lato|Muli|Roboto|Inconsolata|Hind|Vollkorn|Lato|Playfair+Display|Cardo' rel='stylesheet' type='text/css'>
  22.  
  23. <!------------script--------->
  24.  
  25. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  26. <script type="text/javascript">
  27. $(function(){
  28. $('#updates_navicon').live('click',function(){
  29. $('#updates').slideToggle();
  30. });
  31. });
  32. </script>
  33.  
  34. <!------------end script--------->
  35.  
  36. <meta name="color:Updates Tab Navicon" content="#000"/>
  37. <meta name="color:Updates Tab BG" content="#fff"/>
  38. <meta name="color:Updates Tab Border" content="#fff"/>
  39. <meta name="color:Updates Tab Accent" content="#f8eeef"/>
  40. <meta name="color:Updates Tab Icons" content="#000"/>
  41. <meta name="color:Updates Tab Title" content="#000"/>
  42. <meta name="color:Updates Tab Content" content="#6d6d6d"/>
  43. <meta name="color:Updates Tab Link" content="#000"/>
  44. <meta name="color:Updates Tab Link Hover" content="#f8dcdd"/>
  45. <meta name="color:Updates Tab Link Border" content="#f8dcdd"/>
  46.  
  47. <meta name="select:Updates Tab Font" content="Muli" title="Muli"/>
  48. <meta name="select:Updates Tab Font" content="Hind" title="Hind"/>
  49. <meta name="select:Updates Tab Font" content="Roboto" title="Roboto"/>
  50. <meta name="select:Updates Tab Font" content="Inconsolata" title="Inconsolata"/>
  51. <meta name="select:Updates Tab Font" content="Lato" title="Lato"/>
  52. <meta name="select:Updates Tab Font" content="Karla" title="Karla">
  53. <meta name="select:Updates Tab Font" content="Vollkorn" title="Vollkorn"/>
  54. <meta name="select:Updates Tab Font" content="Playfair Display" title="Playfair Display">
  55. <meta name="select:Updates Tab Font" content="Cardo" title="Cardo"/>
  56.  
  57. <meta name="if:Updates Tab Top Left" content="1"/>
  58. <meta name="if:Updates Tab Top Right" content="0"/>
  59. <meta name="if:Updates Tab Bottom Left" content="0"/>
  60. <meta name="if:Updates Tab Bottom Right" content="0"/>
  61. <meta name="if:Reveal Updates tab on click" content="0"/>
  62. <head>
  63.  
  64.  
  65. <title>{Title}</title>
  66. <link rel="shortcut icon" href="{favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. {block:hidden}
  69. <!--Default Variables-->
  70. <meta name="image:background" content=""/>
  71.  
  72. <meta name="color:Background" content="#ffffff"/>
  73. <meta name="color:Text" content="#000000"/>
  74. <meta name="color:Accent" content="#BDC0DA"/>
  75. <meta name="color:Accent 2" content="#e7d5d5">
  76. <meta name="color:Accent text" content="#000000"/>
  77. <meta name="color:Gradient one" content="#E8D1D1"/>
  78. <meta name="color:Gradient two" content="#FFFFFF"/>
  79.  
  80. <meta name="text:Blogtitle" content="" />
  81. <meta name="text:Home label" content="home" />
  82. <meta name="text:Ask label" content="ask"/>
  83. <meta name="text:Archive label" content="Past" />
  84. <meta name="text:Extra link 1" content="" />
  85. <meta name="text:Extra link 1 URL" content="http://" />
  86. <meta name="text:Extra link 2" content="" />
  87. <meta name="text:Extra link 2 URL" content="http://" />
  88.  
  89. <meta name="if:White Tiny cursor" content="" />
  90. <meta name="if:Black Tiny cursor" content="" />
  91.  
  92. {/block:hidden}
  93.  
  94.  
  95. <!---pxu script--->
  96. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  97.  
  98. <!--- tooltips script --->
  99. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  100. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){
  103. $(document).ready(function(){
  104. $("a[title]").style_my_tooltips({
  105. tip_follows_cursor:true,
  106. tip_delay_time:90,
  107. tip_fade_speed:600,
  108. attribute:"title"
  109. });
  110. });
  111. })(jQuery);
  112. </script>
  113.  
  114.  
  115. <!-------
  116.  
  117. A FEW RULES YOU NEED TO KNOW BEFORE START EDITING THE THEME:
  118.  
  119. > You CAN'T use my themes as base
  120. > You CAN'T remove my credits, even if you edited the theme a lot.
  121. > Don't use any part of my codes without permission.
  122. > 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.
  123.  
  124.  
  125. YOU ARE NOT ALLOWED TO USE MY CODES FOR YOUR OWN THEME OR ANY OTHER THEME
  126. BY OTHER THEME MAKER WITHOUT PERMISSION, IF YOU WANNA USE ONE OF MY CODES
  127. ASK FIRST, DON'T CLAIM AS YOURS, DON'T BE A BITCH.
  128.  
  129. ---------->
  130.  
  131.  
  132. <style type="text/css">
  133.  
  134.  
  135. .video, .video iframe{
  136. display:block;
  137. {block:indexpage}
  138. width:240px;
  139. height:auto;
  140. {/block:indexpage}
  141. {block:PermalinkPage}
  142. width:500px;
  143. height:auto;
  144. {/block:PermalinkPage}
  145. }
  146.  
  147. /*tooltips style*/
  148. #s-m-t-tooltip{
  149. max-width:300px;
  150. padding:7px;
  151. min-height:7px;
  152. margin:20px 0px 0px 20px;
  153. line-height:100%;
  154. color:{color:Accent text};
  155. background:{color:Accent};
  156. word-wrap:break-word;
  157. word-break:break-all;
  158. opacity:1;
  159. z-index:9999999999999999999;
  160. }
  161.  
  162.  
  163. #tumblr_controls, .tmblr-iframe{
  164. position:fixed!important;
  165. top:5px!important;
  166. right:45px!important;
  167. opacity:.3;
  168. z-index:99999999999999999999999999!important;
  169. -webkit-filter:invert(100%);
  170. -moz-filter:invert(100%);
  171. -o-filter:invert(100%);
  172. -ms-filter:invert(100%);
  173. filter:invert(100%);
  174. -webkit-transition:all 0.6s ease-out;
  175. -webkit-transition: opacity 0.7s linear;
  176. -webkit-transition: all 0.8s ease-out;
  177. -moz-transition: all 0.8s ease-out;
  178. transition: all 0.8s ease-out
  179. }
  180.  
  181. #tumblr_controls, .tmblr-iframe:hover{
  182. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  183. -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%);
  184. }
  185.  
  186.  
  187. /*tumblr controls and lightbox*/
  188.  
  189.  
  190.  
  191. #tumblr_lightbox,.tmblr-lightbox{
  192. background:rgba({RGBcolor:background}, 0.8)!important;}
  193.  
  194. #vignette,#tumblr_lightbox_caption,.vignette,.lightbox-caption{
  195. opacity:0!important;
  196. }
  197.  
  198. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image, .lightbox-image {
  199. box-shadow:none!important;
  200. border-radius:0px!important;
  201. padding:0px!important;
  202. background:{color:post background}!important;
  203. border:0px solid {color:border}!important;
  204. }
  205.  
  206. ::-webkit-scrollbar{
  207. height:3px;
  208. width:11px;
  209. background:inherit;
  210. background:rgba({RGBcolor:Accent}, 0.4);
  211. border:5px solid {color:background};
  212. }
  213.  
  214. ::-webkit-scrollbar-track {background:transparent;}
  215.  
  216. ::-webkit-scrollbar-thumb {
  217. height:150px!important;
  218. background:{color:Accent};
  219. border:5px solid {color:background};
  220. }
  221.  
  222. /*tiny cursor*/
  223.  
  224.  
  225. html, body, img, a {
  226. {block:ifWhiteTinycursor}
  227. cursor:url(http://static.tumblr.com/vmteopo/fhxo3gbrd/small_white_cursor.png), auto;
  228. {/block:ifWhiteTinycursor}
  229. {block:ifBlackTinyCursor}
  230. cursor: url('http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png'), auto;
  231. {/block:ifBlackTinyCursor}
  232. }
  233.  
  234. a:hover, a:active, iframe{
  235. {block:ifWhiteTinycursor}cursor:url(http://static.tumblr.com/vmteopo/RQ9o3gbth/small_white_cursor_help.png), crosshair;
  236. {/block:ifWhiteTinycursor}
  237. {block:ifBlackTinyCursor}
  238. cursor:url(http://static.tumblr.com/vmteopo/DH3njhg50/help_cursor.png), crosshair;
  239. {/block:ifBlackTinyCursor}
  240. }
  241.  
  242.  
  243. /*main structure*/
  244.  
  245. body{
  246. background-color:{color:background};
  247. background-image:url({image:Background});
  248. background-attachment:fixed;
  249. background-repeat:repeat;
  250. font-size:10px;
  251. font-family:open sans, sans-serif;
  252. color:{color:text};
  253. line-height:1.5em;
  254. -moz-osx-font-smoothing:grayscale;
  255. -webkit-font-smoothing:antialiased;
  256. font-smoothing:antialiased;
  257. }
  258.  
  259.  
  260. a:link, a:active, a:visited{
  261. color:{color:Accent};
  262. text-decoration:none;
  263. -webkit-transition:all 0.5s linear;
  264. -moz-transition:all 0.5s linear;
  265. transition:all 0.5s linear;
  266. }
  267.  
  268. a:hover {color:{color:text};}
  269.  
  270.  
  271. .center {
  272. position:relative;
  273. margin:20px auto;
  274. width:calc(500px + 120px);
  275. {block:PermalinkPage}
  276. width:calc(400px + 200px);
  277. {/block:PermalinkPage}
  278. }
  279.  
  280. #posts{
  281. position:relative;
  282. {block:PermalinkPage}
  283. margin-top:100px;
  284. {/block:PermalinkPage}
  285. }
  286.  
  287.  
  288. .entry {
  289. margin:35px;
  290. overflow:hidden;
  291. {block:indexpage}
  292. width:240px;
  293. opacity:0;
  294. z-index:-1;
  295. {/block:indexpage}
  296. {block:PermalinkPage}
  297. width:500px;
  298. padding-bottom:0px;
  299. {/block:PermalinkPage}
  300. }
  301.  
  302. .entry img{
  303. max-width:100%;
  304. display:block;
  305. position:relative;
  306. overflow:hidden;
  307. }
  308.  
  309. #zoom{
  310. position:relative;
  311. overflow:hidden;
  312. }
  313.  
  314.  
  315.  
  316. #move {
  317. position:relative;
  318. overflow:hidden;
  319. opacity:1;
  320. background:-webkit-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  321. background:-o-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  322. background:-moz-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  323. background:linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  324. }
  325.  
  326. #move img {
  327. display:block;
  328. height:auto;
  329. -webkit-transition:opacity 0.3s linear;
  330. -webkit-transition:all 0.3s linear;
  331. -moz-transition:all 0.3s linear;
  332. transition:all 0.3s linear;
  333.  
  334. }
  335.  
  336. .entry:hover #move img {
  337. -webkit-transform:translate(50px);
  338. -ms-transform:translate(50px);
  339. transform:translate(50px);
  340. -webkit-filter: grayscale(70%);
  341. }
  342.  
  343.  
  344.  
  345. .perm1 a, .perm2 a{color:{color:Accent text};}
  346. .perm1 a:hover, .perm2 a:hover{color:{color:Accent 2};}
  347.  
  348. .perm1 {
  349. width:20px;
  350. height:20px;
  351. text-align:center;
  352. position:absolute;
  353. z-index:100;
  354. top:25%;
  355. font-size:18px;
  356. left:-100px;
  357. opacity:0;
  358. display:inline-block;
  359. -webkit-transition: all 0.5s ease;
  360. -moz-transition: all 0.5s ease;
  361. -o-transition: all 0.5s ease;
  362. transition: all 0.5s ease;
  363. }
  364.  
  365. .entry:hover .perm1{
  366. opacity:1;
  367. left:15px;
  368. -webkit-transition-delay: 0.50s;
  369. -webkit-transition: all 0.50s;
  370. transition: all 0.50s;
  371. transition-delay: 0.50s;
  372. }
  373.  
  374. .perm2 {
  375. width:20px;
  376. height:20px;
  377. text-align:center;
  378. position:absolute;
  379. z-index:100;
  380. top:45%;
  381. font-size:18px;
  382. left:-100px;
  383. opacity:0;
  384. display:inline-block;
  385. -webkit-transition: all 0.5s ease;
  386. -moz-transition: all 0.5s ease;
  387. -o-transition: all 0.5s ease;
  388. transition: all 0.5s ease;
  389. }
  390.  
  391. .entry:hover .perm2 {
  392. opacity:1;
  393. left:15px;
  394. -webkit-transition-delay: 0.70s;
  395. -webkit-transition: all 0.70s;
  396. transition: all 0.70s;
  397. transition-delay: 0.70s;
  398. }
  399.  
  400.  
  401. .perm3 {
  402. width:20px;
  403. height:20px;
  404. text-align:center;
  405. position:absolute;
  406. z-index:100;
  407. top:65%;
  408. font-size:18px;
  409. left:-100px;
  410. opacity:0;
  411. display:inline-block;
  412. -webkit-transition: all 0.5s ease;
  413. -moz-transition: all 0.5s ease;
  414. -o-transition: all 0.5s ease;
  415. transition: all 0.5s ease;
  416. }
  417.  
  418. .entry:hover .perm3 {
  419. opacity:1;
  420. left:15px;
  421. -webkit-transition-delay: 0.90s;
  422. -webkit-transition: all 0.90s;
  423. transition: all 0.90s;
  424. transition-delay: 0.90s;
  425. }
  426.  
  427. .custom-like-button {
  428. position: relative;
  429. display: inline-block;
  430. width:20px;
  431. height:20px;
  432. cursor:pointer;
  433. }
  434.  
  435. .like_button {
  436. position: absolute;
  437. top:0;
  438. left:0;
  439. right:0;
  440. bottom:0;
  441. width:100%;
  442. height:100%;
  443. opacity:0;
  444. z-index:999!important;
  445. }
  446. .like_button iframe {
  447. width:100% !important;
  448. height:100% !important;
  449. }
  450.  
  451. .custom-like-button i{
  452. color:{color:Accent text};
  453. -webkit-transition:all 0.5s linear;
  454. -moz-transition:all 0.5s linear;
  455. transition:all 0.5s linear;
  456. }
  457.  
  458. .custom-like-button:hover i{color:{color:Accent 2}!important;}
  459.  
  460. .like_button.liked + i { color:#c14e4e!important;}
  461.  
  462.  
  463.  
  464. pre {
  465. white-space: pre-wrap;
  466. white-space: -moz-pre-wrap;
  467. white-space: -pre-wrap;
  468. white-space: -o-pre-wrap;
  469. word-wrap: break-word;
  470. }
  471.  
  472. p {margin:5px 0;}
  473.  
  474. p:first-of-type {
  475. margin-top:0;
  476. padding-top:0;
  477. }
  478.  
  479. p:last-of-type {
  480. margin-bottom:0;
  481. padding-bottom:0;
  482. }
  483.  
  484.  
  485. small, big {font-size:1em;}
  486.  
  487. h1, h2, h3, h4 {
  488. font-size:2em;
  489. line-height:24px;
  490. margin:0;
  491. padding:0;
  492. }
  493.  
  494. .entry li {
  495. position:relative;
  496. display:block;
  497. margin-left:-20px;
  498. }
  499.  
  500. .entry li:before {
  501. content:'›';
  502. font-size:15px;
  503. position:absolute;
  504. left:-13px;
  505. color:{color:Accent};
  506. top:-1px;
  507. font-family:karla;}
  508.  
  509.  
  510. .back a, .a a{
  511. color:{color:text};
  512. border-bottom:1px solid {color:Accent};
  513. }
  514.  
  515. .back a:hover, .a a:hover{
  516. color:{color:Accent};
  517. border-bottom:1px solid {color:Accent};
  518. }
  519.  
  520. .permalinktext{
  521. display:block;
  522. text-decoration:none;
  523. text-transform:uppercase;
  524. letter-spacing:1px;
  525. font-size:8px;
  526. margin-top:5px;
  527. }
  528.  
  529.  
  530. .permalinktext a:hover{
  531. color:{color:text};
  532. letter-spacing:3px;font-weight:700;
  533. }
  534.  
  535. /*audio player*/
  536.  
  537.  
  538. #audio {
  539. width:auto;
  540. margin:0px;
  541. height:auto;
  542. min-height:60px;
  543. line-height:20px;
  544. }
  545. .cover {
  546. z-index:1;
  547. width:70px;
  548. height:70px;
  549. position:absolute;
  550. }
  551. .cover img {
  552. float:left;
  553. position:absolute;
  554. border-radius:0px;
  555. width:70px;
  556. height:70px;
  557. }
  558.  
  559. .playbox {
  560. position:absolute;
  561. z-index:9;
  562. background:black;
  563. opacity:0;
  564. width:70px;
  565. height:70px;
  566. -webkit-transition:opacity 0.5s linear;
  567. -webkit-transition:all 0.5s linear;
  568. -moz-transition:all 0.5s linear;
  569. transition:all 0.5s linear;
  570. }
  571.  
  572. .entry:hover .playbox{
  573. opacity:.8;
  574. -webkit-transition:opacity 0.5s linear;
  575. -webkit-transition:all 0.5s linear;
  576. -moz-transition:all 0.5s linear;
  577. transition:all 0.5s linear;
  578. }
  579.  
  580. .button {
  581. position:relative;
  582. z-index: 1000;
  583. overflow:hidden;
  584. width:25px;
  585. height:25px;
  586. margin:20px 20px 20px 20px;
  587. }
  588.  
  589.  
  590. .info {
  591. margin-left:70px;
  592. margin-top:0px;
  593. font-size:10px;
  594. letter-spacing:2px;
  595. text-align:right;
  596. text-transform:uppercase;
  597. line-height:25px;
  598. background:{color:Accent};
  599. color:{color:Accent text};
  600. padding:10px;
  601. }
  602.  
  603. /*title*/
  604.  
  605. .title{
  606. padding:8px;
  607. padding-left:11px;
  608. margin-bottom:10px;
  609. font-size:14px;
  610. color:{color:Accent text};
  611. background:{color:Accent};
  612. text-transform:uppercase;
  613. letter-spacing:2px;
  614. line-height:28px;
  615. }
  616.  
  617. .title a{
  618. color:{color:Accent text};
  619. }
  620.  
  621. /*blockquote & quote*/
  622.  
  623. blockquote{
  624. border-left:1px solid {color:Accent};
  625. margin:5px;
  626. padding-left:10px;
  627. line-height:15px;
  628. }
  629.  
  630. .quote{
  631. font-size:10px;
  632. text-transform:uppercase;
  633. letter-spacing:1px;
  634. line-height:20px;
  635. padding:7px;
  636. background:{color:Accent};
  637. color:{color:Accent text};
  638. }
  639.  
  640. .cite{
  641. line-height:15px;
  642. text-align:right;
  643. font-family:9px;
  644. font-style:italic;
  645. padding:10px;
  646. padding-bottom:7px;
  647. background:rgba({RGBcolor:Accent}, 0.7);
  648. color:{color:Accent text};
  649. }
  650.  
  651. .cite a{
  652. color:{color:Accent text};
  653. }
  654.  
  655. /*ask style*/
  656.  
  657.  
  658. .as{
  659. color:{color:text};
  660. letter-spacing:0px;
  661. text-transform:uppercase;
  662. letter-spacing:1px;
  663. padding:10px;
  664. font-family:roboto;
  665. font-size:10px;
  666. text-align:center;
  667. overflow:hidden;
  668. background:{color:Accent};
  669. color:{color:Accent text};
  670. }
  671.  
  672. .as a{color:{color:Accent text};}
  673.  
  674. .q{
  675. margin-top:10px;
  676. margin-bottom:10px;
  677. line-height:14px;
  678. }
  679.  
  680. .qline{
  681. height:1px;
  682. display:block;
  683. width:50%;
  684. margin-left:25%;
  685. background:{color:Accent};
  686. }
  687.  
  688. .a{
  689. line-height:14px;
  690. margin-top:10px;
  691. }
  692.  
  693. .a img{
  694. width:100%;
  695. height:auto;
  696. }
  697.  
  698.  
  699.  
  700. /*chat styling*/
  701.  
  702. .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{
  703. background:{color:Accent};
  704. padding:7px;
  705. color:{color:Accent text};}
  706.  
  707. .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{
  708. background:rgba({RGBcolor:Accent}, 0.7);
  709. padding:7px;
  710. color:{color:Accent text};}
  711.  
  712.  
  713.  
  714. /*permalink notes*/
  715.  
  716. .caption{
  717. padding-top:10px;
  718. padding-bottom:10px;
  719. }
  720.  
  721.  
  722.  
  723. .inf{
  724. display:block;
  725. margin-top:10px;
  726. margin-bottom:10px;
  727. line-height:17px;
  728. }
  729.  
  730. .tg{display:block;}
  731. .tg a:after{content:',';}
  732. .tg a:last-of-type:after {content:'.';}
  733. .inf a, .notas a, .tg a{color:{color:text};}
  734. .inf a:hover, .notas a:hover, .tg a:hover{color:{color:Accent};}
  735.  
  736. .notas{
  737. margin-top:0px;
  738. display:none;
  739. padding:0px
  740. color:{color:text};
  741. }
  742.  
  743. .notas li {margin-left:0px;}
  744. .notas li:before {display:none;}
  745. ol.notes{padding:0px;margin:0px;list-style-type:none;}
  746. ol.notes li.note{padding-top:8px;padding-bottom:8px;text-align:left;border-top:1px solid {color:Accent};padding-left:2px;}
  747. ol.notes li.note img.avatar {float:left;margin-right:5px;}
  748. ol.notes li.note blockquote a {text-decoration:none;}
  749. li.more_notes_link_container {text-transform: uppercase;font-size:1em;line-height:150%;letter-spacing:1px;}
  750. li.more_notes_link_container:hover{letter-spacing:4px;}
  751. img:not(.lightbox-image) {max-width:100%;height:auto;}
  752.  
  753.  
  754. #left{
  755. position:fixed;
  756. top:0px;
  757. left:0px;
  758. width:40px;
  759. height:100%;
  760. z-index:9999;
  761. background:-webkit-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  762. background:-o-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  763. background:-moz-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  764. background:linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  765. }
  766.  
  767. #right{
  768. position:fixed;
  769. top:0px;
  770. right:0px;
  771. width:40px;
  772. height:100%;
  773. z-index:9999;
  774. background:-webkit-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  775. background:-o-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  776. background:-moz-linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  777. background:linear-gradient(top, {color:Gradient one} 0%, {color:Gradient one} 30%, {color:Gradient two} 100%);
  778. }
  779.  
  780.  
  781.  
  782. #sidebar {
  783. position:fixed;
  784. margin-left:calc(20px - 260px);
  785. top:180px;
  786. width:180px;
  787. height:auto;
  788. z-index:999999;
  789. text-align:center;
  790. }
  791.  
  792.  
  793. .titulo {
  794. display:inline-block;
  795. padding-bottom:10px;
  796. color:{color:Accent};
  797. font-family:petit formal script;
  798. font-size:30px;
  799. text-shadow:3px 3px #eee;
  800. letter-spacing:1px;
  801. }
  802.  
  803. .desc{
  804. margin-top:5px;
  805. }
  806.  
  807.  
  808.  
  809. .nav a{
  810. font-size:11px;
  811. display:inline-block;
  812. text-align:center;
  813. margin:8px;
  814. color:{color:Accent};
  815. text-transform:lowercase;
  816. -webkit-transition:all 0.3s ease;
  817. }
  818.  
  819. .nav a:hover{
  820. color:{color:Accent 2};
  821. -webkit-transform: scale(1.5);
  822. }
  823.  
  824.  
  825. #infscr-loading { display:none!important; }
  826.  
  827. /* updates tab */
  828. /* installation tutorial: http://felinum.tumblr.com/post/147202359116/ */
  829.  
  830. #updates_navicon {
  831. position:fixed;
  832. z-index:9999999999999999999;
  833. {block:ifUpdatesTabTopLeft}left:20px; top:20px;{/block:ifUpdatesTabTopLeft}
  834. {block:ifUpdatesTabTopRight}right:20px; top:35px;{/block:ifUpdatesTabTopRight}
  835. {block:ifUpdatesTabBottomLeft}left:20px; bottom:20px;{/block:ifUpdatesTabBottomLeft}
  836. {block:ifUpdatesTabBottomRight}right:20px; bottom:20px;{/block:ifUpdatesTabBottomRight}
  837. }
  838.  
  839. #updates {
  840. position:fixed;
  841. {block:ifUpdatesTabTopLeft}left:35px; top:35px;{/block:ifUpdatesTabTopLeft}
  842. {block:ifUpdatesTabTopRight}right:35px; top:35px;{/block:ifUpdatesTabTopRight}
  843. {block:ifUpdatesTabBottomLeft}left:35px; bottom:35px;{/block:ifUpdatesTabBottomLeft}
  844. {block:ifUpdatesTabBottomRight}right:35px; bottom:35px;{/block:ifUpdatesTabBottomRight}
  845. width:180px;
  846. height:auto;
  847. padding:5px 8px 5px 5px;
  848. text-align:justify;
  849. z-index:9999999999999999999;
  850. border:1px solid {color:Updates Tab Border};
  851. background-color:{color:Updates Tab BG};
  852. {block:ifRevealUpdatesTabonclick}display:none;{/block:ifRevealUpdatesTabonclick}
  853. }
  854.  
  855. #updates a, #updates a:visited {
  856. color:{color:Updates Tab Link};
  857. text-decoration:none;
  858. border-bottom:1px solid {color:Updates Tab Link Border};
  859. -webkit-transition-duration: .5s;
  860. -moz-transition-duration: .5s;
  861. -o-transition-duration: .5s;
  862. transition-duration: .5s;
  863. }
  864.  
  865. #updates a:hover {
  866. color:{color:Updates Tab Link Hover};
  867. text-decoration:none;
  868. -webkit-transition-duration: .5s;
  869. -moz-transition-duration: .5s;
  870. -o-transition-duration: .5s;
  871. transition-duration: .5s;
  872. }
  873.  
  874. #updates ul {list-style-type:none; margin:0 0 0 -40px;}
  875.  
  876. #updates ul > li:before {content:'—'; margin-right:5px;}
  877.  
  878. #updates ul > li li:before {margin-left:10px;}
  879.  
  880. .ui {display:inline-block;}
  881.  
  882. .updates_icon {text-align:center; display:table;}
  883.  
  884. @keyframes spin {to{transform:rotateZ(720deg)}}
  885.  
  886. .iconwrap:hover > i {animation:spin 3000ms;}
  887.  
  888. .iconspin {display:inline-block; transform-origin:50% 50%;}
  889.  
  890. #updates .fa:not(.fa-navicon) {
  891. display:table-cell;
  892. vertical-align:middle;
  893. width:10px;
  894. height:10px;
  895. background-color:{color:Updates Tab Accent};
  896. padding:8px;
  897. color:{color:Updates Tab Icons};
  898. font-size:10px;
  899. -webkit-border-radius:20px;
  900. -moz-border-radius:20px;
  901. border-radius:20px;
  902. }
  903.  
  904. #updates_navicon .fa-navicon {font-size:10px;}
  905.  
  906. .updates_title {
  907. display:inline-block;
  908. margin-left:-6px;
  909. margin-top:4px;
  910. width:80%;
  911. padding-left:8px;
  912. vertical-align:top;
  913. font:bold 13px {select:Updates Tab Font};
  914. letter-spacing:1px;
  915. text-transform:lowercase;
  916. border-bottom:1px solid {color:Updates Tab Accent};
  917. color:{color:Updates Tab Title};
  918. }
  919.  
  920. .updates_title:after, .container_content:last-of-type:after {
  921. content:'';
  922. width:6px;
  923. height:6px;
  924. background-color:{color:Updates Tab Accent};
  925. -webkit-border-radius:20px;
  926. -moz-border-radius:20px;
  927. border-radius:20px;
  928. }
  929.  
  930. .updates_title:after {
  931. position:absolute;
  932. right:0;
  933. margin:13px 10px 0 0;
  934. }
  935.  
  936. .container_content {
  937. display:block;
  938. border-left:1px solid {color:Updates Tab Accent};
  939. margin-left:12px;
  940. margin-top:-6px;
  941. padding:0 2px;
  942. }
  943.  
  944. .container_content:last-of-type {margin-bottom:-2px;}
  945.  
  946. .container_content:last-of-type:after {
  947. display:block;
  948. margin-left:-5px;
  949. margin-top:-9px;
  950. }
  951.  
  952. .updates_content {
  953. padding:8px 2px 10px 7px;
  954. font:8px {select:Updates Tab Font};
  955. text-transform:uppercase;
  956. letter-spacing:1px;
  957. color:{color:Updates Tab Content};
  958. }
  959. </style>
  960. </head>
  961.  
  962. <body>
  963. <!-- installation tutorial: http://felinum.tumblr.com/post/147202359116/ -->
  964.  
  965. <div id="updates_navicon"><i class="fa fa-navicon" aria-hidden="true"></i></div>
  966. <div id="updates">
  967.  
  968.  
  969. <!---------------
  970.  
  971. 1. To install a new icon, visit http://fontawesome.io/icons/ and paste the name of your chosen icon over an existing one in the code, e.g. 'bookmark', 'clock-o', etc. I highly suggest choosing icons that have approximately the same width and height, otherwise they will have different background shapes = not pretty.
  972.  
  973. 2. To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 6 -- >"
  974.  
  975. --------------->
  976.  
  977.  
  978. <!-- section 1 -->
  979. <div class="ui"><div class="updates_icon iconwrap">
  980. <i class="fa fa-bookmark fa-fw iconspin" aria-hidden="true"></i>
  981. </div></div>
  982. <div class="updates_title">
  983. updates <!-- your title here -->
  984. </div>
  985. <div class="container_content"><div class="updates_content">
  986. Hello. <!-- your text here -->
  987. </div></div>
  988. <!-- end section 1 -->
  989.  
  990.  
  991. <!--section 2-->
  992. <div class="ui"><div class="updates_icon iconwrap">
  993. <i class="fa fa-clock-o fa-fw iconspin" aria-hidden="true"></i>
  994. </div></div>
  995. <div class="updates_title">
  996. title 2 <!-- your title here -->
  997. </div>
  998. <div class="container_content"><div class="updates_content">
  999. <!-- you can create lists like so: -->
  1000. <ul>
  1001. <li>update 1</li>
  1002. <li>update 2</li>
  1003. <li>update 3</li>
  1004. </ul>
  1005. <!-- end list -->
  1006. </div></div>
  1007.  
  1008.  
  1009. <!--section 3-->
  1010. <div class="ui"><div class="updates_icon iconwrap">
  1011. <i class="fa fa-book fa-fw iconspin" aria-hidden="true"></i>
  1012. </div></div>
  1013. <div class="updates_title">
  1014. title 3 <!-- your title here -->
  1015. </div>
  1016. <div class="container_content"><div class="updates_content">
  1017. <!-- you can insert links like so: -->
  1018. <a href="http://{name}.tumblr.com">link example</a>
  1019. <!-- end link -->
  1020. </div></div>
  1021.  
  1022.  
  1023. <!--section 4-->
  1024. <div class="ui"><div class="updates_icon iconwrap">
  1025. <i class="fa fa-umbrella fa-fw iconspin" aria-hidden="true"></i>
  1026. </div></div>
  1027. <div class="updates_title">
  1028. title 4 <!-- your title here -->
  1029. </div>
  1030. <div class="container_content"><div class="updates_content">
  1031. content 4 <!-- your text here -->
  1032. </div></div>
  1033.  
  1034.  
  1035. <!--section 5-->
  1036. <div class="ui"><div class="updates_icon iconwrap">
  1037. <i class="fa fa-leaf fa-fw iconspin" aria-hidden="true"></i>
  1038. </div></div>
  1039. <div class="updates_title">
  1040. title 5 <!-- your title here -->
  1041. </div>
  1042. <div class="container_content"><div class="updates_content">
  1043. content 5 <!-- your text here -->
  1044. </div></div>
  1045.  
  1046.  
  1047. <!-- section 6 -->
  1048. <div class="ui"><div class="updates_icon iconwrap">
  1049. <i class="fa fa-key fa-fw iconspin" aria-hidden="true"></i>
  1050. </div></div>
  1051. <div class="updates_title">
  1052. title 6 <!-- your title here -->
  1053. </div>
  1054. <div class="container_content"><div class="updates_content">
  1055. content 6 <!-- your text here -->
  1056. </div></div>
  1057. <!-- end section 6 -->
  1058.  
  1059.  
  1060. </div>
  1061. <div id="left"></div>
  1062. <div id="right"></div>
  1063.  
  1064. <div class="center">
  1065.  
  1066. <div id="sidebar">
  1067. <div class="titulo">{text:blogtitle}</div>
  1068. <div class="desc">
  1069. {description}
  1070. </div>
  1071. <div class="nav">
  1072. <a title="{text:Home Label}" href="/"><i class="fa fa-home"></i></a>
  1073. <a title="{text:Ask Label}" href="/ask"><i class="fa fa-envelope"></i></a>
  1074. <a title="{text:Extra link 1}" href="{text:Extra link 1 URL}"><i class="fa fa-tags"></i></a>
  1075. <a title="{text:Extra link 2}" href="{text:Extra link 2 URL}"><i class="fa fa-user"></i></a>
  1076. <a title="{text:Archive Label}" href="/archive"><i class="fa fa-calendar"></i></a>
  1077. </div>
  1078. </div>
  1079.  
  1080.  
  1081. <div id="posts">
  1082. {block:Posts}
  1083. <div class="entry" id="{PostID}">
  1084.  
  1085. {block:Text}
  1086. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1087. <div class="back">{Body}</div>
  1088. {block:IndexPage}
  1089. <div class="permalinktext">
  1090. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1091. {/block:IndexPage}
  1092. {/block:Text}
  1093.  
  1094.  
  1095. {block:Link}
  1096. <div class="title">
  1097. <a href="{URL}">{Name} <i class="fa fa-angle-right"></i></a></div>
  1098. <div class="back">{block:Description}{Description}{/block:Description}
  1099. </div>{block:IndexPage}
  1100. <div class="permalinktext">
  1101. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1102. {/block:IndexPage}
  1103. {block:Link}
  1104.  
  1105.  
  1106. {block:Photo}
  1107. {block:IndexPage}
  1108. <div class="perm1"><a title="{timeago} with {notecountwithlabel}" href="{Permalink}"><i class="fa fa-calendar"></i></a></div>
  1109. <div class="perm2"><a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh"></i></a></div>
  1110. <div class="perm3">
  1111. <div class="custom-like-button">
  1112. {LikeButton}<i class="fa fa-heart"></i>
  1113. </div>
  1114. </div>
  1115. <div id="move">
  1116. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></div>
  1117. {/block:IndexPage}
  1118. {block:PermalinkPage}
  1119. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>
  1120. {/block:PermalinkPage}
  1121. {/block:Photo}
  1122.  
  1123.  
  1124. {block:Photoset}
  1125. <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>
  1126. {block:IndexPage}
  1127. <div class="permalinktext">
  1128. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1129. {/block:IndexPage}
  1130. {/block:Photoset}
  1131.  
  1132.  
  1133. {block:Quote}
  1134. <div class="back"><div class="quote">❝&nbsp;{quote}</div>
  1135. <div class="cite">&mdash; {Source}</div></div>
  1136. {block:IndexPage}
  1137. <div class="permalinktext">
  1138. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1139. {/block:IndexPage}
  1140. {/block:Quote}
  1141.  
  1142. {block:Chat}<div class="back">
  1143. <div class="chat">
  1144. {block:Title}<span class="title">{Title}</span></span>{/block:Title}
  1145. {block:Lines}<div class="lines {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<i>{Label}</i> {/block:Label}{Line}</div></div>{/block:Lines}
  1146. </div></div>
  1147. {block:IndexPage}
  1148. <div class="permalinktext">
  1149. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1150. {/block:IndexPage}
  1151. {/block:Chat}
  1152.  
  1153. {block:Audio}<div class="back">
  1154. <div id="audio">
  1155. <div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  1156. {block:AlbumArt}
  1157. <div class="cover"><img src="{AlbumArtURL}"></div>
  1158. {/block:AlbumArt}
  1159. <div class="playbox">
  1160. <div class="button">
  1161. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  1162. <div class="info">
  1163. <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1164. <div style="text-transform:uppercase;font-size:8px;letter-spacing:2px;color:{color:Accent text};font-family:{select:Font};">
  1165. <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}</div>
  1166. </div>
  1167. </div></div>
  1168. {block:IndexPage}
  1169. <div class="permalinktext">
  1170. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1171. {/block:IndexPage}
  1172. {/block:Audio}
  1173.  
  1174.  
  1175. {block:Video}
  1176. <div class="video">{Video-500}</div>
  1177. {block:IndexPage}
  1178. <div class="permalinktext">
  1179. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1180. {/block:IndexPage}
  1181. {/block:Video}
  1182.  
  1183.  
  1184. {block:Answer}<div class="back">
  1185. <div class="as">{Asker} asked:</div>
  1186. <div class="q">{Question}</div>
  1187. <div class="qline"></div>
  1188. <div class="a">{Answer}</div></div>
  1189. {block:IndexPage}
  1190. <div class="permalinktext">
  1191. Posted on {Month} {DayOfMonth}, {Year} <div style="text-align:right;margin-top:-16px"><a href="{permalink}" target="_blank">{notecountwithlabel}</a></div></div>
  1192. {/block:IndexPage}
  1193. {/block:Answer}
  1194.  
  1195. {block:ContentSource}<!-- {SourceURL}
  1196. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1197. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1198. {/block:ContentSource}
  1199.  
  1200. <!-- {block:NoRebloggedFrom}
  1201. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1202. {/block:NoRebloggedFrom} -->
  1203.  
  1204.  
  1205. {block:PermalinkPage}
  1206. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1207. {block:Date}
  1208. <div class="l"></div>
  1209. <div class="inf">
  1210. Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm} <br>
  1211. {block:RebloggedFrom}
  1212. source: <a href="{ReblogRootURL}">{ReblogRootName}</a> <br> via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1213. {/block:RebloggedFrom}
  1214. <div class="tg">
  1215. {block:HasTags}
  1216. tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  1217. {/block:Tags}{/block:HasTags}
  1218. </div>
  1219. <a title="show notes" class="show">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a></div>
  1220. <div class="notas">
  1221. {block:PostNotes}
  1222. {PostNotes}
  1223. {/block:PostNotes}
  1224. {/block:Date}
  1225. </div>
  1226. {/block:PermalinkPage}
  1227. {/block:Date}
  1228. </div>
  1229. {/block:Posts}
  1230. </div>
  1231.  
  1232.  
  1233. <div class="pagination">
  1234. {block:Pagination}
  1235. {block:PreviousPage}
  1236. <a href="{PreviousPage}"></a>
  1237. {/block:PreviousPage}
  1238.  
  1239. {block:NextPage}
  1240. <a href="{NextPage}" class="next"></a>
  1241. {/block:NextPage}
  1242. {/block:Pagination}</div></div>
  1243.  
  1244. <!--Like seriously guys, DON'T TOUCH any of this scripts unless you know what it does or you will ruin your whole theme--->
  1245. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  1246. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
  1247. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  1248. <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'>
  1249. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1250. <script src ="http://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1251. <link rel="stylesheet" href="http://static.tumblr.com/8pnyeus/29To2og0o/styles.css">
  1252. <script src="http://static.tumblr.com/8pnyeus/nfIo2oh8w/l-script.js" type="text/javascript"></script>
  1253. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1254. {block:IndexPage}
  1255. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1256. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  1257. {/block:IndexPage}
  1258. <script>
  1259. $(document).ready(function(){
  1260. $(".show").click(function(){
  1261. $(".notas").slideToggle("slow");
  1262. });
  1263. });
  1264. $(document).ready(function(){
  1265. $('.photo-slideshow').pxuPhotoset({
  1266. lightbox: true,
  1267. rounded: false,
  1268. gutter: '3px',
  1269. photoset: '.photo-slideshow',
  1270. photoWrap: '.photo-data',
  1271. photo: '.pxu-photo'
  1272. });
  1273. {block:IndexPage}
  1274. var $container = $('#posts');
  1275. $container.masonry({ itemSelector: '.entry' });
  1276. $container.imagesLoaded(function(){
  1277. $container.masonry();
  1278. $container.find('.entry').animate({ opacity: 1, zIndex: 1 });
  1279. });
  1280. $container.infinitescroll({
  1281. itemSelector: '.entry',
  1282. navSelector: '.pagination',
  1283. nextSelector: '.next',
  1284. loadingImg: '',
  1285. loadingText: '<em></em>',
  1286. bufferPx: 2000
  1287. },
  1288. function( newElements ) {
  1289. var $newElems = $( newElements );
  1290. $newElems.find('.photo-slideshow').pxuPhotoset({
  1291. lightbox: true,
  1292. rounded: false,
  1293. gutter: '3px',
  1294. photoset: '.photo-slideshow',
  1295. photoWrap: '.photo-data',
  1296. photo: '.pxu-photo'
  1297. },
  1298.  
  1299. function(){
  1300. resizeVideos(); },
  1301.  
  1302. function(){
  1303. $container.masonry();
  1304. });
  1305.  
  1306. var $newElemsIDs = $newElems.map(function(){
  1307. return this.id;
  1308. }).get();
  1309. console.log($newElems, $newElemsIDs);
  1310. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1311.  
  1312. $newElems.imagesLoaded(function(){
  1313. $container.masonry( 'appended', $newElems );
  1314. $newElems.animate({ opacity: 1, zIndex: 1 });
  1315. });
  1316. });
  1317. {/block:IndexPage}
  1318. });
  1319. </script>
  1320.  
  1321. <img src="http://static.tumblr.com/65f4f99495f65506f22452e98fd11b42/xrqr8yq/Dz9nydyy9/tumblr_static_2en6zum3tyhwow0wwg0ocs0oc.png" style="position:fixed; bottom:0px; left:46px; width:360px;pointer-events: none; z-index:99999; opacity:XER01;"/>
  1322. </body>
  1323. </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!