API tools faq
paste
Advertisement
destinatia

THEME 014: ✧ * º • ☾ PHYTONESS.❜ ( alt. blair )

destinatia
Sep 8th, 2016
1,563
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.31 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:wrap borders" content="#ccc" />
  31. <meta name="color:accent" content="#ffffff" />
  32. <meta name="color:wrap" content="#aaa" />
  33. <meta name="color:speech bubble" content="#ffffff" />
  34. <meta name="color:speech bubble text" content="#333" />
  35. <meta name="color:previous" content="#000" />
  36. <meta name="color:pause" content="#ddd" />
  37. <meta name="color:next" content="#000" />
  38. <meta name="color:previous symbol" content="#fff" />
  39. <meta name="color:pause symbol" content="#fff" />
  40. <meta name="color:next symbol" content="#fff" />
  41. <meta name="color:progress bar" content="#ddd" />
  42. <meta name="color:progress track" content="#ddd" />
  43.  
  44. <meta name="text:song title" content="not a fob-long song omg" />
  45. <meta name="text:artist" content="keep it brief" />
  46. <meta name="text:album title" content="one line looks best tbh" />
  47. <meta name="text:album artist" content="same as above!" />
  48. <meta name="text:song 1" content="" />
  49. <meta name="text:song 2" content="" />
  50. <meta name="text:song 3" content="" />
  51. <meta name="text:song 4" content="" />
  52. <meta name="text:song 5" content="" />
  53. <meta name="text:song 6" content="" />
  54. <meta name="text:artist 1" content="" />
  55. <meta name="text:artist 2" content="" />
  56. <meta name="text:artist 3" content="" />
  57. <meta name="text:artist 4" content="" />
  58. <meta name="text:artist 5" content="" />
  59. <meta name="text:artist 6" content="" />
  60. <meta name="text:link 1" content="/" />
  61. <meta name="text:link 2" content="/" />
  62. <meta name="text:link 3" content="/" />
  63. <meta name="text:link 4" content="/" />
  64. <meta name="text:link 5" content="/" />
  65. <meta name="text:link 6" content="/" />
  66.  
  67. <meta name="image:sidebar icon 1" content="" />
  68. <meta name="image:album art" content="" />
  69. <meta name="image:pic 1" content="" />
  70. <meta name="image:pic 2" content="" />
  71. <meta name="image:pic 3" content="" />
  72. <meta name="image:pic 4" content="" />
  73. <meta name="image:wrapbg" content="" />
  74. <meta name="image:background" content="" />
  75.  
  76. <meta name="if:400px posts" content="1"/>
  77. <meta name="if:grayscale" content="1"/>
  78.  
  79.  
  80.  
  81. <!-- IMPORTED SCRIPTS - DON'T REMOVE -->
  82.  
  83.  
  84. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  85.  
  86. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
  89.  
  90. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  91.  
  92. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  93.  
  94. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  95.  
  96. <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:100" rel="stylesheet">
  97.  
  98.  
  99. <script type="text/javascript">
  100. function display_ct() {
  101. var strcount
  102. var x = new Date()
  103. var x1=x.getHours( )+ ":" + x.getMinutes();
  104. document.getElementById('ct').innerHTML = x1;
  105.  
  106. tt=display_c();
  107. }
  108. </script>
  109.  
  110. <script type="text/javascript">
  111. function unhide(divID) {
  112. var item = document.getElementById(divID);
  113. if (item) {
  114. item.className=(item.className=='hidden')?'unhidden':'hidden';
  115. }
  116. }
  117. </script>
  118.  
  119.  
  120.  
  121. <style type="text/css">
  122.  
  123. /* ---------------------------- GENERAL ----------------------------- */
  124.  
  125. /* -------- SELECTION TOOL ------- */
  126.  
  127. ::-moz-selection {
  128. background: {color:accent};
  129. color: {color:background};
  130. }
  131.  
  132. ::selection {
  133. background: {color:accent};
  134. color: {color:background};
  135. }
  136.  
  137. /* -------- SCROLLBAR ------- */
  138.  
  139. ::-webkit-scrollbar {
  140. width: 2px;
  141. }
  142.  
  143. /* Track */
  144. ::-webkit-scrollbar-track {
  145. background:{color:background};
  146. border-radius:50%;
  147. }
  148.  
  149. /* Handle */
  150. ::-webkit-scrollbar-thumb {
  151. background:{color:accent};
  152. }
  153. ::-webkit-scrollbar-thumb:window-inactive {
  154. background: transparent;
  155. }
  156.  
  157.  
  158. /* ------- TOOLTIPS ------ */
  159.  
  160. #s-m-t-tooltip {
  161. max-width:300px;
  162. padding:5px;
  163. margin:10px 0px 0px 10px;
  164. background-color:{color:wrap borders};
  165. font-size:7px;
  166. z-index:999999999999999999999999999999999999;
  167. }
  168.  
  169.  
  170. /* -------- BASICS ------- */
  171.  
  172. body {
  173. background-color:{color:background};
  174. color: {color:text};
  175. overflow-y:hidden;
  176. overflow-x:auto;
  177. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  178. font-size: 10px;
  179. margin: 0;
  180. letter-spacing:0.5px;
  181. padding: 0;
  182. word-wrap: break-word;
  183. line-height:160%;
  184. background-image:url('{image:background}');
  185. }
  186.  
  187. sup, sub, small {
  188. font-size:9px;
  189. }
  190.  
  191. h1 {
  192. font-family:'montserrat', sans serif;
  193. font-size:24px;
  194. text-align:center;
  195. color: {color:accent};
  196. }
  197.  
  198.  
  199. h2 {
  200. font-family:'montserrat', sans serif;
  201. font-size:18px;
  202. font-style:italic;
  203. text-align:center;
  204. color: {color:accent};
  205. }
  206.  
  207.  
  208. a {
  209. color: {color:links};
  210. text-decoration: none;
  211. -webkit-transition: all .7s;
  212. -moz-transition: all .7s;
  213. -o-transition: all .7s;
  214. -ms-transition: all .7s;
  215. transition: all .7s;
  216. }
  217.  
  218.  
  219. b, strong {
  220. color: {color:accent};
  221. font-family:'montserrat', sans serif;
  222.  
  223. }
  224.  
  225. i, em,italic {
  226. color: {color:accent};
  227. font-family:'montserrat', sans serif;
  228.  
  229. }
  230.  
  231. s, strike {
  232. color: {color:accent};
  233. font-family:'montserrat', sans serif;
  234.  
  235. }
  236.  
  237. u,underline {
  238. color: {color:accent};
  239. font-family:'montserrat', sans serif;
  240.  
  241. }
  242.  
  243. a:hover{
  244. color:{color:links hover};
  245. letter-spacing:1px;
  246. -webkit-transition: all .7s;
  247. -moz-transition: all .7s;
  248. -o-transition: all .7s;
  249. -ms-transition: all .7s;
  250. transition: all .7s;
  251. }
  252.  
  253. blockquote {
  254. background:{color:wrap};
  255. border-left:{color:links hover} 1px solid;
  256. margin: 10px;
  257. padding-left:20px;
  258. padding-top:10px;
  259. padding-right:20px;
  260. padding-bottom:10px;
  261. }
  262.  
  263. iframe, img, embed, object, video {
  264. max-width: 100%;
  265. }
  266.  
  267. {block:ifgrayscale}
  268. .html_photoset {
  269. -webkit-filter: grayscale(100%);
  270. -webkit-transition: all .25s;
  271. ...
  272. }
  273.  
  274. img {
  275. -webkit-filter: grayscale(100%);
  276. width:auto;
  277. height:auto;
  278. }
  279. {/block:ifgrayscale}
  280.  
  281. p{
  282. margin-bottom:10px;
  283. }
  284.  
  285. h1{
  286. text-transform:uppercase;
  287. font-size:13px;
  288. }
  289.  
  290. ul{
  291. list-style-type:circle;
  292. }
  293.  
  294. ol{
  295. list-style-type:;
  296. }
  297.  
  298. #everything {
  299. z-index:9;
  300. position:fixed;
  301. top:50%;
  302. left:50%;
  303. transform:translate(-50%,-50%);
  304. {block:ifnot400pxposts}
  305. width: 350px;
  306. height: 490px;
  307. {/block:ifnot400pxposts}
  308. {block:if400pxposts}
  309. width: 450px;
  310. height: 520px;
  311. {/block:if400pxposts}
  312. padding:20px;
  313. overflow:auto;
  314. border-radius:7px;
  315. background-image:url('{image:wrapbg}');
  316. border: 5px solid {color:wrap borders};
  317. background-color:{color:wrap};
  318. }
  319.  
  320. #postcontainer {
  321. position:fixed;
  322. margin-top:160px;
  323. margin-left:17px;
  324. z-index:99;
  325. margin-right:auto;
  326. {block:ifnot400pxposts}
  327. width: 325px;
  328. height: 310px;
  329. {/block:ifnot400pxposts}
  330. {block:if400pxposts}
  331. width:425px;
  332. height: 330px;
  333. {/block:if400pxposts}
  334. overflow-y:auto;
  335. overflow-x:hidden;
  336. background-color:transparent;
  337. margin-bottom:200px;
  338. }
  339.  
  340. #sidebaricons {
  341. border-radius:50px;
  342. position:fixed;
  343. margin-left:10px;
  344. word-spacing:85px;
  345. width:auto;
  346. line-height:1200%;
  347. margin-top:13px;
  348. }
  349.  
  350. #sidebaricons img {
  351. border-radius:60px;
  352. text-align:center;
  353. position:fixed;
  354. z-index:99;
  355. width:80px;
  356. }
  357.  
  358. /* --------------------------- POSTS (articles) --------------------- */
  359.  
  360. article {
  361. float:left;
  362. background:{color:posts};
  363. padding: 10px;
  364. {block:ifnot400pxposts}
  365. width: 300px;
  366. {/block:ifnot400pxposts}
  367. {block:if400pxposts}
  368. width: 400px;
  369. {/block:if400pxposts}
  370. z-index:9;
  371. text-align:justify;
  372. margin-bottom:20px;
  373. }
  374.  
  375.  
  376. /* ---------------------------- POST INFO -----------------------------*/
  377.  
  378. .postinfo{
  379. margin-top:10px;
  380. text-align:center;
  381. font-weight:bold;
  382. font-size:8.5px;
  383. padding-top:10px;
  384. text-transform:uppercase;
  385. letter-spacing:1px;
  386. }
  387.  
  388. .tags {
  389. margin-top:5px;
  390. background:{color:wrap};
  391. padding:5px;
  392. font-weight:normal;
  393. -webkit-transition: all .7s;
  394. -moz-transition: all .7s;
  395. -o-transition: all .7s;
  396. -ms-transition: all .7s;
  397. transition: all .7s;
  398. }
  399.  
  400. .tags a{
  401. color:{color:accent};
  402. }
  403.  
  404. .tags:hover{
  405. letter-spacing:1px;
  406. -webkit-transition: all .7s;
  407. -moz-transition: all .7s;
  408. -o-transition: all .7s;
  409. -ms-transition: all .7s;
  410. transition: all .7s;
  411. }
  412.  
  413.  
  414. /* ---------------------------- POST NOTES ------------------------- */
  415.  
  416. ol.notes {
  417. display:block;
  418. text-align:left;
  419. list-style-type:none;
  420. margin-left:-40px;
  421. }
  422.  
  423. ol.notes li.note{
  424. margin-bottom:5px;
  425. }
  426.  
  427. .pagenotes {
  428. text-align:left;
  429. margin-top:15px;
  430. }
  431.  
  432. .pagenotes img{
  433. padding-right:5px;
  434. padding-top:5px;
  435. margin-bottom:-5px;
  436. }
  437.  
  438.  
  439. /* -------------------------- POST TYPES -------------------------- */
  440.  
  441. /* CHAT */
  442.  
  443. .odd, .even {padding:5px;
  444. font-size:8px;
  445. padding:5px;
  446. color:{color:wrap borders};
  447. background-color:{color:accent};
  448. }
  449. .odd {
  450. background-color:{color:wrap};
  451. color:{color:accent};
  452. font-size:8px;
  453. padding:5px;
  454. }
  455. ul.chat{
  456. list-style:none;
  457. margin-left:-40px;
  458. }
  459.  
  460. .chat span {
  461. float: left;
  462. }
  463.  
  464. /* QUOTES */
  465.  
  466. .quote{
  467. font-size:15px;
  468. padding:20px;
  469. line-height:150%;
  470. text-transform:uppercase;
  471. text-align:center;
  472. font-family: 'montserrat', sans serif;
  473. }
  474.  
  475. .quotesource{
  476. text-align:center;
  477. font-size:13px;
  478. padding:20px;
  479. opacity:0.7;
  480. border-top: 1px solid {color:accent};
  481. width:200px;
  482. margin:auto;
  483. font-family: 'montserrat', sans serif;
  484. text-transform:lowercase;
  485. }
  486.  
  487. /* QUESTIONS */
  488.  
  489. .question{
  490. margin-bottom:15px;
  491. padding:10px;
  492. }
  493.  
  494. .answer {
  495. font-size:11px;
  496. }
  497.  
  498. .askerimg{
  499. position:relative;
  500. display:inline-block;
  501.  
  502. margin-right:10px;
  503. }
  504.  
  505. /* AUDIO */
  506.  
  507. .playerbuttonbg {
  508. position: absolute;
  509. left: 20px;
  510. top: 20px;
  511. width: 19px;
  512. height: 19px;
  513. background-color: {color:posts};
  514. padding: 10px;
  515. -webkit-border-radius: 40px;
  516. -moz-border-radius: 40px;
  517. border-radius: 40px;
  518. opacity: .4;
  519. filter: alpha(opacity=40);
  520. -moz-opacity: 0.4;
  521. -khtml-opacity: 0.4;
  522. transition: opacity .7s ease-in-out;
  523. -moz-transition: opacity .7s ease-in-out;
  524. -webkit-transition: opacity .7s ease-in-out;
  525. }
  526.  
  527. .playerbuttonbg:hover {
  528. opacity: 1;
  529. filter: alpha(opacity=100);
  530. -moz-opacity: 1;
  531. -khtml-opacity: 1;
  532. }
  533.  
  534. .newplayerbutton {
  535. position: relative;
  536. width: 19px;
  537. height: 19px;
  538. overflow: hidden;
  539. }
  540.  
  541. .playerbuttonhug {
  542. position: absolute;
  543. top: -18px;
  544. left: -7px;
  545. }
  546.  
  547. .tumblr_audio_player {
  548. height: 90px;
  549. width: 270px;
  550. -moz-transform: scale(0.60, 0.60);
  551. -webkit-transform: scale(0.60, 0.60);
  552. -o-transform: scale(0.60, 0.60);
  553. -ms-transform: scale(0.60, 0.60);
  554. transform: scale(0.60, 0.60);
  555. -moz-transform-origin: top left;
  556. -webkit-transform-origin: top left;
  557. -o-transform-origin: top left;
  558. -ms-transform-origin: top left;
  559. transform-origin: top left;
  560. }
  561.  
  562. .audioimgwrapper {
  563. position: absolute;
  564. left: 0px;
  565. top: 0px;
  566. -webkit-border-radius: 40px;
  567. -moz-border-radius: 40px;
  568. border-radius: 40px;
  569. overflow: hidden;
  570. width: 79px;
  571. height: 79px;
  572. }
  573.  
  574. .audioimgwrapper img {
  575. width: 100%;
  576. height: auto;
  577. -webkit-border-radius: 40px;
  578. -moz-border-radius: 40px;
  579. border-radius: 40px;
  580. }
  581.  
  582. .trackdetails {
  583. width:180px;
  584. height:auto;
  585. margin-top:8px;
  586. background:{color:wrap borders};
  587. display:inline-block;
  588. margin-left: 90px;
  589. padding:10px;
  590. margin-bottom:17px;
  591. }
  592.  
  593. .audiowrapper {
  594. position: relative;
  595. display:inline-block;
  596. }
  597.  
  598. /* -- don't delete Ever --*/
  599.  
  600. #yo {
  601. color: {color:accent};
  602. font-size:7.5px;
  603. float:right;
  604. right:0;
  605. bottom:0;
  606. margin-right:10px;
  607. margin-bottom:10px;
  608. padding:10px;
  609. position:fixed;
  610. background-color:transparent;
  611. font-weight:bold;
  612. text-align:center;
  613.  
  614. }
  615.  
  616. .remus{
  617. {block:ifnot400pxposts}
  618. width:230px;
  619. {/block:ifnot400pxposts}
  620. {block:if400pxposts}
  621. width:330px;
  622. {/block:if400pxposts}
  623. margin-top:5px;
  624. color:{color:accent};
  625. overflow:hidden;
  626. word-spacing:1px;
  627. height:110px;
  628. font-size:15px;
  629. height:14px;
  630. letter-spacing:0.5px;
  631. margin-left:105px;
  632. text-transform:uppercase;
  633. font-family: 'Alegreya Sans SC', sans-serif;
  634. position:fixed;
  635. -webkit-transition: all .7s;
  636. -moz-transition: all .7s;
  637. -o-transition: all .7s;
  638. -ms-transition: all .7s;
  639. transition: all .7s;
  640. }
  641.  
  642. .remus a{
  643. color:{color:accent};
  644. }
  645.  
  646. .remus a:hover{
  647. letter-spacing:2px;
  648. -webkit-transition: all .7s;
  649. -moz-transition: all .7s;
  650. -o-transition: all .7s;
  651. -ms-transition: all .7s;
  652. transition: all .7s;
  653. }
  654.  
  655. .lupin{
  656. width:100px;
  657. margin-left:18px;
  658. height:40px;
  659. font-size:8px;
  660. line-height:10px;
  661. overflow:hidden;
  662. margin-top:115px;
  663. position:fixed;
  664. }
  665.  
  666. #moony{
  667. {block:ifnot400pxposts}
  668. width:120px;
  669. {/block:ifnot400pxposts}
  670. {block:if400pxposts}
  671. width:220px;
  672. {/block:if400pxposts}
  673. background:{color:progress bar};
  674. height:5px;
  675. margin-top:127px;
  676. margin-left:120px;
  677. position:fixed;
  678. border-radius:50px;
  679. overflow:hidden;
  680. }
  681.  
  682. .why{
  683. width:10px;
  684. padding:3px 5px 7px 7px;
  685. background:#000;
  686. height:11px;
  687. margin-top:120px;
  688. {block:ifnot400pxposts}
  689. margin-left:260px;
  690. {/block:ifnot400pxposts}
  691. position:fixed;
  692. border-radius:3px;
  693. overflow:hidden;
  694. }
  695.  
  696. /* speech bubble stuff */
  697.  
  698. #ok {
  699. margin: 0 0 0.5em;
  700. border-radius: 1em;
  701. line-height:12px;
  702. padding: 0.8em 1em 0.8em 1.1em;
  703. margin-top:380px;
  704. font-size:8px;
  705. clear: both;
  706. text-align:justify;
  707. position: relative;
  708. z-index:99999;
  709. margin-left:100px;
  710. }
  711. #ok.me {
  712. float: left;
  713. {block:ifnot400pxposts}
  714. width:220px;
  715. {/block:ifnot400pxposts}
  716. {block:if400pxposts}
  717. width:320px;
  718. {/block:if400pxposts}
  719. height:57px;
  720. background-color: {color:speech bubble};
  721. color: {color:speech bubble text};
  722. }
  723.  
  724. #ok.me b{
  725. color:{color:pause symbol};
  726. }
  727.  
  728. #ok.me i{
  729. color:{color:pause symbol};
  730. }
  731.  
  732. #ok.me a{
  733. color:{color:pause symbol};
  734. }
  735.  
  736. #ok.me s{
  737. color:{color:pause symbol};
  738. }
  739.  
  740. #ok.me u{
  741. color:{color:pause symbol};
  742. }
  743.  
  744. #ok.me::after {
  745. content: "";
  746. position: absolute;
  747. left: -0.5em;
  748. bottom: 0;
  749. width: 0.5em;
  750. height: 1em;
  751. border-right: 0.5em solid {color:speech bubble};
  752. border-bottom-right-radius: 1em 0.5em;
  753. }
  754.  
  755. .bubble {
  756. position: fixed;
  757. font-family: 'montserrat', sans-serif;
  758. width: 25px;
  759. height: 10px;
  760. margin-top:100px;
  761. {block:ifnot400pxposts}
  762. margin-left:161px;
  763. {/block:ifnot400pxposts}
  764. {block:if400pxposts}
  765. margin-left:211px;
  766. {/block:if400pxposts}
  767. font-size:8px;
  768. padding: 0px 6px 6px 6px;
  769. text-align:center;
  770. background: {color:speech bubble};
  771. -webkit-border-radius: 5px;
  772. -moz-border-radius: 5px;
  773. border-radius: 5px;
  774. }
  775.  
  776. .bubble b{
  777. color:{color:pause symbol};
  778. }
  779.  
  780. .bubble:after {
  781. content: "";
  782. position: absolute;
  783. bottom: -4px;
  784. left: 16px;
  785. border-style: solid;
  786. border-width: 4px 3px 0;
  787. border-color: {color:speech bubble} transparent;
  788. display: block;
  789. width: 0;
  790. z-index: 1;
  791. }
  792.  
  793. .hidden {
  794. display: none;
  795. z-index:99999999;
  796. }
  797.  
  798. .unhidden {
  799. display: block;
  800. z-index:99999999;
  801. }
  802.  
  803. #displaybx {
  804. position:fixed;
  805. z-index:-99;
  806. margin-right:auto;
  807. {block:if400pxposts}
  808. width: 408px;
  809. height: 310px;
  810. {/block:if400pxposts}
  811. {block:ifnot400pxposts}
  812. width: 308px;
  813. height: 290px;
  814. {/block:ifnot400pxposts}
  815. padding:20px;
  816. background-color:{color:wrap};
  817. margin-bottom:200px;
  818. margin-top:150px;
  819. overflow:hidden;
  820. margin-left:10px;
  821. z-index:99999999;
  822. }
  823.  
  824. #displaybx img{
  825. width:80px;
  826. height:80px;
  827. }
  828.  
  829. #audrey {
  830. border-radius:5px;
  831. position:fixed;
  832. margin-left:10px;
  833. word-spacing:85px;
  834. width:180px;
  835. height:180px;
  836. }
  837.  
  838. #audrey img {
  839. width:180px;
  840. border-radius:5px;
  841. height:180px;
  842. }
  843.  
  844. #jensen {
  845. border-radius:5px;
  846. position:fixed;
  847. margin-left:10px;
  848. width:180px;
  849. height:180px;
  850. z-index:99;
  851. background-color:{color:wrap};
  852. opacity:0.4;
  853. -webkit-transition: all .7s;
  854. -moz-transition: all .7s;
  855. -o-transition: all .7s;
  856. -ms-transition: all .7s;
  857. transition: all .7s;
  858. }
  859.  
  860. #jensen:hover {
  861. opacity:0.2;
  862. -webkit-transition: all .7s;
  863. -moz-transition: all .7s;
  864. -o-transition: all .7s;
  865. -ms-transition: all .7s;
  866. transition: all .7s;
  867. }
  868.  
  869.  
  870. /* --------------------------- Custom CSS -------------------------- */
  871. {CustomCSS}
  872. </style>
  873. </head>
  874.  
  875. <body onload=display_ct();>
  876.  
  877. <div id="everything">
  878.  
  879. {block:if400pxposts}
  880. <div id="displaybx"class="hidden">
  881.  
  882. <div style="margin-top:20px;font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue'; ">
  883.  
  884. <div style="padding-bottom:5px;line-height:13px;position:fixed;border-bottom:1px solid {color:accent}; width:200px; letter-spacing:1px;"><span style="font-size:14px;font-family: 'montserrat', sans-serif"><b>{text:album title}</b></span><br><span style="font-size:10px;">{text:album artist}</span></div>
  885.  
  886. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:50px;"><span style="font-size:11px;"><a href="{text:link 1}"><i class="fa fa-star" aria-hidden="true"></i></a> {text:song 1}</span><br><span style="font-size:8.5px;">{text:artist 1}</span></div>
  887.  
  888. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:50px;margin-left:110px;"><span style="font-size:11px;"><a href="{text:link 2}"><i class="fa fa-comments" aria-hidden="true"></i></a> {text:song 2}</span><br><span style="font-size:8.5px;">{text:artist 2}</span></div>
  889.  
  890. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:90px;"><span style="font-size:11px;"><a href="{text:link 3}"><i class="fa fa-heartbeat" aria-hidden="true"></i></a> {text:song 3}</span><br><span style="font-size:8.5px;">{text:artist 3}</span></div>
  891.  
  892. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:90px;margin-left:110px;"><span style="font-size:11px;"><a href="{text:link 4}"><i class="fa fa-tags" aria-hidden="true"></i></a> {text:song 4}</span><br><span style="font-size:8.5px;">{text:artist 4}</span></div>
  893.  
  894. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:130px;"><span style="font-size:11px;"><a href="{text:link 5}"><i class="fa fa-user" aria-hidden="true"></i></a> {text:song 5}</span><br><span style="font-size:8.5px;">{text:artist 5}</span></div>
  895.  
  896. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:130px;margin-left:110px;"><span style="font-size:11px;"><a href="{text:link 6}"><i class="fa fa-group" aria-hidden="true"></i></a> {text:song 6}</span><br><span style="font-size:8.5px;">{text:artist 6}</span></div>
  897.  
  898. <div style="float:right;margin-right:200px;margin-top:-10px;">
  899. <div style="position:fixed;margin-top:80px;margin-left:90px;font-size:10px;z-index:999"><i style="color:{color:pause symbol}"class="fa fa-play fa-3x" aria-hidden="true"></i></div>
  900. <div id="jensen"></div>
  901. <div id="audrey"><img src="{image:album art}"></div>
  902. </div>
  903.  
  904. <div style="margin-top:200px;word-spacing:9px;position:fixed;text-align:center;">
  905. <img src="{image:pic 1}"/>&nbsp;
  906. <img src="{image:pic 2}"/>&nbsp;
  907. <img src="{image:pic 3}"/>&nbsp;
  908. <img src="{image:pic 4}"/>&nbsp;
  909. </div>
  910.  
  911. </div>
  912.  
  913. </div>
  914.  
  915. {/block:if400pxposts}
  916.  
  917. {block:ifnot400pxposts}
  918. <div id="displaybx"class="hidden">
  919.  
  920. <div style="margin-top:40px;margin-left:-15px;font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue'; ">
  921.  
  922. <div style="padding-bottom:5px;line-height:13px;position:fixed;border-bottom:1px solid {color:accent}; width:180px; letter-spacing:1px;"><span style="font-size:14px;font-family: 'montserrat', sans-serif"><b>ajsgfasjkaks</b></span><br><span style="font-size:10px;">ajsgfasjkaks</span></div>
  923.  
  924. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:50px;"><span style="font-size:11px;"><a href="{text:link 1}"><i class="fa fa-star" aria-hidden="true"></i></a> {text:song 1}</span><br><span style="font-size:8.5px;">{text:artist 1}</span></div>
  925.  
  926. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:50px;margin-left:90px;"><span style="font-size:11px;"><a href="{text:link 2}"><i class="fa fa-comments" aria-hidden="true"></i></a> {text:song 2}</span><br><span style="font-size:8.5px;">{text:artist 2}</span></div>
  927.  
  928. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:85px;"><span style="font-size:11px;"><a href="{text:link 3}"><i class="fa fa-heartbeat" aria-hidden="true"></i></a> {text:song 3}</span><br><span style="font-size:8.5px;">{text:artist 3}</span></div>
  929.  
  930. <div style="line-height:13px;position:fixed; width:200px; letter-spacing:1px;margin-top:85px;margin-left:90px;"><span style="font-size:11px;"><a href="{text:link 4}"><i class="fa fa-group" aria-hidden="true"></i></a> {text:song 4}</span><br><span style="font-size:8.5px;">{text:artist 4}</span></div>
  931.  
  932. <div style="float:right;margin-right:120px;margin-top:0px;">
  933. <div style="position:fixed;margin-top:45px;margin-left:45px;font-size:10px;z-index:999"><i style="color:{color:pause symbol}"class="fa fa-play fa-3x" aria-hidden="true"></i></div>
  934. <div id="jensen"style="margin-left:-10px;width:120px;height:120px;"></div>
  935. <div id="audrey"style="margin-left:-10px;width:120px;height:120px;"><img style="width:120px;height:120px;"src="{image:album art}"></div>
  936. </div>
  937.  
  938. <div style="margin-top:140px;word-spacing:2px;position:fixed;text-align:center;">
  939. <img style="width:70px;height:70px"src="{image:pic 1}"/>&nbsp;
  940. <img style="width:70px;height:70px"src="{image:pic 2}"/>&nbsp;
  941. <img style="width:70px;height:70px"src="{image:pic 3}"/>&nbsp;
  942. <img style="width:70px;height:70px"src="{image:pic 4}"/>&nbsp;
  943. </div>
  944.  
  945. </div>
  946.  
  947. </div>
  948. {/block:ifnot400pxposts}
  949.  
  950. <div id="ok" class="me" style="position:fixed;margin-top:22px;">
  951. {description}
  952. </div>
  953.  
  954. <div style="position:fixed;">
  955.  
  956. <div class="remus">
  957. <a href="/">{title}</a>
  958. </div>
  959.  
  960. <div id="sidebaricons">
  961. <img src="{image:sidebar icon 1}"/><br>
  962. </div>
  963.  
  964.  
  965. <div class="lupin">
  966. <b>{text:song title}</b><br>{text:artist}
  967. </div>
  968.  
  969. <div class="bubble"><b><span id='ct'></span></b></div>
  970. <div id="moony">
  971. <div style="height:5px;border-radius:50px;{block:ifnot400pxposts}width:60px;{/block:ifnot400pxposts}{block:if400pxposts}width:110px;{/block:if400pxposts}background:{color:progress track}"></div>
  972. </div>
  973.  
  974. {block:ifnot400pxposts}
  975. <div style="margin-left:-5px;">
  976.  
  977. <div class="why" style="margin-left:260px;background:{color:wrap borders};"><i style="color:{color:previous symbol}"class="fa fa-chevron-left" aria-hidden="true"></i>
  978. </div>
  979.  
  980. <div class="why" style="margin-left:320px;background:{color:wrap borders};"><i style="color:{color:next symbol}"class="fa fa-chevron-right" aria-hidden="true"></i>
  981. </div>
  982.  
  983. {/block:NextPage}
  984. {Pagination}
  985. {block:PreviousPage}<div class="why" style="margin-left:260px;background:{color:previous};"><a href="{PreviousPage}"><i style="color:{color:previous symbol}"class="fa fa-chevron-left" aria-hidden="true"></i></a>
  986. </div>{/block:PreviousPage}
  987.  
  988. <a href="javascript:unhide('displaybx');"><div class="why" style="margin-left:290px;background:{color:pause};"><i style="color:{color:pause symbol}"class="fa fa-pause" aria-hidden="true"></i>
  989. </div></a>
  990.  
  991. {block:NextPage}<div class="why" style="margin-left:320px;background:{color:next};"> <a href="{NextPage}"><i style="color:{color:next symbol}"class="fa fa-chevron-right" aria-hidden="true"></i></a>
  992. </div>{/block:NextPage}
  993.  
  994. </div>
  995.  
  996.  
  997. </div>
  998. {/block:ifnot400pxposts}
  999.  
  1000. {block:if400pxposts}
  1001. <div style="margin-left:95px;">
  1002.  
  1003. <div class="why" style="margin-left:260px;background:{color:wrap borders};"><i style="color:{color:previous symbol}"class="fa fa-chevron-left" aria-hidden="true"></i>
  1004. </div>
  1005.  
  1006. <div class="why" style="margin-left:320px;background:{color:wrap borders};"><i style="color:{color:next symbol}"class="fa fa-chevron-right" aria-hidden="true"></i>
  1007. </div>
  1008.  
  1009. {Pagination}
  1010. {block:PreviousPage}<div class="why" style="margin-left:260px;background:{color:previous};"><a href="{PreviousPage}"><i style="color:{color:previous symbol}"class="fa fa-chevron-left" aria-hidden="true"></i></a>
  1011. </div>{/block:PreviousPage}
  1012.  
  1013. <a href="javascript:unhide('displaybx');"><div class="why" style="margin-left:290px;background:{color:pause};"><i style="color:{color:pause symbol}"class="fa fa-pause" aria-hidden="true"></i>
  1014. </div></a>
  1015.  
  1016. {block:NextPage}<div class="why" style="margin-left:320px;background:{color:next};"> <a href="{NextPage}"><i style="color:{color:next symbol}"class="fa fa-chevron-right" aria-hidden="true"></i></a>
  1017. </div>{/block:NextPage}
  1018.  
  1019.  
  1020. </div>
  1021. {/block:if400pxposts}
  1022.  
  1023. {block:ifnot400pxposts}
  1024. <div style="margin-top:480px;position:fixed;z-index:999;margin-left:15px;">
  1025. <i class="fa fa-search" aria-hidden="true"style="margin-top:2px;position:fixed;padding:3px;background-color:{color:posts};margin-left:4px;"></i>
  1026. <form action="/search" method="get">
  1027. <input type="text" style="width:300px;border:none;height:10px; padding:5px 0px 5px 20px; font-size:8px;border-radius:50px;background-color:{color:posts}" name="q" value="{SearchQuery}"/>
  1028. </form>
  1029. {/block:ifnot400pxposts}
  1030.  
  1031. {block:if400pxposts}
  1032. <div style="margin-top:505px;position:fixed;z-index:999;margin-left:15px;">
  1033. <i class="fa fa-search" aria-hidden="true"style="margin-top:2px;position:fixed;padding:3px;background-color:{color:posts};margin-left:4px;"></i>
  1034. <form action="/search" method="get">
  1035. <input type="text" style="width:400px;border:none;height:10px; padding:5px 0px 5px 20px; font-size:8px;border-radius:50px;background-color:{color:posts}" name="q" value="{SearchQuery}"/>
  1036. </form>
  1037. {/block:if400pxposts}
  1038. </div>
  1039.  
  1040. <div id="postcontainer">
  1041.  
  1042. {block:Posts}
  1043. <article>
  1044.  
  1045.  
  1046.  
  1047. <!--TEXT POST-->
  1048. {block:Text}
  1049. {block:Title}
  1050. <h1 class="title" style="text-align:center;font-size:18px;line-height:100%;background:{color:wrap};padding:5px;width:auto;margin:auto;">
  1051. <a href="{Permalink}">{Title}</a></h1>
  1052. {/block:Title}
  1053. {Body}
  1054. {/block:Text}
  1055.  
  1056.  
  1057. <!--PHOTO POST-->
  1058. {block:Photo}
  1059. {block:IndexPage}
  1060. {LinkOpenTag}
  1061. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1062. {LinkCloseTag}
  1063. {/block:IndexPage}
  1064. {block:PermalinkPage}
  1065. {LinkOpenTag}
  1066. <img src="{PhotoURL-500}" alt="{PhotoAlt}" />
  1067. {LinkCloseTag}{/block:PermalinkPage}
  1068. {/block:Photo}
  1069.  
  1070.  
  1071. <!--PHOTOSET POST-->
  1072. {block:Photoset}
  1073. {block:IndexPage}{Photoset-500}{/block:IndexPage}
  1074. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1075. {/block:Photoset}
  1076.  
  1077.  
  1078. <!--QUOTE POST-->
  1079. {block:Quote}
  1080. <div class="quote">{Quote}</div>
  1081. {block:Source}
  1082. <div class="quotesource">{Source}</div>
  1083. {/block:Source}
  1084. {/block:Quote}
  1085.  
  1086.  
  1087. <!--LINK POST-->
  1088. {block:Link}
  1089. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1090. {block:Description}{Description}{/block:Description}
  1091. {/block:Link}
  1092.  
  1093.  
  1094. <!--CHAT POST-->
  1095. {block:Chat}
  1096.  
  1097. {block:Title}
  1098. <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;">
  1099. <a href="{Permalink}">{Title}</a></h1>
  1100. {/block:Title}
  1101.  
  1102. <ul class="chat">
  1103. {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}
  1104. </ul>
  1105. {/block:Chat}
  1106.  
  1107.  
  1108. <!--AUDIO POST-->
  1109. {block:AudioPlayer}
  1110. <div class="audiowrapper">
  1111. {block:AlbumArt}
  1112. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1113. {/block:AlbumArt}
  1114.  
  1115. <div class="playerbuttonbg">
  1116. <div class="newplayerbutton">
  1117. <div class="playerbuttonhug">
  1118.  
  1119. {AudioPlayerWhite}
  1120.  
  1121. </div>
  1122. </div>
  1123. </div>
  1124.  
  1125. <div class="trackdetails">
  1126.  
  1127. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  1128. {block:Artist}<b><i>artist:</i></b> {Artist}{/block:Artist}<br/>
  1129. {block:Album}<i><b>album:</i></b {Album}{/block:Album}<br/>
  1130. {PlayCountWithLabel}
  1131.  
  1132. </div>
  1133. </div>
  1134. {/block:AudioPlayer}
  1135.  
  1136. {block:Caption}{/block:Caption}
  1137.  
  1138.  
  1139. <!--VIDEO POST-->
  1140. {block:Video}
  1141. <div class="video" style="text-align:center;">{Video-250}</div>
  1142. {block:Caption}{/block:Caption}
  1143. {/block:Video}
  1144.  
  1145.  
  1146. <!--ANSWER POST-->
  1147. {block:Answer}
  1148. <div class="askerimg"><img src="{AskerPortraitURL-40}" style="border-radius:50px;margin-left:10px;"></div>
  1149. <div style="padding:10px; background:{color:wrap}; width:auto; height:auto;margin-left:60px;margin-top:-43px; margin-bottom:30px;text-transform:uppercase;">
  1150. <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>
  1151. <span class="question"style="text-transform:none">{Question}</span></div>
  1152. <p><div class="answer">{Answer}</div>
  1153. {/block:Answer}
  1154.  
  1155. <!--CAPTIONS-->
  1156.  
  1157. {block:Caption}
  1158. {Caption}
  1159. {/block:Caption}
  1160.  
  1161. <!--POST INFORMATION-->
  1162. <div class="postinfo">
  1163.  
  1164. <!--PERMALINK-->
  1165. <i class="fa fa-calendar" aria-hidden="true"></i>
  1166. <a href="{Permalink}">
  1167. {block:Date}
  1168. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
  1169. {/block:Date}
  1170. </a>
  1171.  
  1172. <!--NOTES-->
  1173. {block:NoteCount}
  1174. <a href="{Permalink}"> <i class="fa fa-heart" aria-hidden="true"></i> {NoteCount} </a>
  1175. {/block:NoteCount}
  1176.  
  1177. <!--VIA AND SOURCE-->
  1178. {block:RebloggedFrom}
  1179. ( <a href="{ReblogParentURL}">Via</a>
  1180. {/block:RebloggedFrom}
  1181. {block:ContentSource}
  1182. & <a href="{SourceURL}">Source</a>
  1183. {/block:ContentSource}
  1184. {block:RebloggedFrom} ){/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-retweet" aria-hidden="true"></i></a>
  1185.  
  1186. <!--TAGS-->
  1187. {block:HasTags}
  1188. <div class="tags">
  1189. <b style="color:{color:accent};font-size:10px;text-transform:uppercase;"><i class="fa fa-tags" aria-hidden="true"></i></b>
  1190. {block:Tags}
  1191. <a href="{TagURL}"><i class="fa fa-angle-right" aria-hidden="true"></i> {Tag}</a>
  1192. {/block:Tags}
  1193. </div>
  1194. {/block:HasTags}
  1195.  
  1196. </div>
  1197.  
  1198. <!--POST NOTES-->
  1199. {block:PostNotes}
  1200. <div class="pagenotes">{PostNotes-16}</div>
  1201. {/block:PostNotes}
  1202.  
  1203.  
  1204.  
  1205.  
  1206. </article>
  1207. {/block:Posts}
  1208.  
  1209.  
  1210.  
  1211.  
  1212.  
  1213. </div>
  1214.  
  1215. </div>
  1216.  
  1217.  
  1218. </div>
  1219. </div>
  1220. </div>
  1221. </div>
  1222.  
  1223.  
  1224.  
  1225. <div id="yo">
  1226.  
  1227. <a href="http://destinatiia.tumblr.com/"target="_blank"> <i class="fa fa-moon-o fa-4x" style="color:{color:accent}"></i> </a>
  1228. </div>
  1229. </body>
  1230.  
  1231.  
  1232. </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!