API tools faq
paste
Advertisement
destinatia

「 ✩ * º ╳ REBORN by becca. 」

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