dhyas

THEME 04 - CINNAMON GIRL V2

Dec 16th, 2019 (edited)
7,410
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.52 KB | None | 0 0
  1. <!--
  2.  
  3. ♡ CINNAMON GIRL / THEME 04 (V2) by DHYA @ARIANAGRANDRE ♡
  4. [EDITED AS OF 8 MAY 2023]
  5. arianagrandre.tumblr.com
  6.  
  7. base code by @sorrism, icon fonts by Perxis (linearicons) / gradient tutorial by cssgradient.io / - NPF (mobile) photoset fix by @glenthemes / - no.js photosets by @annasthms & @eggdesign
  8.  
  9. Please DO NOT remove any credits. DO NOT claim or redistribute this theme, take parts as your own or use it as a base code. Feel free to edit it as much you like. Enjoy!
  10.  
  11.  
  12. -->
  13.  
  14. <!DOCTYPE html>
  15. <head>
  16. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  17.  
  18. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{favicon}">
  21.  
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <!--Default Variables-->
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Posts" content="#f5f5f5"/>
  29. <meta name="color:Text" content="#868686"/>
  30. <meta name="color:Link" content="#ed8fbc"/>
  31. <meta name="color:Link Hover" content="#81bbb9"/>
  32. <meta name="color:Title"content="#ffffff"/>
  33. <meta name="color:Scrollbar" content="#ffe7aa" />
  34. <meta name="color:Gradient Color 1" content="#ff7bb7" />
  35. <meta name="color:Gradient Color 2" content="#83cfd4" />
  36. <meta name="color:Gradient Color 3" content="#eadb7c" />
  37. <meta name="if:Show Title" content="0" />
  38. <meta name="if:Show Archive" content="0"/>
  39.  
  40. <meta name="text:Link 1" content="" />
  41. <meta name="text:Link 1 URL" content="" />
  42. <meta name="text:Link 2" content="" />
  43. <meta name="text:Link 2 URL" content="" />
  44. <meta name="text:Link 3" content="" />
  45. <meta name="text:Link 3 URL" content="" />
  46. <meta name="text:Link 4" content="" />
  47. <meta name="text:Link 4 URL" content="" />
  48.  
  49.  
  50.  
  51. <meta name="image:Sidebar" content=""/>
  52.  
  53. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  54.  
  55. <!--
  56. NPF images fix v3.0 by @glenthemes [2021]
  57. 💌 git.io/JRBt7
  58. --->
  59. <script src="//npf-images-v3.github.io/script.js"></script>
  60. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  61. <style tmblr-npf>
  62. :root {
  63. --NPF-Caption-Spacing:1em;
  64. --NPF-Image-Spacing:4px;
  65. }
  66. </style>
  67.  
  68. <link rel="stylesheet" media="screen" href="//assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build.css">
  69. <link href="https://fonts.googleapis.com/css?family=Nunito|Palanquin+Dark&display=swap" rel="stylesheet">
  70.  
  71. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  72.  
  73.  
  74. <!--CSS customization here. -->
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. /*tumblr controls and lightbox*/
  80.  
  81. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  82.  
  83. .tmblr-lightbox img {opacity:0;}
  84.  
  85. .lightbox-caption {
  86. color:{color:title}!important;
  87. font-family:inherit!important;
  88. font-size:1em!important;
  89. font-weight:normal!important;
  90. text-shadow:none!important;
  91. }
  92.  
  93. .lightbox-image {
  94. -moz-box-shadow:none!important;
  95. -webkit-box-shadow:none!important;
  96. box-shadow:none!important;
  97. -moz-border-radius:0px!important;
  98. -webkit-border-radius:0px!important;
  99. border-radius:0px!important;
  100. padding:0px!important;
  101. border:0!important;
  102. opacity:1!important;
  103. }
  104.  
  105. .vignette {opacity:0!Important;}
  106.  
  107. .iframe-controls--desktop {
  108. white-space:nowrap!important;
  109. top:5px!important;
  110. right:5px!important;
  111. opacity:1!important;
  112. position:fixed!important;
  113. }
  114.  
  115. /*tooltip*/
  116.  
  117. .ui-tooltip {
  118. position:Absolute;
  119. z-index:9999;
  120. padding-top:10px;
  121. }
  122.  
  123. .ui-tooltip-content {
  124. background:{color:background};
  125. padding:0 4px;
  126. font-style:italic;
  127. color:{color:link};
  128. text-transform:lowercase;
  129. border:1px solid {color:borders};
  130. }
  131.  
  132. /*scrollbar*/
  133.  
  134. ::-webkit-scrollbar{
  135. height:11px;
  136. width:11px;
  137. background:inherit;
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  141.  
  142. ::-webkit-scrollbar-track {background:{color:borders};}
  143.  
  144. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  145.  
  146.  
  147. /*main structure*/
  148.  
  149. body {
  150. background:{color:background};
  151. color:{color:text};
  152. font-size:11.5px;
  153. font-family:'nunito', sans-serif;
  154. line-height:1.5em;
  155. word-wrap:break-word;
  156. text-align:justify;
  157. text-transform:none;
  158. }
  159.  
  160. a {
  161. color:{color:link};
  162. text-decoration:none;
  163. transition:all .3s linear;
  164. -webkit-transition:all .3s linear;
  165. -o-transition:all .3s linear;
  166. -moz-transition:all .3s linear;
  167. }
  168.  
  169. a, a img {cursor:pointer;}
  170.  
  171. a:hover {
  172. color:{color:link hover}!important;
  173. text-decoration:none;
  174. }
  175.  
  176. img {
  177. opacity:1;
  178. border:0;
  179. text-decoration:none;
  180. max-width:100%;
  181. height:auto;
  182. display:block;
  183. }
  184.  
  185. blockquote {
  186. padding:.25em 0 .25em 15px;
  187. margin:.5em 0;
  188.  
  189. }
  190.  
  191. pre {
  192. padding:0;
  193. margin:0;
  194. line-height:inherit!important;
  195. background:transparent;
  196. font-family:inherit!Important;
  197. font-size:inherit!important;
  198. white-space:pre-wrap;
  199. white-space:-moz-pre-wrap;
  200. white-space:-pre-wrap;
  201. white-space:-o-pre-wrap;
  202. word-wrap:break-word;
  203. }
  204.  
  205. p {margin:1em 0;}
  206.  
  207. p:first-of-type {margin-top:0;}
  208.  
  209. p:last-of-type {margin-bottom:0;}
  210.  
  211. b, strong, b a, strong a {
  212. font-weight:bold!important;
  213. color:{color:text};
  214. }
  215.  
  216. small, big, sub, pre {
  217. font-size:1em!important;
  218. line-height:1.4em!important;
  219. vertical-align:baseline!important;
  220. }
  221.  
  222. i {
  223. font-style:italic;
  224. }
  225.  
  226. h1, h2, h3, h4 {
  227. margin:1.5em 0;
  228. font-size:13px;
  229. letter-spacing:0.5px;
  230. font-weight:500;
  231. color:{color:text};
  232. font-weight:bold;
  233. }
  234.  
  235. .posts li, .posts blockquote, figure, video, iframe, .video, .video iframe, figure.tmblr-embed.tmblr-full, figure.tmblr-embed.tmblr-full iframe, .caption iframe {max-width: 100%;}
  236.  
  237.  
  238. .posts ul li {
  239. list-style:none;
  240. line-height:150%;
  241. margin-left:0px;
  242. }
  243.  
  244. .posts ul li:before {
  245. content:'›';
  246. margin-right:1em;
  247. font-weight:100;
  248. font-size:10px;
  249.  
  250.  
  251. }
  252.  
  253. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  254.  
  255. hr {
  256. border:none;
  257. box-shadow:0;
  258. margin:2em auto;
  259. width:75px;
  260. }
  261.  
  262. /*header*/
  263.  
  264. sidebar {
  265. width:270px;
  266. margin-left: 120px;
  267. margin-top: 10px;
  268. position:fixed;
  269. padding:0px;
  270. background-color:{color:Posts};
  271. }
  272.  
  273. .sidebarimg img {
  274. display:block;
  275. max-width:270px;
  276. height:auto;
  277. }
  278.  
  279.  
  280. .nav {
  281. margin-top:15px;
  282. width:270px;
  283. padding-top:13px;
  284. padding-bottom:13px;
  285. text-align:center;
  286. line-height:20px;
  287. display:block;
  288. background: linear-gradient(to right, {color:Gradient Color 1} , {color:Gradient Color 2} , {color:Gradient Color 3});
  289.  
  290. }
  291.  
  292.  
  293. .nav a {
  294. font-size:12px;
  295. margin: 5px;
  296. font-weight:400;
  297. font-family: 'palanquin dark', sans-serif;
  298. text-transform:lowercase;
  299. color: #ffffff;
  300. display:inline-block;
  301. -moz-transition-duration: 0.5s;
  302. -o-transition-duration: 0.5s;
  303. -webkit-transition-duration: 0.5s;
  304. transition-duration: 0.5s;
  305. }
  306.  
  307. .nav a:hover {
  308. color:{color:Link Hover};
  309. text-decoration:none;
  310. -moz-transition-duration: 0.5s;
  311. -o-transition-duration: 0.5s;
  312. -webkit-transition-duration: 0.5s;
  313. transition-duration: 0.5s;
  314. }
  315.  
  316. .blogtitle {
  317. text-align:center;
  318. padding:15px;
  319. margin-bottom:10px;
  320. margin-top:0px;
  321. background: linear-gradient(to right, {color:Gradient Color 1} , {color:Gradient Color 2} , {color:Gradient Color 3});
  322. }
  323.  
  324. .blogtitle a {
  325. font-family: 'palanquin dark', sans-serif;
  326. letter-spacing:0.5px;
  327. font-weight:700;
  328. font-size:15px;
  329. color:{color:title};
  330. text-transform:uppercase;
  331. }
  332.  
  333.  
  334. #description {
  335. margin-top:15px;
  336. padding-right:25px;
  337. padding-left:25px;
  338. margin-bottom:10px;
  339. text-align:center;
  340. font-family:{text:body}
  341. color:{color:text};
  342. background-color:{color:Posts};
  343.  
  344. }
  345.  
  346. /*pagination*/
  347.  
  348. .pagination {
  349. width:270px;
  350. padding-top:15px;
  351. margin-top:0px;
  352. text-align:center;
  353. font-size:12px;
  354. font-family:'palanquin dark', sans-serif;
  355. text-transform:none;
  356. background-color:{color:background};
  357. }
  358.  
  359.  
  360. .pagination a {
  361. margin:1em;
  362. color:{color:Link};
  363. -moz-transition-duration: 0.5s;
  364. -o-transition-duration: 0.5s;
  365. -webkit-transition-duration: 0.5s;
  366. transition-duration: 0.5s;
  367. }
  368.  
  369. .pagination a:hover {
  370. color:{color:Link Hover};
  371. text-decoration:none;
  372. -moz-transition-duration: 0.5s;
  373. -o-transition-duration: 0.5s;
  374. -webkit-transition-duration: 0.5s;
  375. transition-duration: 0.5s;
  376. }
  377.  
  378.  
  379. /*posts*/
  380.  
  381. section {
  382. width:540px;
  383. margin-left:490px;
  384. margin-top: 100px;
  385. margin-bottom:130px;
  386. }
  387. .posts {
  388. width:540px;
  389. margin-bottom:100px;
  390. text-align:justify;
  391. background-color:{color:Posts};
  392.  
  393. }
  394.  
  395. .ph {
  396. position:relative;
  397. overflow:hidden;
  398. margin:0;
  399. }
  400.  
  401. .ph img {
  402. width:auto;
  403. display:block;
  404. }
  405.  
  406. .photo-slideshow {
  407. width:auto!important;
  408. }
  409.  
  410. .posts ul li {
  411. list-style:none;
  412. line-height:100%;
  413. margin-left:0px;
  414. }
  415.  
  416. .posts ul li:before {
  417. content:"›";
  418. color:{color:accent};
  419. padding-right:5px;
  420. }
  421.  
  422.  
  423. /*titles*/
  424.  
  425. .title {
  426. font-family:{text:body};
  427. line-height:110%;
  428. margin-bottom:5px;
  429. font-size:13px;
  430. color:{color:text};
  431. text-transform:none;
  432. letter-spacing:0.5px;
  433. font-weight: 500;
  434. padding-left:20px;
  435. padding-top:20px;
  436. padding-right:20px;}
  437.  
  438. .title a {color:{color:link};}
  439.  
  440. .title a:hover {color:{color:link hover};}
  441.  
  442. /*captions*/
  443.  
  444. .userheader{
  445. padding:12px;
  446. width:100%;
  447. background: linear-gradient(to right, {color:Gradient Color 1} , {color:Gradient Color 2} , {color:Gradient Color 3});
  448. overflow:hidden;
  449.  
  450. }
  451.  
  452. .user {
  453.  
  454. line-height:20px;
  455. font-family:'palanquin dark',sans-serif;
  456. font-style:bold;
  457. font-weight:700;
  458. font-size:12px;
  459. color:#ffffff;
  460.  
  461.  
  462. }
  463.  
  464. .userrb {
  465. margin-bottom:0px;
  466. margin-left:10px;
  467. font-family:'palanquin dark',sans-serif;
  468. font-style:bold;
  469. font-weight:700;
  470. font-size:12px;
  471. color:{color:link};
  472. display:inline-block;
  473. padding-top:0px;
  474.  
  475. }
  476.  
  477.  
  478. .userrbuser {
  479. margin-top:23px;
  480. margin-left:5px;
  481. display:inline-block;
  482. color:{color:link};
  483.  
  484. }
  485.  
  486.  
  487. .userrb img {
  488. border-radius: 20%;
  489. width: 18px;
  490. height: 18px;
  491. margin-right:10px;
  492. display:inline-block;
  493. margin-left:10px;
  494. margin-top:2em;
  495. float:left;
  496.  
  497. }
  498.  
  499. .user img {
  500. border-radius: 20%;
  501. width: 18px;
  502. height: 18px;
  503. margin-right:10px;
  504. margin-top:1px;
  505. display:inline-block;
  506. float:left;
  507. }
  508.  
  509.  
  510.  
  511. .comment {
  512.  
  513. list-style:none;
  514. overflow:hidden;
  515.  
  516. }
  517.  
  518. .comment:last-of-type {padding-bottom:0!important;}
  519.  
  520.  
  521. .captioned .comment:first-of-type {margin-top:1em; }
  522.  
  523. .tex {margin-top:1.5em;font:{text:body};
  524. padding-left:20px;
  525. padding-right:20px;
  526. padding-top:10px;
  527. line-height:1.5em;
  528.  
  529. }
  530.  
  531.  
  532. .tex li, .tex blockquote {
  533. margin-top:10px;
  534. margin-bottom:10px;
  535. text-align:left;
  536.  
  537. }
  538.  
  539. /*photoset*/
  540.  
  541. .post-content div.npf_row, .post div.npf_row, body div.npf_row {
  542. margin-left: 0 !important;
  543. margin-right: 0 !important;
  544. }
  545.  
  546. [photoset-layout] {
  547. grid-gap:4px;
  548. }
  549.  
  550. [photoset-layout] div {
  551. cursor:pointer;
  552. }
  553.  
  554. .photo-slideshow {
  555. width:auto!important;
  556. }
  557.  
  558. /*quote*/
  559.  
  560. .qsource {
  561.  
  562. padding:20px
  563. }
  564.  
  565.  
  566. /*audio*/
  567.  
  568. .playerwrap {
  569. padding:20px;
  570. padding-bottom:20px;
  571. background: linear-gradient(to right, {color:Gradient Color 1} , {color:Gradient Color 2} , {color:Gradient Color 3});
  572. }
  573.  
  574. .player {
  575. width:33px;
  576. position:absolute;
  577. z-index:9;
  578. margin-left:24px;
  579. overflow:hidden;
  580. border-radius: 10px;
  581. margin-top:25px;
  582. margin-bottom:5px;
  583. opacity:0.5;
  584. background-color:{color:Posts};
  585. }
  586.  
  587. .player a {
  588. opacity:1;
  589. }
  590.  
  591. .trname{
  592.  
  593. font-family:'palanquin dark',sans-serif;
  594. font-weight:bold;
  595. font-size:13px;
  596. font-style:italic;
  597. color:#ffffff;
  598. }
  599.  
  600.  
  601. .audio_info {
  602. margin-left:100px;
  603. margin-top:-90px;
  604. position:relative;
  605. padding:10px;
  606. line-height:2.5em;
  607. max-width:calc(100% - 35px);
  608. color:#ffffff;
  609. }
  610.  
  611. .audio_info span {
  612. white-space:nowrap;
  613. overflow:hidden;
  614. text-overflow:ellipsis;
  615. display:block;
  616. }
  617.  
  618. .albumart img {
  619. position:relative;
  620. height:80px;
  621. width:80px;
  622. border-radius:5px;
  623. margin-bottom:10px;
  624. margin-top:0px;
  625. }
  626.  
  627. .spotify_audio_player {
  628.  
  629. height: 80px !important;
  630. width:540px;
  631.  
  632. }
  633.  
  634.  
  635.  
  636. /*asks*/
  637.  
  638. .q {
  639. text-align:left;
  640. padding:20px;
  641. margin-bottom:-1em;
  642. font:{text:body};
  643. color:#ffffff;
  644. background: linear-gradient(to right, {color:Gradient Color 1} , {color:Gradient Color 2} , {color:Gradient Color 3});
  645. }
  646.  
  647. .qn {
  648. padding-left:20px;
  649. padding-right:20px;
  650. padding-top:40px;
  651. padding-bottom:30px;
  652. border-bottom:3px solid {color:background};
  653.  
  654. }
  655.  
  656. .askr {
  657. font-weight:700;
  658. font-family:'palanquin dark',sans-serif;
  659. font-size:12px;
  660. text-transform:lowercase;
  661. color:#ffffff;
  662. }
  663.  
  664. .askr a {
  665. margin-right:0px;
  666. color:#ffffff;
  667. }
  668.  
  669. .ansr {
  670. margin-top:2em;
  671. padding-left:20px;
  672. padding-right:20px;
  673. }
  674.  
  675. .as {text-transform:lowercase;}
  676.  
  677. .as a {color:{color:text};}
  678.  
  679. .as a:hover {color:{color:link hover};}
  680.  
  681. /*chat*/
  682.  
  683. .chat {
  684. text-align:left;
  685. margin:0;
  686. padding:0;
  687. list-style:none;
  688. }
  689.  
  690. .l {
  691. padding:15px 0;
  692. border-bottom:1px solid {color:borders};
  693. }
  694.  
  695. .label {
  696. font-weight:bold;
  697. color:{color:title};
  698. display:inline-block;
  699. }
  700.  
  701. .l:first-of-type {padding-top:0;}
  702.  
  703. .l:last-of-type {
  704. padding-bottom:0;
  705. border:0;
  706. }
  707. /*permalink and notes*/
  708. footer {
  709. margin: 30px auto;
  710. background-color:{color:background};
  711. }
  712.  
  713. .when {
  714. margin-top:1em;
  715. padding-top:15px;
  716. padding-left:10px;
  717. padding-bottom:15px;
  718. padding-right:10px;
  719. display:block;
  720. color:#ffffff;
  721. font-weight:700;
  722. font-size:12px;
  723. font-family:'palanquin dark',sans-serif;
  724. text-transform:lowercase;
  725. background: linear-gradient(to right, {color:Gradient Color 1} , {color:Gradient Color 2} , {color:Gradient Color 3});
  726.  
  727. }
  728.  
  729. .when a {
  730. font-weight:700;
  731. font-size:12px;
  732. font-family:'palanquin dark',sans-serif;
  733. color:#ffffff;
  734. text-transform:lowercase;
  735.  
  736. }
  737.  
  738.  
  739. .tags {
  740. margin-top:1.5em;
  741. font-size:11px;
  742. line-height:2em;
  743. padding-top:0px;
  744. padding-right:5px;
  745. padding-left:5px;
  746. display:block;
  747. background:{color:background};
  748.  
  749. }
  750.  
  751. .tags a {
  752. font-style:normal;
  753. word-spacing:1,7px;
  754. font-family: {text:body};
  755. color:{color:text};
  756. display:inline;
  757. margin:0 5px;
  758. }
  759.  
  760. .pagenotes {
  761.  
  762. margin-top:-30px;
  763. color:#656464;
  764. padding:20px;
  765. background:{color:background};
  766.  
  767. }
  768.  
  769. ol.notes {
  770. list-style-type:none;
  771. padding:0px;
  772. margin:0px;
  773. }
  774.  
  775. ol.notes li.note {
  776. display:block;
  777. padding:0;
  778. margin:5px 0;
  779. }
  780.  
  781. ol.notes li.note img.avatar {display:none!important;}
  782.  
  783. a.more_notes_link {
  784. display:block;
  785. text-align:center;
  786. color:{color:link};
  787. font-family:{text:body};
  788. padding:20px;
  789. }
  790.  
  791. .credit {
  792. position:fixed;
  793. right:12.5px;
  794. bottom:15px;
  795. color:#3c3c3c;
  796. }
  797.  
  798.  
  799. {CustomCSS}
  800.  
  801. </style>
  802.  
  803. </head>
  804.  
  805. <body>
  806.  
  807. <sidebar>
  808. {block:ifSidebarImage}<div class="sidebarimg"><a href="/"><img src="{image:Sidebar}"/></a></div>{/block:ifSidebarImage}
  809. {block:ifShowTitle}<div class="blogtitle"><a href="/">{Title}</a></div>
  810. {/block:ifShowTitle}
  811. <div id="description">{Description}</div>
  812. <div class="nav"><a href="/"><span class="lnr lnr-map"></span> Home</a> <a href="/ask"><span class="lnr lnr-bubble"></span> Message</a> {block:ifLink1}<a href="{text:Link 1 URL}"><span class="lnr lnr-list"></span> {text:Link 1}</a>{/block:ifLink1} {block:ifLink2}<a href="{text:Link 2 URL}"><span class="lnr lnr-user"></span> {text:Link 2}</a>{/block:ifLink2} {block:ifLink3}<a href="{text:Link 3 URL}"><span class="lnr lnr-inbox"></span> {text:Link 3}</a>{/block:ifLink3} {block:ifLink4}<a href="{text:Link 4 Url}"><span class="lnr lnr-bookmark"></span> {text:Link 4}</a>{/block:ifLink4} {block:ifShowArchive}<a href="/archive"><span class="lnr lnr-calendar-full"></span></a> {/block:ifShowArchive}</div>
  813.  
  814. {block:Pagination}
  815. <div class="pagination">
  816. <span>
  817. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  818. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} </span>
  819. </div>
  820. {/block:Pagination}
  821. </sidebar>
  822.  
  823.  
  824. <section id="entries">
  825. {block:posts inlineMediaWidth="1280" inlineNestedMediaWidth="1280"}
  826. <article class="posts" post-type="{PostType}" {block:caption}captioned{/block:caption}>
  827.  
  828. {block:Quote}
  829. <div class="title quote">{quote}</div>
  830. {block:Source}<div class="qsource">{source}</div>{/block:Source}
  831. {/block:Quote}
  832.  
  833.  
  834. {block:Text}
  835. {block:Title}<div class="title">{title}</div>{/block:Title}
  836. {block:RebloggedFrom}
  837. {block:Reblogs}
  838. <div class="comment">
  839. {block:Title}<li class="ted">{/block:Title}
  840. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="userrb" target="_blank"><img src="{PortraitURL-64}"> <div class="userrbuser">{username}</div></a>
  841. <div class="tex">{body}</div>
  842. </div>
  843. {/block:Reblogs}
  844. {/block:RebloggedFrom}
  845. {block:NotReblog}
  846. <li class="comment {block:Title}ted{/block:Title}">
  847. <div class="tex">{body}</div>
  848. </li>
  849. {/block:NotReblog}
  850. {/block:Text}
  851.  
  852. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  853. {block:Description}
  854. {block:NotReblog}
  855. <li class="comment ted">
  856. <div class="tex">{description}</div>
  857. </li>
  858. {/block:NotReblog}
  859. {/block:Description}
  860. {block:RebloggedFrom}
  861. {block:Reblogs}
  862. <li class="comment">
  863. <a {block:haspermalink}href="{Permalink}"{/block:haspermalink}</a>
  864. <div class="tex">{body}</div>
  865. </li>
  866. {/block:Reblogs}
  867. {/block:RebloggedFrom}
  868. {/block:Link}
  869.  
  870. {block:Chat}
  871. {block:Title}<div id="title">{title}</div>{/block:Title}
  872. <ol class="chat {block:Title}ted{/block:Title}">
  873. {block:lines}
  874. <li class="l {Alt}">
  875. {block:label}<span class="label">{label}</span>{/block:label} {line}
  876. </li>
  877. {/block:lines}
  878. </ol>
  879. {/block:Chat}
  880.  
  881. <div class="ph">
  882.  
  883. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  884.  
  885. {block:Photoset}<div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>{/block:Photoset}
  886.  
  887. {block:Video}<div class="video">{VideoEmbed-700}</div>{/block:Video}
  888. {block:Audio}
  889.  
  890. <div class="playerwrap">
  891. <div class="player">{audioplayerwhite}</div>
  892. {block:albumart}<div class="albumart"><img src="{albumartURL}"></div class="albumart">{/block:albumart}
  893. <div class="audio_info">
  894. {block:trackname}<span class="trname">{trackname}</span>{/block:trackname}
  895. {block:album}<span class="album">{album}{/block:album} by {block:artist}{artist}{/block:artist}</span>
  896.  
  897. </div></div>
  898.  
  899. {/block:Audio}
  900.  
  901.  
  902. {block:caption}
  903. {block:Reblogs}
  904. <li class="comment">
  905. <div class="userheader"><a {block:haspermalink}href="{Permalink}"{/block:haspermalink} class="user" target="_blank"> <img src="{PortraitURL-64}"> {username}</a></div>
  906. <div class="tex">{body}</div>
  907. </li>
  908. {/block:Reblogs}
  909. {block:NotReblog}
  910. <li class="comment" style="padding:0">
  911. <div class="tex">{caption}</div>
  912. </li>
  913. {/block:NotReblog}
  914. {/block:caption}
  915. </div>
  916.  
  917. {block:Answer}
  918. <div class="q">
  919. <span class="askr"><div class="user"><img src="{AskerPortraitURL-64}"> {username}</a></div>{Asker} asked</span></div> <div class="qn">{Question}</div>
  920. {block:Answerer}
  921. <div class="ansr">
  922. <div class="user"><img src="{AnswererPortraitURL-64}"> {username}</a> {answerer}</div> <div class="tex">{answer}</div>
  923. </div>
  924. {/block:Answerer}
  925. {block:NotReblog}
  926. <li class="comment">
  927. <div class="tex">{replies}</div>
  928. </li>
  929. {/block:NotReblog}
  930. {block:RebloggedFrom}
  931. {block:Reblogs}
  932. <li class="comment">
  933. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="userrb" target="_blank"><img src="{PortraitURL-64}"><div class="userrbuser">{username}</div></a>
  934. <div class="tex">{body}</div>
  935. </li>
  936. {/block:Reblogs}
  937. {/block:RebloggedFrom}
  938. {/block:Answer}
  939.  
  940. {block:Date}
  941.  
  942. <footer>
  943. <div class="when">
  944. <span><a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}
  945.  
  946. {block:Permalink}{block:ContentSource} <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  947. {/block:Permalink}
  948. <div style="float:right">
  949. {block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom} 
  950. <a href="{ReblogURL}" target="_blank" class="reblog">
  951. Reblog
  952. </a>
  953. </a></div></div></span></div>
  954. <div class="tags">
  955. {block:hastags}
  956. <span class="tags">{block:Tags}<a href="{TagUrl}"> <span class="lnr lnr-tag"></span> {Tag}</a>{/block:Tags}</span>
  957. {/block:hasTags}
  958. </div>
  959. </footer>
  960. {/block:Date}
  961.  
  962. </article>
  963.  
  964. {block:PostNotes}
  965. <article class="posts pagenotes">
  966. <hr>
  967. {PostNotes}
  968. </article>
  969. {/block:PostNotes}
  970.  
  971. {/block:Posts}
  972.  
  973. </section>
  974.  
  975. <script src="https://static.tumblr.com/0podkko/jfMplm3f8/modified_photosets.js"></script>
  976.  
  977. {block:ContentSource}
  978. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  979. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  980. {/block:SourceLogo}
  981. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  982. {/block:ContentSource}
  983.  
  984. <div class="credit"><a href="https://arianagrandre.tumblr.com/" title="arianagrandre"><span class="lnr lnr-star"></span></span></a></div>
  985.  
  986. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment