API tools faq
paste
Advertisement
destinatia

THEME 006: ✧ * º • ☾ JANUARY. ❜ — destinatiia

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