API tools faq
paste
Advertisement
vagogh

Cornetto healing

vagogh
Nov 17th, 2019
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.97 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:Blog Title Border Color 2" content="#d969c3"/>
  28. <meta name="color:Text Color" content="#a5a5a5"/>
  29. <meta name="color:Bold Color" content="#000"/>
  30. <meta name="color:Links Color" content="#a5a5a5"/>
  31. <meta name="color:Links Hover Color" content="#fb97e7"/>
  32. <meta name="color:Links Border Color" content="#f6f6f6"/>
  33. <meta name="color:Border Color" content="#f6f6f6"/>
  34. <meta name="color:Between Posts Border Color" content="#f6f6f6"/>
  35.  
  36. <meta name="text:Title" content="The Time Machine"/>
  37. <meta name="text:Subtitle" content=" (1960)"/>
  38. <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."/>
  39.  
  40. <meta name="text:Header Picture vs Description Padding" content="0px"/>
  41. <meta name="text:Header Border Radius" content="100px"/>
  42. <meta name="text:Trending Border Radius" content="0px"/>
  43. <meta name="text:Header vs Top Padding" content="85px"/>
  44. <meta name="text:Header vs Posts Space" content="85px"/>
  45. <meta name="text:Sidebar vs Posts Equivalent" content="80px"/>
  46.  
  47. <meta name="select:Header Title" content="none" title="Normal"/>
  48. <meta name="select:Header Title" content="uppercase" title="Uppercase"/>
  49. <meta name="select:Header Title" content="capitalize" title="Capitalize"/>
  50. <meta name="select:Header Title" content="lowercase" title="Lowercase"/>
  51.  
  52. <meta name="select:Header Links" content="none" title="Normal"/>
  53. <meta name="select:Header Links" content="uppercase" title="Uppercase"/>
  54. <meta name="select:Header Links" content="capitalize" title="Capitalize"/>
  55. <meta name="select:Header Links" content="lowercase" title="Lowercase"/>
  56.  
  57. <meta name="select:Header Description" content="none" title="Normal"/>
  58. <meta name="select:Header Description" content="uppercase" title="Uppercase"/>
  59. <meta name="select:Header Description" content="capitalize" title="Capitalize"/>
  60. <meta name="select:Header Description" content="lowercase" title="Lowercase"/>
  61.  
  62. <meta name="text:Home Link Title" content="Home"/>
  63. <meta name="text:Archive Link Title" content="Archive"/>
  64. <meta name="text:Ask Link Title" content="Ask"/>
  65. <meta name="text:Link 1" content="" />
  66. <meta name="text:Link 1 URL" content="/" />
  67. <meta name="text:Link 2" content="" />
  68. <meta name="text:Link 2 URL" content="/" />
  69. <meta name="text:Link 3" content="" />
  70. <meta name="text:Link 3 URL" content="/" />
  71. <meta name="text:Link 4" content="" />
  72. <meta name="text:Link 4 URL" content="/" />
  73. <meta name="text:Link 5" content="" />
  74. <meta name="text:Link 5 URL" content="/" />
  75. <meta name="text:Mais Links" content="/"/>
  76. <meta name="text:Trending Title" content="Trending"/>
  77.  
  78. <meta name="text:Trending preview 1" content=""/>
  79. <meta name="text:Trending link 1" content="/"/>
  80. <meta name="text:Trending preview 2" content=""/>
  81. <meta name="text:Trending link 2" content="/"/>
  82. <meta name="text:Trending preview 3" content=""/>
  83. <meta name="text:Trending link 3" content="/"/>
  84. <meta name="text:Trending preview 4" content=""/>
  85. <meta name="text:Trending link 4" content="/"/>
  86. <meta name="text:Trending preview 5" content=""/>
  87. <meta name="text:Trending link 5" content="/"/>
  88. <meta name="text:Trending preview 6" content=""/>
  89. <meta name="text:Trending link 6" content="/"/>
  90. <meta name="text:Trending preview 7" content=""/>
  91. <meta name="text:Trending link 7" content="/"/>
  92. <meta name="text:Trending preview 8" content=""/>
  93. <meta name="text:Trending link 8" content="/"/>
  94.  
  95. <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 "/>
  96. <meta name="text:Any Last Words" content="mamilos@b9.com.br"/>
  97. <meta name="text:Previous Page Link Title" content="Previous"/>
  98. <meta name="text:Next Page Link Title" content="Next"/>
  99.  
  100. <!-- Tooltip -->
  101.  
  102. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  103. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  104.  
  105. <script>
  106. (function($){
  107. $(document).ready(function(){
  108. $("a[title]").style_my_tooltips({
  109. tip_follows_cursor:true,
  110. tip_delay_time:30,
  111. tip_fade_speed:300,
  112. attribute:"title"
  113. });
  114. });
  115. })(jQuery);
  116. </script>
  117.  
  118. <!-- Pixel Union Photosets https://soundmarket.tumblr.com/pxutut -->
  119.  
  120. <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>
  121.  
  122. <script>
  123. $(document).ready(function(){
  124. $('.photo-slideshow').pxuPhotoset({
  125. lightbox: true,
  126. rounded: false,
  127. gutter: '3px',
  128. borderRadius: '0px',
  129. photoset: '.photo-slideshow',
  130. photoWrap: '.photo-data',
  131. photo: '.pxu-photo',
  132. });
  133. $('img').each(function() {
  134. var newsrc = $(this).attr('src').replace('gifv','gif');
  135. $(this).attr('src', newsrc);
  136. });
  137.  
  138. $('a').each(function() {
  139. var newhref = $(this).attr('href').replace('gifv','gif');
  140. $(this).attr('href', newhref);
  141. });
  142. });
  143. </script>
  144.  
  145.  
  146. <!-- Show notes https://stackoverflow.com/questions/6242976/javascript-hide-show-element -->
  147.  
  148. <script type="text/javascript">
  149. function showStuff(id) {
  150. document.getElementById(id).style.display = 'block';
  151. }
  152. </script>
  153.  
  154.  
  155. <!-- Fonts https://fontawesome.io/icons/ -->
  156.  
  157. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  158.  
  159. <!-- Google fonts https://www.google.com/fonts#UsePlace:use/Collection:Lato -->
  160.  
  161. <link href='https://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
  162.  
  163. <link href="https://fonts.googleapis.com/css?family=Lato|Muli" rel="stylesheet">
  164.  
  165. <link href="https://fonts.googleapis.com/css?family=Anton|Galada|Merriweather" rel="stylesheet">
  166.  
  167. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  168.  
  169.  
  170. <!-- Custom font size -->
  171.  
  172. <script>
  173. function changeFontSize() {
  174. size = Number(document.getElementById('fontSize').value)
  175. if(size=="") {
  176. }
  177. else {
  178. fontSize = size+'px'
  179. document.body.style.fontSize = fontSize
  180. }
  181. }
  182. </script>
  183.  
  184. <!-- Honeybee Icon font -->
  185.  
  186. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  187.  
  188. <!-- Viewport -->
  189.  
  190. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  191.  
  192.  
  193. <style type="text/css">
  194.  
  195. /* Centering a Website https://css-tricks.com/snippets/css/centering-a-website/ */
  196.  
  197. #page-wrap {
  198. width:540px;
  199. margin:0 auto;
  200. }
  201.  
  202. /* Tumblr controls (pré 2017) https://ladmilk.tumblr.com/post/134532273215/tumblr-controls (pós 2017) https://odeysseus.tumblr.com/post/163708246967/new-tumblr-controls */
  203.  
  204. .tmblr-iframe {
  205. white-space:nowrap;
  206. -webkit-filter: invert(100%);
  207. -moz-filter: invert(100%);
  208. -o-filter: invert(100%);
  209. -ms-filter: invert(100%);
  210. filter: invert(100%);
  211. opacity:.2;transition: .4s ease-in-out;
  212. -webkit-transition: .4s ease-in-out;
  213. -moz-transition: .4s ease-in-out;
  214. -o-transition: .4s ease-in-out;
  215. }
  216.  
  217.  
  218. /* Hello */
  219.  
  220. body {
  221. background:{color:Background Color};
  222. color:{color:Text Color};
  223. font-family: 'Muli', sans-serif;
  224. font-size:14px;
  225. text-align:justify;
  226. letter-spacing:0.5px;
  227. line-height:23px;
  228. }
  229.  
  230. a {
  231. color:{color:Links Color};
  232. text-decoration:none;
  233. border-bottom:1px solid;
  234. border-color:{color:Links Border Color};
  235. }
  236.  
  237. a:hover {
  238. color:{color:Links Hover Color};
  239. }
  240.  
  241. #s-m-t-tooltip {
  242. margin:15px;
  243. background:#fff;
  244. color:{color:Text Color};
  245. font-size:13px;
  246. padding:0px 5px;
  247. border:solid 2px {color:Blog Title Border Color};
  248. z-index:99999999;
  249. }
  250.  
  251. blockquote {
  252. padding-left:15px;
  253. border-left:1px solid {color:Border Color};
  254. margin:-5px 10px 16px;
  255. }
  256.  
  257. b, strong {
  258. color: {color:Bold Color};
  259. font-weight:bold;
  260. }
  261.  
  262. .pixelated {
  263. -ms-interpolation-mode: nearest-neighbor;
  264. image-rendering: pixelated;
  265. }
  266.  
  267. /* Header */
  268.  
  269. /* Blog title border: https://mistletoe.tumblr.com/post/181522823419/ﾟ-updates-tab-1-just-a-cute-little-updates */
  270.  
  271. .blogtitle {
  272. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#caffbf),color-stop(35%,transparent));
  273. background-image:-webkit-linear-gradient(bottom,{color:Blog Title Color} 35%,transparent 35%);
  274. background-image:linear-gradient(0deg,{color:Blog Title Border Color 2} 45%,transparent 45%);
  275. text-decoration:none;
  276. margin-top:{text:Header Picture vs Description Padding};
  277. margin-left:173px;
  278. width:195px;
  279. text-align:center;
  280. font-family: 'Merriweather', serif;
  281. font-style:normal;
  282. font-size:15px;
  283. font-weight:400;
  284. letter-spacing:1px;
  285. word-spacing:3px;
  286. text-transform:{select:Header Links};
  287. }
  288.  
  289.  
  290. .blogtitle a {
  291. color:{color:Blog Title Color};
  292. border-bottom:0px solid {color:Blog Title Border Color};
  293. }
  294.  
  295.  
  296. a:hover {
  297. color:{color:Links Hover Color};
  298. -webkit-transition:all 0.5s;
  299. -moz-transition:all 0.5s;
  300. -ms-transition:all 0.5s;
  301. -o-transition:all 0.5s;
  302. transition:all 0.5s;
  303. }
  304.  
  305. .description {
  306. margin-top:10px;
  307. text-align:center;
  308. text-transform:{select:Header Description};
  309. }
  310.  
  311. .subtitle {
  312. font-family: 'Merriweather', serif;
  313. font-size:14px;
  314. text-align:justify;
  315. letter-spacing:1px;
  316. line-height:23px;
  317. }
  318.  
  319. .subtitle a {
  320. color:{color:Text Color};
  321. border-bottom:none;
  322. font-family: 'Muli', sans-serif;
  323. font-weight:normal;
  324. font-style:normal;
  325. }
  326.  
  327. /* Posts */
  328.  
  329. .margin {
  330. margin-top:0px; /* 100x */
  331. margin-bottom:{text:Header vs Posts Space}; /* 100x */
  332. }
  333.  
  334. #posts {
  335. width:540px;
  336. }
  337.  
  338. h1 {
  339. width:100%;
  340. border-bottom:1px solid {color:Between Posts Border Color};
  341. margin-top:60px;
  342. margin-bottom:80px;
  343. }
  344.  
  345. .photo img {
  346. max-width:540px;
  347. height:auto;
  348. margin-bottom:-5px;
  349. }
  350.  
  351. .title {
  352. margin-bottom:15px;
  353. color:{color:Blog Title Color};
  354. font-family: 'Merriweather', serif;
  355. font-size:14px;
  356. font-weight:0;
  357. letter-spacing:1px; /* 3px */
  358. text-transform:capitalize;
  359. word-spacing:2px;
  360. }
  361.  
  362. .title a {
  363. color:#000;
  364. }
  365.  
  366. h1, h2, h3, h4, h5, h6 {
  367. color:{color:Blog Title Color};
  368. text-transform:none;
  369. font-size:14px;
  370. }
  371.  
  372. h1 i {
  373. font-style:normal;
  374. }
  375.  
  376. h1 a, h1 i a {
  377. color:{color:Blog Title Color};
  378. }
  379.  
  380. .caption {
  381. width:540px;
  382. max-width:100%;
  383. margin-top:0px;
  384. height:auto;
  385. overflow:hidden;
  386. color:{color:Text Color};
  387. }
  388.  
  389. .caption2 {
  390. margin-top:-20px;
  391. }
  392.  
  393. /* Permalink */
  394.  
  395. #permalink {
  396. text-size:13px;
  397. letter-spacing:0.5px;
  398. padding-top:10px;
  399. text-align:center;
  400. text-transform:capitalize;
  401. border-top:solid 1px {color:Border Color};
  402. }
  403.  
  404. #permalink a {
  405. margin-right:3px;
  406. }
  407.  
  408. .permalinkborder a {
  409. border-bottom:0px solid;
  410. }
  411.  
  412. .tags {
  413. text-transform:none;
  414. }
  415.  
  416. .source {
  417. text-align:center;
  418. text-transform:capitalize;
  419. }
  420.  
  421. spam.lowercase {
  422. text-transform:lowercase;
  423. }
  424.  
  425.  
  426. /* Quote */
  427.  
  428. #quote {
  429. color:{color:Text Color};
  430. font-family:georgia;
  431. font-size:16px;
  432. font-style:none;
  433. letter-spacing:1px;
  434. line-height:20px;
  435. }
  436.  
  437. .source {
  438. margin-top:10px;
  439. margin-bottom:10px;
  440. text-transform:none;
  441. text-align:justify;
  442. }
  443.  
  444.  
  445. /* Chat */
  446.  
  447. .chat {
  448. text-align:justify;
  449. list-style-type:none;
  450. padding:5px 5px;
  451. padding-left:0px;
  452. border-top:1px solid {color:Border Color};
  453. }
  454.  
  455. .line {
  456. padding-top:5px;
  457. padding-bottom:5px;
  458. border-bottom:1px solid {color:Border Color};
  459. }
  460.  
  461. .line:last-of-type {
  462. border:0;
  463. margin:0;
  464. }
  465.  
  466.  
  467. /* Audio */
  468.  
  469. #player {
  470. width:30px;
  471. height:30px;
  472. overflow:hidden;
  473. margin:25px 0 0 28px;
  474. }
  475.  
  476. .cover {
  477. width:80px;
  478. height:80px;
  479. background:{color:Background Color};
  480. position:absolute;
  481. opacity:0;
  482. -webkit-transition:all 0.5s;
  483. -moz-transition:all 0.5s;
  484. -ms-transition:all 0.5s;
  485. -o-transition:all 0.5s;
  486. transition:all 0.5s;
  487. }
  488.  
  489. .coverh:hover .cover {
  490. background:{color:Background Color};
  491. opacity:1;
  492. -webkit-transition:all 0.5s;
  493. -moz-transition:all 0.5s;
  494. -ms-transition:all 0.5s;
  495. -o-transition:all 0.5s;
  496. transition:all 0.5s;
  497. }
  498.  
  499. .coverh img {
  500. width:80px;
  501. height:80px;
  502. position:absolute;
  503. }
  504.  
  505. .audioinfo {
  506. padding-top:18px;
  507. margin-left:100px;
  508. margin-bottom:20px;
  509. }
  510.  
  511. /* Video */
  512.  
  513. video {
  514. max-width:100%;
  515. height:auto!important;
  516. }
  517.  
  518. .tumblr_video_container {
  519. max-height:540px!important;
  520. overflow:hidden!important;
  521. }
  522.  
  523.  
  524. /* Ask */
  525.  
  526. .person {
  527. text-transform:capitalize;
  528. }
  529.  
  530. .question {
  531. margin-left:0px;
  532. }
  533.  
  534. .answer {
  535. margin:10px 0px 0px;
  536. border-top:1px solid {color:Border Color};
  537. }
  538.  
  539.  
  540. /* Notes */
  541.  
  542. .show {
  543. text-transform:none;
  544. text-align:center;
  545. }
  546.  
  547. .notes {
  548. width:540px;
  549. margin:10px 0px 0px -40px;
  550. text-transform:lowercase;
  551. }
  552.  
  553. .notes img {
  554. display:none!important;
  555. }
  556.  
  557. .notes li {
  558. list-style-type:none;
  559. padding:10px 0px 10px;
  560. border-top:1px solid {color:Border Color};
  561. }
  562.  
  563.  
  564. /* Pagination */
  565.  
  566. .pagination {
  567. width:500px;
  568. margin:0 auto;
  569. word-spacing:15px;
  570. padding:15px 15px 50px;
  571. text-align:center;
  572. }
  573.  
  574. .pagination a {
  575. text-transform:capitalize;
  576. border-bottom:0px solid;
  577. }
  578.  
  579. .currently {
  580. color:{color:Blog Title Border Color};
  581. }
  582.  
  583.  
  584. /* Extras */
  585.  
  586. .ann a {
  587. bottom:10px;
  588. right:10px;
  589. font-family: 'Merriweather', serif;
  590. font-size:11px;
  591. background:{color:Border Color};
  592. color:{color:Text Color};
  593. padding:2px 12px;
  594. position:fixed;
  595. }
  596.  
  597. .sfm input {
  598. background:{color:Background Color};
  599. border:1px solid {color:Border Color};
  600. margin:0px 0px 0px -1px;
  601. color:{color:Text color};
  602. letter-spacing:0.5px;
  603. padding: 4px 8px;
  604. }
  605.  
  606. /* Custom font size https://sorrynotsorrytho.tumblr.com/post/144206542999/ */
  607.  
  608. .textsize {
  609. margin-top:5px;
  610. }
  611.  
  612. #customization button {
  613. margin:15px;
  614. color:white;
  615. letter-spacing:0.5px;
  616. border-radius:4px;
  617. top:0px;
  618. }
  619.  
  620. #customization button:hover {
  621. border:2px solid {color:Border Color};
  622. }
  623.  
  624. #customization button:focus {
  625. outline:0;
  626. }
  627.  
  628. #customization input {
  629. width:30px;
  630. }
  631.  
  632. .fixed {
  633. position:fixed;
  634. }
  635.  
  636. .descr {
  637. margin-left:3.5px;
  638. }
  639.  
  640. /* Custom button https://stackoverflow.com/questions/14950238/can-you-style-html-form-buttons-with-css */
  641.  
  642. #submit {
  643. background:#fff;
  644. border:2px solid {color:Border Color};
  645. margin-left:5px;
  646. border-radius:2px;
  647. letter-spacing:0.5px;
  648. }
  649.  
  650. /* Custom like and reblog buttons https://shythemes.tumblr.com/post/147903463743/custom-like-and-reblog-buttons */
  651.  
  652. svg {
  653. width:13px;
  654. height:auto;
  655. opacity:0.56;
  656. padding:1px;
  657. display:block;
  658. overflow:visible;
  659. margin-left:2px;
  660. }
  661.  
  662. .controls a {
  663. position:relative;
  664. display:inline-block;
  665. padding:0px;
  666. width:12px;
  667. height:12px;
  668. }
  669.  
  670. .controls .morep {
  671. position:relative;
  672. display:inline-block;
  673. padding:0px;
  674. width:13px;
  675. height:13px;
  676. }
  677.  
  678. .controls .morep svg {
  679. opacity:.93;
  680. }
  681.  
  682. .controls .reblog {
  683. opacity:.95;
  684. padding-right:5px;
  685. padding-left:3px;
  686. }
  687.  
  688. .controls .reblog svg {
  689. width:12px;
  690. }
  691.  
  692. .controls .like .liked + svg {
  693. opacity:1;
  694. }
  695.  
  696. .controls .like .liked + svg path {
  697. fill:#f88ec5;
  698. }
  699.  
  700. .controls .like .like_button iframe {
  701. position:absolute;
  702. top:0px;
  703. left:0;
  704. bottom:0;
  705. right:0;
  706. width:100%;
  707. height:100%;
  708. z-index:2;
  709. opacity:0.000001;
  710. }
  711.  
  712. /* Lightboxes https://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes */
  713.  
  714. .vignette, #vignette {
  715. opacity:0;
  716. }
  717.  
  718. .lightbox-image, #tumblr_lightbox img {
  719. box-shadow:none !important;
  720. border-radius:0 !important;
  721. }
  722.  
  723. .lightbox-image, #tumblr_lightbox img {
  724. -moz-box-sizing:border-box;
  725. box-sizing:border-box;
  726. }
  727.  
  728. .tmblr-lightbox, #tumblr_lightbox {
  729. background:rgba(255,255,255,.7) !important;
  730. }
  731.  
  732. /* Can you keep the secret? */
  733.  
  734. .hiden {
  735. margin-top:-4px;
  736. position:fixed;
  737. color:{color:Background Color};
  738. }
  739.  
  740. .hiden a {
  741. border-color:{color:Background Color};
  742. color:{color:Background Color};
  743. }
  744.  
  745. /* Multicoloured Text https://cyantists.tumblr.com/post/176849973370/multicoloured-text */
  746.  
  747. .npf_color_joey {
  748. color:#ff492f;
  749. }
  750.  
  751. .npf_color_monica {
  752. color:#ff8a00;
  753. }
  754.  
  755. .npf_color_phoebe {
  756. color:#fcf01d;
  757. }
  758.  
  759. .npf_color_ross {
  760. color:#00cf35;
  761. }
  762.  
  763. .npf_color_rachel {
  764. color:#00b8ff;
  765. }
  766.  
  767. .npf_color_chandler {
  768. color:#973ff4;
  769. }
  770.  
  771. .npf_color_niles {
  772. color:#ff62ce;
  773. }
  774.  
  775. /* Sidebars https://www.w3schools.com/howto/howto_css_fixed_sidebar.asp */
  776.  
  777. .sidebar {
  778. font-size:13px;
  779. letter-spacing:1px;
  780. width:120px;
  781. position:fixed; /* Fixed Sidebar (stay in place on scroll) */
  782. left:206px;
  783. overflow-x:hidden; /* Disable horizontal scroll */
  784. margin-top:calc({text:Sidebar vs Posts Equivalent} - -16px);
  785.  
  786. /* margin-top:calc({text:Sidebar vs Posts Equivalent} - -3.5px); */
  787. }
  788.  
  789. #header {
  790. width:100px;
  791. left:60px;
  792. margin:0px auto;
  793. margin-left:0px;
  794. position:fixed;
  795. }
  796.  
  797. .image {
  798. width:140px;
  799. height:157px;
  800. border-radius:0%;
  801. margin:0px auto;
  802. margin-top:calc({text:Sidebar vs Posts Equivalent} - -3.5px);
  803. overflow:hidden;
  804. }
  805.  
  806. .image img {
  807. max-width:140px;
  808. }
  809.  
  810. .sfm {
  811. margin-top:-27px;
  812. margin-left:20px;
  813. }
  814.  
  815. .sfm input {
  816. width:80px;
  817. background:#fff;
  818. border:0px solid {color:Border Color};
  819. margin:8px 0px 0px 0px;
  820. letter-spacing:0.5px;
  821. padding: 0px 0px;
  822. font-family: 'Muli', sans-serif;
  823. font-size:13px;
  824. text-align:justify;
  825. letter-spacing:0.5px;
  826. }
  827.  
  828. .sidebard {
  829. font-size:13px;
  830. letter-spacing:0.5px;
  831. width:254px;
  832. position:fixed; /* Fixed Sidebar (stay in place on scroll) */
  833. left:60px;
  834. overflow-x:hidden; /* Disable horizontal scroll */
  835. margin-top:calc({text:Sidebar vs Posts Equivalent} - -170px);
  836.  
  837. /* margin-top:calc({text:Sidebar vs Posts Equivalent} - -3.5px); */
  838. }
  839.  
  840. .trends {
  841. padding-top:10px;
  842. }
  843.  
  844. .trend {
  845. float:right;
  846. width:80px;
  847. height:80px;
  848. padding:1.5px;
  849. }
  850.  
  851. .trend a {
  852. display:table;
  853. width:100%;
  854. height:100%;
  855. background-size:cover;
  856. background-position:center center;
  857. border-radius:{text:Trending Border Radius};
  858. border-bottom:0px;
  859. }
  860.  
  861. .trend a:nth-child(3n) {
  862. margin-right:0;
  863. }
  864.  
  865. .sidebar2 {
  866. width:168px;
  867. position:fixed; /* Fixed Sidebar (stay in place on scroll) */
  868. right:60px;
  869. overflow-x:hidden; /* Disable horizontal scroll */
  870. margin-top:{text:Sidebar vs Posts Equivalent};
  871. }
  872.  
  873. .sidebar2t {
  874. margin-left:1.5px;
  875. padding-bottom:5px;
  876. }
  877.  
  878. .sidebar2t a {
  879. text-decoration:none;
  880. border-bottom:2px solid {color:Blog Title Border Color};
  881. }
  882.  
  883. .sidebar3 {
  884. width:50px;
  885. position:fixed; /* Fixed Sidebar (stay in place on scroll) */
  886. right:200px;
  887. overflow-x:hidden; /* Disable horizontal scroll */
  888. margin-top:calc({text:Sidebar vs Posts Equivalent} - -4px);
  889. }
  890.  
  891. .bee {
  892. color:{color:Blog Title Border Color};
  893. border-bottom:1px solid {color:Background Color};
  894. }
  895.  
  896. .bee a {
  897. border-bottom:1px solid {color:Background Color};
  898. }
  899.  
  900. /* Updates tab: https://mistletoe.tumblr.com/post/181522823419/ﾟ-updates-tab-1-just-a-cute-little-updates */
  901.  
  902. #updates {
  903. position:fixed;
  904. z-index:1001;
  905. top:10px;
  906. left:20px;
  907. font-size:13px;
  908. }
  909.  
  910. #updates a {
  911. font-size:13px;
  912. text-decoration:none;
  913. color:#656565;
  914. }
  915.  
  916. #updates .updatet { /* Fonte da folha */
  917. display:block;
  918. width:15px;
  919. height:15px;
  920. padding:10px;
  921. line-height:15px;
  922. font-size:15px;
  923. background-color:#caffbf;
  924. border-radius:100%;
  925. margin-top:10px
  926. }
  927.  
  928. #updates .updatet:hover {
  929. -webkit-animation:jello .8s linear
  930. }
  931.  
  932. #updates .updateu {
  933. width:165px;padding:10px;
  934. padding-left:20px;border-left:1px dotted #cacaca;
  935. font:14px;
  936. letter-spacing:1px;
  937. text-align:left;
  938. margin-top:10px;
  939. margin-left:17px;
  940. color:#8c8c8c;
  941. font-family: 'Muli', sans-serif;
  942. letter-spacing:0.5px;
  943. line-height:22px;
  944. font-weight:normal;}
  945.  
  946. #updates n,#updates u { /* Fonte do titulo */
  947. background-image:-webkit-gradient(linear,left bottom,left top,color-stop(50%,#caffbf),color-stop(50%,transparent));
  948. background-image:-webkit-linear-gradient(bottom,#fdf5e5 50%,transparent 50%);
  949. background-image:linear-gradient(0deg,#caffbf 50%,transparent 50%);
  950. text-decoration:none;
  951. font-family: 'Merriweather', serif;
  952. font-weight:normal;
  953. color:{color:Blog Title Color};
  954. letter-spacing:1px;
  955. word-spacing:3px;
  956. font-size:12px;
  957. }
  958.  
  959.  
  960. {CustomCSS}</style></head><body>
  961.  
  962. <div class="hiden">{text:Can you keep the secret}</div>
  963.  
  964. <!--
  965. <div class="textsize">
  966. <div class="fixed">
  967. <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>
  968. </div>
  969. </div>
  970. </div>
  971. -->
  972.  
  973. <!-- Updates tab: https://mistletoe.tumblr.com/post/181522823419/ﾟ-updates-tab-1-just-a-cute-little-updates
  974.  
  975. <script type="text/javascript">$(document).ready(function () {
  976. $('.updateu').hide();
  977. $('.updatet').click(function () {
  978. // .parent() selects the A tag, .next() selects the P tag
  979. $(this).parent().next().slideToggle(400);
  980. });
  981. $('.text').slideUp(400);
  982. });</script>
  983.  
  984. <div id="updates"><!--#--><div class="updatet">
  985. <!-- tab 1 icon
  986. <span class="th th-holly-o"></span>
  987. <!--
  988. </div></a><div class="updateu">
  989.  
  990. <!-- tab 1 content
  991. <n>Watching</n><br> <a href="https://letterboxd.com/conductor/tag/edgar-wright-s-1000-favorite-movies/diary/">Edgar Wright's 1000 favorite movies list</a><br>
  992. <n>Sideblogs</n><br>
  993. I’m a member of <a href="https://classicfilmblr.tumblr.com">classicfilmblr</a> and <a href="https://cinemaspam.tumblr.com">cinemaspam</a>
  994. <!-- end tab 1 content -->
  995. <!--
  996. </div><a href="#"><div class="updatet">
  997. <!-- tab 2 icon
  998. <span class="th th-blossom-o"></span>
  999.  
  1000. </div></a> <div class="updateu">
  1001.  
  1002. tab 2 content
  1003. <n>Sideblogs</n><br>
  1004. I’m a member of <a href="https://classicfilmblr.tumblr.com">classicfilmblr</a> and <a href="https://cinemaspam.tumblr.com">cinemaspam</a> -->
  1005.  
  1006. <!-- end tab 2 content -->
  1007.  
  1008. <!-- </div><a href="#"><div class="updatet">
  1009. <!-- tab 3 icon
  1010. <span class="th th-flower-o"></span>
  1011.  
  1012. </div></a><div class="updateu">
  1013.  
  1014. <!-- tab 3 content
  1015. <b>tab 3</b> content
  1016. <!-- end tab 3 content -->
  1017. </div>
  1018. </div>
  1019.  
  1020. <div id="page-wrap">
  1021.  
  1022. <!-- <div id="header">
  1023.  
  1024. <div class="adjust">
  1025. <div class="permalinkborder"><div class="image"><a href="/"><img src="{image:Image}"></a></div></div>
  1026. </div>
  1027.  
  1028. <div class="blogtitle"><a href="/">{text:Title}</a> <spam class="subtitle"><a href="/">{text:Subtitle}</a></spam></div>
  1029.  
  1030. <div class="description"><div class="description">{text:Description}</div></div>
  1031.  
  1032. </div> -->
  1033.  
  1034. <div id="header">
  1035. <div class="image"><a href="/"><img src="{image:Image}"></a></div>
  1036. </div>
  1037.  
  1038. <div class="sidebar">
  1039.  
  1040. <!-- <a href="/"><span class="bee"><span class="th th-leaf-1-o"></span></span></a> <span class="sidebar2t"><a href="/"> Homepage</a></span><br> -->
  1041.  
  1042. <a href="/archive"><span class="bee"><span class="th th-calendar-2-o"></span></span></a> <span class="sidebar2t"><a href="/archive"> {text:Archive Link Title}</a></span><br>
  1043.  
  1044. <a href="/askbox"><span class="bee"><span class="th th-paper-plane-o"></span></span></a> <span class="sidebar2t"><a href="/askbox"> {text:Ask Link Title}</a></span><br>
  1045.  
  1046. {block:ifLink1}<a href="{text:Link 1 URL}"><span class="bee"><span class="th th-agenda-1-o"></span></span></a> <span class="sidebar2t"><a href="{text:Link 1 URL}">{text:Link 1}</a></span>{/block:ifLink1}<br>
  1047.  
  1048. <!--{block:ifLink2}<a href="{text:Link 2 URL}"><span class="bee"><span class="th th-picture-o"></span></span></a> <span class="sidebar2t"> <a href="{text:Link 2 URL}">{text:Link 2}</a></span>{/block:ifLink2}<br>-->
  1049.  
  1050. {block:ifLink3}<a href="{text:Link 3 URL}"><span class="bee"><span class="th th-list-o"></span></span></a> <span class="sidebar2t"> <a href="{text:Link 3 URL}">{text:Link 3}</a></span>{/block:ifLink3}<br>
  1051.  
  1052. {block:ifLink4}<a href="{text:Link 4 URL}"><span class="bee"><span class="th th-video"></span></span></a> <span class="sidebar2t"> <a href="{text:Link 4 URL}">{text:Link 4}</a></span>{/block:ifLink4}<br>
  1053.  
  1054. <!-- {block:ifLink5}<span class="bee"><span class="th th-tv"></span></span></a> <span class="sidebar2t"> <a href="{text:Link 5 URL}">{text:Link 5}</a></span>{/block:ifLink5}<br> -->
  1055.  
  1056. <!-- Search Box https://lmthemeslp-tut.tumblr.com/searchb -->
  1057.  
  1058. <span class="bee"><span class="th th-loupe-o"></span></span>
  1059.  
  1060. <span id="bd"><form action="/search" method="get" class="sfm" name="theform">
  1061. <input type="text" name="q" placeholder="Search:"/>
  1062. </form> </span id="bd">
  1063.  
  1064. </div>
  1065.  
  1066. <div class="sidebard">{text:Mais Links}</div>
  1067.  
  1068. <div class="sidebar3">
  1069. <a href="https://edgarwight.tumblr.com/post/183386001520" a title="Featured posts"><span class="bee"><span class="th th-push-pin-o"></span></span></a> <div class="sidebar2tt"></a></div>
  1070. </div>
  1071.  
  1072. <!-- Trending posts https://cyantists.tumblr.com/post/164070874845/hi-i-love-your-new-fansite-theme-and-the --> <div class="sidebar2"><div class="sidebar2t"></div>
  1073.  
  1074. <div class="trend"><a style="background-image:url('{text:Trending preview 2}');" href="{text:Trending link 2}" target="_blank"></a></div>
  1075. <div class="trend"><a style="background-image:url('{text:Trending preview 1}');" href="{text:Trending link 1}" target="_blank"></a></div>
  1076. <div class="trend"><a style="background-image:url('{text:Trending preview 4}');" href="{text:Trending link 4}" target="_blank"></a></div>
  1077. <div class="trend"><a style="background-image:url('{text:Trending preview 3}');" href="{text:Trending link 3}" target="_blank"></a></div>
  1078. <div class="trend"><a style="background-image:url('{text:Trending preview 6}');" href="{text:Trending link 6}" target="_blank"></a></div>
  1079. <div class="trend"><a style="background-image:url('{text:Trending preview 5}');" href="{text:Trending link 5}" target="_blank"></a></div>
  1080. <div class="trend"><a style="background-image:url('{text:Trending preview 8}');" href="{text:Trending link 8}" target="_blank"></a></div>
  1081. <div class="trend"><a style="background-image:url('{text:Trending preview 7}');" href="{text:Trending link 7}" target="_blank"></a></div>
  1082.  
  1083. </div>
  1084.  
  1085. <div class="margin"></div>
  1086.  
  1087. {block:Posts}<div class="posts" id="{PostID}">
  1088.  
  1089. {block:Text}
  1090. {block:Title}<div class="title">{Title}</div>{/block:Title}
  1091. <div class="caption"><div class="caption2">{Body}</div></div>
  1092. {/block:Text}
  1093.  
  1094. {block:Photo}<div class="photo"><a href="{Permalink}">
  1095. <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>
  1096. </a></div>{/block:Photo}
  1097.  
  1098. {block:Photoset}
  1099. <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}
  1100.  
  1101. {block:Quote}
  1102. <div id="quote">{Quote}</div>
  1103. {block:Source}<div class="source">{Source}</div>{/block:Source}
  1104. {/block:Quote}
  1105.  
  1106. {block:Chat}
  1107. {block:Title}<div class="title">{Title}:</div>{/block:Title}
  1108. <div class="chat {block:title}{/block:title}">{block:Lines}<li class="line {Alt}">{block:Label}{Label} {/block:Label}{Line}</li>{/block:Lines}</div>
  1109. {/block:Chat}
  1110.  
  1111. {block:Audio}
  1112. <div class="coverh">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}{block:AudioPlayer}<div class="cover"><div id="player">{AudioPlayerWhite}</div></div></div>{/block:AudioPlayer}
  1113. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}</div>
  1114. {/block:Audio}
  1115.  
  1116. <div class="tumblr_video_container">{block:Video}{Video-500}{/block:Video}</div>
  1117.  
  1118. {block:Link}
  1119. <div class="title"><a href="{URL}">{Name}</a></div>
  1120. {block:Excerpt}{Excerpt}{/block:Excerpt}
  1121. {block:Description}{Description}{/block:Description}
  1122. {/block:Link}
  1123.  
  1124. {block:Answer}<div class="caption">
  1125. <div class="question"><span class="person">{Asker}: </span>{Question}</div><div class="answer">{Answer}</div></div>
  1126. {/block:Answer}
  1127.  
  1128. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1129.  
  1130.  
  1131. <div id="permalink"><div class="permalinkborder">
  1132.  
  1133. {block:Date}<a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix} {Year}<!--<spam class="lowercase"> w. {NoteCountWithLabel}</spam>--></a>
  1134.  
  1135. <!-- Outicons by Anton Saputro https://antonps.com/outicons/ https://shythemes.tumblr.com/svg -->
  1136.  
  1137. <spam class="controls"><a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog">
  1138. <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>
  1139. </a>
  1140. <a href="#" class="like">{LikeButton}
  1141. <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>
  1142. </spam>
  1143.  
  1144. {/block:Date}</div>
  1145.  
  1146. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1147.  
  1148. {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}
  1149.  
  1150. </div>
  1151.  
  1152.  
  1153. {block:PostNotes}
  1154.  
  1155. <div class="show"><a href="#" onclick="showStuff('answer1'); return false;">Show post notes:</a></div>
  1156.  
  1157. <span id="answer1" style="display: none;"><div id="notes">{PostNotes}</div></span>
  1158.  
  1159. {/block:PostNotes}
  1160.  
  1161. <h1></h1>
  1162.  
  1163. </div>{/block:Posts}
  1164.  
  1165. <div class="ann"></div>
  1166.  
  1167. <div id="page-wrap">{block:Pagination}<div class="pagination">
  1168.  
  1169. {block:PreviousPage}
  1170. <a href="{PreviousPage}">{text:Previous Page Link Title} </a>
  1171. {/block:PreviousPage}
  1172.  
  1173. {block:JumpPagination length="12"}
  1174.  
  1175. {block:CurrentPage}
  1176. <a href="#" class="currently">{PageNumber} </a>
  1177. {/block:CurrentPage}
  1178.  
  1179. {block:JumpPage}
  1180. <a href="{URL}"class="jpage">{PageNumber} </a>
  1181. {/block:JumpPage}
  1182.  
  1183. {/block:JumpPagination}
  1184.  
  1185. {block:NextPage}
  1186. <a href="{NextPage}">{text:Next Page Link Title} </a>
  1187. {/block:NextPage}
  1188.  
  1189. <p><div class="counter">({CurrentPage}/{TotalPages})</div></p>
  1190.  
  1191.  
  1192. </div>{/block:Pagination}</div>
  1193.  
  1194. <center>{Name} &copy; {CopyrightYears} {text:Any Last Words}
  1195. </center>
  1196.  
  1197. {block:ContentSource}
  1198. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1199. +width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1200. {/block:SourceLogo}
  1201. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1202. {/block:ContentSource}
  1203.  
  1204. </div></body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!