feiinho

REALLY REALLY

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