API tools faq
paste
Advertisement
cornetespoir

6 | Love Story

cornetespoir
Feb 15th, 2016
13,896
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.55 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. // {Thm:Revamp}
  4.  
  5. Love Story
  6.  
  7. by eggdesigns.co //
  8.  
  9. + basic html and css knowledge is required to customize this theme
  10. + feel free to edit and custom the theme to your liking,
  11. but don't redistribute, use as a base, or claim as your own
  12. + please do not move or remove the credit
  13.  
  14. Version 2.0
  15. -->
  16.  
  17. <!DOCTYPE html>
  18. <html>
  19. <head>
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}
  24. <meta name="description" content="{MetaDescription}" />
  25. {/block:Description}
  26. <!-- google fonts -->
  27. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  28. <!-- images -->
  29. <meta name="image:background" content="" />
  30. <!-- colors -->
  31. <meta name="color:background" content="#f7f7f7" />
  32. <meta name="color:posts" content="#fff" />
  33. <meta name="color:text" content="#222" />
  34. <meta name="color:links" content="#575757" />
  35. <meta name="color:underline" content="#f5b1bd" />
  36. <meta name="color:border" content="#eee" />
  37. <meta name="color:scrollbar" content="#ffb8c7" />
  38. <meta name="color:scrollbar background" content="#f8f8f8" />
  39. <meta name="color:selection background" content="#ddd" />
  40. <meta name="color:selection text" content="#000" />
  41. <meta name="color:usernames" content="#cc6898" />
  42. <meta name="color:info links" content="#e7507d" />
  43. <meta name="color:current page" content="#fff" />
  44. <meta name="color:current page text" content="#444" />
  45. <meta name="color:pagination text" content="#8c8c8c" />
  46. <meta name="color:jump page" content="#fedbd3" />
  47. <!-- text boxes -->
  48. <meta name="text:asked" content="shouted" />
  49. <meta name="text:bullet point" content="+" />
  50. <meta name="text:tag symbol" content="#" />
  51. <!-- toggle switches -->
  52. <meta name="if:full background" content="" />
  53. <!-- saturn icons -->
  54. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  55. <!-- jquery -->
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57. </head>
  58.  
  59. <style type="text/css">
  60. /* scrollbar */
  61. ::selection {
  62. background: {color:selection background}; /* WebKit/Blink Browsers */color:{color:selection text};
  63. }
  64. ::-moz-selection {
  65. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69. width: 10px;
  70. height:10px;
  71.  
  72. }
  73. ::-webkit-scrollbar-button {
  74. width: 0px;
  75. height: 0px;
  76. }
  77. ::-webkit-scrollbar-thumb {
  78. background: {color:scrollbar};
  79. border-radius: 2px;
  80. }
  81. ::-webkit-scrollbar-track {
  82. background:{color:scrollbar background};
  83. border: 4px solid {color:background};
  84.  
  85.  
  86. }
  87.  
  88. /* general styling */
  89.  
  90. body {
  91. margin:0;
  92. word-wrap:break-word;
  93. font-family:Raleway;
  94. font-size:16.2px;
  95. color:{color:text};
  96. line-height:160%;
  97. overflow-x:hidden;
  98. }
  99.  
  100. a {
  101. color:{color:links};
  102. text-decoration:none;
  103. transition:.6s;
  104. }
  105.  
  106. a:hover {
  107. color:{color:link hover};
  108. transition:.6s;
  109. }
  110.  
  111. h1{ padding:20px; margin-top:2px; font-size:18px; text-align:center; padding-bottom:30px; position:relative;}
  112.  
  113.  
  114. li {
  115. list-style:none;
  116. }
  117.  
  118. /* header */
  119. header {
  120. position:fixed;
  121. width:100%;
  122. top:0px;
  123. background:white;
  124. height:70px;
  125. z-index:9;
  126. line-height:70px;
  127.  
  128.  
  129. }
  130.  
  131. nav {
  132. margin-left:30%;
  133. }
  134.  
  135. nav a {
  136. margin:10px;
  137. }
  138.  
  139. /* sidebar */
  140.  
  141. aside {
  142. width:26%;
  143. background:white;
  144. position:fixed;
  145. height:100vh;
  146. top:0px;
  147. display:flex;
  148. justify-content:center;
  149. align-items:center;
  150. align-content:center;
  151. flex-wrap:wrap;
  152. text-align:center;
  153. }
  154.  
  155. .title {
  156. width:80%;
  157. font-weight:bold;
  158. }
  159.  
  160. .description {
  161. font-size:.92em;
  162. background:{color:background} url({image:background})
  163. {block:iffullbackground} no-repeat center center fixed;
  164. background-size: cover; {/block:iffullbackground};
  165. background-attachment:fixed;
  166. width:calc(80% - 40px);
  167. box-shadow:inset 6px 6px 40px rgba(0,0,0,.06);
  168. padding:20px;
  169. border-radius:10px;
  170. }
  171.  
  172. .links {
  173. padding:10px 0;
  174. }
  175. .links a{
  176. margin:8px;
  177. }
  178.  
  179. aside p {
  180. margin:10px auto;
  181. }
  182.  
  183. aside img {
  184. width:90px;
  185. box-shadow:6px 6px 40px rgba(0,0,0,.06);
  186. border-radius:10px;
  187. margin:10px auto;
  188. }
  189.  
  190. .posts li:before {
  191. content:'{text:bullet point} ';
  192. }
  193.  
  194. /* Posts */
  195.  
  196. #container {
  197. width:calc(70% - 40px);
  198. padding:20px;
  199. column-count:3;
  200. margin:70px 0;
  201. margin-left:28%;
  202. box-shadow:inset 4px 4px 40px rgba(0,0,0,.04);
  203. background:{color:background} url({image:background})
  204. {block:iffullbackground} no-repeat center center fixed;
  205. background-size: cover; {/block:iffullbackground};
  206. background-attachment:fixed;
  207. column-gap:10px;
  208. border-radius: 10px;
  209. {block:permalinkpage}
  210. display:block;
  211. column-count:1;
  212. {/block:permalinkpage}
  213. }
  214.  
  215. .posts {
  216. margin:10px auto;
  217. width:90%;
  218. z-index:4;
  219. display:inline-block;
  220. break-inside:avoid;
  221. }
  222.  
  223. ol.notes {
  224. line-height:250%;
  225. background:{color:posts};
  226. border-radius:10px;
  227. }
  228.  
  229. .posts, ol.notes{
  230. position:relative;
  231. {block:permalinkpage}
  232. margin:50px auto; display:block;
  233. width:50%;
  234. {/block:permalinkpage}
  235. break-inside:avoid;
  236. }
  237. .posts img {
  238. max-width:100%;
  239. box-shadow:6px 6px 40px rgba(0,0,0,.06);
  240. border-radius:8px;
  241. }
  242. .posts iframe {
  243. box-shadow:6px 6px 40px rgba(0,0,0,.06);
  244. border-radius:8px;
  245. }
  246.  
  247. /* Captions */
  248. .caption {
  249. position:relative;
  250. width:calc(100% - 40px);
  251. margin-top:8px;
  252. padding:20px;
  253. background:{color:posts};
  254. border-radius:8px;
  255. display:none;
  256. {block:permalinkpage}
  257. display:block;
  258. {/block:permalinkpage}
  259. }
  260.  
  261. {block:indexpage}
  262. .textpost .caption {
  263. height:200px;
  264. display:block;
  265. overflow:hidden;
  266. }
  267.  
  268. .textpost .caption:before {
  269. content:'';
  270. position:absolute;
  271. width:100%;
  272. height:100%;
  273. background:linear-gradient(to top, {color:posts} 0%, transparent 80%);
  274. }
  275. {/block:indexpage}
  276.  
  277.  
  278. .reblog-content a {
  279. border-bottom:2px solid {color:underline};
  280. }
  281.  
  282.  
  283. .user, .tumblr_blog, .deactivated, .tumblelog, ol.notes .like .action a{
  284. margin:6px;
  285. margin-left:20px;
  286. padding:4px;
  287. border-radius:4px;
  288. border:none;
  289. position:relative;
  290. background:rgba({RGBcolor:usernames}, .12)
  291. }
  292.  
  293. .user:after, .tumblr_blog:after, .deactivated:after, .tumblelog:after, ol.notes .like .action a:after{
  294. content: '';
  295. position: absolute;
  296. border-style: solid;
  297. border-width: 8px 13px 8px 0;
  298. border-color: transparent rgba({RGBcolor:usernames}, .12); /* keep same color as bubble */
  299. display: block;
  300. width: 0;
  301. z-index: 1;
  302. left: -13px;
  303. top: 6px;
  304. }
  305.  
  306. /* permalink */
  307. .hover {
  308. position:absolute;
  309. opacity:0;
  310. z-index:9;
  311. transition:.6s;
  312. top:16px;
  313. right:10px;
  314. }
  315.  
  316. .hover a {
  317. background:{color:links};
  318. color:white;
  319. padding:8px 6px 2px 6px;
  320. border-radius:20%;
  321. }
  322.  
  323. .posts:hover .hover {
  324. opacity:.8;
  325. }
  326.  
  327. /* permalink info */
  328. .info {
  329. text-align: center;
  330. transition: .6s;
  331. z-index:9;
  332. padding: 8px;
  333. display:none;
  334. {block:permalinkpage}
  335. display:block;
  336. {/block:permalinkpage}
  337. }
  338.  
  339. .info a {
  340. color:{color:info links};
  341. margin:6px;
  342. }
  343.  
  344. /* tags */
  345.  
  346. .tags {
  347. position:relative;
  348. display:none;
  349. {block:permalinkpage}
  350. display:block;
  351. {/block:permalinkpage}
  352.  
  353. }
  354.  
  355.  
  356. .tag {
  357. text-align:center;
  358. font-size:.92em;
  359. }
  360.  
  361.  
  362. /* ask posts */
  363.  
  364. .speechbubble{
  365. width:70%;
  366. position: relative;
  367. background:#eee;
  368. left:80px;
  369. margin: 0;
  370. font-size:14px;
  371. padding:20px;
  372. height: auto;
  373. background: #FFFFFF;
  374. -webkit-border-radius: 2px;
  375. -moz-border-radius: 2px;
  376. border-radius: 2px;
  377. border: {color:border} solid 1px;
  378. }
  379.  
  380. .speechbubble:after{
  381. content: '';
  382. position: absolute;
  383. border-style: solid;
  384. border-width: 12px 17px 12px 0;
  385. border-color: transparent #FFFFFF;
  386. display: block;
  387. width: 0;
  388. z-index: 1;
  389. left: -17px;
  390. top: 23px;
  391. }
  392.  
  393. .speechbubble:before{
  394. content: '';
  395. position: absolute;
  396. border-style: solid;
  397. border-width: 12px 17px 12px 0;
  398. border-color: transparent {color:border};
  399. display: block;
  400. width: 0;
  401. z-index: 0;
  402. left: -18px;
  403. top: 23px;
  404. }
  405. .speechbubble2{
  406. position: relative;
  407. background:#eee;
  408. font-size:14px;
  409. text-align:left;
  410. height: auto;
  411. background: #FFFFFF;
  412. -webkit-border-radius: 2px;
  413. -moz-border-radius: 2px;
  414. border-radius: 2px;
  415. border: {color:border} solid 1px;
  416. width:70%;
  417. left:30px;
  418. color:{color:ask post text};
  419. margin: 0;
  420. padding:10px;
  421. text-align:right;
  422. }
  423.  
  424. .speechbubble2:after{
  425. content: '';
  426. position:absolute;
  427. border-style: solid;
  428. border-width: 10px 0 10px 17px;
  429. border-color: transparent #FFFFFF;
  430. display: block;
  431. width: 0;
  432. z-index: 1;
  433. right: -17px;
  434. top: 10px;
  435. }
  436.  
  437. .speechbubble2:before{
  438. content: '';
  439. position: absolute;
  440. border-style: solid;
  441. border-width: 10px 0 10px 17px;
  442. border-color: transparent {color:border};
  443. display: block;
  444. width: 0;
  445. z-index: 0;
  446. right: -18px;
  447. top: 10px;
  448. }
  449.  
  450. /* audio posts */
  451.  
  452. #albumart {
  453. z-index:2;
  454. width:90px;
  455. float:left;border-radius:100%;
  456. height:90px;
  457. border:1px solid {color:border};
  458. }
  459.  
  460. .playerbox {
  461. float:left;
  462. padding:6px;
  463. }
  464.  
  465. #albumart img{
  466. width:90px!important;
  467. height:90px!important;
  468. float:left;border-radius:100%;
  469. border-width:0px; transition:.6s;
  470. }
  471.  
  472. .playerbox:hover #albumart img{
  473. transition:0.6s;
  474. transform:rotate(300deg); }
  475.  
  476. .player {
  477. max-width:20px;
  478. overflow:hidden;
  479. max-height:40px;
  480. transform:scale(1.16);
  481. border-radius:100%;
  482. top:8px;
  483. bottom:10px;
  484. left:0px;
  485. padding:8px;
  486. padding-top:6px;
  487. padding-left:10px;
  488. padding-bottom:0px;
  489. border-radius:100%;
  490. position:absolute;
  491. }
  492.  
  493. .playercon {
  494. width:56px;
  495. height:56px;
  496. border-radius:100%;
  497. left:0px;
  498. background:#f2f2f2;
  499. top:16px;
  500. position:relative;
  501. transition:.6s;
  502. }
  503. .infobox {
  504. float:left top;
  505. margin-left:120px;
  506. background-color:transparent;
  507. padding:14px;
  508. padding-left:2px;
  509. overflow:hidden;
  510. max-height:120px;
  511. color:{color:text};
  512. }
  513.  
  514. .track {
  515. font-size:14px;
  516. letter-spacing:2px;
  517. padding:2px;
  518. font-weight:300;
  519. transition:.6s;
  520. color:#333;
  521. }
  522. .artist {
  523. padding:2px;
  524. font-size:14px;
  525. font-style:italic;
  526. }
  527.  
  528. .album {
  529. font-size:12px;
  530. }
  531.  
  532. .playcount {
  533. font-size:12px;
  534. text-transform:uppercase;
  535. letter-spacing:3px;
  536. }
  537.  
  538. #audiopost {
  539. padding:10px;
  540. border-radius:8px;
  541. background:{color:posts};
  542. }
  543.  
  544. /* link post */
  545. .linkd {
  546. padding:10px;
  547. background:{color:posts};
  548. border-radius:8px;
  549. }
  550. .linkp{
  551. font-size:24px; text-align:center;
  552. }
  553. .linkp a{text-decoration:none; }
  554. .linkp:after{
  555. content:'»';
  556. transition:.6s; margin-left:2px;
  557. }
  558.  
  559. .linkp:hover:after{
  560. margin-left:10px;
  561. transition:.6s;
  562. color:{color:link};
  563. }
  564.  
  565. /* chat posts */
  566.  
  567. .chat {
  568. padding:5px;
  569. line-height:150%;
  570. }
  571.  
  572. .chat:nth-of-type(odd) {
  573. background:{color:text};
  574. color:{color:posts};
  575. width:100%;
  576. -webkit-transition:.5s;
  577. transition:.5s; }
  578.  
  579. .chat:nth-of-type(odd) b {
  580. color:{color:posts};
  581. -webkit-transition:.5s;
  582. transition:.5s;
  583. }
  584. .chat:nth-of-type(even) {
  585. background:{color:posts};
  586. color:{color:text};
  587. width:100%;
  588. -webkit-transition:.5s;
  589. transition:.5s; }
  590. .chat:nth-of-type(even) b{
  591. color:{color:text};
  592. -webkit-transition:.5s;
  593. transition:.5s; }
  594.  
  595.  
  596.  
  597. #egg { opacity:.8;right:10px; bottom:10px; position:fixed;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; border:2px solid #aaa; z-index:99999;
  598. }
  599. #egg:hover { animation-name: egg;
  600. animation-duration: 1s;
  601. animation-iteration-count: infinite;}
  602. @keyframes egg{
  603. 0%{}
  604. 10%{transform:rotate(20deg)}
  605. 80%{transform:rotate(-20deg)}
  606. 100%{}
  607. }
  608.  
  609.  
  610.  
  611. /** Pagination **/
  612.  
  613. #pagination {
  614. margin: 10px auto 10px auto;
  615. left: 0;
  616. right: 0;
  617. z-index:99999;
  618. text-align: center;
  619. position: relative;
  620. width: 100%!important;
  621. display:block;
  622. }
  623.  
  624.  
  625. #pagination a, .jump_page, .current_page {
  626. margin: 0 4px;
  627. display: inline-block;
  628. width: 40px;
  629. height: 40px;
  630. text-align: center;
  631. background: {color:jump page};
  632. border-radius: 100%;
  633. color:{color:pagination text};
  634. line-height: 42px;
  635.  
  636. }
  637.  
  638. .currentpage {
  639. background: {color:jump page};
  640. color:{color:pagination text};
  641. padding:10px;
  642. margin:10px;
  643. border-radius:30px;
  644. }
  645.  
  646. .current_page {
  647. background: {color:current page};
  648. color:{color:current page text};
  649. }
  650.  
  651. /* Search */
  652. #search {
  653. width:20%;
  654. position:relative;
  655. margin:auto;
  656. height:60px;
  657. }
  658. .search-scope {
  659. font-size: 18px;
  660. text-align: center;
  661. }
  662. #search-scope input, #search-scope label {
  663. cursor: pointer;
  664. }
  665.  
  666. #search form {
  667. position:relative;
  668. width:100%;
  669. transition:.4s;
  670. }
  671.  
  672. #search form .query {
  673. position:relative;
  674. text-align:center;
  675. outline: none;
  676. border:none;
  677. background:white;
  678. width: 100%;
  679. border-radius:30px;
  680. font-size:18px;
  681. padding:10px 0px;
  682. border:1px solid #eee;
  683. }
  684.  
  685. footer {
  686. padding:30px;
  687.  
  688. }
  689.  
  690. </style>
  691. <body>
  692. <aside>
  693. <img src="{portraitURL-128}">
  694. <p class="title"><big>{Title}</big></p>
  695. <p class="description">{Description}</p>
  696. {block:HasPages} {block:Pages}<div class="links"><a href="{URL}">{Label}</a> </div>{/block:Pages} {/block:HasPages}
  697. </aside>
  698. <header>
  699.  
  700. <nav>
  701. <a href="/">Home</a>
  702. {block:askenabled}<a href="/ask">Ask</a> {/block:askenabled}
  703. {block:submissionsenabled} <a href="/submit">Submit</a> {/block:submissionsenabled}
  704. <a href="/archive">Archive</a>
  705. </nav>
  706. </header>
  707.  
  708. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  709.  
  710. <div id="container">
  711.  
  712. {block:searchpage}<div class="caption">
  713. {lang:SearchResultCount results for SearchQuery}</div>
  714. {/block:searchpage}
  715.  
  716. {block:NoSearchResults} <div class="caption">
  717. {lang:No posts containing SearchQuery}</div>
  718. {/block:NoSearchResults}
  719.  
  720. {block:TagPage}<div class="caption">
  721. {lang:Showing TagResultCount posts tagged Tag}</div>
  722. {/block:TagPage}
  723.  
  724. {block:Posts}<div class="posts {block:text} textpost {/block:text}" >
  725.  
  726.  
  727.  
  728. <!-- {block:NoRebloggedFrom}
  729. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  730. {/block:NoRebloggedFrom} -->
  731. {block:ContentSource}
  732. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  733. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  734. {/block:SourceLogo}
  735. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  736. {/block:ContentSource}
  737. {block:Text}
  738.  
  739. {block:Title}
  740. <h3><a href="{Permalink}">{Title}</a></h3>
  741. {/block:Title}
  742.  
  743.  
  744. <div class="caption"> {block:NotReblog}
  745. <figcaption>
  746. {Body}
  747. </figcaption>
  748. {/block:NotReblog}
  749.  
  750. {block:RebloggedFrom}
  751. <div class="reblog-list">
  752. {block:Reblogs}
  753. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  754. <div class="reblog-header">
  755.  
  756. {block:IsActive}
  757. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  758. <img src="{PortraitURL-64}" style="width:24px; float:left">
  759. </a>
  760. {/block:IsActive}
  761.  
  762. {block:IsDeactivated}
  763. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  764. <img src="{PortraitURL-64}" style="width:24px; float:left">
  765. </span>
  766. {/block:IsDeactivated}
  767.  
  768. {block:IsActive}
  769. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  770. {/block:IsActive}
  771.  
  772. {block:IsDeactivated}
  773. <span class="inactive deactivated">{Username}</span>
  774. {/block:IsDeactivated}
  775.  
  776. </div>
  777. <div class="reblog-content">
  778. {Body}
  779. </div>
  780. </div>
  781. {/block:Reblogs}
  782. </div>
  783. {/block:RebloggedFrom}</div>
  784.  
  785.  
  786. {/block:Text}{block:Photo}
  787. <img src="{photourl-HighRes}">
  788.  
  789. {block:Caption}
  790. <div class="caption"> {block:NotReblog}
  791. <figcaption>
  792. {Caption}
  793. </figcaption>
  794. {/block:NotReblog}
  795.  
  796. {block:RebloggedFrom}
  797. <div class="reblog-list">
  798. {block:Reblogs}
  799. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  800. <div class="reblog-header">
  801.  
  802. {block:IsActive}
  803. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  804. <img src="{PortraitURL-64}" style="width:24px; float:left">
  805. </a>
  806. {/block:IsActive}
  807.  
  808. {block:IsDeactivated}
  809. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  810. <img src="{PortraitURL-64}" style="width:24px; float:left">
  811. </span>
  812. {/block:IsDeactivated}
  813.  
  814. {block:IsActive}
  815. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  816. {/block:IsActive}
  817.  
  818. {block:IsDeactivated}
  819. <span class="inactive deactivated">{Username}</span>
  820. {/block:IsDeactivated}
  821.  
  822. </div>
  823. <div class="reblog-content">
  824. {Body}
  825. </div>
  826. </div>
  827. {/block:Reblogs}
  828. </div>
  829. {/block:RebloggedFrom}</div>
  830. {/block:Caption}
  831. {/block:Photo}{block:Panorama}
  832.  
  833. {LinkOpenTag}
  834. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  835. {LinkCloseTag}{block:Caption}
  836. <div class="caption">{Caption}</div>
  837. {/block:Caption}
  838.  
  839. {/block:Panorama}{block:Photoset}
  840.  
  841. {Photoset}
  842. {block:Caption}
  843. <div class="caption"> {block:NotReblog}
  844. <figcaption>
  845. {Caption}
  846. </figcaption>
  847. {/block:NotReblog}
  848.  
  849. {block:RebloggedFrom}
  850. <div class="reblog-list">
  851. {block:Reblogs}
  852. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  853. <div class="reblog-header">
  854.  
  855. {block:IsActive}
  856. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  857. <img src="{PortraitURL-64}" style="width:24px; float:left">
  858. </a>
  859. {/block:IsActive}
  860.  
  861. {block:IsDeactivated}
  862. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  863. <img src="{PortraitURL-64}" style="width:24px; float:left">
  864. </span>
  865. {/block:IsDeactivated}
  866.  
  867. {block:IsActive}
  868. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  869. {/block:IsActive}
  870.  
  871. {block:IsDeactivated}
  872. <span class="inactive deactivated">{Username}</span>
  873. {/block:IsDeactivated}
  874.  
  875. </div>
  876. <div class="reblog-content">
  877. {Body}
  878. </div>
  879. </div>
  880. {/block:Reblogs}
  881. </div>
  882. {/block:RebloggedFrom}</div>
  883. {/block:Caption}
  884. {/block:permalinkpage}
  885. {/block:Photoset}
  886.  
  887. {block:Quote}
  888.  
  889. <big> {Quote} </big>
  890. <br>
  891. {block:Source}
  892. -{Source}
  893. {/block:Source}<br>
  894. {/block:Quote}
  895.  
  896.  
  897. {block:Link}
  898. <div class="linkd"> <center>
  899. <a href="{URL}" class="linkp" target="_blank"> {Name}</a>
  900. </center> </div>
  901.  
  902. {block:Description}<div class="caption">
  903. {Description}</div> {/block:description}
  904.  
  905.  
  906. {/block:Link}
  907.  
  908.  
  909. {block:Chat}
  910. {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
  911. {/block:Chat}
  912.  
  913.  
  914. {block:Video}
  915.  
  916. {Video-400}
  917.  
  918. {block:Caption}
  919. <div class="caption"> {block:NotReblog}
  920. <figcaption>
  921. {Caption}
  922. </figcaption>
  923. {/block:NotReblog}
  924.  
  925. {block:RebloggedFrom}
  926. <div class="reblog-list">
  927. {block:Reblogs}
  928. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  929. <div class="reblog-header">
  930.  
  931. {block:IsActive}
  932. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  933. <img src="{PortraitURL-64}" style="width:24px; float:left">
  934. </a>
  935. {/block:IsActive}
  936.  
  937. {block:IsDeactivated}
  938. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  939. <img src="{PortraitURL-64}" style="width:24px; float:left">
  940. </span>
  941. {/block:IsDeactivated}
  942.  
  943. {block:IsActive}
  944. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  945. {/block:IsActive}
  946.  
  947. {block:IsDeactivated}
  948. <span class="inactive deactivated">{Username}</span>
  949. {/block:IsDeactivated}
  950.  
  951. </div>
  952. <div class="reblog-content">
  953. {Body}
  954. </div>
  955. </div>
  956. {/block:Reblogs}
  957. </div>
  958. {/block:RebloggedFrom}</div>
  959. {/block:Caption}
  960.  
  961. {/block:Video}
  962. {block:Audio}
  963. <div id="audiopost">
  964. <div class="playerbox">
  965. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  966.  
  967. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  968. <div class="infobox">
  969. <div class="track"> {block:TrackName}
  970. {TrackName}
  971. {/block:TrackName} </div>
  972.  
  973.  
  974. <div class="artist">
  975. {block:Artist}{Artist}
  976. {/block:Artist} </div>
  977.  
  978. <div class="album">
  979. {block:Album}
  980. {Album}
  981. {/block:Album}
  982. </div>
  983.  
  984. <div class="playcount">
  985.  
  986. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  987. </div></div>
  988.  
  989. <br>
  990. {block:Caption}
  991. <div class="caption"> {block:NotReblog}
  992. <figcaption>
  993. {Caption}
  994. </figcaption>
  995. {/block:NotReblog}
  996.  
  997. {block:RebloggedFrom}
  998. <div class="reblog-list">
  999. {block:Reblogs}
  1000. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1001. <div class="reblog-header">
  1002.  
  1003. {block:IsActive}
  1004. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1005. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1006. </a>
  1007. {/block:IsActive}
  1008.  
  1009. {block:IsDeactivated}
  1010. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1011. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1012. </span>
  1013. {/block:IsDeactivated}
  1014.  
  1015. {block:IsActive}
  1016. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1017. {/block:IsActive}
  1018.  
  1019. {block:IsDeactivated}
  1020. <span class="inactive deactivated">{Username}</span>
  1021. {/block:IsDeactivated}
  1022.  
  1023. </div>
  1024. <div class="reblog-content">
  1025. {Body}
  1026. </div>
  1027. </div>
  1028. {/block:Reblogs}
  1029. </div>
  1030. {/block:RebloggedFrom}</div>
  1031. {/block:Caption}
  1032. {/block:Audio}
  1033.  
  1034.  
  1035. {block:Answer} <br><div class="caption">
  1036. <div class="askerportrait"><img style=" margin-left:0px; position:absolute;" src="{AskerPortraitURL-48}" align="left" /></div><div class="speechbubble">{Asker} {text:asked}: {Question}</div><br>
  1037.  
  1038.  
  1039. {block:Answerer}
  1040.  
  1041.  
  1042. <div class="askerportrait"><img style="right:20px; position:absolute;" src="{AnswererPortraitURL-48}" align="right" /></div><div class="speechbubble2" style="text-align:left;">{Answerer}: {Answer}</div>
  1043. <br>
  1044.  
  1045. {/block:Answerer}
  1046. {block:NotReblog}
  1047. <div class="askerportrait"><img style="right:20px; position:absolute;" src="{PortraitURL-48}" align="right" /> </div><div class="speechbubble2" style="text-align:left">{replies}</div>
  1048. {/block:NotReblog}
  1049. </div>
  1050. {/block:Answer}
  1051. {block:Date}
  1052. {block:indexpage}
  1053. <div class="hover">
  1054. <a href="{permalink}"><span class="sf sf-eye-o"></span></a>
  1055. </div>
  1056. {/block:indexpage}
  1057. <div class="info">
  1058.  
  1059. {lang:Posted on DayOfWeek DayOfMonth Month Year 3} with <a href="{permalink}">{NoteCountWithLabel}</a>
  1060. </div> {/block:Date}
  1061.  
  1062. {block:HasTags}<div class="tags"> <div class="tag">{block:tags} <a href="{TagURL}">{text:tag symbol}{Tag}</a>{/block:tags}</div></div> {/block:HasTags}
  1063. </div>
  1064.  
  1065. <center>
  1066. {block:PermalinkPagination}
  1067. {block:PreviousPost}
  1068. <a href="{PreviousPost}" class="jump_page"><span class="sf sf-arrow-left"></span></a>
  1069. {/block:PreviousPost}
  1070.  
  1071. {block:NextPost}
  1072. <a href="{NextPost}" class="jump_page"><span class="sf sf-arrow-right"></span></a>
  1073. {/block:NextPost}
  1074. {/block:PermalinkPagination}
  1075. </center>
  1076.  
  1077. <!--posts end-->{/block:Posts}
  1078.  
  1079.  
  1080.  
  1081.  
  1082. {block:PostNotes} {PostNotes} {/block:PostNotes}
  1083. </div><!--container end-->
  1084.  
  1085. <center>
  1086. {block:Pagination}
  1087. <div id="pagination">
  1088. {block:previousPage} <span class ="jump_page"><a href="{PreviousPage}"> <span class="sf sf-arrow-left"></span></a></span>{/block:PreviousPage}
  1089.  
  1090. {block:JumpPagination length="5"}
  1091. {block:CurrentPage}
  1092. <span class="current_page sf-heart-2-o"></span>
  1093. {/block:CurrentPage}
  1094.  
  1095. {block:JumpPage}
  1096. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1097. {/block:JumpPage}
  1098. {/block:JumpPagination}
  1099.  
  1100. {block:NextPage} <span class="jump_page">
  1101. <a href="{NextPage}"> <span class="sf sf-arrow-right"></span> </a>
  1102. </span>{/block:NextPage}
  1103. </div>
  1104. {/block:Pagination}
  1105.  
  1106. {block:DayPagination}{block:PreviousDayPage}
  1107. <a href="{PreviousDayPage}" class="jump_page">
  1108. <span class="sf sf-arrow-left"></span>
  1109. </a>
  1110. {/block:PreviousDayPage}
  1111.  
  1112. {block:PreviousDayPage}
  1113. <span class="currentpage"> Previous: {ShortMonth} {Dayofmonth} </span>
  1114. {/block:PreviousDayPage}
  1115. {block:NextDayPage}
  1116. <span class="currentpage">Next: {ShortMonth} {Dayofmonth} </span>
  1117. {/block:NextDayPage}
  1118. {block:NextDayPage}
  1119. <a href="{NextDayPage}" class="jump_page">
  1120. <span class="sf sf-arrow-right"></span>
  1121. </a>
  1122. {/block:NextDayPage}{/block:DayPagination}
  1123.  
  1124.  
  1125. <footer>
  1126. <div id="search" title="search">
  1127. <form action="/search" method="get" id="search-form">
  1128. <input type="hidden" name="t" value="accessibletheme" />
  1129. <input type="text" name="q" class="query" value="" placeholder="Search"
  1130. />
  1131.  
  1132.  
  1133. </form></div>
  1134.  
  1135. <p>
  1136. {CopyRightYears} <br>
  1137. <br>
  1138. Love Story theme by <a href="http://espoirthemes.tumblr.com">eggdesigns.co</a>
  1139. </p></footer>
  1140. </center>
  1141. </body>
  1142. </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!