API tools faq
paste
planthed

white night

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