API tools faq
paste
vagogh

Last one

vagogh
Jun 5th, 2019
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4.  
  5.  
  6. <!-- Gyorgy Pal Marczincsak (sexta, 21 de Abril 2019)
  7.  
  8. https://www.tumblr.com/docs/en/custom_themes
  9. https://bychloethemes.tumblr.com/undocs -->
  10.  
  11.  
  12. <title>{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!-- Customization with META https://buildthemes.tumblr.com/ch3/customization -->
  19.  
  20. <!-- Header image https://www.siddharthabekers.com/beauty/#/blend/ https://edwright.tumblr.com/post/78388469776 -->
  21.  
  22. <meta name="image:Image" content="https://static.tumblr.com/7ffe2b15ca706a3af05330cc93598172/ep0onkf/mCqntwagz/tumblr_static_8o1ab2i9xt44o80gsosks8osk.png"/>
  23.  
  24. <meta name="color:Background Color" content="#fff"/>
  25. <meta name="color:Blog Title Color" content="#000"/>
  26. <meta name="color:Blog Title Border Color" content="#d969c3"/>
  27. <meta name="color:Text Color" content="#a5a5a5"/>
  28. <meta name="color:Bold Color" content="#000"/>
  29. <meta name="color:Links Color" content="#a5a5a5"/>
  30. <meta name="color:Links Hover Color" content="#fb97e7"/>
  31. <meta name="color:Links Border Color" content="#f6f6f6"/>
  32. <meta name="color:Border Color" content="#f6f6f6"/>
  33. <meta name="color:Between Posts Border Color" content="#f6f6f6"/>
  34.  
  35. <meta name="text:Title" content="The Time Machine"/>
  36. <meta name="text:Subtitle" content=" (1960)"/>
  37. <meta name="text:Description" content="Why is it that we usually ignore the fourth dimension? Because we have no freedom of movement within it. You see, we can move in the other three: up, down, forward, sideways, backward, as the Doctor said. But when it comes to time, we are prisoners."/>
  38.  
  39. <meta name="text:Header Picture vs Description Padding" content="0px"/>
  40. <meta name="text:Header Border Radius" content="100px"/>
  41. <meta name="text:Trending Border Radius" content="0px"/>
  42. <meta name="text:Header vs Top Padding" content="85px"/>
  43. <meta name="text:Header vs Posts Space" content="85px"/>
  44. <meta name="text:Sidebar vs Posts Equivalent" content="80px"/>
  45.  
  46. <meta name="select:Header Title" content="none" title="Normal"/>
  47. <meta name="select:Header Title" content="uppercase" title="Uppercase"/>
  48. <meta name="select:Header Title" content="capitalize" title="Capitalize"/>
  49. <meta name="select:Header Title" content="lowercase" title="Lowercase"/>
  50.  
  51. <meta name="select:Header Links" content="none" title="Normal"/>
  52. <meta name="select:Header Links" content="uppercase" title="Uppercase"/>
  53. <meta name="select:Header Links" content="capitalize" title="Capitalize"/>
  54. <meta name="select:Header Links" content="lowercase" title="Lowercase"/>
  55.  
  56. <meta name="select:Header Description" content="none" title="Normal"/>
  57. <meta name="select:Header Description" content="uppercase" title="Uppercase"/>
  58. <meta name="select:Header Description" content="capitalize" title="Capitalize"/>
  59. <meta name="select:Header Description" content="lowercase" title="Lowercase"/>
  60.  
  61. <meta name="text:Home Link Title" content="Home"/>
  62. <meta name="text:Archive Link Title" content="Archive"/>
  63. <meta name="text:Ask Link Title" content="Ask"/>
  64. <meta name="text:Link 1" content="" />
  65. <meta name="text:Link 1 URL" content="/" />
  66. <meta name="text:Link 2" content="" />
  67. <meta name="text:Link 2 URL" content="/" />
  68. <meta name="text:Link 3" content="" />
  69. <meta name="text:Link 3 URL" content="/" />
  70. <meta name="text:Link 4" content="" />
  71. <meta name="text:Link 4 URL" content="/" />
  72. <meta name="text:Link 5" content="" />
  73. <meta name="text:Link 5 URL" content="/" />
  74. <meta name="text:Mais Links" content="/"/>
  75. <meta name="text:Trending Title" content="Trending"/>
  76.  
  77. <meta name="text:Trending preview 1" content=""/>
  78. <meta name="text:Trending link 1" content="/"/>
  79. <meta name="text:Trending preview 2" content=""/>
  80. <meta name="text:Trending link 2" content="/"/>
  81. <meta name="text:Trending preview 3" content=""/>
  82. <meta name="text:Trending link 3" content="/"/>
  83. <meta name="text:Trending preview 4" content=""/>
  84. <meta name="text:Trending link 4" content="/"/>
  85. <meta name="text:Trending preview 5" content=""/>
  86. <meta name="text:Trending link 5" content="/"/>
  87. <meta name="text:Trending preview 6" content=""/>
  88. <meta name="text:Trending link 6" content="/"/>
  89. <meta name="text:Trending preview 7" content=""/>
  90. <meta name="text:Trending link 7" content="/"/>
  91. <meta name="text:Trending preview 8" content=""/>
  92. <meta name="text:Trending link 8" content="/"/>
  93.  
  94. <meta name="text:Can you keep the secret" content="Any text you write here will be on your blog, but won't be visible. I use this for "/>
  95. <meta name="text:Any Last Words" content="[email protected]"/>
  96. <meta name="text:Previous Page Link Title" content="Previous"/>
  97. <meta name="text:Next Page Link Title" content="Next"/>
  98.  
  99. <!-- Tooltip -->
  100.  
  101. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  102. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  103.  
  104. <script>
  105. (function($){
  106. $(document).ready(function(){
  107. $("a[title]").style_my_tooltips({
  108. tip_follows_cursor:true,
  109. tip_delay_time:30,
  110. tip_fade_speed:300,
  111. attribute:"title"
  112. });
  113. });
  114. })(jQuery);
  115. </script>
  116.  
  117. <!-- Pixel Union Photosets https://soundmarket.tumblr.com/pxutut -->
  118.  
  119. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  120.  
  121. <script>
  122. $(document).ready(function(){
  123. $('.photo-slideshow').pxuPhotoset({
  124. lightbox: true,
  125. rounded: false,
  126. gutter: '3px',
  127. borderRadius: '0px',
  128. photoset: '.photo-slideshow',
  129. photoWrap: '.photo-data',
  130. photo: '.pxu-photo',
  131. });
  132. });
  133. </script>
  134.  
  135.  
  136. <!-- Show notes https://stackoverflow.com/questions/6242976/javascript-hide-show-element -->
  137.  
  138. <script type="text/javascript">
  139. function showStuff(id) {
  140. document.getElementById(id).style.display = 'block';
  141. }
  142. </script>
  143.  
  144.  
  145. <!-- Fonts https://fontawesome.io/icons/ -->
  146.  
  147. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  148.  
  149. <!-- Google fonts https://www.google.com/fonts#UsePlace:use/Collection:Lato -->
  150.  
  151. <link href='https://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
  152.  
  153. <link href="https://fonts.googleapis.com/css?family=Lato|Muli" rel="stylesheet">
  154.  
  155. <link href="https://fonts.googleapis.com/css?family=Anton|Galada|Merriweather" rel="stylesheet">
  156.  
  157. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  158.  
  159.  
  160. <!-- Custom font size -->
  161.  
  162. <script>
  163. function changeFontSize() {
  164. size = Number(document.getElementById('fontSize').value)
  165. if(size=="") {
  166. }
  167. else {
  168. fontSize = size+'px'
  169. document.body.style.fontSize = fontSize
  170. }
  171. }
  172. </script>
  173.  
  174. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  175.  
  176. <style type="text/css">
  177.  
  178. /* Centering a Website https://css-tricks.com/snippets/css/centering-a-website/ */
  179.  
  180. #page-wrap {
  181. width:540px;
  182. margin:0 auto;
  183. }
  184.  
  185. /* Tumblr controls (pré 2017) https://ladmilk.tumblr.com/post/134532273215/tumblr-controls (pós 2017) https://odeysseus.tumblr.com/post/163708246967/new-tumblr-controls */
  186.  
  187. .tmblr-iframe {
  188. white-space:nowrap;
  189. -webkit-filter: invert(100%);
  190. -moz-filter: invert(100%);
  191. -o-filter: invert(100%);
  192. -ms-filter: invert(100%);
  193. filter: invert(100%);
  194. opacity:.2;transition: .4s ease-in-out;
  195. -webkit-transition: .4s ease-in-out;
  196. -moz-transition: .4s ease-in-out;
  197. -o-transition: .4s ease-in-out;
  198. }
  199.  
  200.  
  201. /* Let's start */
  202.  
  203. body {
  204. background:{color:Background Color};
  205. color:{color:Text Color};
  206. font-family: 'Muli', sans-serif;
  207. font-size:14px;
  208. text-align:justify;
  209. letter-spacing:0.5px;
  210. line-height:23px;
  211. }
  212.  
  213. a {
  214. color:{color:Links Color};
  215. text-decoration:none;
  216. border-bottom:1px solid;
  217. border-color:{color:Links Border Color};
  218. }
  219.  
  220. a:hover {
  221. color:{color:Links Hover Color};
  222. }
  223.  
  224. #s-m-t-tooltip {
  225. margin:10px;
  226. background:#fff;
  227. color:{color:Text Color};
  228. padding:0px 7.5px;
  229. border:solid 2px {color:Blog Title Border Color};
  230. z-index:99999999;
  231. }
  232.  
  233. blockquote {
  234. padding-left:15px;
  235. border-left:1px solid {color:Border Color};
  236. margin:-5px 10px 16px;
  237. }
  238.  
  239. b, strong {
  240. color: {color:Bold Color};
  241. font-weight:bold;
  242. }
  243.  
  244. .pixelated {
  245. -ms-interpolation-mode: nearest-neighbor;
  246. image-rendering: pixelated;
  247. }
  248.  
  249. /* Header */
  250.  
  251. #header {
  252. padding-top:{text:Header vs Top Padding};
  253. text-align:center;
  254. letter-spacing:1px;
  255. }
  256.  
  257. .image {
  258. width:180px;
  259. height:180px;
  260. /*
  261. width:90px;
  262. height:90px;
  263. */
  264. border-radius:0%;
  265. margin:0px auto;
  266. margin-bottom:3%;
  267. overflow:hidden;
  268. background-position:center;
  269. }
  270.  
  271. .image img {
  272. max-width:185px;
  273. }
  274.  
  275. .blogtitle {
  276. margin-top:{text:Header Picture vs Description Padding};
  277. font-family: 'Merriweather', serif;
  278. font-style:normal;
  279. font-size:15px;
  280. font-weight:400;
  281. letter-spacing:1px;
  282. word-spacing:3px;
  283. text-transform:{select:Header Links};
  284. padding-bottom:10px;
  285. }
  286.  
  287. .blogtitle a {
  288. color:{color:Blog Title Color};
  289. border-bottom:2px solid {color:Blog Title Border Color};
  290. }
  291.  
  292. a:hover {
  293. color:{color:Links Hover Color};
  294. -webkit-transition:all 0.5s;
  295. -moz-transition:all 0.5s;
  296. -ms-transition:all 0.5s;
  297. -o-transition:all 0.5s;
  298. transition:all 0.5s;
  299. }
  300.  
  301. .description {
  302. text-align:center;
  303. text-transform:{select:Header Description};
  304. }
  305.  
  306. .subtitle {
  307. font-family: 'Merriweather', serif;
  308. font-size:14px;
  309. text-align:justify;
  310. letter-spacing:1px;
  311. line-height:23px;
  312. }
  313.  
  314. .subtitle a {
  315. color:{color:Text Color};
  316. border-bottom:none;
  317. font-family: 'Muli', sans-serif;
  318. font-weight:normal;
  319. font-style:normal;
  320. }
  321.  
  322. /* Posts */
  323.  
  324. .margin {
  325. margin-top:0px; /* 100x */
  326. margin-bottom:{text:Header vs Posts Space}; /* 100x */
  327. }
  328.  
  329. #posts {
  330. width:540px;
  331. }
  332.  
  333. h1 {
  334. width:100%;
  335. border-bottom:1px solid {color:Between Posts Border Color};
  336. margin-top:60px;
  337. margin-bottom:80px;
  338. }
  339.  
  340. .photo img {
  341. max-width:540px;
  342. height:auto;
  343. margin-bottom:-5px;
  344. }
  345.  
  346. .title {
  347. margin-bottom:15px;
  348. color:{color:Blog Title Color};
  349. font-family: 'Merriweather', serif;
  350. font-size:14px;
  351. font-weight:0;
  352. letter-spacing:1px; /* 3px */
  353. text-transform:capitalize;
  354. word-spacing:2px;
  355. }
  356.  
  357. .title a {
  358. color:#000;
  359. }
  360.  
  361. h1, h2, h3, h4, h5, h6 {
  362. color:{color:Blog Title Color};
  363. text-transform:none;
  364. font-size:14px;
  365. }
  366.  
  367. h1 i {
  368. font-style:normal;
  369. }
  370.  
  371. h1 a, h1 i a {
  372. color:{color:Blog Title Color};
  373. }
  374.  
  375. .caption {
  376. width:540px;
  377. max-width:100%;
  378. margin-top:0px;
  379. height:auto;
  380. overflow:hidden;
  381. color:{color:Text Color};
  382. }
  383.  
  384. .caption2 {
  385. margin-top:-20px;
  386. }
  387.  
  388. /* Permalink */
  389.  
  390. #permalink {
  391. padding-top:10px;
  392. text-align:center;
  393. text-transform:capitalize;
  394. border-top:solid 1px {color:Border Color};
  395. }
  396.  
  397. #permalink a {
  398. margin-right:3px;
  399. }
  400.  
  401. .permalinkborder a {
  402. border-bottom:0px solid;
  403. }
  404.  
  405. .tags {
  406. text-transform:none;
  407. }
  408.  
  409. .source {
  410. text-align:center;
  411. text-transform:capitalize;
  412. }
  413.  
  414. spam.lowercase {
  415. text-transform:lowercase;
  416. }
  417.  
  418.  
  419. /* Quote */
  420.  
  421. #quote {
  422. color:{color:Text Color};
  423. font-family:georgia;
  424. font-size:16px;
  425. font-style:none;
  426. letter-spacing:1px;
  427. line-height:20px;
  428. }
  429.  
  430. .source {
  431. margin-top:10px;
  432. margin-bottom:10px;
  433. text-transform:none;
  434. text-align:justify;
  435. }
  436.  
  437.  
  438. /* Chat */
  439.  
  440. .chat {
  441. text-align:justify;
  442. list-style-type:none;
  443. padding:5px 5px;
  444. padding-left:0px;
  445. border-top:1px solid {color:Border Color};
  446. }
  447.  
  448. .line {
  449. padding-top:5px;
  450. padding-bottom:5px;
  451. border-bottom:1px solid {color:Border Color};
  452. }
  453.  
  454. .line:last-of-type {
  455. border:0;
  456. margin:0;
  457. }
  458.  
  459.  
  460. /* Audio */
  461.  
  462. #player {
  463. width:30px;
  464. height:30px;
  465. overflow:hidden;
  466. margin:25px 0 0 28px;
  467. }
  468.  
  469. .cover {
  470. width:80px;
  471. height:80px;
  472. background:{color:Background Color};
  473. position:absolute;
  474. opacity:0;
  475. -webkit-transition:all 0.5s;
  476. -moz-transition:all 0.5s;
  477. -ms-transition:all 0.5s;
  478. -o-transition:all 0.5s;
  479. transition:all 0.5s;
  480. }
  481.  
  482. .coverh:hover .cover {
  483. background:{color:Background Color};
  484. opacity:1;
  485. -webkit-transition:all 0.5s;
  486. -moz-transition:all 0.5s;
  487. -ms-transition:all 0.5s;
  488. -o-transition:all 0.5s;
  489. transition:all 0.5s;
  490. }
  491.  
  492. .coverh img {
  493. width:80px;
  494. height:80px;
  495. position:absolute;
  496. }
  497.  
  498. .audioinfo {
  499. padding-top:18px;
  500. margin-left:100px;
  501. margin-bottom:20px;
  502. }
  503.  
  504. /* Video */
  505.  
  506. video {
  507. max-width:100%;
  508. height:auto!important;
  509. }
  510.  
  511. .tumblr_video_container {
  512. max-height:540px!important;
  513. overflow:hidden!important;
  514. }
  515.  
  516.  
  517. /* Ask */
  518.  
  519. .person {
  520. text-transform:capitalize;
  521. }
  522.  
  523. .question {
  524. margin-left:0px;
  525. }
  526.  
  527. .answer {
  528. margin:10px 0px 0px;
  529. border-top:1px solid {color:Border Color};
  530. }
  531.  
  532.  
  533. /* Notes */
  534.  
  535. .show {
  536. text-transform:none;
  537. text-align:center;
  538. }
  539.  
  540. .notes {
  541. width:540px;
  542. margin:10px 0px 0px -40px;
  543. text-transform:lowercase;
  544. }
  545.  
  546. .notes img {
  547. display:none!important;
  548. }
  549.  
  550. .notes li {
  551. list-style-type:none;
  552. padding:10px 0px 10px;
  553. border-top:1px solid {color:Border Color};
  554. }
  555.  
  556.  
  557. /* Pagination */
  558.  
  559. .pagination {
  560. width:500px;
  561. margin:0 auto;
  562. word-spacing:15px;
  563. padding:15px 15px 50px;
  564. text-align:center;
  565. }
  566.  
  567. .pagination a {
  568. text-transform:capitalize;
  569. border-bottom:0px solid;
  570. }
  571.  
  572. .currently {
  573. color:{color:Blog Title Border Color};
  574. }
  575.  
  576.  
  577. /* Extras */
  578.  
  579. .ann a {
  580. bottom:10px;
  581. right:10px;
  582. font-family: 'Merriweather', serif;
  583. font-size:11px;
  584. background:{color:Border Color};
  585. color:{color:Text Color};
  586. padding:2px 12px;
  587. position:fixed;
  588. }
  589.  
  590. .sfm input {
  591. background:{color:Background Color};
  592. border:1px solid {color:Border Color};
  593. margin:0px 0px 0px -1px;
  594. color:{color:Text color};
  595. letter-spacing:0.5px;
  596. padding: 4px 8px;
  597. }
  598.  
  599. /* Custom font size https://sorrynotsorrytho.tumblr.com/post/144206542999/ */
  600.  
  601. .textsize {
  602. margin-top:5px;
  603. }
  604.  
  605. #customization button {
  606. margin:15px;
  607. color:white;
  608. letter-spacing:0.5px;
  609. border-radius:4px;
  610. top:0px;
  611. }
  612.  
  613. #customization button:hover {
  614. border:2px solid {color:Border Color};
  615. }
  616.  
  617. #customization button:focus {
  618. outline:0;
  619. }
  620.  
  621. #customization input {
  622. width:30px;
  623. }
  624.  
  625. .fixed {
  626. position:fixed;
  627. }
  628.  
  629. .descr {
  630. margin-left:3.5px;
  631. }
  632.  
  633. /* Custom button https://stackoverflow.com/questions/14950238/can-you-style-html-form-buttons-with-css */
  634.  
  635. #submit {
  636. background:#fff;
  637. border:2px solid {color:Border Color};
  638. margin-left:5px;
  639. border-radius:2px;
  640. letter-spacing:0.5px;
  641. }
  642.  
  643. /* Custom like and reblog buttons https://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons */
  644.  
  645. svg {
  646. width:13px;
  647. height:auto;
  648. opacity:0.56;
  649. padding:1px;
  650. display:block;
  651. overflow:visible;
  652. margin-left:2px;
  653. }
  654.  
  655. .controls a {
  656. position:relative;
  657. display:inline-block;
  658. padding:0px;
  659. width:12px;
  660. height:12px;
  661. }
  662.  
  663. .controls .morep {
  664. position:relative;
  665. display:inline-block;
  666. padding:0px;
  667. width:13px;
  668. height:13px;
  669. }
  670.  
  671. .controls .morep svg {
  672. opacity:.93;
  673. }
  674.  
  675. .controls .reblog {
  676. opacity:.95;
  677. padding-right:5px;
  678. padding-left:3px;
  679. }
  680.  
  681. .controls .reblog svg {
  682. width:12px;
  683. }
  684.  
  685. .controls .like .liked + svg {
  686. opacity:1;
  687. }
  688.  
  689. .controls .like .liked + svg path {
  690. fill:#f88ec5;
  691. }
  692.  
  693. .controls .like .like_button iframe {
  694. position:absolute;
  695. top:0px;
  696. left:0;
  697. bottom:0;
  698. right:0;
  699. width:100%;
  700. height:100%;
  701. z-index:2;
  702. opacity:0.000001;
  703. }
  704.  
  705. /* Lightboxes https://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes */
  706.  
  707. .vignette, #vignette {
  708. opacity:0;
  709. }
  710.  
  711. .lightbox-image, #tumblr_lightbox img {
  712. box-shadow:none !important;
  713. border-radius:0 !important;
  714. }
  715.  
  716. .lightbox-image, #tumblr_lightbox img {
  717. -moz-box-sizing:border-box;
  718. box-sizing:border-box;
  719. }
  720.  
  721. .tmblr-lightbox, #tumblr_lightbox {
  722. background:rgba(255,255,255,.7) !important;
  723. }
  724.  
  725. /* Can you keep the secret? */
  726.  
  727. .hiden {
  728. margin-top:-4px;
  729. position:fixed;
  730. color:{color:Background Color};
  731. }
  732.  
  733. .hiden a {
  734. border-color:{color:Background Color};
  735. color:{color:Background Color};
  736. }
  737.  
  738. /* Multicoloured Text https://cyantists.tumblr.com/post/176849973370/multicoloured-text */
  739.  
  740. .npf_color_joey {
  741. color:#ff492f;
  742. }
  743.  
  744. .npf_color_monica {
  745. color:#ff8a00;
  746. }
  747.  
  748. .npf_color_phoebe {
  749. color:#fcf01d;
  750. }
  751.  
  752. .npf_color_ross {
  753. color:#00cf35;
  754. }
  755.  
  756. .npf_color_rachel {
  757. color:#00b8ff;
  758. }
  759.  
  760. .npf_color_chandler {
  761. color:#973ff4;
  762. }
  763.  
  764. .npf_color_niles {
  765. color:#ff62ce;
  766. }
  767.  
  768. /* Sidebars https://www.w3schools.com/howto/howto_css_fixed_sidebar.asp */
  769.  
  770. .sidebar {
  771. width:120px;
  772. position:fixed; /* Fixed Sidebar (stay in place on scroll) */
  773. left:100px;
  774. overflow-x:hidden; /* Disable horizontal scroll */
  775. margin-top:{text:Sidebar vs Posts Equivalent};
  776. }
  777.  
  778. .sidebar a {
  779. text-decoration:none;
  780. border-bottom:2px solid {color:Blog Title Border Color};
  781. }
  782.  
  783. .sfm {
  784. margin-top:-5px;
  785. }
  786.  
  787. .sfm input {
  788. width:105px;
  789. background:#fff;
  790. border:0px solid {color:Border Color};
  791. margin:8px 0px 0px 0px;
  792. letter-spacing:0.5px;
  793. padding: 0px 0px;
  794. font-family: 'Muli', sans-serif;
  795. font-size:13px;
  796. text-align:justify;
  797. letter-spacing:0.5px;
  798. }
  799.  
  800. .trends {
  801. padding-top:10px;
  802. }
  803.  
  804. .trend {
  805. float:right;
  806. width:80px;
  807. height:80px;
  808. padding:1.5px;
  809. }
  810.  
  811. .trend a {
  812. display:table;
  813. width:100%;
  814. height:100%;
  815. background-size:cover;
  816. background-position:center center;
  817. border-radius:{text:Trending Border Radius};
  818. border-bottom:0px;
  819. }
  820.  
  821. .trend a:nth-child(3n) {
  822. margin-right:0;
  823. }
  824.  
  825. .sidebar2 {
  826. width:168px;
  827. position:fixed; /* Fixed Sidebar (stay in place on scroll) */
  828. right:100px;
  829. overflow-x:hidden; /* Disable horizontal scroll */
  830. margin-top:{text:Sidebar vs Posts Equivalent};
  831. }
  832.  
  833. .sidebar2t {
  834. margin-left:1.5px;
  835. padding-bottom:5px;
  836. }
  837.  
  838. .sidebar2t a {
  839. text-decoration:none;
  840. border-bottom:2px solid {color:Blog Title Border Color};
  841. }
  842.  
  843.  
  844.  
  845. {CustomCSS}</style></head><body>
  846.  
  847. <div class="hiden">{text:Can you keep the secret}</div>
  848.  
  849. <!--
  850. <div class="textsize">
  851. <div class="fixed">
  852. <div class="description"><div class="descr">Text size</div><input type="text" name="fontSize" id="fontSize" style="border:2px solid #f8f8f8" placeholder="14">px <button onClick="changeFontSize()" input type="submit" name="submit" value="Submit Application" id="submit" />Apply</button>
  853. </div>
  854. </div>
  855. </div>
  856. -->
  857.  
  858. <div id="page-wrap">
  859.  
  860. <div id="header">
  861.  
  862. <div class="adjust">
  863. <div class="permalinkborder"><div class="image"><a href="/"><img src="{image:Image}"></a></div></div>
  864. </div>
  865.  
  866. <div class="blogtitle"><a href="/">{text:Title}</a> <spam class="subtitle"><a href="/">{text:Subtitle}</a></spam></div>
  867.  
  868. <div class="description"><div class="description">{text:Description}</div></div>
  869.  
  870. </div>
  871.  
  872. <div class="sidebar">
  873.  
  874. 01) <a href="/archive">{text:Archive Link Title}</a><br> 02) <a href="/askbox">{text:Ask Link Title}</a><br>
  875. {block:ifLink1}03) <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}<br>
  876. {block:ifLink2}04) <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}<br>
  877. {block:ifLink3}05) <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}<br>
  878. {block:ifLink4}06) <a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}<br>
  879. <!--{block:ifLink5}07) <a href="{text:Link 5 URL}">{text:Link 5}</a>{/block:ifLink5}<br>-->
  880.  
  881. <!-- Search Box https://lmthemeslp-tut.tumblr.com/searchb -->
  882. <div id="bd"><form action="/search" method="get" class="sfm" name="theform">
  883. <input type="text" name="q" placeholder="07) Search:"/>
  884. </form> </div id="bd">
  885.  
  886. {text:Mais Links}
  887.  
  888. </div>
  889.  
  890. <!-- Trending posts https://cyantists.tumblr.com/post/164070874845/hi-i-love-your-new-fansite-theme-and-the --> <div class="sidebar2"><div class="sidebar2t">
  891.  
  892. 08) <a href="https://edgarwight.tumblr.com/post/183386001520"> {text:Trending title}</a></div>
  893. <div class="trend"><a style="background-image:url('{text:Trending preview 2}');" href="{text:Trending link 2}" target="_blank"></a></div>
  894. <div class="trend"><a style="background-image:url('{text:Trending preview 1}');" href="{text:Trending link 1}" target="_blank"></a></div>
  895. <div class="trend"><a style="background-image:url('{text:Trending preview 4}');" href="{text:Trending link 4}" target="_blank"></a></div>
  896. <div class="trend"><a style="background-image:url('{text:Trending preview 3}');" href="{text:Trending link 3}" target="_blank"></a></div>
  897. <div class="trend"><a style="background-image:url('{text:Trending preview 6}');" href="{text:Trending link 6}" target="_blank"></a></div>
  898. <div class="trend"><a style="background-image:url('{text:Trending preview 5}');" href="{text:Trending link 5}" target="_blank"></a></div>
  899. <div class="trend"><a style="background-image:url('{text:Trending preview 8}');" href="{text:Trending link 8}" target="_blank"></a></div>
  900. <div class="trend"><a style="background-image:url('{text:Trending preview 7}');" href="{text:Trending link 7}" target="_blank"></a></div>
  901.  
  902. </div>
  903.  
  904. <div class="margin"></div>
  905.  
  906. {block:Posts}<div class="posts" id="{PostID}">
  907.  
  908. {block:Text}
  909. {block:Title}<div class="title">{Title}</div>{/block:Title}
  910. <div class="caption"><div class="caption2">{Body}</div></div>
  911. {/block:Text}
  912.  
  913. {block:Photo}<div class="photo"><a href="{Permalink}">
  914. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>
  915. </a></div>{/block:Photo}
  916.  
  917. {block:Photoset}
  918. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>{/block:Photoset}
  919.  
  920. {block:Quote}
  921. <div id="quote">{Quote}</div>
  922. {block:Source}<div class="source">{Source}</div>{/block:Source}
  923. {/block:Quote}
  924.  
  925. {block:Chat}
  926. {block:Title}<div class="title">{Title}:</div>{/block:Title}
  927. <div class="chat {block:title}{/block:title}">{block:Lines}<li class="line {Alt}">{block:Label}{Label} {/block:Label}{Line}</li>{/block:Lines}</div>
  928. {/block:Chat}
  929.  
  930. {block:Audio}
  931. <div class="coverh">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}{block:AudioPlayer}<div class="cover"><div id="player">{AudioPlayerWhite}</div></div></div>{/block:AudioPlayer}
  932. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}</div>
  933. {/block:Audio}
  934.  
  935. <div class="tumblr_video_container">{block:Video}{Video-500}{/block:Video}</div>
  936.  
  937. {block:Link}
  938. <div class="title"><a href="{URL}">{Name}</a></div>
  939. {block:Excerpt}{Excerpt}{/block:Excerpt}
  940. {block:Description}{Description}{/block:Description}
  941. {/block:Link}
  942.  
  943. {block:Answer}<div class="caption">
  944. <div class="question"><span class="person">{Asker}: </span>{Question}</div><div class="answer">{Answer}</div></div>
  945. {/block:Answer}
  946.  
  947. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  948.  
  949.  
  950. <div id="permalink"><div class="permalinkborder">
  951.  
  952. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}<spam class="lowercase"> w. {NoteCountWithLabel}</spam></a>
  953.  
  954. <!-- Outicons by Anton Saputro https://antonps.com/outicons/ https://shythemes.tumblr.com/svg -->
  955.  
  956. <spam class="controls"><a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog">
  957. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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>
  958. </a>
  959. <a href="#" class="like">{LikeButton}
  960. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://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></a>
  961. </spam>
  962.  
  963. {/block:Date}</div>
  964.  
  965. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  966.  
  967. {block:PermalinkPage}<span class="source">{block:RebloggedFrom}Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{/block:PermalinkPage}
  968.  
  969. </div>
  970.  
  971.  
  972. {block:PostNotes}
  973.  
  974. <div class="show"><a href="#" onclick="showStuff('answer1'); return false;">Show post notes:</a></div>
  975.  
  976. <span id="answer1" style="display: none;"><div id="notes">{PostNotes}</div></span>
  977.  
  978. {/block:PostNotes}
  979.  
  980. <h1></h1>
  981.  
  982. </div>{/block:Posts}
  983.  
  984. <div class="ann"></div>
  985.  
  986. <div id="page-wrap">{block:Pagination}<div class="pagination">
  987.  
  988. {block:PreviousPage}
  989. <a href="{PreviousPage}">{text:Previous Page Link Title} </a>
  990. {/block:PreviousPage}
  991.  
  992. {block:JumpPagination length="12"}
  993.  
  994. {block:CurrentPage}
  995. <a href="#" class="currently">{PageNumber} </a>
  996. {/block:CurrentPage}
  997.  
  998. {block:JumpPage}
  999. <a href="{URL}"class="jpage">{PageNumber} </a>
  1000. {/block:JumpPage}
  1001.  
  1002. {/block:JumpPagination}
  1003.  
  1004. {block:NextPage}
  1005. <a href="{NextPage}">{text:Next Page Link Title} </a>
  1006. {/block:NextPage}
  1007.  
  1008. <p><div class="counter">({CurrentPage}/{TotalPages})</div></p>
  1009.  
  1010.  
  1011. </div>{/block:Pagination}</div>
  1012.  
  1013. <center>{Name} &copy; {CopyrightYears} / <a href="https://pastebin.com/p8RNtLvc">Theme</a>.{text:Any Last Words}
  1014. </center>
  1015.  
  1016. {block:ContentSource}
  1017. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1018. +width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1019. {/block:SourceLogo}
  1020. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1021. {/block:ContentSource}
  1022.  
  1023. </div></body></html>
Advertisement
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!