calliearambulo

C Theme by PT

Jan 15th, 2020
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!---
  4. ___ ___ _ _ _____ __ _____ _ _ ___ __ __ ___ ___
  5. | _ \_ _| | | | / _ \ \ / / |_ _| || | __| \/ | __/ __|
  6. | _/| || |__| |_| (_) \ \/\/ / | | | __ | _|| |\/| | _|\__ \
  7. |_| |___|____|____\___/ \_/\_/ |_| |_||_|___|_| |_|___|___/
  8.  
  9. BY CARA
  10.  
  11. Rules:
  12. 1. Do not steal snippets or all of my codes.
  13. 2. Do not claim theme as yours.
  14. 3. Do not remove the credit.
  15. -->
  16.  
  17. <head>
  18. <title>{Title}</title>
  19.  
  20. <link rel="shortcut icon" href="{FavIcon}" />
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  23. <link href="https://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css"/>
  24. <link rel="stylesheet" href="https://static.tumblr.com/vowb075/m9vpc1yxe/animate.min.css">
  25.  
  26. <link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
  27.  
  28. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  29.  
  30. <!--- START META TAGS --->
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#000000"/>
  33. <meta name="color:Link" content="#5ac9e1"/>
  34. <meta name="color:Accent 1" content="#dcecf5"/>
  35. <meta name="color:Accent 2" content="#bbe4d0"/>
  36. <meta name="color:Accent 3" content="#dccbe7"/>
  37. <meta name="color:Border" content="#f6f6f6"/>
  38.  
  39. <meta name="color:first column" content="#bbe4d0"/>
  40. <meta name="color:second column" content="#fad6ab"/>
  41. <meta name="color:third column" content="#f0bfb3"/>
  42. <meta name="color:fourth column" content="#ffd800"/>
  43.  
  44. <meta name="text:font size" content="just type the number"/>
  45.  
  46. <meta name="image:first header" content=""/>
  47. <meta name="image:second header" content=""/>
  48. <meta name="image:third header" content=""/>
  49. <meta name="image:fourth header" content=""/>
  50.  
  51. <meta name="text:recent upload link one" content=""/>
  52. <meta name="text:recent upload label one" content=""/>
  53. <meta name="text:recent upload description one" content=""/>
  54. <meta name="image:recent upload image one" content=""/>
  55.  
  56. <meta name="text:recent upload link two" content=""/>
  57. <meta name="text:recent upload label two" content=""/>
  58. <meta name="text:recent upload description two" content=""/>
  59. <meta name="image:recent upload image two" content=""/>
  60.  
  61. <meta name="text:recent upload link three" content=""/>
  62. <meta name="text:recent upload label three" content=""/>
  63. <meta name="text:recent upload description three" content=""/>
  64. <meta name="image:recent upload image three" content=""/>
  65.  
  66. <meta name="image:sarcoline" content=""/>
  67. <meta name="image:pillow themes" content=""/>
  68.  
  69. <meta name="if:infinite scroll" content="1"/>
  70. <!-- END OF META TAGS -->
  71.  
  72. </head>
  73. <style type="text/css">
  74.  
  75. /* SCROLLBAR */
  76. ::-webkit-scrollbar {
  77. width:10px;
  78. }
  79.  
  80. ::-webkit-scrollbar-track {
  81. background-color:#ffffff;
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. background-color:{color:accent 1};
  86. }
  87.  
  88. body {
  89. color:{color:text};
  90. background-color:{color:background};
  91. font-size:{text:font size}px;
  92. font-family: 'Lato', sans-serif;
  93. line-height:1.5;
  94. letter-spacing:0.5px;
  95. }
  96.  
  97. a {
  98. text-decoration:none;
  99. color:{color:link};
  100. }
  101.  
  102. iframe, img, embed, object, video {
  103. max-width: 100%;
  104. }
  105.  
  106. blockquote {
  107. border-left:1.5px solid {color:accent 2};
  108. color:{color:text};
  109. margin-left:10px;
  110. padding-left:15px;
  111. }
  112.  
  113. #pillowthemes {
  114. right:0;
  115. margin-right:20px;
  116. bottom:0;
  117. margin-bottom:20px;
  118. position:fixed;
  119. width:30px;
  120. height:30px;
  121. border-radius:50%;
  122. background-image: linear-gradient(to right, #fff1eb 0%, #ace0f9 100%);
  123. }
  124.  
  125. #topb {
  126. top:0;
  127. width:100%;
  128. height:10px;
  129. background-color:{color:accent 1};
  130. position:fixed;
  131. z-index:99;
  132. }
  133.  
  134. #links {
  135. top:10px;
  136. width:100%;
  137. height:auto;
  138. position:fixed;
  139. background-color:{color:background};
  140. border-bottom:1px solid {color:border};
  141. padding:25px 20px 20px 20px;
  142. z-index:99;
  143. text-align:center;
  144. }
  145.  
  146. #links img {
  147. display:inline;
  148. }
  149.  
  150. #links a {
  151. margin-right:30px;
  152. color:{color:text};
  153. -webkit-transition: all 0.3s ease;
  154. -moz-transition: all 0.3s ease;
  155. -o-transition: all 0.3s ease;
  156. transition: all 0.3s ease;
  157. }
  158.  
  159. #links a:hover {
  160. color:{color:accent 1};
  161. -webkit-transition: all 0.3s ease;
  162. -moz-transition: all 0.3s ease;
  163. -o-transition: all 0.3s ease;
  164. transition: all 0.3s ease;
  165. }
  166.  
  167. #links a:nth-child(4) {
  168. text-transform:uppercase;
  169. }
  170.  
  171. #links a:last-child {
  172. margin-right:0px;
  173. }
  174.  
  175. #container {
  176. width:1000px;
  177. height:auto;
  178. margin-top:130px;
  179. margin-right:auto;
  180. margin-left:auto;
  181. margin-bottom:100px;
  182. background-color:red;
  183. }
  184.  
  185. #content {
  186. width:500px;
  187. height:auto;
  188. float:left;
  189. }
  190.  
  191. /* Individual Posts */
  192. article {
  193. width:500px;
  194. margin-bottom:50px;
  195. border:1px solid {color:border};
  196. {block:PermalinkPage}
  197. width:500px;
  198. {/block:PermalinkPage}
  199. }
  200.  
  201. #header {
  202. width:1000px;
  203. height:300px;
  204. background-color:{color:background};
  205. margin-bottom:50px;
  206. }
  207.  
  208. #header img {
  209. width:250px;
  210. height:300px;
  211. }
  212.  
  213. #header img:hover {
  214. opacity:0.5;
  215. -webkit-transition: all 0.3s ease;
  216. -moz-transition: all 0.3s ease;
  217. -o-transition: all 0.3s ease;
  218. transition: all 0.3s ease;
  219. }
  220.  
  221. #first {
  222. width:250px;
  223. height:300px;
  224. float:left;
  225. background-color:{color:first column};
  226. }
  227.  
  228. #second {
  229. width:250px;
  230. height:300px;
  231. background-color:{color:second column};
  232. float:left;
  233. }
  234.  
  235. #third {
  236. width:250px;
  237. height:300px;
  238. background-color:{color:third column};
  239. float:left;
  240. }
  241.  
  242. #fourth {
  243. width:250px;
  244. height:300px;
  245. background-color:{color:fourth column};
  246. float:left;
  247. }
  248.  
  249. #sidebar {
  250. width:200px;
  251. height:50%;
  252. float:left;
  253. background-color:{color:background};
  254. border:1px solid {color:border};
  255. margin-right:50px;
  256. }
  257.  
  258. #lbox1 {
  259. width:200px;
  260. height:auto;
  261. }
  262.  
  263. #lboxt1 {
  264. border-bottom:1px solid {color:border};
  265. padding:10px;
  266. font-weight:bold;
  267. }
  268.  
  269. .lnr-home {
  270. color:{color:first column};
  271. border-radius:50px 50px 50px 0px;
  272. font-weight:bold;
  273. }
  274.  
  275. #des {
  276. margin:10px;
  277. }
  278.  
  279. #lbox2 {
  280. width:200px;
  281. height:auto;
  282. }
  283.  
  284. #lboxt2 {
  285. border-top:1px solid {color:border};
  286. border-bottom:1px solid {color:border};
  287. padding:10px;
  288. font-weight:bold;
  289. }
  290.  
  291. .lnr-bookmark {
  292. color:{color:third column};
  293. font-weight:bold;
  294. }
  295.  
  296. #lboxim {
  297. margin:10px;
  298. text-align:center;
  299. }
  300.  
  301. #lboxim a {
  302. margin-right:10px;
  303. }
  304.  
  305. #lboxim a:last-child {
  306. margin-right:0;
  307. }
  308.  
  309. #lboxim img {
  310. width:80px;
  311. height:80px;
  312. -webkit-transition: all 0.3s ease;
  313. -moz-transition: all 0.3s ease;
  314. -o-transition: all 0.3s ease;
  315. transition: all 0.3s ease;
  316. }
  317.  
  318. #lboxim img:hover {
  319. opacity:0.5;
  320. -webkit-transition: all 0.3s ease;
  321. -moz-transition: all 0.3s ease;
  322. -o-transition: all 0.3s ease;
  323. transition: all 0.3s ease;
  324. }
  325.  
  326. #lbox3 {
  327. width:200px;
  328. height:auto;
  329. }
  330.  
  331. #lboxt3 {
  332. border-top:1px solid {color:border};
  333. border-bottom:1px solid {color:border};
  334. padding:10px;
  335. font-weight:bold;
  336. }
  337.  
  338. #box3c {
  339. margin:10px;
  340. padding-bottom:30px;
  341. }
  342.  
  343. #label {
  344. width:65px;
  345. background-color:{color:fourth column};
  346. float:left;
  347. padding:5px;
  348. }
  349.  
  350. #labelc {
  351. width:95px;
  352. margin-top:-1px;
  353. border-bottom:1px solid {color:fourth column};
  354. float:right;
  355. padding:5px;
  356. text-align:right;
  357. }
  358.  
  359. #lbox3 {
  360. width:200px;
  361. height:auto;
  362. }
  363.  
  364. #lboxt3 {
  365. border-top:1px solid {color:border};
  366. border-bottom:1px solid {color:border};
  367. padding:10px;
  368. font-weight:bold;
  369. }
  370.  
  371. .lnr-cog {
  372. color:{color:second column};
  373. font-weight:bold;
  374. }
  375.  
  376. #lbox4 {
  377. width:200px;
  378. height:auto;
  379. }
  380.  
  381. #lboxt4 {
  382. border-top:1px solid {color:border};
  383. border-bottom:1px solid {color:border};
  384. padding:10px;
  385. font-weight:bold;
  386. }
  387.  
  388. #box4c {
  389. margin:10px;
  390. padding-bottom:30px;
  391. }
  392.  
  393. #label1 {
  394. width:32px;
  395. background-color:{color:second column};
  396. float:left;
  397. padding:5px;
  398. }
  399.  
  400. #label1c {
  401. width:128px;
  402. margin-top:-1px;
  403. border-bottom:1px solid {color:second column};
  404. float:right;
  405. padding:5px;
  406. text-align:right;
  407. }
  408.  
  409. .lnr-calendar-full {
  410. color:{color:second column};
  411. font-weight:bold;
  412. }
  413.  
  414. #rsidebar {
  415. width:200px;
  416. height:50%;
  417. float:right;
  418. background-color:{color:background};
  419. border:1px solid {color:border};
  420. }
  421.  
  422. #box5 {
  423. width:200px;
  424. height:auto;
  425. }
  426.  
  427. #sidetitle5 {
  428. border-bottom:1px solid {color:border};
  429. padding:10px;
  430. font-weight:bold;
  431. }
  432.  
  433. .lnr-pushpin {
  434. color:{color:accent 3};
  435. font-weight:bold;
  436. }
  437.  
  438. #box5c {
  439. margin:10px;
  440. }
  441.  
  442. #box5c img {
  443. width:auto;
  444. height:auto;
  445. }
  446.  
  447. #boxcimglabel {
  448. padding:5px;
  449. text-align:center;
  450. margin-top:5px;
  451. background-color:{color:accent 3};
  452. font-weight:bold;
  453. }
  454.  
  455. #boxcimglabel a {
  456. color:{color:text};
  457. }
  458.  
  459. #boxcimgdesc {
  460. margin-top:10px;
  461. margin-bottom:10px;
  462. }
  463.  
  464. #boxcimgdesc:last-child {
  465. margin-bottom:0;
  466. }
  467.  
  468. /* PERMALINKS */
  469. #perma {
  470. text-align:left;
  471. background-color:{color:background};
  472. border-bottom:1px solid {color:border};
  473. padding:10px;
  474. position:relative;
  475. {block:PermalinkPage}
  476. display:none;
  477. {/block:PermalinkPage}
  478. }
  479.  
  480. #perma a {
  481. margin-right:15px;
  482. color:{color:text};
  483. -webkit-transition: all 0.3s ease;
  484. -moz-transition: all 0.3s ease;
  485. -o-transition: all 0.3s ease;
  486. transition: all 0.3s ease;
  487. }
  488.  
  489. #perma a:last-child {
  490. margin-right:0px;
  491. }
  492.  
  493. #perma a:hover {
  494. color:{color:link};
  495. -webkit-transition: all 0.3s ease;
  496. -moz-transition: all 0.3s ease;
  497. -o-transition: all 0.3s ease;
  498. transition: all 0.3s ease;
  499. }
  500.  
  501. .lnr-camera {
  502. color:{color:first column};
  503. font-weight:bold;
  504. }
  505.  
  506. .lnr-picture {
  507. color:{color:second column};
  508. font-weight:bold;
  509. }
  510.  
  511. .lnr-text-size {
  512. color:{color:third column};
  513. font-weight:bold;
  514. }
  515.  
  516. .lnr-text-align-left {
  517. color:{color:fourth column};
  518. font-weight:bold;
  519. }
  520.  
  521. .lnr-camera-video {
  522. color:{color:accent 3};
  523. font-weight:bold;
  524. }
  525.  
  526. .lnr-bubble {
  527. color:{color:accent 2};
  528. font-weight:bold;
  529. }
  530.  
  531. /* PERMALINKS */
  532. #perma2 {
  533. text-align:left;
  534. background-color:{color:background};
  535. border-top:1px solid {color:border};
  536. padding:10px;
  537. position:relative;
  538. {block:PermalinkPage}
  539. display:none;
  540. {/block:PermalinkPage}
  541. }
  542.  
  543. #perma2 a {
  544. margin-right:15px;
  545. color:{color:text};
  546. -webkit-transition: all 0.3s ease;
  547. -moz-transition: all 0.3s ease;
  548. -o-transition: all 0.3s ease;
  549. transition: all 0.3s ease;
  550. }
  551.  
  552. #perma2 a:last-child {
  553. margin-right:0px;
  554. }
  555.  
  556. #perma2 a:hover {
  557. color:{color:link};
  558. -webkit-transition: all 0.3s ease;
  559. -moz-transition: all 0.3s ease;
  560. -o-transition: all 0.3s ease;
  561. transition: all 0.3s ease;
  562. }
  563.  
  564. .lnr-tag {
  565. color:{color:accent 1};
  566. font-weight:bold;
  567. margin-right:5px;
  568. }
  569.  
  570. /* TAGS */
  571. .tags {
  572. padding:0px 10px 0px 20px;
  573. display:inline;
  574. }
  575.  
  576. /* TEXT POSTS */
  577. .ptitle {
  578. font-size:16px;
  579. margin:20px;
  580. }
  581.  
  582. .pbody {
  583. margin:20px;
  584. }
  585.  
  586. /* QUOTE POSTS */
  587. .quo {
  588. margin:20px;
  589. background-color:{color:fourth column};
  590. padding:10px;
  591. }
  592.  
  593. .source {
  594. margin:20px;
  595. }
  596.  
  597. /* ASK POSTS */
  598. .as {
  599. margin:20px;
  600. font-size:16px;
  601. color:{color:second column};
  602. text-transform:capitalize;
  603. text-align:center;
  604. }
  605.  
  606. .q {
  607. margin:20px;
  608. padding:10px;
  609. background-color:{color:accent 2};
  610. }
  611.  
  612. .ans {
  613. margin:20px;
  614. border-bottom:3px solid {color:first column};
  615. padding-bottom:10px;
  616. }
  617.  
  618. /* AUDIO POSTS */
  619. .albumart {
  620. width:500px;
  621. height:500px;
  622. }
  623.  
  624. .aplayer {
  625. width:500px;
  626. }
  627.  
  628. .acaption {
  629. margin:20px;
  630. }
  631.  
  632. .tumblr_audio_player {
  633. height:30px;
  634. width:270px;
  635. }
  636.  
  637. /* POST CAPTION */
  638. .caption {
  639. margin:20px;
  640. }
  641.  
  642. /* CREDITS TO TUMBLR DOCS */
  643. ol.notes {
  644. padding: 0px;
  645. margin: 25px 0px;
  646. list-style-type: none;
  647. border-bottom: solid 1px {color:accent 1};
  648. }
  649.  
  650. ol.notes li.note {
  651. border-top: solid 1px {color:accent 1};
  652. padding: 10px;
  653. }
  654.  
  655. ol.notes li.note img.avatar {
  656. vertical-align: -4px;
  657. margin-right: 10px;
  658. width: 16px;
  659. height: 16px;
  660. }
  661.  
  662. ol.notes li.note span.action {
  663. }
  664.  
  665. ol.notes li.note .answer_content {
  666. font-weight: normal;
  667. }
  668.  
  669. ol.notes li.note blockquote {
  670. border-color: #eee;
  671. padding: 4px 10px;
  672. margin: 10px 0px 0px 25px;
  673. }
  674.  
  675. ol.notes li.note blockquote a {
  676. text-decoration: none;
  677. }
  678. /* CREDITS TO TUMBLR DOCS */
  679.  
  680. /* INFINITE SCROLL */
  681. {block:ifnotinfinitescroll}
  682. .pagi {
  683. width:480px;
  684. text-align:center;
  685. background-color:{color:accent 1};
  686. padding:10px;
  687. font-size:14px;
  688. font-weight:bold;
  689. font-family: 'Lato', sans-serif;
  690. margin-bottom:50px;
  691. text-transform:uppercase;
  692. }
  693.  
  694. .pagi a {
  695. color:{color:accent 2};
  696. margin-right:25px;
  697. }
  698.  
  699. .pagi a:last-child {
  700. margin-right:0px;
  701. color:#fff;
  702. }
  703. {/block:ifnotinfinitescroll}
  704.  
  705. {block:ifinfinitescroll}
  706. .pagi {
  707. display:none;
  708. }
  709. {/block:ifinfinitescroll}
  710.  
  711. /* TUMBLR CONTROLS */
  712. .tmblr-iframe {
  713. position:fixed!important;
  714. top:0;
  715. margin-top:15px;
  716. right:0;
  717. margin-right:15px;
  718. z-index:999999!important;
  719. -webkit-transform:scale(0.8,0.8);
  720. -webkit-transform-origin: 100% 0%;
  721. -ms-transform-origin:100% 0%;
  722. -ms-transform:scale(0.8,0.8);
  723. transform:scale(0.8,0.8);
  724. transform-origin:100% 0%;
  725. }
  726.  
  727. </style>
  728. <body>
  729.  
  730. <div id="topb"></div>
  731. <div id="links">
  732. <img src="{PortraitURL-24}" style="float:left;border-radius:50px 50px 50px 0px;">
  733. <a href="/ask">Mailbox</a>
  734. <a href="/about">About</a>
  735. <a href="/" style="color:{color:accent 2};font-weight:bold;font-size:14px;">{Title}</a>
  736. <a href="/archive">Archive</a>
  737. <a href="https://pillowthemes.tumblr.com/">Themes</a>
  738. </div>
  739.  
  740. <div id="container">
  741. <div id="header">
  742. <div id="first"><a href="/"><img src="{image:first header}"></a></div>
  743. <div id="second"><a href="/"><img src="{image:second header}"></a></div>
  744. <div id="third"><a href="/"><img src="{image:third header}"></a></div>
  745. <div id="fourth"><a href="/"><img src="{image:fourth header}"></a></div>
  746. </div>
  747.  
  748. <div id="sidebar">
  749. <div id="lbox1">
  750. <div id="lboxt1"><span class="lnr lnr-home"></span>
  751. <span style="float:right;">Description</span></div>
  752. <div id="des">{Description}</div>
  753. </div>
  754.  
  755. <div id="lbox4">
  756. <div id="lboxt4"><span class="lnr lnr-calendar-full"></span></span>
  757. <span style="float:right;">To Do List</span></div>
  758. <div id="box4c">
  759. <div id="label1">100%</div>
  760. <div id="label1c">2020 Theme</div>
  761. <br>
  762. <br>
  763. <div id="label1">5%</div>
  764. <div id="label1c">Finish online course</div>
  765. <br>
  766. <br>
  767. <div id="label1">0%</div>
  768. <div id="label1c">Watch Secret City</div>
  769. <br>
  770. <br>
  771. <div id="label1">25%</div>
  772. <div id="label1c">Study Nihongo</div>
  773. <br>
  774. <br>
  775. <div id="label1">0%</div>
  776. <div id="label1c">Redesign clothes</div>
  777. </div>
  778. </div>
  779.  
  780. <div id="lbox2">
  781. <div id="lboxt2"><span class="lnr lnr-bookmark"></span>
  782. <span style="float:right;">Other Blogs</span></div>
  783. <div id="lboxim">
  784. <a href="https://sarcoline.tumblr.com/"><img src="{image:sarcoline}"></a>
  785. <a href="https://pillowthemes.tumblr.com/"><img src="{image:pillow themes}"></a>
  786. </div>
  787. </div>
  788.  
  789. <div id="lbox3">
  790. <div id="lboxt3"><span class="lnr lnr-cog"></span></span>
  791. <span style="float:right;">Statistics</span></div>
  792. <div id="box3c">
  793. <div id="label">Established</div>
  794. <div id="labelc">01.01.2020</div>
  795. <br>
  796. <br>
  797. <div id="label">Status</div>
  798. <div id="labelc">Online</div>
  799. <br>
  800. <br>
  801. <div id="label">Mailbox</div>
  802. <div id="labelc">Accepting</div>
  803. </div>
  804. </div>
  805. </div>
  806.  
  807. <div id="content">
  808. {block:Posts}
  809. <article>
  810.  
  811. {block:IndexPage}
  812. <div id="perma">
  813. {block:Photo}<a href="{Permalink}"><span class="lnr lnr-camera"></span></a>
  814. <span style="float:right;">Photo</span>
  815. {/block:Photo}
  816.  
  817. {block:Photoset}<a href="{Permalink}"><span class="lnr lnr-picture"></span></a>
  818. <span style="float:right;">Photoset</span>
  819. {/block:Photoset}
  820.  
  821. {block:Text}<a href="{Permalink}"><span class="lnr lnr-text-size"></span></a>
  822. <span style="float:right;">Text</span>
  823. {/block:Text}
  824.  
  825. {block:Quote}<a href="{Permalink}"><span class="lnr lnr-text-align-left"></span></a>
  826. <span style="float:right;">Quote</span>
  827. {/block:Quote}
  828.  
  829. {block:Video}<a href="{Permalink}"><span class="lnr lnr-camera-video"></span></a>
  830. <span style="float:right;">Video</span>
  831. {/block:Video}
  832.  
  833. {block:Answer}<a href="{Permalink}"><span class="lnr lnr-bubble"></span></a>
  834. <span style="float:right;">Answer</span>
  835. {/block:Answer}
  836.  
  837. </div>
  838. {/block:IndexPage}
  839.  
  840. {block:Photo}
  841. <div class="photo">
  842. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />{LinkCloseTag}
  843. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  844. {/block:Photo}
  845.  
  846. {block:Photoset}
  847. <div class="photoset">
  848. {block:IndexPage}
  849. {Photoset-500}
  850. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  851. {/block:IndexPage}
  852. {block:PermalinkPage}
  853. {Photoset-500}
  854. {/block:PermalinkPage}
  855. {/block:Photoset}
  856.  
  857. {block:Text}
  858. <div id="post text">
  859. {block:Title}<div class="ptitle"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  860. <div class="pbody">{Body}</div>
  861. {/block:Text}
  862.  
  863. {block:Link}
  864. <div class="link">
  865. <a href="{URL}">{Name}</a>
  866. {block:Description}{Description}{/block:Description}
  867. {/block:Link}
  868.  
  869. {block:Quote}
  870. <div class="quote">
  871. <div class="quo">“{Quote}”</div>
  872. {block:Source}<div class="source">—&nbsp;&nbsp;{Source}</div>{/block:Source}
  873. {/block:Quote}
  874.  
  875. {block:Chat}
  876. <div class="chat">
  877. <ul>
  878. {block:Lines}
  879. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  880. {/block:Lines}
  881. </ul>
  882. {/block:Chat}
  883.  
  884. {block:Audio}
  885. {block:AlbumArt}<img class="albumart" src="{AlbumArtURL}">{/block:AlbumArt}
  886. {block:AudioPlayer}<div class="aplayer">{AudioPlayer}</div>{/block:AudioPlayer}
  887. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  888. {block:IndexPage}<div class="acaption">{block:TrackName}Track: {TrackName}<br>{/block:TrackName}
  889. {block:Artist}Artist: {Artist}<br>{/block:Artist}
  890. {block:PlayCount}Played: {PlayCount}{/block:PlayCount}</div>
  891. {/block:IndexPage}
  892. {block:PermalinkPage}
  893. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  894. {/block:PermalinkPage}
  895. {/block:Audio}
  896.  
  897. {block:Video}
  898. <div id="post video">
  899. {Video-500}
  900. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  901. </div>
  902. {/block:Video}
  903.  
  904. {block:Answer}
  905. <div class="as">{Asker} asked:</div>
  906. <div class="q">{Question}</div>
  907. <div class="ans">{Answer}</div>
  908. {/block:Answer}
  909.  
  910. {block:IndexPage}
  911. <div id="perma2">
  912. <span class="lnr lnr-tag"></span><a href="{Permalink}">{NoteCountWithLabel}</a>
  913. <a href="{ReblogURL}" style="float:right;">Reblog</a>
  914. </div>
  915. {/block:IndexPage}
  916.  
  917. {block:PermalinkPage}
  918. <span style="margin:20px;">{NoteCountWithLabel}</span>
  919. <br>
  920. <span style="margin:20px;">Posted on {DayOfMonthWithZero} {Month} {Year}</span>
  921. {block:HasTags}{block:Tags}<div class="tags"><a href="{TagURL}"> #{Tag} </a></div>{/block:Tags}{/block:HasTags}
  922. {block:PostNotes}{PostNotes}{/block:PostNotes}
  923. {/block:PermalinkPage}
  924.  
  925. </article>
  926. {/block:Posts}
  927.  
  928. {block:Pagination}
  929. <div class="pagination">
  930. <div class="pagi">
  931. {block:PreviousPage}<a href="{PreviousPage}">Backward</a>{/block:PreviousPage}
  932. {block:NextPage}<a href="{NextPage}">Forward</a>{/block:NextPage}
  933. </div></div>
  934. {/block:Pagination}
  935. <!--- PILLOW THEMES --->
  936. <nav>
  937. <ul>
  938. {block:HasPages}
  939. {block:Pages}
  940. <li> <a href="{URL}">{Label}</a></li>
  941. {/block:Pages}
  942. {/block:HasPages}
  943. </ul>
  944. </nav>
  945. <!-- PT -->
  946. </div>
  947.  
  948. <div id="rsidebar">
  949. <div id="box5">
  950. <div id="sidetitle5"><span class="lnr lnr-pushpin"></span>
  951. <span style="float:right;">Recent Uploads</span></div>
  952. <div id="box5c">
  953. <img src="{image:recent upload image one}">
  954. <div id="boxcimglabel"><a href="{text:recent upload link one}">{text:recent upload label one}</a></div>
  955. <div id="boxcimgdesc">{text:recent upload description one}</div><!--
  956. <img src="{image:recent upload image two}">
  957. <div id="boxcimglabel"><a href="{text:recent upload link two}">{text:recent upload label two}</a></div>
  958. <div id="boxcimgdesc">{text:recent upload description two}</div>
  959.  
  960. <img src="{image:recent upload image three}">
  961. <div id="boxcimglabel"><a href="{text:recent upload link three}">{text:recent upload label three}</a></div>
  962. <div id="boxcimgdesc">{text:recent upload description three}</div>-->
  963. </div>
  964. </div>
  965. </div>
  966. </div>
  967.  
  968. <!--- DO NOT TOUCH THIS PART --->
  969. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  970. <script src="https://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  971. {block:IfInfiniteScroll}
  972. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  973. <script src="https://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  974. {/block:IfInfiniteScroll}
  975.  
  976. <script>
  977. (function() {
  978. var $tumblelog = $('#content');
  979. {block:IfInfiniteScroll}
  980. $tumblelog.infinitescroll({
  981. navSelector : ".pagination",
  982. nextSelector : ".pagination a:first",
  983. itemSelector : "article",
  984. bufferPx : 50,
  985. done : "",
  986. loading: {
  987. img : "",
  988. msgText: ""
  989. },
  990. },
  991. function( newElements ) {
  992. var $newElems = $( newElements ).css({ opacity: 0 });
  993. $newElems.imagesLoaded(function(){
  994. $newElems.animate({ opacity: 1 });
  995. $tumblelog.masonry( 'appended', $newElems);
  996. });
  997. }
  998. );
  999. {/block:IfInfiniteScroll}
  1000. $tumblelog.imagesLoaded( function(){
  1001. $tumblelog.masonry({
  1002. columnWidth: function( containerWidth ) {
  1003. return containerWidth / 100;
  1004. }
  1005. });
  1006. });
  1007. })();
  1008. </script>
  1009. <!--- DO NOT TOUCH THIS PART --->
  1010.  
  1011. <a href="https://pillowthemes.tumblr.com/" id="pillowthemes"></a>
  1012.  
  1013. </body>
  1014. </html>
Advertisement
Add Comment
Please, Sign In to add comment