API tools faq
paste
Advertisement
destinatia

THEME 013: ✧ * º • ☾CRIMSON.❜ — destinatiia

destinatia
Aug 31st, 2016
3,081
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ✧ * ☾ destinatiia.tumblr.com * ✧
  8.  
  9. - you're allowed edit as much as you want, but don't repost and claim as your own afterwards.
  10. - don't move the credit or put it in another page
  11. - don't take fragments from this code and paste it on your own. it's rude as i worked real hard on this one so.
  12. - enjoy !! and if you have any questions and/or problems just hmu
  13.  
  14. -->
  15.  
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19. <meta charset="utf-8">
  20. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  21. <title>{Title}{block:TagPage} // {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24.  
  25. <meta name="color:background" content="#ffffff" />
  26. <meta name="color:links" content="#000000" />
  27. <meta name="color:links hover" content="#a0a0a0" />
  28. <meta name="color:text" content="#000000" />
  29. <meta name="color:posts" content="#ffffff" />
  30. <meta name="color:descont" content="#f5f5f5" />
  31. <meta name="color:wrap borders" content="#ccc" />
  32. <meta name="color:accent" content="#ffffff" />
  33. <meta name="color:wrap" content="#aaa" />
  34. <meta name="color:gallery text" content="#fff" />
  35.  
  36. <meta name="text:pic 1 text" content="" />
  37. <meta name="text:pic 2 text" content="" />
  38. <meta name="text:pic 3 text" content="" />
  39. <meta name="text:link 1" content="/" />
  40. <meta name="text:link 2" content="/" />
  41. <meta name="text:link 3" content="/" />
  42. <meta name="text:link 4" content="/" />
  43. <meta name="text:link 5" content="/" />
  44. <meta name="text:link 1 text" content="link" />
  45. <meta name="text:link 2 text" content="link" />
  46. <meta name="text:link 3 text" content="link" />
  47. <meta name="text:link 4 text" content="link" />
  48. <meta name="text:link 5 text" content="link" />
  49. <meta name="text:desc title 1" content="one" />
  50. <meta name="text:desc title 2" content="two" />
  51.  
  52. <meta name="image:sidebar icon 1" content="" />
  53. <meta name="image:pic 1" content="" />
  54. <meta name="image:pic 2" content="" />
  55. <meta name="image:pic 3" content="" />
  56. <meta name="image:wrapbg" content="" />
  57.  
  58. <meta name="if:400px posts" content="0"/>
  59. <meta name="if:grayscale" content="1"/>
  60.  
  61.  
  62.  
  63. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  64.  
  65.  
  66. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  67.  
  68. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  69.  
  70. <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
  71.  
  72. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  73.  
  74. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  77.  
  78.  
  79. <!-- TOOLTIP SCRIPT (REMOVE ONYL IF YOU WANT STANDARD BROWSER TOOLTIPS) -->
  80.  
  81.  
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  84. <script>
  85. (function($){
  86. $(document).ready(function(){
  87. $("a[title]").style_my_tooltips({
  88. tip_follows_cursor:true,
  89. tip_delay_time:90,
  90. tip_fade_speed:600,
  91. attribute:"title"
  92. });
  93. });
  94. })(jQuery);
  95. </script>
  96. {block:ifnot400pxposts}
  97. <script type="text/javascript">
  98. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  99. $(document).ready(function() {
  100. function photosetResize() {
  101. $('iframe.photoset').each(function(){
  102. var newSize = 300;
  103. var newSrc = $(this).attr('src').replace('500',newSize);
  104. $(this).attr('src', newSrc).width(newSize);
  105. var high = $(this).css('height');
  106. var calculate = parseInt(high, 10)* newSize/500;
  107. $(this).css('height', calculate);
  108. });
  109. }
  110. photosetResize();
  111. });
  112. </script>
  113. {/block:ifnot400pxposts}
  114.  
  115. {block:if400pxposts}
  116. <script type="text/javascript">
  117. /* Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM */
  118. $(document).ready(function() {
  119. function photosetResize() {
  120. $('iframe.photoset').each(function(){
  121. var newSize = 400;
  122. var newSrc = $(this).attr('src').replace('500',newSize);
  123. $(this).attr('src', newSrc).width(newSize);
  124. var high = $(this).css('height');
  125. var calculate = parseInt(high, 10)* newSize/500;
  126. $(this).css('height', calculate);
  127. });
  128. }
  129. photosetResize();
  130. });
  131. </script>
  132. {/block:if400pxposts}
  133.  
  134.  
  135.  
  136. <script type="text/javascript">
  137. $(document).ready(function(){
  138.  
  139. $('ul.tabs li').click(function(){
  140. var tab_id = $(this).attr('data-tab');
  141.  
  142. $('ul.tabs li').removeClass('current');
  143. $('.tab-content').removeClass('current');
  144.  
  145. $(this).addClass('current');
  146. $("#"+tab_id).addClass('current');
  147. })
  148.  
  149. })
  150. </script>
  151.  
  152. <style type="text/css">
  153.  
  154. /* ---------------------------- GENERAL ----------------------------- */
  155.  
  156. /* -------- SELECTION TOOL ------- */
  157.  
  158. ::-moz-selection {
  159. background: {color:text};
  160. color: {color:background};
  161. }
  162.  
  163. ::selection {
  164. background: {color:text};
  165. color: {color:background};
  166. }
  167.  
  168. /* -------- SCROLLBAR ------- */
  169.  
  170. ::-webkit-scrollbar {
  171. width: 1px;
  172. }
  173.  
  174. /* Track */
  175. ::-webkit-scrollbar-track {
  176. background:{color:background};
  177. }
  178.  
  179. /* Handle */
  180. ::-webkit-scrollbar-thumb {
  181. background:{color:wrap borders};
  182. }
  183. ::-webkit-scrollbar-thumb:window-inactive {
  184. background: transparent;
  185. }
  186.  
  187.  
  188. /* ------- TOOLTIPS ------ */
  189.  
  190. #s-m-t-tooltip {
  191. max-width:300px;
  192. padding:5px;
  193. margin:10px 0px 0px 10px;
  194. background-color:{color:descont};
  195. font-size:7px;
  196. z-index:999999999999999999999999999999999999;
  197. }
  198.  
  199.  
  200. /* -------- BASICS ------- */
  201.  
  202. body {
  203. background-color:{color:background};
  204. color: {color:text};
  205. overflow-y:hidden;
  206. overflow-x:auto;
  207. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  208. font-size: 10px;
  209. margin: 0;
  210. letter-spacing:0.5px;
  211. padding: 0;
  212. word-wrap: break-word;
  213. line-height:160%;
  214. }
  215.  
  216. sup, sub, small {
  217. font-size:9px;
  218. }
  219.  
  220. h1 {
  221. font-family:'montserrat', sans serif;
  222. font-size:24px;
  223. text-align:center;
  224. color: {color:accent};
  225. }
  226.  
  227.  
  228. h2 {
  229. font-family:'montserrat', sans serif;
  230. font-size:18px;
  231. font-style:italic;
  232. text-align:center;
  233. color: {color:accent};
  234. }
  235.  
  236.  
  237. a {
  238. color: {color:links};
  239. text-decoration: none;
  240. -webkit-transition: all .3s;
  241. -moz-transition: all .3s;
  242. -o-transition: all .3s;
  243. -ms-transition: all .3s;
  244. transition: all .3s;
  245. }
  246.  
  247.  
  248. b, strong {
  249. color: {color:accent};
  250. font-family:'montserrat', sans serif;
  251.  
  252. }
  253.  
  254. i, em,italic {
  255. color: {color:accent};
  256. font-family:'montserrat', sans serif;
  257.  
  258. }
  259.  
  260. s, strike {
  261. color: {color:accent};
  262. font-family:'montserrat', sans serif;
  263.  
  264. }
  265.  
  266. u,underline {
  267. color: {color:accent};
  268. font-family:'montserrat', sans serif;
  269.  
  270. }
  271.  
  272. a:hover{
  273. color:{color:links hover};
  274. letter-spacing:1px;
  275. -webkit-transition: all .3s;
  276. -moz-transition: all .3s;
  277. -o-transition: all .3s;
  278. -ms-transition: all .3s;
  279. transition: all .3s;
  280. }
  281.  
  282. blockquote {
  283. background:{color:wrap};
  284. border-left:{color:links hover} 1px solid;
  285. margin: 10px;
  286. padding-left:20px;
  287. padding-top:10px;
  288. padding-right:20px;
  289. padding-bottom:10px;
  290. }
  291.  
  292. iframe, img, embed, object, video {
  293. max-width: 100%;
  294. }
  295.  
  296. {block:ifgrayscale}
  297. .html_photoset {
  298. -webkit-filter: grayscale(100%);
  299. -webkit-transition: all .25s;
  300. ...
  301. }
  302.  
  303. img {
  304. -webkit-filter: grayscale(100%);
  305. width:auto;
  306. height:auto;
  307. }
  308. {/block:ifgrayscale}
  309.  
  310. p{
  311. margin-bottom:10px;
  312. }
  313.  
  314. h1{
  315. text-transform:uppercase;
  316. font-size:13px;
  317. }
  318.  
  319. ul{
  320. list-style-type:circle;
  321. }
  322.  
  323. ol{
  324. list-style-type:;
  325. }
  326.  
  327.  
  328. #everything {
  329. z-index:9;
  330. position:fixed;
  331. top:50%;
  332. left:50%;
  333. transform:translate(-50%,-50%);
  334. {block:ifnot400pxposts}
  335. width: 550px;
  336. {/block:ifnot400pxposts}
  337. {block:if400pxposts}
  338. width: 650px;
  339. {/block:if400pxposts}
  340. padding:20px;
  341. overflow:auto;
  342. border-radius:7px;
  343. background-image:url('{image:wrapbg}');
  344. border: 8px solid {color:wrap borders};
  345. background-color:{color:wrap};
  346. height: 450px;
  347. }
  348.  
  349. #header {
  350. position:fixed;
  351. margin-top:-27px;
  352. z-index:999;
  353. background-color:{color:wrap borders};
  354. {block:ifnot400pxposts}
  355. width:580px;
  356. {/block:ifnot400pxposts}
  357. {block:if400pxposts}
  358. width:680px;
  359. {/block:if400pxposts}
  360. font-size:7px;
  361. overflow:hidden;
  362. height:8px;
  363. border-radius:7px;
  364. text-transform:uppercase;
  365. padding-top:2px;
  366. color:#fff;
  367. padding-right:10px;
  368. padding-left:10px;
  369. padding-bottom:10px;
  370. display:inline-block;
  371. margin-left:-25px;
  372. text-align:center;
  373. }
  374.  
  375. #header a{
  376. color:{color:sblinks a};
  377. }
  378.  
  379. #header b{
  380. color:{color:sblinks};
  381. }
  382.  
  383. #header i{
  384. color:{color:sblinks};
  385. }
  386.  
  387. #postcontainer {
  388. position:fixed;
  389. margin-top:20px;
  390. margin-left:210px;
  391. z-index:99;
  392. margin-right:auto;
  393. {block:ifnot400pxposts}
  394. width: 325px;
  395. {/block:ifnot400pxposts}
  396. {block:if400pxposts}
  397. width:425px;
  398. {/block:if400pxposts}
  399. overflow-y:auto;
  400. overflow-x:hidden;
  401. background-color:transparent;
  402. height: 420px;
  403. margin-bottom:200px;
  404. }
  405.  
  406. #sidebaricons {
  407. border-radius:50px;
  408. position:fixed;
  409. margin-left:60px;
  410. word-spacing:85px;
  411. width:auto;
  412. line-height:1200%;
  413. margin-top:28px;
  414. }
  415.  
  416. #sidebaricons img {
  417. border-radius:60px;
  418. text-align:center;
  419. position:fixed;
  420. z-index:99;
  421. width:70px;
  422. }
  423.  
  424. #sidelinks {
  425. position:fixed;
  426. margin-left:64px;
  427. margin-top:36px;
  428. }
  429.  
  430. .descont{
  431. width:160px;
  432. font-size:8px;
  433. font-family:calibri;
  434. text-transform:uppercase;
  435. margin-top:80px;
  436. text-align:justify;
  437. padding:20px 10px 10px 10px;
  438. background:{color:descont};
  439. overflow:auto;
  440. height:200px;
  441. line-height:180%;
  442. margin-left:5px;
  443. position:fixed;
  444. }
  445.  
  446. .remus{
  447. width:180px;
  448. margin-top:330px;
  449. background:{color:descont};
  450. overflow:hidden;
  451. word-spacing:1px;
  452. height:110px;
  453. margin-left:5px;
  454. position:fixed;
  455. }
  456.  
  457. .lupin{
  458. -webkit-filter: blur(2px); /* Chrome, Safari, Opera */
  459. filter: blur(2px);
  460. position:fixed;
  461. z-index:9999;
  462. color:{color:gallery text};
  463. -webkit-transition: all .3s;
  464. -moz-transition: all .3s;
  465. -o-transition: all .3s;
  466. -ms-transition: all .3s;
  467. transition: all .3s;
  468. }
  469.  
  470. .lupin:hover{
  471. -webkit-filter: blur(0px); /* Chrome, Safari, Opera */
  472. filter: blur(0px);
  473. -webkit-transition: all .3s;
  474. -moz-transition: all .3s;
  475. -o-transition: all .3s;
  476. -ms-transition: all .3s;
  477. transition: all .3s;
  478. }
  479.  
  480.  
  481. /* --------------------------- POSTS (articles) --------------------- */
  482.  
  483. article {
  484. float:left;
  485. background:{color:posts};
  486. padding: 10px;
  487. {block:ifnot400pxposts}
  488. width: 300px;
  489. {/block:ifnot400pxposts}
  490. {block:if400pxposts}
  491. width: 400px;
  492. {/block:if400pxposts}
  493. z-index:9;
  494. text-align:justify;
  495. margin-bottom:20px;
  496. }
  497.  
  498.  
  499. /* ---------------------------- POST INFO -----------------------------*/
  500.  
  501. .postinfo{
  502. margin-top:10px;
  503. text-align:center;
  504. font-weight:bold;
  505. font-size:8.5px;
  506. padding-top:10px;
  507. text-transform:uppercase;
  508. letter-spacing:1px;
  509. }
  510.  
  511. .tags {
  512. margin-top:5px;
  513. background:{color:wrap};
  514. padding:5px;
  515. font-weight:normal;
  516. -webkit-transition: all .3s;
  517. -moz-transition: all .3s;
  518. -o-transition: all .3s;
  519. -ms-transition: all .3s;
  520. transition: all .3s;
  521. }
  522.  
  523. .tags a{
  524. color:{color:accent};
  525. }
  526.  
  527. .tags:hover{
  528. letter-spacing:1px;
  529. -webkit-transition: all .3s;
  530. -moz-transition: all .3s;
  531. -o-transition: all .3s;
  532. -ms-transition: all .3s;
  533. transition: all .3s;
  534. }
  535.  
  536.  
  537. /* ---------------------------- POST NOTES ------------------------- */
  538.  
  539. ol.notes {
  540. display:block;
  541. text-align:left;
  542. list-style-type:none;
  543. margin-left:-40px;
  544. }
  545.  
  546. ol.notes li.note{
  547. margin-bottom:5px;
  548. }
  549.  
  550. .pagenotes {
  551. text-align:left;
  552. margin-top:15px;
  553. }
  554.  
  555. .pagenotes img{
  556. padding-right:5px;
  557. padding-top:5px;
  558. margin-bottom:-5px;
  559. }
  560.  
  561.  
  562. /* -------------------------- POST TYPES -------------------------- */
  563.  
  564. /* CHAT */
  565.  
  566. .odd, .even {padding:5px;
  567. font-size:8px;
  568. padding:5px;
  569. color:{color:descont};
  570. background-color:{color:accent};
  571. }
  572. .odd {
  573. background-color:{color:wrap};
  574. color:{color:accent};
  575. font-size:8px;
  576. padding:5px;
  577. }
  578. ul.chat{
  579. list-style:none;
  580. margin-left:-40px;
  581. }
  582.  
  583. .chat span {
  584. float: left;
  585. }
  586.  
  587. /* QUOTES */
  588.  
  589. .quote{
  590. font-size:15px;
  591. padding:20px;
  592. line-height:150%;
  593. text-transform:uppercase;
  594. text-align:center;
  595. font-family: 'montserrat', sans serif;
  596. }
  597.  
  598. .quotesource{
  599. text-align:center;
  600. font-size:13px;
  601. padding:20px;
  602. opacity:0.7;
  603. border-top: 1px solid {color:accent};
  604. width:200px;
  605. margin:auto;
  606. font-family: 'montserrat', sans serif;
  607. text-transform:lowercase;
  608. }
  609.  
  610. /* QUESTIONS */
  611.  
  612. .question{
  613. margin-bottom:15px;
  614. padding:10px;
  615. }
  616.  
  617. .answer {
  618. font-size:11px;
  619. }
  620.  
  621. .askerimg{
  622. position:relative;
  623. display:inline-block;
  624.  
  625. margin-right:10px;
  626. }
  627.  
  628. /* AUDIO */
  629.  
  630. .playerbuttonbg {
  631. position: absolute;
  632. left: 20px;
  633. top: 20px;
  634. width: 19px;
  635. height: 19px;
  636. background-color: {color:posts};
  637. padding: 10px;
  638. -webkit-border-radius: 40px;
  639. -moz-border-radius: 40px;
  640. border-radius: 40px;
  641. opacity: .4;
  642. filter: alpha(opacity=40);
  643. -moz-opacity: 0.4;
  644. -khtml-opacity: 0.4;
  645. transition: opacity .7s ease-in-out;
  646. -moz-transition: opacity .7s ease-in-out;
  647. -webkit-transition: opacity .7s ease-in-out;
  648. }
  649.  
  650. .playerbuttonbg:hover {
  651. opacity: 1;
  652. filter: alpha(opacity=100);
  653. -moz-opacity: 1;
  654. -khtml-opacity: 1;
  655. }
  656.  
  657. .newplayerbutton {
  658. position: relative;
  659. width: 19px;
  660. height: 19px;
  661. overflow: hidden;
  662. }
  663.  
  664. .playerbuttonhug {
  665. position: absolute;
  666. top: -18px;
  667. left: -7px;
  668. }
  669.  
  670. .tumblr_audio_player {
  671. height: 90px;
  672. width: 270px;
  673. -moz-transform: scale(0.60, 0.60);
  674. -webkit-transform: scale(0.60, 0.60);
  675. -o-transform: scale(0.60, 0.60);
  676. -ms-transform: scale(0.60, 0.60);
  677. transform: scale(0.60, 0.60);
  678. -moz-transform-origin: top left;
  679. -webkit-transform-origin: top left;
  680. -o-transform-origin: top left;
  681. -ms-transform-origin: top left;
  682. transform-origin: top left;
  683. }
  684.  
  685. .audioimgwrapper {
  686. position: absolute;
  687. left: 0px;
  688. top: 0px;
  689. -webkit-border-radius: 40px;
  690. -moz-border-radius: 40px;
  691. border-radius: 40px;
  692. overflow: hidden;
  693. width: 79px;
  694. height: 79px;
  695. }
  696.  
  697. .audioimgwrapper img {
  698. width: 100%;
  699. height: auto;
  700. -webkit-border-radius: 40px;
  701. -moz-border-radius: 40px;
  702. border-radius: 40px;
  703. }
  704.  
  705. .trackdetails {
  706. width:180px;
  707. height:auto;
  708. margin-top:8px;
  709. background:{color:descont};
  710. display:inline-block;
  711. margin-left: 90px;
  712. padding:10px;
  713. margin-bottom:17px;
  714. }
  715.  
  716. .audiowrapper {
  717. position: relative;
  718. display:inline-block;
  719. }
  720.  
  721. /* ------------------------- PAGINATION ------------------------- */
  722.  
  723. #pagi {
  724. z-index:10;
  725. text-align:center;
  726. text-transform:uppercase;
  727. }
  728.  
  729.  
  730. /* -- don't delete Ever --*/
  731. #yo {
  732. color: {color:accent};
  733. font-size:7.5px;
  734. float:right;
  735. right:0;
  736. bottom:0;
  737. margin-right:10px;
  738. margin-bottom:10px;
  739. padding:10px;
  740. position:fixed;
  741. background-color:transparent;
  742. font-weight:bold;
  743. text-align:center;
  744.  
  745. }
  746.  
  747.  
  748. /* --------------------------- Custom CSS -------------------------- */
  749. {CustomCSS}
  750. </style>
  751. </head>
  752.  
  753. <body>
  754.  
  755. <div id="everything">
  756.  
  757. <div id="header">{title}{block:TagPage} &nbsp;&nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i> &nbsp;&nbsp; {Tag} {/block:TagPage} {block:SearchPage} &nbsp;&nbsp;<i class="fa fa-angle-right" aria-hidden="true"></i> &nbsp;&nbsp; {lang:Search results for SearchQuery}{/block:SearchPage}</div></b>
  758.  
  759. <div style="position:fixed;">
  760.  
  761. {block:Pagination}
  762. <div style="position:fixed;margin-left:20px;margin-top:60px;">
  763. {block:PreviousPage}<a href="{PreviousPage}"><i class="fa fa-angle-left" aria-hidden="true"></i></a>{/block:PreviousPage}
  764. </div>
  765.  
  766. <div style="position:fixed;margin-top:60px;">
  767. <span style="position:fixed;margin-left:167px;">
  768. {block:NextPage}<a href="{NextPage}"><i class="fa fa-angle-right" aria-hidden="true"></i></a>{/block:NextPage}
  769. </span></div>
  770. {/block:Pagination}
  771.  
  772. <div class="descont">
  773.  
  774. {description}
  775.  
  776. </div>
  777.  
  778. <div class="remus">
  779. <div class="lupin"style="margin-top:87px;padding-right:5px;width:65px;text-align:right;margin-left:-5px;height:20px;overflow:hidden">{text:pic 1 text}</div><img src="{image:pic 1}">
  780. <div class="lupin"style="margin-top:-25px;padding-right:5px;width:65px;text-align:right;margin-left:105px;height:20px;overflow:hidden">{text:pic 3 text}</div><img style="float:right;"src="{image:pic 2}">
  781. <div class="lupin"style="margin-top:-105px;padding-right:5px;padding-left:3px;width:65px;text-align:left;margin-left:80px;height:20px;overflow:hidden">{text:pic 2 text}</div><img style="float:right;margin-left:70px;margin-top:-46px;"src="{image:pic 3}">
  782. </div>
  783.  
  784. <div id="sidebaricons">
  785. <img src="{image:sidebar icon 1}"/><br>
  786. </div>
  787.  
  788. <div id="sidelinks">
  789.  
  790. <a style="margin-top:-13px;position:fixed;margin-left:-4px;"title="{text:link 1 text}" href="{text:link 1}"><i class="fa fa-home" aria-hidden="true"></i></a></b></big>
  791.  
  792. <a style="margin-top:-25px;position:fixed;margin-left:25px;" title="{text:link 2 text}" href="{text:link 2}"><i class="fa fa-comments" aria-hidden="true"></i></a></b></big>
  793.  
  794. <a style="margin-top:-20px;margin-left:10px;position:fixed" title="{text:link 3 text}" href="{text:link 3}"><i class="fa fa-heartbeat" aria-hidden="true"></i></a></b></big>
  795.  
  796. <a style="margin-left:40px;position:fixed;margin-top:-20px;"title="{text:link 4 text}" href="{text:link 4}"><i class="fa fa-tags" aria-hidden="true"></i></a></b></big>
  797.  
  798. <a style="margin-left:56px;position:fixed;margin-top:-13px;"title="{text:link 5 text}" href="{text:link 5}"><i class="fa fa-group" aria-hidden="true"></i></a></b></big>
  799.  
  800. </div>
  801. <div id="postcontainer">
  802.  
  803. {block:Posts}
  804. <article>
  805.  
  806.  
  807.  
  808. <!--TEXT POST-->
  809. {block:Text}
  810. {block:Title}
  811. <h1 class="title" style="text-align:center;font-size:18px;line-height:100%;background:{color:wrap};padding:5px;width:auto;margin:auto;">
  812. <a href="{Permalink}">{Title}</a></h1>
  813. {/block:Title}
  814. {Body}
  815. {/block:Text}
  816.  
  817.  
  818. <!--PHOTO POST-->
  819. {block:Photo}
  820. {block:IndexPage}
  821. {LinkOpenTag}
  822. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  823. {LinkCloseTag}
  824. {/block:IndexPage}
  825. {block:PermalinkPage}
  826. {LinkOpenTag}
  827. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  828. {LinkCloseTag}{/block:PermalinkPage}
  829. {/block:Photo}
  830.  
  831.  
  832. <!--PHOTOSET POST-->
  833. {block:Photoset}
  834. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  835. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  836. {/block:Photoset}
  837.  
  838.  
  839. <!--QUOTE POST-->
  840. {block:Quote}
  841. <div class="quote">{Quote}</div>
  842. {block:Source}
  843. <div class="quotesource">{Source}</div>
  844. {/block:Source}
  845. {/block:Quote}
  846.  
  847.  
  848. <!--LINK POST-->
  849. {block:Link}
  850. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  851. {block:Description}{Description}{/block:Description}
  852. {/block:Link}
  853.  
  854.  
  855. <!--CHAT POST-->
  856. {block:Chat}
  857.  
  858. {block:Title}
  859. <h1 class="title" style="text-align:center;font-size:24px;line-height:100%;border-bottom:1px solid {color:accent};padding-bottom:15px;width:Auto;margin:auto;">
  860. <a href="{Permalink}">{Title}</a></h1>
  861. {/block:Title}
  862.  
  863. <ul class="chat">
  864. {block:Lines}<li class="{Alt}">{block:Label}<span class="label" style="text-transform:uppercase; font-weight:bold; ">{Label}</span>{/block:Label}<div style="text-transform:uppercase;">&nbsp;{Line}</div></li>{/block:Lines}
  865. </ul>
  866. {/block:Chat}
  867.  
  868.  
  869. <!--AUDIO POST-->
  870. {block:AudioPlayer}
  871. <div class="audiowrapper">
  872. {block:AlbumArt}
  873. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  874. {/block:AlbumArt}
  875.  
  876. <div class="playerbuttonbg">
  877. <div class="newplayerbutton">
  878. <div class="playerbuttonhug">
  879.  
  880. {AudioPlayerWhite}
  881.  
  882. </div>
  883. </div>
  884. </div>
  885.  
  886. <div class="trackdetails">
  887.  
  888. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  889. {block:Artist}<b><i>artist:</i></b> {Artist}{/block:Artist}<br/>
  890. {block:Album}<i><b>album:</i></b {Album}{/block:Album}<br/>
  891. {PlayCountWithLabel}
  892.  
  893. </div>
  894. </div>
  895. {/block:AudioPlayer}
  896.  
  897. {block:Caption}{/block:Caption}
  898.  
  899.  
  900. <!--VIDEO POST-->
  901. {block:Video}
  902. <div class="video" style="text-align:center;">{Video-250}</div>
  903. {block:Caption}{/block:Caption}
  904. {/block:Video}
  905.  
  906.  
  907. <!--ANSWER POST-->
  908. {block:Answer}
  909. <div class="askerimg"><img src="{AskerPortraitURL-40}" style="border-radius:50px;margin-left:10px;"></div>
  910. <div style="padding:10px; background:{color:wrap}; width:auto; height:auto;margin-left:60px;margin-top:-43px; margin-bottom:30px;text-transform:uppercase;">
  911. <div style="padding-bottom:10px;border-bottom:solid 1px {color:accent}; text-align:center; font-size:16px; font-family:'montserrat',sans serif;"><b>{Asker} </b> whispered</span></div><br>
  912. <span class="question"style="text-transform:none">{Question}</span></div>
  913. <p><div class="answer">{Answer}</div>
  914. {/block:Answer}
  915.  
  916. <!--CAPTIONS-->
  917.  
  918. {block:Caption}
  919. {Caption}
  920. {/block:Caption}
  921.  
  922. <!--POST INFORMATION-->
  923. <div class="postinfo">
  924.  
  925. <!--PERMALINK-->
  926. <i class="fa fa-calendar" aria-hidden="true"></i>
  927. <a href="{Permalink}">
  928. {block:Date}
  929. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
  930. {/block:Date}
  931. </a>
  932.  
  933. <!--NOTES-->
  934. {block:NoteCount}
  935. <a href="{Permalink}"> <i class="fa fa-heart" aria-hidden="true"></i> {NoteCount} </a>
  936. {/block:NoteCount}
  937.  
  938. <!--VIA AND SOURCE-->
  939. {block:RebloggedFrom}
  940. ( <a href="{ReblogParentURL}">Via</a>
  941. {/block:RebloggedFrom}
  942. {block:ContentSource}
  943. & <a href="{SourceURL}">Source</a>
  944. {/block:ContentSource}
  945. {block:RebloggedFrom} ){/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  946.  
  947. <!--TAGS-->
  948. {block:HasTags}
  949. <div class="tags">
  950. <b style="color:{color:accent};font-size:10px;text-transform:uppercase;"><i class="fa fa-tags" aria-hidden="true"></i></b>
  951. {block:Tags}
  952. <a href="{TagURL}"><i class="fa fa-angle-right" aria-hidden="true"></i>{Tag}</a>
  953. {/block:Tags}
  954. </div>
  955. {/block:HasTags}
  956.  
  957. </div>
  958.  
  959. <!--POST NOTES-->
  960. {block:PostNotes}
  961. <div class="pagenotes">{PostNotes-16}</div>
  962. {/block:PostNotes}
  963.  
  964.  
  965.  
  966.  
  967. </article>
  968. {/block:Posts}
  969.  
  970.  
  971.  
  972.  
  973.  
  974. </div>
  975.  
  976. </div>
  977.  
  978.  
  979. </div>
  980. </div>
  981. </div>
  982. </div>
  983.  
  984.  
  985.  
  986. <div id="yo">
  987.  
  988. <a href="http://destinatiia.tumblr.com/"target="_blank"> <i class="fa fa-moon-o fa-4x" style="color:{color:accent}"></i> </a>
  989. </div>
  990. </body>
  991.  
  992.  
  993. </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!