API tools faq
paste
Advertisement
shotforthesky

Do I Wanna Know ?

shotforthesky
Oct 16th, 2015
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!-- theme by Mimì @ siderumvis.tumblr.com / deviantart.com/FireworkProdz -->
  5.  
  6. <head>
  7.  
  8. <link href='https://fonts.googleapis.com/css?family=Anonymous+Pro:700' rel='stylesheet' type='text/css'>
  9. <link href='https://fonts.googleapis.com/css?family=Arvo:700' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <meta name="color:Background" content="#f8f8f8"/>
  13. <meta name="color:Sidebar" content="#ffffff"/>
  14. <meta name="color:Background Navigation" content="#000000"/>
  15. <meta name="color:Link" content="#a8a8a8"/>
  16. <meta name="color:Link Hover" content="#a0a0a0"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Selection BG" content="#a8a8a8"/>
  19. <meta name="color:Selection Text" content="#000000"/>
  20.  
  21. <meta name="if:Sidebar Picture" content="0"/>
  22.  
  23. <meta name="image:Sidebar Picture" content=""/>
  24.  
  25. <meta name="text:Invert Colors Credits" content="0%"/>
  26.  
  27. <meta name="text:Link 1 URL" content="/"/>
  28. <meta name="text:Link 1 Title" content="title"/>
  29. <meta name="text:Link 2 URL" content="/"/>
  30. <meta name="text:Link 2 Title" content="title"/>
  31. <meta name="text:Link 3 URL" content="/"/>
  32. <meta name="text:Link 3 Title" content="title"/>
  33.  
  34.  
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription}" />
  41. {/block:Description}
  42.  
  43. <!--[if IE]-->
  44. <script type="text/javascript" src="curvycorners.js"></script>
  45. <script type="text/javascript">
  46.  
  47. addEvent(window, 'load', initCorners);
  48.  
  49. function initCorners() {
  50. var settings = {
  51. tl: { radius: 100 },
  52. tr: { radius: 100 },
  53. bl: { radius: 100 },
  54. br: { radius: 100 },
  55. antiAlias: true
  56. }
  57.  
  58. curvyCorners(settings, "#round");
  59. }
  60.  
  61. </script>
  62. <!--[endif]-->
  63.  
  64.  
  65. <script>
  66. // When the user scrolls down 20px from the top of the document, show the button
  67. window.onscroll = function() {scrollFunction()};
  68.  
  69. function scrollFunction() {
  70. if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
  71. document.getElementById("scrolltotop").style.display = "block";
  72. } else {
  73. document.getElementById("scrolltotop").style.display = "none";
  74. }
  75. }
  76.  
  77. // When the user clicks on the button, scroll to the top of the document
  78. function topFunction() {
  79. document.body.scrollTop = 0;
  80. document.documentElement.scrollTop = 0;
  81. }
  82. </script>
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88.  
  89. #scrolltotop {
  90. display: none;
  91. position: fixed;
  92. bottom: 20px;
  93. right: 30px;
  94. z-index: 99;
  95. border: none;
  96. outline: none;
  97. background-color:transparent;
  98. border-radius: 4px;
  99. cursor:pointer;
  100. }
  101.  
  102. #scrolltotop:hover {
  103.  
  104. }
  105.  
  106. button:#scrolltotop {
  107. background-color:transparent;
  108. width:auto;
  109. height:auto;
  110. }
  111.  
  112.  
  113. .border_radius {
  114. border-radius: 100%;
  115. -moz-border-radius: 100%; /* Firefox */
  116. -webkit-border-radius: 100%; /* Chrome, Safari */
  117. }
  118.  
  119. body {
  120. background-color: {color:Background};
  121. scrollbar-base-color: {color:Background Navigation};
  122. scrollbar-base-color: {color:Background Navigation};
  123. scrollbar-track-color: #FFF;
  124. }
  125.  
  126. #sidebar {
  127. background-color: {color:Sidebar};
  128. width:200px;
  129. height:100%;
  130. position:fixed;
  131. left:0px;
  132. top:0px;
  133. }
  134.  
  135. #sidepic {
  136. width:100px;
  137. height:100px;
  138. background-color:{color:Background Navigation};
  139. margin-top:180px;
  140. margin-left:47px;
  141. }
  142.  
  143.  
  144.  
  145. a:link, a:active, a:visited {text-decoration:none; color:{color:Link}; font-style:bold; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  146. a:hover {color:{color:Link Hover}; text-decoration:none; transition: all 0.6s ease-out; -o-transition-transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; }
  147.  
  148. #container {
  149. width:auto;
  150. height:auto;
  151. margin-left:230px;
  152. margin-top:0px;
  153. }
  154.  
  155. .text {
  156. font-family:arial;
  157. text-transform:uppercase;
  158. font-size:9px;
  159. width:200px;
  160. height:130px;
  161. background-color:{color:Background Navigation};
  162. color: {color:Text};
  163. padding:10px;
  164. margin-left:-48px;
  165. }
  166.  
  167.  
  168.  
  169. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Background Navigation}; height:50px; }
  170. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Background Navigation}; height:5px!important; }
  171. ::-webkit-scrollbar {background-color: #fff; height:5px; width:5px; }
  172. ::-moz-selection {background-color:transparent; color:#fff; }
  173. ::selection {background-color:{color:Selection BG}; color:{color:Selection Text}; }
  174.  
  175. blockquote {border-left:5px {color:Background Navigation} solid; padding-left:5px; margin:0px 1px 0px 10px; }
  176. blockquote img {
  177. max-width:250px;
  178. height:auto;
  179. }
  180.  
  181. blockquote a img {max-width:250px; height:auto;}
  182.  
  183. b, strong {color: {color:Text};font-weight:bolder; }
  184. i, em {color: {color:Text};font-style:italic; }
  185. p {margin-top:7px; margin-bottom:7px; }
  186.  
  187. {block:IndexPage}
  188. #posts {
  189. width:400px;
  190. padding:40px;
  191. background-color:{color:Sidebar};
  192. height:auto;
  193. margin:10px;
  194. }
  195.  
  196. #audiocontainer{
  197. width:400px;
  198. background-color:transparent;
  199. height:100px;
  200. }
  201.  
  202. #audioplayercontainer{
  203. opacity:0.5;
  204. width:40px;
  205. height:40px;
  206. background-color:#ffffff;
  207. top:35px;
  208. left:35px;
  209. position:absolute;
  210. z-index:400;
  211. -webkit-border-radius: 50px;
  212. -moz-border-radius: 50px;
  213. border-radius: 50px;
  214. -webkit-transition: all 0.4s ease-in-out;
  215. -moz-transition: all 0.4s ease-in-out;
  216. -o-transition: all 0.4s ease-in-out;
  217. transition: all 0.4s ease-in-out;
  218. }
  219.  
  220. #audioplayercontainer:hover{
  221. opacity:1;
  222. -webkit-transition: all 0.4s ease-in-out;
  223. -moz-transition: all 0.4s ease-in-out;
  224. -o-transition: all 0.4s ease-in-out;
  225. transition: all 0.4s ease-in-out;
  226. padding:5px;
  227. margin-top:-5px;
  228. margin-left:-5px;
  229. }
  230.  
  231. #audioplayer{
  232. width:20px;
  233. height:25px;
  234. overflow:hidden;
  235. margin: 7px 0px 0px 7px;
  236. background-color:#ffffff;
  237. }
  238.  
  239. .audio{
  240. width:40px;
  241. height:40px;
  242. position:absolute;
  243. }
  244.  
  245. .audioimage{
  246. width:90px;
  247. height:90px;
  248. position:absolute;
  249. padding:10px;
  250. background-color:{color:Background Navigation};
  251. -webkit-transition: all 0.6s ease-in-out;
  252. -moz-transition: all 0.6s ease-in-out;
  253. -o-transition: all 0.6s ease-in-out;
  254. transition: all 0.6s ease-in-out;
  255. }
  256.  
  257. .audioimage img{
  258. width:90px;
  259. float:left;
  260. -webkit-transition: all 0.6s ease-in-out;
  261. -moz-transition: all 0.6s ease-in-out;
  262. -o-transition: all 0.6s ease-in-out;
  263. transition: all 0.6s ease-in-out;
  264. }
  265.  
  266. #audiocontainer table{
  267. float:right;
  268. margin-top:-2px;
  269. width:330px;
  270. }
  271.  
  272. .audioinfo{
  273. font-size:14px;
  274. font-family:arial;
  275. padding:2px 0px 2px 50px;
  276. background-color:none;
  277. -webkit-transition: all 0.5s ease-in-out;
  278. -moz-transition: all 0.5s ease-in-out;
  279. -o-transition: all 0.5s ease-in-out;
  280. transition: all 0.5s ease-in-out;
  281. margin-top:5px;
  282. }
  283.  
  284. #prev {
  285. position:fixed;
  286. font-size:20px;
  287. margin-top:217px;
  288. margin-left:27px;
  289. }
  290. #next {
  291. position:fixed;
  292. font-size:20px;
  293. margin-top:217px;
  294. margin-left:147px;
  295. }
  296.  
  297. #prev a:link {
  298. color:{color:Background Navigation};
  299. }
  300. #prev a:active {
  301. color:{color:Background Navigation};
  302. }
  303. #prev a:visited {
  304. color:{color:Background Navigation};
  305. }
  306. #next a:link {
  307. color:{color:Background Navigation};
  308. }
  309. #next a:active {
  310. color:{color:Background Navigation};
  311. }
  312. #next a:visited {
  313. color:{color:Background Navigation};
  314. }
  315.  
  316. {/block:IndexPage}
  317. {block:PermalinkPage}
  318. #posts {
  319. width:500px;
  320. padding:40px;
  321. background-color:{color:Sidebar};
  322. height:auto;
  323. margin:10px;
  324. }
  325.  
  326. .notes img {width:10px; position:relative; top:1px; }
  327. ol.notes, .notes li {list-style:none; margin:0px; padding:0px;width:500px;height:auto;margin-left:30px;font-size:15px;font-family:georgia,serif;margin-bottom:20px; }
  328. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; }
  329.  
  330. #audiocontainer{
  331. width:500px;
  332. background-color:transparent;
  333. height:100px;
  334. }
  335.  
  336. #audioplayercontainer{
  337. opacity:0.5;
  338. width:40px;
  339. height:40px;
  340. background-color:#ffffff;
  341. top:33px;
  342. left:36px;
  343. position:absolute;
  344. z-index:500;
  345. -webkit-border-radius: 50px;
  346. -moz-border-radius: 50px;
  347. border-radius: 50px;
  348. -webkit-transition: all 0.4s ease-in-out;
  349. -moz-transition: all 0.4s ease-in-out;
  350. -o-transition: all 0.4s ease-in-out;
  351. transition: all 0.4s ease-in-out;
  352. }
  353.  
  354. #audioplayercontainer:hover{
  355. opacity:1;
  356. -webkit-transition: all 0.4s ease-in-out;
  357. -moz-transition: all 0.4s ease-in-out;
  358. -o-transition: all 0.4s ease-in-out;
  359. transition: all 0.4s ease-in-out;
  360. padding:5px;
  361. margin-top:-5px;
  362. margin-left:-5px;
  363. }
  364.  
  365. #audioplayer{
  366. width:20px;
  367. height:25px;
  368. overflow:hidden;
  369. margin: 7px 0px 0px 7px;
  370. background-color:#ffffff;
  371. }
  372.  
  373. .audio{
  374. width:40px;
  375. height:40px;
  376. position:absolute;
  377. }
  378.  
  379. .audioimage{
  380. width:90px;
  381. height:90px;
  382. position:absolute;
  383. padding:10px;
  384. background-color:{color:Background Navigation};
  385. -webkit-transition: all 0.6s ease-in-out;
  386. -moz-transition: all 0.6s ease-in-out;
  387. -o-transition: all 0.6s ease-in-out;
  388. transition: all 0.6s ease-in-out;
  389. }
  390.  
  391. .audioimage img{
  392. width:90px;
  393. float:left;
  394. -webkit-transition: all 0.6s ease-in-out;
  395. -moz-transition: all 0.6s ease-in-out;
  396. -o-transition: all 0.6s ease-in-out;
  397. transition: all 0.6s ease-in-out;
  398. }
  399.  
  400. #audiocontainer table{
  401. float:right;
  402. margin-top:-2px;
  403. width:430px;
  404. }
  405.  
  406. .audioinfo{
  407. font-size:14px;
  408. font-family:arial;
  409. padding:2px 0px 2px 50px;
  410. background-color:none;
  411. -webkit-transition: all 0.5s ease-in-out;
  412. -moz-transition: all 0.5s ease-in-out;
  413. -o-transition: all 0.5s ease-in-out;
  414. transition: all 0.5s ease-in-out;
  415. margin-top:5px;
  416. }
  417.  
  418. {/block:PermalinkPage}
  419.  
  420. #citazione {
  421. font-family: 'Anonymous Pro', ;
  422. color:{color:Text};
  423. font-size:20px;
  424. line-height:15px;
  425. text-align:center;
  426. }
  427. #fonte {
  428. font-family: 'Anonymous Pro', ;
  429. color:{color:Text};
  430. font-size:14px;
  431. text-align:right;
  432. margin-top:15px;
  433. }
  434.  
  435. #titolo {
  436. font-family: 'Arvo', serif;
  437. color: {color:Text};
  438. font-size:17px;
  439. text-transform:uppercase;
  440. }
  441.  
  442. .post_text {
  443. font-size:16px;
  444. font-family:Georgia,serif;
  445. color:{color:Text};
  446. }
  447.  
  448. .link {
  449. font-size:17px;
  450. font-family:"Arvo", serif;
  451. text-transform:uppercase;
  452. color:{color:Text};
  453. width:100%;
  454. background-color:{color:Background Navigation};
  455. padding:10px;
  456. line-height:42px;
  457. }
  458.  
  459. #tags {
  460. width:100%;
  461. height:auto;
  462. padding:2px;
  463. background-color:{color:Background};
  464. font-family:Arial;
  465. text-transform:uppercase;
  466. font-size:15px;
  467. color: {color:Text};
  468. text-decoration:none;
  469. line-height:18px;
  470. text-align:center;
  471. margin-top:15px;
  472. }
  473.  
  474. #question {
  475. width:96%;
  476. min-height:60px;
  477. padding:4px;
  478. background-color:{color:Background};
  479. }
  480.  
  481. #answer {
  482. margin-top:5px;
  483. margin-left:15px;
  484. }
  485.  
  486. .odd {
  487. background-color: {color:Background};
  488. padding: 6px;
  489. width:95%;
  490. font-family:Georgia, serif;
  491. text-transform:none;
  492. letter-spacing:0px;
  493. font-size:15px;
  494. text-align:left;
  495. margin-top:3px;
  496. margin-bottom:3px;
  497. }
  498. .even {
  499. background-color: none;
  500. padding: 6px;
  501. width:95%;
  502. font-family: Georgia, serif;
  503. text-transform:none;
  504. letter-spacing:0px;
  505. font-size:15px;
  506. margin-top:3px;
  507. margin-bottom:3px;
  508. text-align:left;
  509. }
  510. .label {
  511. padding:2px;
  512. }
  513.  
  514. .plus{
  515. position: relative;
  516. color: white;
  517. padding: 0px 6px 5px 6px;
  518. cursor:help;
  519. }
  520.  
  521.  
  522.  
  523. #description {
  524. color:{color:Text};
  525. font-family:Georgia,serif;
  526. font-size:13px;
  527. font-weight:bold;
  528. text-align:center;
  529. padding:20px;
  530. }
  531.  
  532. #palla_bis {
  533. width:14px;
  534. height:14px;
  535. -webkit-border-radius: 50px;
  536. -moz-border-radius: 50px;
  537. border-radius: 50px;
  538. background-color:{color:Background Navigation};
  539. margin-left:90px;
  540. margin-top:164px;
  541. position:fixed;
  542. }
  543.  
  544. /* POP UP BEGINS */
  545.  
  546. /* The Modal (background) */
  547. .modal {
  548. display: none; /* Hidden by default */
  549. position: fixed; /* Stay in place */
  550. z-index: 1; /* Sit on top */
  551. padding-top: 100px; /* Location of the box */
  552. left: 0;
  553. top: 0;
  554. width: 100%; /* Full width */
  555. height: 100%; /* Full height */
  556. overflow: auto; /* Enable scroll if needed */
  557. background-color: rgb(0,0,0); /* Fallback color */
  558. background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  559. }
  560.  
  561. /* Modal Content */
  562. .modal-content {
  563. background-color: #fefefe;
  564. margin: auto;
  565. padding: 20px;
  566. border: 15px solid {color:Background Navigation};
  567. width: 50%;
  568. }
  569.  
  570. /* The Close Button */
  571. .close {
  572. color: #aaaaaa;
  573. float: right;
  574. font-size: 28px;
  575. font-weight: bold;
  576. margin-top:-15px;
  577. }
  578.  
  579. .close:hover,
  580. .close:focus {
  581. color: #000;
  582. text-decoration: none;
  583. cursor: pointer;
  584. }
  585.  
  586. button#myBtn {
  587. border-radius:100%;
  588. background-color:{color:Background Navigation};
  589. width:15px;
  590. height:15px;
  591. -webkit-border-radius: 100%;
  592. -moz-border-radius: 100%;
  593. margin-left:90px;
  594. margin-top:162px;
  595. position:fixed;
  596. cursor:help;
  597. border:none;
  598. }
  599.  
  600. /* POP UP ENDS */
  601. /* DROP DOWN MENU BEGINS */
  602.  
  603. .dropbtn {
  604. width:15px;
  605. height:15px;
  606. -webkit-border-radius: 50px;
  607. -moz-border-radius: 50px;
  608. border-radius: 50px;
  609. background-color:{color:Background Navigation};
  610. margin-left:83px;
  611. margin-top:2px;
  612. border: none;
  613. cursor: help;
  614.  
  615. }
  616.  
  617. .dropbtn:hover, .dropbtn:focus {
  618.  
  619. }
  620.  
  621. #myDropdown {
  622. background-color:transparent;
  623. margin-left:34%;
  624. margin-top:-4px;
  625. }
  626.  
  627. .dropdown {
  628.  
  629. position: relative;
  630. color: white;
  631. padding: 0px 6px 5px 6px;
  632. cursor:help;
  633.  
  634. position: relative;
  635. display: inline-block;
  636. }
  637.  
  638. .dropdown-content {
  639.  
  640. width:86px;
  641. margin-top:1px;
  642. height:auto;
  643. padding:7px;
  644. font-family: arial;
  645. text-transform:uppercase;
  646. font-size:8px;
  647. color: {color:Link};
  648. background-color:{color:Background Navigation};
  649. text-align:center;
  650. display:none;
  651. }
  652.  
  653. .dropdown-content a {
  654. text-decoration: none;
  655. display: block;
  656.  
  657. width:86px;
  658. margin-top:1px;
  659. height:auto;
  660. padding:7px;
  661. font-family: arial;
  662. text-transform:uppercase;
  663. font-size:8px;
  664. color: {color:Link};
  665. background-color:{color:Background Navigation};
  666. text-align:center;
  667. }
  668.  
  669. .dropdown a:hover {background-color: #ddd;}
  670.  
  671. .show {display: block;}
  672.  
  673. /* DROP DOWN MENU ENDS */
  674.  
  675. </style>
  676.  
  677. <style type="text/css">{CustomCSS}</style>
  678.  
  679.  
  680. </head>
  681.  
  682. <body>
  683.  
  684.  
  685. <button onclick="topFunction()" id="scrolltotop" title="Go to top">
  686. <img src="http://media.tumblr.com/tumblr_m9h22vCHh91qepsk2.png" width="35px" height="30px" border:"0"/>
  687. </button>
  688.  
  689.  
  690. <div id="sidebar">
  691.  
  692. <a target="_blank" href="http://FireworkProdz.deviantart.com"><img src="https://static.tumblr.com/xwu3ezh/T3Opglmuj/logo-piccolo-siderum-vis-senza-background.svg" title="theme by FireworkProdz @ deviantart" style="width:30px;height:30px;position:fixed;opacity:0.7; bottom:5px;left:5px;opacity:0.5;filter:invert({text:Invert Colors Credits});" /></a>
  693.  
  694. <!-- POP UP -->
  695. <!-- Trigger/Open The Modal -->
  696. <button id="myBtn"></button>
  697.  
  698. <!-- The Modal -->
  699. <div id="myModal" class="modal">
  700.  
  701. <!-- Modal content -->
  702. <div class="modal-content">
  703. <span class="close">&times;</span>
  704. <p>
  705. <center>
  706. <div style="font-family:Georgia;text-transform:uppercase;font-size:15px;color:{color:Text};text-align:center;padding:0px 10px 10px 10px;">"{Title}"</div>
  707. <div id="description">{Description}</div>
  708. </center>
  709. </p>
  710. </div>
  711.  
  712. </div>
  713.  
  714. <script>
  715. // Get the modal
  716. var modal = document.getElementById('myModal');
  717.  
  718. // Get the button that opens the modal
  719. var btn = document.getElementById("myBtn");
  720.  
  721. // Get the <span> element that closes the modal
  722. var span = document.getElementsByClassName("close")[0];
  723.  
  724. // When the user clicks the button, open the modal
  725. btn.onclick = function() {
  726. modal.style.display = "block";
  727. }
  728.  
  729. // When the user clicks on <span> (x), close the modal
  730. span.onclick = function() {
  731. modal.style.display = "none";
  732. }
  733.  
  734. // When the user clicks anywhere outside of the modal, close it
  735. window.onclick = function(event) {
  736. if (event.target == modal) {
  737. modal.style.display = "none";
  738. }
  739. }
  740. </script>
  741. <!-- POP UP ENDS -->
  742.  
  743. {block:Pagination}
  744. {block:PreviousPage}
  745. <div id="prev">
  746. <a href="{PreviousPage}">&#9668;</a>
  747. </div>
  748. {/block:PreviousPage}
  749. {/block:Pagination}
  750. {block:Pagination}
  751. {block:NextPage}
  752. <div id="next">
  753. <a href="{NextPage}">&#9658;</a>
  754. </div>
  755. {/block:NextPage}
  756. {/block:Pagination}
  757.  
  758. <div id="sidepic">
  759. {block:ifSidebarPicture}
  760. <img src="{image:Sidebar Picture}" style="width:64px;height:64px; border:3px solid white;margin:15px 0px 0px 15px;" title="{Title}" />
  761. {/block:ifSidebarPicture}
  762. {block:ifNotSidebarPicture}
  763. <img src="{PortraitURL-64}" style="border:3px solid white;margin:15px 0px 0px 15px;" />
  764. {/block:ifNotSidebarPicture}
  765. </div>
  766.  
  767.  
  768. <!-- DROP DOWN MENU BEGINS -->
  769.  
  770. <div class="dropdown">
  771. <button onclick="myFunction()" class="dropbtn"> </button>
  772. <div id="myDropdown" class="dropdown-content">
  773. <a href="/">Home</a>
  774. <a href="/ask">{AskLabel}</a>
  775. {block:ifLink1URL} <a href="{text:Link 1 URL}">{text:Link 1 Title} </a> {/block:ifLink1URL}
  776. {block:ifLink2URL} <a href="{text:Link 2 URL}">{text:Link 2 Title} </a> {/block:ifLink2URL}
  777. {block:ifLink3URL}<a href="{text:Link 3 URL}">{text:Link 3 Title} </a> {/block:ifLink3URL}
  778. <a href="/archive">Archive</a>
  779. </div>
  780. </div>
  781.  
  782.  
  783.  
  784. <script>
  785. /* When the user clicks on the button,
  786. toggle between hiding and showing the dropdown content */
  787. function myFunction() {
  788. document.getElementById("myDropdown").classList.toggle("show");
  789. }
  790.  
  791. // Close the dropdown if the user clicks outside of it
  792. window.onclick = function(event) {
  793. if (!event.target.matches('.dropbtn')) {
  794.  
  795. var dropdowns = document.getElementsByClassName("dropdown-content");
  796. var i;
  797. for (i = 0; i < dropdowns.length; i++) {
  798. var openDropdown = dropdowns[i];
  799. if (openDropdown.classList.contains('show')) {
  800. openDropdown.classList.remove('show');
  801. }
  802. }
  803. }
  804. }
  805. </script>
  806.  
  807. <!-- DROP DOWN MENU ENDS -->
  808. </div>
  809.  
  810. <div id="container">
  811.  
  812. {block:Posts}
  813. <div id="posts">
  814.  
  815. {block:IndexPage}
  816.  
  817. {block:Quote}
  818. <div id="citazione">{Quote}</div>
  819. {block:Source} <div id="fonte">{Source}</div> {/block:Source}
  820. {/block:Quote}
  821.  
  822. {block:Title}<div id="titolo">{Title}&nbsp;</div>{/block:Title}
  823. {block:Text}<div class="post_text">{Body}</div>{/block:Text}
  824.  
  825. {block:ContentSource}
  826. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}
  827. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  828. {/block:ContentSource}
  829.  
  830. {block:Link}<a href="{URL}" class="link" {Target}>{Name}&nbsp;</a>
  831. {block:Description}<p><div class="post_text">{Description}</div></p>{/block:Description}
  832. {/block:Link}
  833.  
  834.  
  835. {block:Photo}<center>
  836. <img src="{PhotoURL-400}" alt="{PhotoAlt}">
  837. </center>
  838. {block:Caption}<div class="post_text">{Caption}</div>{/block:Caption}{/block:Photo}
  839.  
  840. {block:Photoset}<center> {Photoset-400} </center>
  841. {block:Caption}<div class="post_text">{Caption}</div>{/block:Caption}{/block:Photoset}
  842.  
  843. {block:Chat}
  844. {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
  845. {/block:Chat}
  846.  
  847. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  848.  
  849. {block:Answer}
  850. <div id="question"><img src="{AskerPortraitURL-40}" border="5" style="float:left; margin:5px 10px 5px 5px; border-color:{color:Border};"/><div style="margin-top:5px;"><b>{Asker}</b> asked: <br>{Question}</div></div><br>
  851. <div id="answer">{Answer}</div>{/block:Answer}
  852.  
  853. {block:Audio}<div id="audiocontainer">
  854. <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  855. <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
  856. {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  857. <table cellpadding="0" cellspacing="1px">
  858. <br>
  859. <tr>
  860. <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
  861. </tr>
  862. {block:Album}
  863. <tr>
  864. <td class="audioinfo"><b>Album:</b> {Album}</td>
  865. </tr>
  866. {/block:Album}
  867. <tr>
  868. <td class="audioinfo">{PlayCountWithLabel}</td>
  869. </tr>
  870. </table>
  871. </div>
  872. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  873.  
  874. <div id="tags">
  875. <table>
  876. <tr>
  877. <td style="padding: 7px 0px 4px 30px;">
  878. {block:RebloggedFrom}
  879. <a target="_blank" href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-24}" title="reblogged from {ReblogParentName}"></a>
  880. {/block:RebloggedFrom}
  881. </td>
  882. <td style="padding:7px 0px 4px 5px;">
  883. {block:RebloggedFrom}
  884. <a target="_blank" href="{ReblogRootURL}"> <img src="{ReblogRootPortraitURL-24}" title="original by {ReblogRootName}"> </a>
  885. {/block:RebloggedFrom}
  886. </td>
  887. <td style="padding: 7px 0px 4px 30px;">
  888. {LikeButton}
  889. </td>
  890. <td style="padding: 7px 30px 4px 10px;">
  891. {ReblogButton}
  892. </td>
  893. <td style="padding: 7px 30px 4px 30px;">
  894. <a href="{Permalink}" title="permalink">
  895. {block:Date} {DayOfMonth}/{MonthNumber}/{Year} {/block:Date}
  896. </a>
  897. </td>
  898. </tr>
  899. </table>
  900. </div>
  901.  
  902. {/block:IndexPage}
  903.  
  904.  
  905. {block:PermalinkPage}
  906.  
  907. {block:Quote}
  908. <div id="citazione">{Quote}</div>
  909. {block:Source} <div id="fonte">{Source}</div> {/block:Source}
  910. {/block:Quote}
  911.  
  912. {block:Title}<div id="titolo">{Title}&nbsp;</div>{/block:Title}
  913. {block:Text}<div class="post_text">{Body}</div>{/block:Text}
  914.  
  915. {block:ContentSource}
  916. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}"/>{/block:SourceLogo}
  917. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  918. {/block:ContentSource}
  919.  
  920. {block:Link}<a href="{URL}" class="link" {Target}>{Name}&nbsp;</a>
  921. {block:Description}<p><div class="post_text">{Description}</div></p>{/block:Description}
  922. {/block:Link}
  923.  
  924.  
  925. {block:Photo}<center>
  926. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  927. </center>
  928. {block:Caption}<div class="post_text">{Caption}</div>{/block:Caption}{/block:Photo}
  929.  
  930. {block:Photoset}<center> {Photoset-500} </center>
  931. {block:Caption}<div class="post_text">{Caption}</div>{/block:Caption}{/block:Photoset}
  932.  
  933. {block:Chat}
  934. {block:Lines}<div class="{Alt}">{block:Label}{Label}{/block:Label} {Line}</div>{/block:Lines}
  935. {/block:Chat}
  936.  
  937. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  938.  
  939. {block:Answer}
  940. <div id="question"><img src="{AskerPortraitURL-40}" border="5" style="float:left; margin:5px 10px 5px 5px; border-color:{color:Border};"/><div style="margin-top:5px;"><b>{Asker}</b> asked: <br>{Question}</div></div><br>
  941. <div id="answer">{Answer}</div>{/block:Answer}
  942.  
  943. {block:Audio}<div id="audiocontainer">
  944. <div class="audio"><div id="audioplayercontainer"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  945. <div class="audioimage"><img src="http://dl.dropbox.com/u/38384326/Stars/MusicPlayer.png"></div>
  946. {block:AlbumArt}<div class="audioimage"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}</div>
  947. <table cellpadding="0" cellspacing="1px">
  948. <br>
  949. <tr>
  950. <td class="audioinfo"> {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist}</td>
  951. </tr>
  952. {block:Album}
  953. <tr>
  954. <td class="audioinfo"><b>Album:</b> {Album}</td>
  955. </tr>
  956. {/block:Album}
  957. <tr>
  958. <td class="audioinfo">{PlayCountWithLabel}</td>
  959. </tr>
  960. </table>
  961. </div>
  962. <br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  963.  
  964. {block:Date}<div id="tags"><a style="" href="{Permalink}">{ShortMonth} {DayOfMonth}</a>&nbsp;-&nbsp; <a style="" href="{Permalink}">{NoteCount} notes</a> {block:RebloggedFrom}&nbsp; - &nbsp; <a style="" href="{ReblogParentURL}" title="{ReblogParentName}">via</a>&nbsp; -&nbsp; <a style="" href="{ReblogRootURL}" title="{ReblogRootName}">original</a>{/block:RebloggedFrom}<br>
  965. {block:HasTags}{block:Tags}&nbsp # <a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:Date}<br>
  966.  
  967. {/block:PermalinkPage}
  968.  
  969. </div> <br>
  970.  
  971. {/block:Posts}
  972.  
  973. {block:PostNotes}{PostNotes}{/block:PostNotes}
  974.  
  975. </div>
  976.  
  977. </body>
  978.  
  979.  
  980. </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!