vintagegrandma

glossier theme

Feb 3rd, 2021 (edited)
1,156
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.88 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. t h e m e c r e d i t s
  7. !DO NOT REMOVE!
  8. (this won't show up on your blog)
  9.  
  10. THEME DESIGNED by vintagegrandma
  11. THEME INSPIRED by glossier beauty company
  12. BASE CODE by seyche
  13. LIKE & REBLOG BUTTONS by shythemes
  14.  
  15. -->
  16.  
  17. <head>
  18.  
  19. <title>{Title} {block:TagPage}/ #{Tag}{/block:TagPage}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  20.  
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  25. <meta charset="utf-8">
  26. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  27.  
  28. <!----- VARIABLES AND OPTIONS ----->
  29.  
  30. <!---HEADER DESCRIPTION--->
  31. <meta name="color:Description Background" content="#F5E3E7"/>
  32. <meta name="color:Description Text" content="#000000"/>
  33. <meta name="select:Description Size" content="10px" title="10px"/>
  34. <meta name="select:Description Size" content="11px" title="11px"/>
  35. <meta name="select:Description Size" content="12px" title="12px"/>
  36. <meta name="select:Description Size" content="13px" title="13px"/>
  37.  
  38. <!---STICKY TITLE HEADER--->
  39. <meta name="color:Header Background" content="#ffffff"/>
  40. <meta name="color:Header Title" content="#000000"/>
  41. <meta name="if:Header Border" content="1"/>
  42.  
  43. <!---BODY--->
  44. <meta name="color:Background" content="#ffffff"/>
  45. <meta name="color:Borders" content="#dcdcdc"/>
  46. <meta name="color:Text" content="#555555"/>
  47. <meta name="color:Link" content="#000000"/>
  48. <meta name="color:Selected Link" content="#525bf6"/>
  49. <meta name="if:Underline Link" content="1"/>
  50.  
  51. <!---BODY: posts--->
  52. <meta name="color:Post Background" content="#FAFAFA"/>
  53. <meta name="color:Ask Background" content="#F5E3E7"/>
  54. <meta name="color:Audio Background" content="#ffffff"/>
  55. <meta name="color:Post Links Background" content="#ffffff"/>
  56. <meta name="select:Post Width" content="400px" title="400px"/>
  57. <meta name="select:Post Width" content="500px" title="500px"/>
  58. <meta name="select:Post Width" content="540px" title="540px"/>
  59. <meta name="text:Post Margin" content="90"/>
  60. <meta name="if:Show Hidden Tags" content="1"/>
  61.  
  62. <!---BODY: next/prev page, numbers--->
  63. <meta name="color:Page Number" content="#ffffff"/>
  64. <meta name="color:Page Num Background" content="#000000"/>
  65. <meta name="color:Selected Page Number" content="#ffffff"/>
  66. <meta name="color:Selected Page Num Background" content="#333333"/>
  67.  
  68. <!---LINKS--->
  69. <meta name="text:Home Link" content="Home"/>
  70. <meta name="text:Ask Link" content="Contact"/>
  71. <meta name="text:Archive Link" content="Archive"/>
  72. <meta name="text:Link 1 URL" content=""/>
  73. <meta name="text:Link 1" content=""/>
  74. <meta name="text:Link 2 URL" content=""/>
  75. <meta name="text:Link 2" content=""/>
  76. <meta name="text:Link 3 URL" content=""/>
  77. <meta name="text:Link 3" content=""/>
  78. <meta name="text:Link 4 URL" content=""/>
  79. <meta name="text:Link 4" content=""/>
  80. <meta name="text:Link 5 URL" content=""/>
  81. <meta name="text:Link 5" content=""/>
  82. <meta name="text:Link 6 URL" content=""/>
  83. <meta name="text:Link 6" content=""/>
  84. <meta name="text:Link 7 URL" content=""/>
  85. <meta name="text:Link 7" content=""/>
  86.  
  87. <style type="text/css">
  88.  
  89. #stickyheaderupper {
  90. display: flex;
  91. justify-content: center;
  92. align-items: center;
  93. height: 10px;
  94. padding: 20px 0 20px 0;
  95. border: none;
  96. background-color: {color:Description Background};
  97. position: sticky;
  98. top: 0;
  99. z-index: 10;
  100. width: auto;
  101. }
  102.  
  103. #stickyheader-desc {
  104. margin: 0;
  105. padding: 150px;
  106. font-style: none;
  107. color: {color:Description Text};
  108. font-size: {select:Description Size};
  109. line-height: 150%;
  110. text-align:center;
  111. }
  112.  
  113. #stickyheaderlower {
  114. display: flex;
  115. justify-content: center;
  116. align-items: center;
  117. height: 5px;
  118. padding-top: 37px;
  119. padding-bottom: 45px;
  120. background-color: {color:Header Background};
  121. position: sticky;
  122. top: 0;
  123. z-index: 10;
  124. width: auto;
  125. {block:ifHeaderBorder}border-bottom: 1px solid {color:Borders};{/block:ifHeaderBorder}
  126. }
  127.  
  128. #stickyheader-title {
  129. margin: 0;
  130. color: {color:Header Title};
  131. padding: 1rem 0;
  132. font-style: italic;
  133. font-weight: bold;
  134. font-size: 2.2em;
  135. letter-spacing: -0.3px;
  136. }
  137.  
  138. #stickyheaderinner {
  139. text-align: justify;
  140. -moz-text-align-last: center;
  141. text-align-last: center;
  142. }
  143.  
  144. #stickynav {
  145. text-align:center;
  146. }
  147.  
  148. #stickynav a {
  149. padding: 1em;
  150. text-decoration:none;
  151. text-transform:capitalize !important;
  152. color:{color:Link};
  153. -webkit-transition: all 0.3s;
  154. -moz-transition: all 0.3s;
  155. -ms-transition: all 0.3s;
  156. -o-transition: all 0.3s;
  157. transition: all 0.3s;
  158. }
  159.  
  160. #stickynav a:hover {
  161. cursor:help;
  162. color:{color:Selected Link};
  163. text-decoration:none;
  164. -webkit-transition: all 0.3s;
  165. -moz-transition: all 0.3s;
  166. -ms-transition: all 0.3s;
  167. -o-transition: all 0.3s;
  168. transition: all 0.3s;
  169. }
  170.  
  171. body {
  172. font-family:'Amiko', sans-serif;
  173. font-size: 12px;
  174. color: {color:Text};
  175. background-color: {color:Background};
  176. text-align: left;
  177. line-height: 150%;
  178. word-wrap: break-word;
  179. letter-spacing: 0.04em;
  180. margin: auto;
  181. padding: 0;
  182. }
  183.  
  184. a {
  185. padding: 0;
  186. text-decoration:none;
  187. text-transform:none;
  188. color:{color:Link};
  189. -webkit-transition: all 0.3s;
  190. -moz-transition: all 0.3s;
  191. -ms-transition: all 0.3s;
  192. -o-transition: all 0.3s;
  193. transition: all 0.3s;
  194. }
  195.  
  196. a:hover {
  197. cursor:help;
  198. color:{color:Selected Link};
  199. {block:ifUnderlineLink}text-decoration:underline;{/block:ifUnderlineLink}
  200. -webkit-transition: all 0.3s;
  201. -moz-transition: all 0.3s;
  202. -ms-transition: all 0.3s;
  203. -o-transition: all 0.3s;
  204. transition: all 0.3s;
  205. }
  206.  
  207. blockquote {
  208. padding: 0 0 0 1em;
  209. border: none;
  210. margin: 1.1em 0 1.1em 0;
  211. }
  212.  
  213. h1, h2, h3, h4, h5, .title {
  214. letter-spacing: 0.06em;
  215. line-height: 145%;
  216. font-weight: bold;
  217. }
  218.  
  219. h1, .title {font-size: 1.8em;}
  220. h2 {font-size: 1.7em;}
  221. h3 {font-size: 1.6em;}
  222. h4 {font-size: 1.5em;}
  223. h5 {font-size: 1.4em;}
  224.  
  225. small {font-size: 1em;}
  226. big {font-size: 1.2em;}
  227.  
  228. hr {
  229. height: 1px;
  230. border: none;
  231. box-shadow: none;
  232. background-color: {color:borders};
  233. }
  234.  
  235. pre {
  236. line-height: inherit;
  237. font-size: inherit;
  238. white-space: pre-wrap;
  239. white-space: -moz-pre-wrap;
  240. white-space: -pre-wrap;
  241. white-space: -o-pre-wrap;
  242. word-wrap: break-word;
  243. }
  244.  
  245. li {
  246. max-width: 100%;
  247. list-style-type: disc;
  248. margin-left: -25px;
  249. }
  250.  
  251. .tmblr-iframe-compact .tmblr-iframe--unified-controls {z-index: 999999999!important;}
  252.  
  253. main {
  254. position: relative;
  255. width: calc(250px + {select:post width} + 150px);
  256. margin: -20px auto;
  257. }
  258.  
  259. section {
  260. position: relative;
  261. padding-top:0px;
  262. margin:0px auto;
  263. width: {select:post width};
  264. margin-bottom:{text:Post Margin};
  265. }
  266.  
  267. article {
  268. width: 100%;
  269. position: relative;
  270. margin: {text:post margin}px -15px;
  271. background-color:{color:Post Background};
  272. padding:1.2em;
  273. }
  274.  
  275. .tumblr_video_container {
  276. max-height: {select:post width} !important;
  277. overflow: hidden !important;
  278. }
  279.  
  280. .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe {max-width: 100%;}
  281.  
  282. .caption {margin: 1em 0 0.7em 0; list-style-type: none;}
  283. .caption p {margin: 0.2em 0 0 0;}
  284. .caption p:last-of-type {margin-bottom: 0;}
  285.  
  286. .original-caption p:first-of-type {margin-top: 0;}
  287. .text-caption:first-of-type {margin-top: 0;}
  288. .caption iframe, .caption img {max-width: 100%;}
  289.  
  290. .user-icon {
  291. display: none;
  292. vertical-align: middle;
  293. border-radius: 50%;
  294. width: 2em;
  295. height: 2em;
  296. margin-right: 1em;
  297. }
  298.  
  299. .username {
  300. display: inline;
  301. vertical-align: baseline;
  302. }
  303.  
  304. .username a {
  305. margin-top:4em;
  306. text-transform: uppercase;
  307. font-size:10px;
  308. font-weight:bold;
  309. }
  310.  
  311. .username::after {
  312. content: ":";
  313. font-weight:bold;
  314. }
  315.  
  316. .deactive::after {
  317. content: '(deactivated)';
  318. margin-left: 0.5em;
  319. font-weight: normal;
  320. font-size:10px;
  321. opacity: 0.75;
  322. color: {color:text};
  323. }
  324.  
  325. p.tmblr-attribution {margin-top: 1em !important;}
  326.  
  327. h1.post-title {
  328. margin-top: 0.1em;
  329. margin-bottom:0.6em;
  330. font-size:1.5em !important;
  331. }
  332.  
  333. a.link-wrap {
  334. display: block;
  335. border: 0px solid {color:borders};
  336. }
  337.  
  338. .link {padding: 1.7em 1.7em 0.7em 1.7em;}
  339. .link-host, .link-txt {margin-top: 0.7em;}
  340.  
  341. .npf-link-block {
  342. margin-top: 1.3em;
  343. border-radius: 0;
  344. background-color: initial;
  345. }
  346.  
  347. .npf-link-block .poster .title {padding: 1.5em;}
  348. .npf-link-block.no-poster .title {padding: 1.5em 1.5em 0 1.5em;}
  349. .npf-link-block .title {font-size: 1.25em; border-bottom: none;}
  350. .npf-link-block .bottom {padding: 1.5em !important;}
  351.  
  352. img {
  353. margin: 0;
  354. display: block;
  355. height: auto;
  356. max-width: 100%;
  357. }
  358.  
  359. .photo img {width: 100%;}
  360. .vignette, #vignette {opacity: 0;}
  361. .tmblr-lightbox, #tumblr_lightbox {background-color: rgba(130, 130, 130, 0.75) !important;}
  362.  
  363. .lightbox-image, #tumblr_lightbox img {
  364. box-shadow: none !important;
  365. border-radius: 0 !important;
  366. max-width: none;
  367. }
  368.  
  369. #tumblr_lightbox_caption, .lightbox-caption {
  370. color: #fff !important;
  371. font-family: inherit;
  372. margin-top: 1em !important;
  373. }
  374.  
  375. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  376. margin-left: 0 !important;
  377. margin-right: 0 !important;
  378. }
  379.  
  380. .quote, p.npf_quote {line-height: 1.5; font-size: 1.7em;}
  381. .quote p:first-of-type {margin-top: 0;}
  382. .quote p:last-of-type {margin-bottom: 0;}
  383.  
  384. p.npf_quote {
  385. font-family: 'Amiko', sans-serif;
  386. color:{color:Link};
  387. font-weight:bold;
  388. margin-bottom: 0.6em;}
  389.  
  390. .source {
  391. margin-top: 1em;}
  392.  
  393. .chat {padding: 0; margin:0 0 0 2.3em;}
  394. .chat li {list-style-type: none; margin-top: 1em;}
  395. .chat li:first-of-type {margin-top: 0;}
  396. .chatter {font-weight: bold;}
  397.  
  398. p.npf_chat {font-family: inherit; margin-top: 1em;}
  399. p.npf_chat b {font-family: inherit;}
  400.  
  401. .ask-wrap {
  402. border-radius: 10%;
  403. border-radius: 30px;
  404. background: {color:Ask Background};
  405. padding: 20px;
  406. width: auto;
  407. height: auto;
  408. color: {color:Text};
  409. }
  410.  
  411. .ask-wrap .askicon {
  412. width: 2em;
  413. height: 2em;
  414. display: inline-block;
  415. vertical-align: middle;
  416. border-radius: 50%;
  417. }
  418.  
  419. .ask-wrap .asking {
  420. display: inline-block;
  421. margin-left: 1em;
  422. font-weight: bold;
  423. }
  424.  
  425. .question {margin: 0.5em 0 0 3.3em}
  426. .question p:first-of-type {margin-top: 0;}
  427. .question p:last-of-type {margin-bottom: 0;}
  428.  
  429. .answered {margin: 2em 0 3.5em 5em; list-style-type: none;}
  430. .answered p {margin: 0.5em 0;}
  431. .answered p:last-of-type {margin-bottom: 0;}
  432.  
  433. .answered iframe, .caption img {max-width: 100%;}
  434.  
  435. .audiopost {
  436. padding: 0;
  437. border: 1px solid {color:Borders};
  438. border-radius: 7px;
  439. background: {color:Audio Background};
  440. margin-bottom: 1.5em;
  441. }
  442.  
  443. .album-art {
  444. z-index: 1;
  445. display: inline-block;
  446. vertical-align: middle;
  447. float: left;
  448. width: 100px;
  449. height: 100px;
  450. border-radius: 7px;
  451. }
  452.  
  453. .button {
  454. width: 30px;
  455. height: 30px;
  456. overflow: hidden;
  457. position: relative;
  458. z-index: 2;
  459. padding: 3px;
  460. }
  461.  
  462. .audiobox {
  463. background-color: #f2f2f2;
  464. opacity: .8;
  465. z-index: 3;
  466. position: absolute;
  467. margin: 32px 0 0 32px;
  468. border-radius: 7px;
  469. }
  470.  
  471. .audioinfo {
  472. display: inline-block;
  473. height: 100px;
  474. display: flex;
  475. justify-content: center;
  476. flex-direction: column;
  477. box-sizing: border-box;
  478. padding-left: 3.5em;
  479. }
  480.  
  481. .audioinfo li {list-style-type: none;}
  482.  
  483. .track {
  484. font-weight: bold;
  485. font-size: 14px;
  486. }
  487.  
  488. .trackartist {
  489. padding-top:1em;
  490. }
  491.  
  492. .spotify_audio_player {
  493. height:80px!important;
  494. width:100%!important;
  495. border: 1px solid {color:borders};
  496. border-radius: 7px;
  497. }
  498.  
  499. .bandcamp_audio_player {
  500. height:120px!important;
  501. width:100%!important;
  502. border: 1px solid {color:borders};
  503. border-radius: 7px;
  504. }
  505.  
  506. .soundcloud_audio_player {
  507. height:150px!important;
  508. width:100%!important;
  509. border: 1px solid {color:Borders};
  510. border-radius: 7px;
  511. }
  512.  
  513. .info {
  514. border: 1px solid {color:Borders};
  515. border-radius: 7px;
  516. background: {color:Post Links Background};
  517. padding:0.6em;
  518. margin-top: 1em;
  519. display: flex;
  520. flex-direction: row;
  521. align-items: flex-start;
  522. justify-content: space-between;
  523. }
  524.  
  525. .info a {display: inline-block; vertical-align: middle;}
  526.  
  527. .tags {
  528. max-height:0px;
  529. font-size:0.9em;
  530. line-height: 130%;
  531. text-align:left;
  532. margin-right: 0.3em;
  533. margin-left: 0.3em;
  534. opacity:0;
  535. -webkit-transition: all 0.7s ease;
  536. transition: all 0.7s ease;
  537. -moz-transition: all 0.7s ease;
  538. -o-transition: all 0.7s ease;
  539. }
  540.  
  541. .tags a {
  542. color:{color:Link};
  543. }
  544.  
  545. .tags a:hover {
  546. cursor:help;
  547. color:{color:Selected Link};
  548. text-decoration:none;
  549. -webkit-transition: all 0.3s;
  550. -moz-transition: all 0.3s;
  551. -ms-transition: all 0.3s;
  552. -o-transition: all 0.3s;
  553. transition: all 0.3s;
  554. }
  555.  
  556. {block:ifShowHiddenTags}
  557. .posts:hover .tags {
  558. margin-top:0.7em;
  559. opacity:1;
  560. max-height:300px;
  561. -webkit-transition: all 0.7s ease;
  562. transition: all 0.7s ease;
  563. -moz-transition: all 0.7s ease;
  564. -o-transition: all 0.7s ease;
  565. }
  566. {/block:ifShowHiddenTags}
  567.  
  568. .datenotes {
  569. padding:0 5px 0 0px;
  570. font-size:0.9em;
  571. text-transform:capitalize;
  572. }
  573.  
  574. .info-left a {
  575. margin-right: 0.3em;
  576. margin-left: 0.3em;
  577. font-size:0.9em;
  578. }
  579. .post-controls a {margin-left: 0.1em;}
  580.  
  581. .source-info {
  582. position: relative;
  583. border-bottom: 1px solid {color:Borders};
  584. width: {select:Post Width};
  585. height: auto;
  586. }
  587.  
  588. .source-info li {
  589. position:relative;
  590. list-style-type: none;
  591. line-height: 1.8em;
  592. color: {color:Text};
  593. font-size:0.9em;
  594. }
  595.  
  596. #rebloggings {
  597. margin-left:-14px;
  598. }
  599.  
  600. .reblogorig {
  601. text-transform: capitalize;
  602. font-weight: bold;
  603. }
  604.  
  605. a.pinned-post {
  606. font-weight: bold;
  607. color: {color:Selected Link};
  608. }
  609.  
  610. .tag-day {font-weight: bold;}
  611.  
  612. .notes {margin-top:0;}
  613.  
  614. ol.notes {
  615. max-width: 100%;
  616. padding: 0;
  617. margin: 2em 0 0 2.3em;
  618. }
  619.  
  620. ol.notes li.note {
  621. padding: 0.5em 0;
  622. list-style-type: none;
  623. }
  624.  
  625. ol.notes li.note img.avatar {
  626. border-radius: 50%;
  627. margin-right: 0.8em;
  628. vertical-align: middle;
  629. display: inline-block;
  630. width: 1.25em;
  631. height: 1.25em;
  632. }
  633.  
  634. #page-navigation {
  635. background: {color:Background};
  636. width: 100%;
  637. height: 100%;
  638. text-align: center;
  639. }
  640.  
  641. .next-page {
  642. margin: 0 0.5em;
  643. text-transform: capitalize;
  644. color: {color:Page Number};
  645. background: {color:Page Num Background};
  646. border-radius: 0.3em;
  647. width: 20%;
  648. height: auto;
  649. padding:1em;
  650. }
  651.  
  652. .next-page:hover {
  653. text-decoration: none;
  654. text-transform: capitalize;
  655. color: {color:Selected Page Number};
  656. background: {color:Selected Page Num Background};
  657. }
  658.  
  659. .prev-page {
  660. margin: 0 0.5em;
  661. text-transform: capitalize;
  662. color: {color:Page Number};
  663. background: {color:Page Num Background};
  664. border-radius: 0.3em;
  665. width: 20%;
  666. height: auto;
  667. padding:1em;
  668. }
  669.  
  670. .prev-page:hover {
  671. text-decoration: none;
  672. text-transform: capitalize;
  673. color:{color:Selected Page Number};
  674. background: {color:Selected Page Num Background};
  675. }
  676.  
  677. .page-num {
  678. margin: 0 0.5em;
  679. text-transform: capitalize;
  680. border: 1px solid {color:Borders};
  681. color: {color:Text};
  682. background: {color:Background};
  683. border-radius: 0.3em;
  684. width: 20%;
  685. height: auto;
  686. padding:1em;
  687. }
  688.  
  689. .page-num:hover {
  690. text-decoration: none;
  691. text-transform: capitalize;
  692. background: {color:Background};
  693. border: 1px solid {color:Link};
  694. border-radius: 0.3em;
  695. color: {color:Link};
  696. }
  697.  
  698. .current-page {
  699. margin: 0 0.5em;
  700. text-transform: capitalize;
  701. color: {color:Link};
  702. background: {color:Background};
  703. border: 1px solid {color:Link};
  704. border-radius: 0.3em;
  705. width: 20%;
  706. height: auto;
  707. padding:1em;
  708. }
  709.  
  710. #hs {
  711. position: fixed;
  712. bottom: 20px;
  713. right: 20px;
  714. font-size: 11px;
  715. font-weight:bold;
  716. font-family: serif !important;
  717. }
  718.  
  719. {CustomCSS}
  720.  
  721. svg {
  722. width:10px;
  723. height:auto;
  724. opacity:1;
  725. padding:1px;
  726. display:block;
  727. overflow:visible;
  728. }
  729.  
  730. .controls a {
  731. position:relative;
  732. display:inline-block;
  733. overflow:hidden;
  734. padding:0 5px 0 5px;
  735. width:12px;
  736. height:12px;
  737. }
  738.  
  739. .controls .reblog {
  740. opacity:.93;
  741. }
  742.  
  743. .controls .reblog svg {
  744. width:9px;
  745. margin-top:1px;
  746. }
  747.  
  748. .controls .like .liked + svg {
  749. opacity:0.5;
  750. }
  751.  
  752. .controls .like .liked + svg path {
  753. fill:{color:Selected Link};
  754. }
  755.  
  756. .controls .like .like_button {
  757. position:relative;
  758. }
  759.  
  760. .controls .like .like_button iframe {
  761. position:absolute;
  762. top:0;
  763. left:0;
  764. bottom:0;
  765. right:0;
  766. z-index:2;
  767. opacity:0;
  768. }
  769.  
  770. </style>
  771.  
  772. </head>
  773.  
  774. <body>
  775.  
  776. <div id="stickyheaderupper">
  777. <div id="stickyheader-desc">{Description}</div>
  778. </div>
  779. <div id="stickyheaderlower">
  780. <div id="stickyheaderinner">
  781. <div id="stickyheader-title">{Title}</div>
  782. <div id="stickynav">
  783. <a href="/">{text:Home Link}</a>
  784. <a href="/ask">{text:Ask Link}</a>
  785. <a href="/archive">{text:Archive Link}</a>
  786. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:iflink1}
  787. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{/block:iflink2}
  788. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{/block:iflink3}
  789. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{/block:iflink4}
  790. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{/block:iflink5}
  791. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{/block:iflink6}
  792. {block:iflink7}<a href="{text:link 7 url}">{text:link 7}</a>{/block:iflink7}
  793. </div>
  794. </div>
  795. </div>
  796.  
  797. <main>
  798.  
  799. <section>
  800.  
  801. {block:TagPage}
  802. <article class="tagday-page">
  803. Viewing posts filed under <span class="tag-day">#{Tag}</span>
  804. </article>
  805. {/block:TagPage}
  806.  
  807. {block:DayPage}
  808. <article class="tagday-page">
  809. Viewing posts made on <span class="tag-day">{Month} {DayOfMonth}, {Year}</span>
  810. </article>
  811. {/block:DayPage}
  812.  
  813. {block:Posts}
  814. <article class="posts" id="{PostID}">
  815.  
  816. {block:Text}
  817. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  818. {block:NotReblog}
  819. <li class="caption original-caption text-caption">
  820. <div class="caption-text">{Body}</div>
  821. </li>
  822. {/block:NotReblog}
  823. {block:RebloggedFrom}
  824. <div class="reblog-wrap">
  825. {block:Reblogs}
  826. <li class="caption text-caption">
  827. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  828. <div class="caption-text">{Body}</div>
  829. </li>
  830. {/block:Reblogs}
  831. </div>
  832. {/block:RebloggedFrom}
  833. {/block:Text}
  834.  
  835. {block:Link}
  836. <a href="{URL}" class="link-wrap">
  837. {block:Thumbnail}<img src="{Thumbnail-HighRes}">{/block:Thumbnail}
  838. <div class="link">
  839. <div class="title">{Name}</div>
  840. {block:Excerpt}<div class="link-txt">{Excerpt}</div>{/block:Excerpt}
  841. {block:Host}<div class="link-host">{Host}</div>{/block:Host}
  842. </div>
  843. </a>
  844. {block:Description}
  845. {block:NotReblog}
  846. <li class="caption original-caption">
  847. <div class="caption-text">{Description}</div>
  848. </li>
  849. {/block:NotReblog}
  850. {/block:Description}
  851. {block:RebloggedFrom}
  852. <div class="reblog-wrap">
  853. {block:Reblogs}
  854. <li class="caption">
  855. <img src="{PortraitURL-64}" class="user-icon">
  856. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  857. <div class="caption-text">{Body}</div>
  858. </li>
  859. {/block:Reblogs}
  860. </div>
  861. {/block:RebloggedFrom}
  862. {/block:Link}
  863.  
  864. {block:Photo}
  865. <div class="photo">
  866. {LinkOpenTag}<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}" alt="{PhotoAlt}"></a>{LinkCloseTag}
  867. </div>
  868. {block:Caption}
  869. {block:NotReblog}
  870. <li class="caption original-caption">
  871. <div class="caption-text">{Caption}</div>
  872. </li>
  873. {/block:NotReblog}
  874. {block:RebloggedFrom}
  875. <div class="reblog-wrap">
  876. {block:Reblogs}
  877. <li class="caption">
  878. <img src="{PortraitURL-64}" class="user-icon">
  879. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  880. <div class="caption-text">{Body}</div>
  881. </li>
  882. {/block:Reblogs}
  883. </div>
  884. {/block:RebloggedFrom}
  885. {/block:Caption}
  886. {/block:Photo}
  887.  
  888. {block:Photoset}
  889. <div class="photo">{Photoset-700}</div>
  890. {block:Caption}
  891. {block:NotReblog}
  892. <li class="caption original-caption">
  893. <div class="caption-text">{Caption}</div>
  894. </li>
  895. {/block:NotReblog}
  896. {block:RebloggedFrom}
  897. <div class="reblog-wrap">
  898. {block:Reblogs}
  899. <li class="caption">
  900. <img src="{PortraitURL-64}" class="user-icon">
  901. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  902. <div class="caption-text">{Body}</div>
  903. </li>
  904. {/block:Reblogs}
  905. </div>
  906. {/block:RebloggedFrom}
  907. {/block:Caption}
  908. {/block:Photoset}
  909.  
  910. {block:Video}
  911. <div class="video">{Video-500}</div>
  912. {block:Caption}
  913. {block:NotReblog}
  914. <li class="caption original-caption">
  915. <div class="caption-text">{Caption}</div>
  916. </li>
  917. {/block:NotReblog}
  918. {block:RebloggedFrom}
  919. <div class="reblog-wrap">
  920. {block:Reblogs}
  921. <li class="caption">
  922. <img src="{PortraitURL-64}" class="user-icon">
  923. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  924. <div class="caption-text">{Body}</div>
  925. </li>
  926. {/block:Reblogs}
  927. </div>
  928. {/block:RebloggedFrom}
  929. {/block:Caption}
  930. {/block:Video}
  931.  
  932. {block:Quote}
  933. <div class="quote">{Quote}</div>
  934. {block:Source}<div class="source">{Source}</div>{/block:Source}
  935. {/block:Quote}
  936.  
  937. {block:Chat}
  938. {block:Title}<h1 class="post-title"><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  939. <ul class="chat">{block:Lines}
  940. <li>
  941. {block:Label}<div class="chatter">{Label}</div>{/block:Label}
  942. <div class="chattxt">{Line}</div>
  943. </li>
  944. {/block:Lines}</ul>
  945. {/block:Chat}
  946.  
  947. {block:Answer}
  948. <div class="ask-wrap">
  949. <img src="{AskerPortraitURL-64}" class="askicon">
  950. <div class="asking">{Asker} asked:</div>
  951. <div class="question">{Question}</div>
  952. </div>
  953. {block:Answerer}
  954. <li class="answered">
  955. <img src="{AnswererPortraitURL-64}" class="user-icon">
  956. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Answerer}</a></div>
  957. <div class="caption-text">{Answer}</div>
  958. </li>
  959. {/block:Answerer}
  960. {block:NotReblog}
  961. <li class="caption original-caption">
  962. <div class="caption-text">{Replies}</div>
  963. </li>
  964. {/block:NotReblog}
  965. {block:RebloggedFrom}
  966. <div class="reblog-wrap">
  967. {block:Reblogs}
  968. <li class="caption">
  969. <img src="{PortraitURL-64}" class="user-icon">
  970. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  971. <div class="caption-text">{Body}</div>
  972. </li>
  973. {/block:Reblogs}
  974. </div>
  975. {/block:RebloggedFrom}
  976. {/block:Answer}
  977.  
  978. {block:Audio}
  979. <div class="audiopost">
  980. <div class="audiobox"><div class="button">
  981. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  982. </div></div>
  983. {block:AlbumArt}
  984. <img src="{AlbumArtURL}" class="album-art">
  985. {/block:AlbumArt}
  986. <div class="audioinfo">
  987. {block:TrackName}<li class="track">{TrackName}</li>{/block:TrackName}
  988. {block:Artist}<li class="trackartist">{Artist}</li>{/block:Artist}
  989. {block:Album}<li class="trackalbum">{Album}</li>{/block:Album}
  990. </div>
  991. </div>
  992. {block:Caption}
  993. {block:NotReblog}
  994. <li class="caption original-caption">
  995. <div class="caption-text">{Caption}</div>
  996. </li>
  997. {/block:NotReblog}
  998. {block:RebloggedFrom}
  999. <div class="reblog-wrap">
  1000. {block:Reblogs}
  1001. <li class="caption">
  1002. <img src="{PortraitURL-64}" class="user-icon">
  1003. <div class="username {block:IsDeactivated}deactive{/block:IsDeactivated}"><a href="{Permalink}">{Username}</a></div>
  1004. <div class="caption-text">{Body}</div>
  1005. </li>
  1006. {/block:Reblogs}
  1007. </div>
  1008. {/block:RebloggedFrom}
  1009. {/block:Caption}
  1010. {/block:Audio}
  1011.  
  1012. {block:Date}
  1013.  
  1014. <div class="info">
  1015. <div class="info-left">
  1016. {block:PinnedPostLabel}<a href="{Permalink}" class="pinned-post">{PinnedPostLabel}</a>{/block:PinnedPostLabel}
  1017. <a href="{Permalink}" class="datenotes">{ShortMonth} {DayOfMonthwithzero}</a>
  1018. {block:NoteCount}<a href="{Permalink}" class="datenotes">{NoteCountwithlabel}</a>{/block:NoteCount}
  1019. </div>
  1020.  
  1021. <div class="post-controls">
  1022. <div class="controls">
  1023. <a href="{ReblogURL}" target="_blank" class="reblog">
  1024. <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>
  1025. </svg>
  1026. </a>
  1027. <a href="#" class="like">{LikeButton}
  1028. <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>
  1029. </svg>
  1030. </a>
  1031. </div>
  1032. </div>
  1033. </div>
  1034.  
  1035. {block:PermalinkPage}
  1036. <div class="source-info">
  1037. <ul id="rebloggings">
  1038. {block:RebloggedFrom}
  1039. <li><span class="reblogorig">Reblogged</span> from <a href="{ReblogParentURL}">{ReblogParentName}</a></li>
  1040. <li><span class="reblogorig">Original post</span> by <a href="{ReblogRootURL}">{ReblogRootName}</a></li>
  1041. {/block:RebloggedFrom}
  1042. {block:ContentSource}
  1043. <li><span class="reblogorig">{lang:Source}</span> is <a href="{SourceURL}">{SourceTitle}</a></li>{/block:ContentSource}
  1044. </ul>
  1045. </div>
  1046. {/block:PermalinkPage}
  1047.  
  1048. {/block:Date}
  1049.  
  1050. {block:HasTags}
  1051. <div class="tags">
  1052. {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}
  1053. </div>
  1054. {/block:HasTags}
  1055.  
  1056. {block:PermalinkPage}{block:Date}
  1057. {block:NoteCount}{block:PostNotes}
  1058. <div class="notes">
  1059. {PostNotes}
  1060. </div>
  1061. {/block:PostNotes}{/block:NoteCount}
  1062. {/block:Date}{/block:PermalinkPage}
  1063.  
  1064. </article>
  1065. {/block:Posts}
  1066.  
  1067. </section>
  1068.  
  1069. {block:Pagination}
  1070. <article id="page-navigation">
  1071. {block:PreviousPage}<a href="{PreviousPage}" class="prev-page">← Previous Page</a>{/block:PreviousPage}
  1072. {block:JumpPagination length="5"}
  1073. {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1074. {block:JumpPage}<a href="{URL}" class="page-num">{PageNumber}</a>{/block:JumpPage}
  1075. {/block:JumpPagination}
  1076. {block:NextPage}<a href="{NextPage}" class="next-page">Next Page →</a>{/block:NextPage}
  1077. </article>
  1078. {/block:Pagination}
  1079.  
  1080. </main>
  1081.  
  1082. <a href="https://vintagegrandma.tumblr.com" title="by @vintagegrandma" id="hs">vg.</a>
  1083.  
  1084. </body>
  1085.  
  1086. </html>
Advertisement
Add Comment
Please, Sign In to add comment