API tools faq
paste
planthed

덜덜덜 (DDD)

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