Advertisement
Guest User

Untitled

a guest
May 25th, 2015
251
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12.  
  13. <meta name="image:header" content=""/>
  14.  
  15.  
  16. <meta name="if:greyscaleonheader" content="0"/>
  17.  
  18. <meta name="if:headerimgcover" content="1"/>
  19. <meta name="if:headerimgrepeat" content="0"/>
  20.  
  21. <meta name="if:invertedtumblrcontrols" content="0"/>
  22.  
  23. <meta name="color:tooltip" content="#fff"/>
  24. <meta name="color:tooltiptext" content="#333"/>
  25. <meta name="color:scrollbar" content="#888"/>
  26. <meta name="color:scrollbarbackground" content="#333"/>
  27. <meta name="color:text" content="#858585"/>
  28. <meta name="color:link" content="#333"/>
  29. <meta name="color:blockqoute" content="#8585858"/>
  30. <meta name="color:posts" content="#fff"/>
  31. <meta name="color:postsborder" content="#eee"/>
  32.  
  33. <meta name="color:postcontainer" content="#fff"/>
  34. <meta name="color:stickylinks" content="#333"/>
  35. <meta name="color:stickylinkstext" content="#fff"/>
  36. <meta name="color:popupinfo" content="#333"/>
  37. <meta name="color:popupinfotext" content="#fff"/>
  38.  
  39. <meta name="color:headerbox" content="#eee"/>
  40. <meta name="color:descriptiontitle" content="#fff"/>
  41. <meta name="color:headerlinks" content="#fafafa"/>
  42. <meta name="color:headerlinksborder" content="#333"/>
  43. <meta name="color:scrollbuttonheader" content="#333"/>
  44. <meta name="color:scrollbuttonheaderarrow" content="#fff"/>
  45.  
  46. <meta name="color:postinfobuttontext" content="#333"/>
  47. <meta name="color:linkpostlink" content="#333"/>
  48. <meta name="color:asker" content="#333"/>
  49. <meta name="color:askertext" content="#fff"/>
  50.  
  51. <meta name="color:evenchat" content="#fafafa"/>
  52. <meta name="color:evenchattext" content="#333"/>
  53. <meta name="color:unevenchat" content="#fefefe"/>
  54. <meta name="color:unevenchattext" content="#333"/>
  55.  
  56. <meta name="color:linkalbumartimg" content="#eee"/>
  57. <meta name="color:tagsborderpermalinkpage" content="#e6e6e6"/>
  58. <meta name="color:albumartinfo" content="#eee"/>
  59. <meta name="color:" content=""/>
  60.  
  61. <meta name="text:link1" content="Link 1"/>
  62. <meta name="text:link1url" content=""/>
  63. <meta name="text:link2" content="Link 2"/>
  64. <meta name="text:link2url" content=""/>
  65. <meta name="text:link3" content="Link 3"/>
  66. <meta name="text:link3url" content=""/>
  67. <meta name="text:link4" content="Link 4"/>
  68. <meta name="text:link4url" content=""/>
  69. <meta name="text:link5" content="Link 5"/>
  70. <meta name="text:link5url" content=""/>
  71.  
  72.  
  73. <meta name="if:darkcredit" content="0"/>
  74. <meta name="if:lightcredit" content="1"/>
  75.  
  76. <meta name="text:nextpage" content="Next"/>
  77. <meta name="text:previouspage" content="Back"/>
  78.  
  79. <style type ="text/css">
  80.  
  81. {block:ifinvertedtumblrcontrols}
  82. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  83. {/block:ifinvertedtumblrcontrols}
  84.  
  85. #s-m-t-tooltip{
  86. position:fixed;
  87. margin-top: 18px;
  88. z-index:99999999999999999999;
  89. padding-top: 2px;
  90. padding-left: 5px;
  91. padding-bottom: 2px;
  92. padding-right: 5px;
  93. letter-spacing:2px;
  94. font-size:18px;
  95. font-weight: bold;
  96. text-transform:uppercase;
  97. background: {color:tooltip}; color: {color:tooltiptext};
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb {
  101. height:auto;
  102. background-color: {color:scrollbar};
  103. z-index: 9999;
  104. }
  105. ::-webkit-scrollbar {
  106. height:8px;
  107. width:8px;
  108. padding:4px;
  109. background-color: {color:scrollbarbackground};
  110. }
  111.  
  112. body {
  113. font-family: calibri;
  114. font-size: 14px;
  115. color: {color:text};
  116. }
  117.  
  118. a {
  119. text-decoration: none;
  120. color: {color:link};
  121. }
  122.  
  123. blockquote {
  124. border-left: solid 1px {color:blockquote};
  125. padding-left: 10px;
  126. }
  127.  
  128. #content {
  129. width: 100%;
  130. background: {color:postcontainer};
  131. position: absolute;
  132. {block:indexpage}
  133. top: 100%;
  134. {/block:indexpage}
  135. {block:permalinkpage}
  136. top: 0px;
  137. {/block:permalinkpage}
  138.  
  139. left: 0px;
  140. }
  141.  
  142. .posts {
  143. margin: auto;
  144. padding: 15px;
  145. width: 420px;
  146. position: relative;
  147. background: {color:postsborder};
  148. margin-bottom: 100px;
  149. margin-top: 120px;
  150. }
  151.  
  152.  
  153.  
  154.  
  155. .photo img {
  156. width: 400px;
  157. margin-bottom: -2px;
  158. }
  159.  
  160.  
  161.  
  162.  
  163. #pagination {
  164. text-align: center;
  165. margin-top: 20px;
  166. margin-bottom: 80px;
  167. }
  168.  
  169. #pagination a {
  170. padding: 20px;
  171. text-transform: uppercase;
  172. font-size: 16px;
  173. letter-spacing: 3px;
  174. font-weight: 700;
  175. }
  176.  
  177. #linkswrap {
  178. width: 100%;
  179. text-align: center;
  180. position: absolute;
  181. left: 0px;
  182. z-index: 999;
  183. }
  184.  
  185. .links {
  186. padding: 15px;
  187. background: {color:stickylinks};
  188. }
  189.  
  190. .links a {
  191. margin-right: 15px;
  192. text-transform: uppercase;
  193. color: {color:stickylinkstext};
  194. font-weight: 700;
  195. font-size: 13px;
  196. letter-spacing: 2px;
  197. }
  198.  
  199. #header {
  200. width: 100%;
  201. height: 100%;
  202. position: fixed;
  203. bottom: 0px;
  204. left: 0px;
  205. background: yellow;
  206. background: url('{image:header}');
  207. background-attachment:fixed;
  208. {block:ifheaderimgcover}
  209. background-size:cover;
  210. background-repeat: no-repeat;
  211. {/block:ifheaderimgcover}
  212. {block:ifheaderimgrepeat}
  213. background-repeat: repeat;
  214. {block:ifheaderimgrepeat}
  215. {block:ifgreyscaleonheader} -webkit-filter: grayscale(100%) {/block:ifgreyscaleonheader}
  216. }
  217.  
  218. #header img {
  219. {block:ifgreyscaleonheader}
  220. -webkit-filter: grayscale(100%);
  221. {/block:ifgreyscaleonheader}
  222. }
  223.  
  224. #headerbox {
  225. width: 420px;
  226. height: auto;
  227. max-height: 400px;
  228. padding: 15px;
  229. top: 35%;
  230. margin: auto;
  231. position: relative;
  232. background: {color:headerbox};
  233. text-align: center;
  234. }
  235.  
  236. #title {
  237. font-size: 28px;
  238. letter-spacing: 3px;
  239. font-weight: bold;
  240. text-transform: uppercase;
  241. padding: 10px;
  242. background: {color:descriptiontitle};
  243. }
  244.  
  245. .headerlinks {
  246. margin-top: 0px;
  247. padding: 10px;
  248. background: {color:descriptiontitle};
  249. }
  250.  
  251. .headerlinks a {
  252. display: inline-block;
  253. text-transform: uppercase;
  254. background: {color:headerlinks};
  255. margin-right: 15px;
  256. font-weight: 700;
  257. padding: 5px;
  258. border:solid 1px transparent;
  259. -moz-transition-duration:0.5s;
  260. -webkit-transition-duration:0.5s;
  261. -o-transition-duration:0.5s;
  262. }
  263.  
  264. .headerlinks a:hover {
  265. border: solid 1px {color:headerlinkshoverborder};
  266. -moz-transition-duration:0.5s;
  267. -webkit-transition-duration:0.5s;
  268. -o-transition-duration:0.5s;
  269. }
  270.  
  271. #desc {
  272. padding-left: 40px;
  273. padding-right: 40px;
  274. padding-top: 20px;
  275. padding-bottom: 20px;
  276. background: {color:descriptiontitle};
  277. text-align: justify;
  278. }
  279.  
  280. #scrollbutton {
  281. padding: 10px;
  282. background: {color:scrollbuttonheader};
  283. }
  284.  
  285. #scrollbutton a {
  286. font-size: 18px;
  287. color: {color:scrollbuttonheaderarrow};
  288. }
  289.  
  290.  
  291. .photo {
  292. background: {color:posts};
  293. padding: 5px;
  294. }
  295.  
  296. .photo img {
  297. margin-left: 5px;
  298. }
  299.  
  300. .photoset {
  301. background: {color:posts};
  302. padding: 5px;
  303. }
  304.  
  305. .quote {
  306. background: {color:posts};
  307. padding: 5px;
  308. text-transform: uppercase;
  309. font-size: 20px;
  310. line-height: 180%;
  311. }
  312.  
  313. .textpost {
  314. background: {color:posts};
  315. padding: 10px;
  316. }
  317.  
  318. .video {
  319. background: {color:posts};
  320. padding: 10px;
  321. }
  322.  
  323. .captions {
  324. padding: 20px;
  325. margin-top: 20px;
  326. font-size: 16px!important;
  327. margin-bottom: px;
  328. }
  329.  
  330. .postinfo {
  331. color: {color:popupinfotext};
  332. padding: px;
  333. width: 100%;
  334. height: 100%;
  335. position: absolute;
  336. top: 0px;
  337. z-index: 99;
  338. overflow-x:hidden;
  339. overflow-y:scroll;
  340. word-wrap: break-word;
  341. left: 0px;
  342. text-align: center;
  343. display: none;
  344. opacity: 0.95;
  345. background: {color:popupinfo} ;
  346. }
  347.  
  348. .postinfo a {
  349. color: {color:popupinfotext};
  350. }
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357. .postinfo:hover {
  358.  
  359. }
  360.  
  361. .infobutton {
  362. font-weight: 700;
  363. font-size: 18px;
  364. color: {color:postinfobuttontext};
  365. padding: 5px;
  366. height:5px;
  367. width: 20px;
  368. left: 0px;
  369. bottom: -13px;
  370. cursor:help;
  371. position: absolute;
  372. margin-top: 20px;
  373. -moz-transition-duration:1s;
  374. -webkit-transition-duration:1s;
  375. -o-transition-duration:1s;
  376. }
  377.  
  378. .infobutton p {
  379. font-size: 18px;
  380. margin-top: -3px;
  381. height: 10px;
  382. letter-spacing: 1px;
  383. opacity: 0;
  384. font-size: 14px;
  385. width: 31px;
  386. line-height: 75%;
  387. padding: 5px;
  388. margin-left: -5px;
  389. background:{color:postsborder};
  390. font-weight: 700;
  391. text-transform: uppercase;
  392. -moz-transition-duration:1s;
  393. -webkit-transition-duration:1s;
  394. -o-transition-duration:1s;
  395. }
  396.  
  397. .posts:hover .infobutton p {
  398. opacity: 1;
  399. -moz-transition-duration:1s;
  400. -webkit-transition-duration:1s;
  401. -o-transition-duration:1s;
  402. }
  403.  
  404.  
  405. #info {
  406. padding: 1px;
  407. }
  408.  
  409. #infoall {
  410. top:45%;
  411. padding: 10px;
  412. position:relative;
  413. font-size:14px;
  414. font-weight:bold;
  415. text-align:center;
  416. text-transform:uppercase;
  417. }
  418.  
  419. #info a {
  420. text-transform:uppercase;
  421. margin-right: 5px;
  422. font-size: 18px;
  423. font-weight: 700;
  424. }
  425.  
  426. .tags {
  427. padding: 1px;
  428. }
  429.  
  430. .tags a {
  431. font-size: 14px;
  432. margin-right: 5px;
  433. }
  434.  
  435. .linkpost {
  436. padding: 5px;
  437. background: {color:posts};
  438. }
  439.  
  440. .linkpost a {
  441. color: {color:linkpostlink};
  442.  
  443. }
  444.  
  445. .chat {
  446. padding: 10px;
  447. margin-top:;
  448. background: {color:chat};
  449. }
  450.  
  451. .ask {
  452. padding: 10px;
  453. background: {color:asker}!important;
  454. color: {color:askertext}!important;
  455. }
  456.  
  457. .ask a {
  458. color: {color:askertext}!important;
  459. }
  460.  
  461. .asker {
  462. color: {color:askertext};
  463. font-size: 18px!important;
  464. margin-right: 5px;
  465. text-transform: uppercase!important;
  466. }
  467.  
  468. .asker a {
  469. color: {color:askertext}!important;
  470. text-transform: uppercase!important;
  471. font-size: 18px!important;
  472. }
  473.  
  474. .question{
  475.  
  476. }
  477.  
  478. .answer {
  479. padding: 10px;
  480. background: {color:posts};
  481. }
  482.  
  483. .chat .odd {
  484. background: {color:unevenchat};
  485. color: {color:unevenchattext};
  486. }
  487.  
  488. .chat .even {
  489. background: {color:evenchat};
  490. color: {color:evenchattext};
  491. }
  492.  
  493. .chat li {
  494. padding: 10px;
  495. }
  496.  
  497. .chat ul {
  498. list-style: none;
  499. margin: 0;
  500. padding: 5px;
  501. }
  502.  
  503.  
  504. .linkpost img {
  505. width: 100px;
  506. height: 100px;
  507. padding: 10px;
  508. background: {color:linkalbumartimg};
  509. margin: auto;
  510. margin-top: 10px;
  511. margin-bottom: 10px;
  512. }
  513.  
  514. .linkpost {
  515. text-align: center;
  516. }
  517.  
  518. #host {
  519.  
  520. }
  521.  
  522. #host a {
  523. text-transform: uppercase;
  524. font-size: 18px;
  525. padding: 10px;
  526. }
  527.  
  528.  
  529.  
  530.  
  531. #albumart img {
  532. margin-top: 20px;
  533. margin: auto;
  534. background: {color:linkalbumartimg};
  535. padding: 10px;
  536. position: relative;
  537. width: 120px;
  538. height:120px;
  539. }
  540.  
  541. #audioinfo ul {
  542. list-style: none;
  543. font-size: 18px;
  544. padding: 10px;
  545. text-transform: uppercase;
  546. }
  547.  
  548. #audioinfo li {
  549. margin-top: 10px;
  550. padding: 10px;
  551. background: {color:albumartinfo};
  552. -moz-transition-duration:0.5s;
  553. -webkit-transition-duration:0.5s;
  554. -o-transition-duration:0.5s;
  555. }
  556.  
  557.  
  558. #player {
  559. width: 30px;
  560. height: 30px;
  561. overflow: hidden;
  562. margin: auto;
  563. opacity: 0.8;
  564. margin-left: -5px;
  565. margin-top: -5px;
  566. -moz-transition-duration:0.5s;
  567. -webkit-transition-duration:0.5s;
  568. -o-transition-duration:0.5s;
  569. }
  570.  
  571. #playerbox:hover {
  572. opacity: 0.95;
  573. -moz-transition-duration:0.5s;
  574. -webkit-transition-duration:0.5s;
  575. -o-transition-duration:0.5s;
  576. }
  577.  
  578. #playerbox {
  579. width: 15px;
  580. height: 15px;
  581. opacity:0.6;
  582. border-radius: 100%;
  583. position: absolute;
  584. margin-top: -95px;
  585. margin-left: 47px;
  586. padding: 15px;
  587. background: #fff;
  588. -moz-transition-duration:0.5s;
  589. -webkit-transition-duration:0.5s;
  590. -o-transition-duration:0.5s;
  591. }
  592.  
  593. .audio {
  594. padding: 10px;
  595. background: {color:posts};
  596. }
  597.  
  598.  
  599. #albumart {
  600. width: 120px;
  601. height: 120px;
  602. padding: 10px;
  603. position: relative;
  604. margin-top: 10px;
  605. margin: auto;
  606. background: {color:albumart};
  607. }
  608.  
  609.  
  610.  
  611.  
  612. .captions2 {
  613. padding: 10px;
  614. margin-top: 10px;
  615. margin-bottom: 10px;
  616. background: {color:posts};
  617. }
  618.  
  619. .postinfo2 {
  620. padding: 10px;
  621. background: {color:posts};
  622. }
  623.  
  624. #info2 a {
  625. text-transform: uppercase;
  626. font-size: 18px;
  627. margin-right: 5px;
  628. }
  629.  
  630. #info2 {
  631. padding: 10px;
  632. }
  633.  
  634. .tags2 {
  635. border-top: solid 1px {color:tagsborderpermalinkpage};
  636. padding: 5px;
  637. }
  638.  
  639. .tags2 a{
  640. margin-right: 5px;
  641. }
  642.  
  643. #postnotesbox {
  644. width: 420px;
  645. padding: 15px;
  646. margin: auto;
  647. margin-top: 50px;
  648. margin-bottom: 100px;
  649. background: {color:postsborder};
  650.  
  651. }
  652.  
  653. #postnotes {
  654. padding: 5px;
  655. background: {color:posts};
  656. height: 200px;
  657. overflow-x:hidden;
  658. overflow-y: scroll;
  659. }
  660.  
  661. #postnotes img {
  662. margin-right: 5px;
  663. border-radius: 100%;
  664. }
  665.  
  666. #postnotes ul {
  667. margin-left: -15px;
  668. list-style: none;
  669. }
  670.  
  671. #postnotes li {
  672. list-style: none;
  673. margin-left: -15px;
  674. }
  675.  
  676. #postnotes ul img {
  677. display: none;
  678. }
  679.  
  680. .title {
  681. text-align: center;
  682. padding: 10px;
  683. font-size: 14px;
  684. text-transform: uppercase;
  685. }
  686.  
  687. #credit {
  688. z-index: 9999;
  689. width: 5px;
  690. position: fixed;
  691. height: 5px;
  692. bottom: 30px;
  693. right: 40px;
  694. }
  695.  
  696. #credit a {
  697. width: 2px;
  698. height: 5px;
  699. letter-spacing: 2px;
  700. background: #fefefe ;
  701. font-family: arial ;
  702. font-weight: bold;
  703. padding: 7px;
  704. font-size:16px;
  705. width:5px;
  706. color: #333 ;
  707. -moz-transition-duration:0.5s;
  708. -webkit-transition-duration:0.5s;
  709. -o-transition-duration:0.5s;
  710. }
  711.  
  712. </style>
  713.  
  714.  
  715.  
  716.  
  717.  
  718. </head>
  719.  
  720.  
  721. <body>
  722.  
  723.  
  724. <!-- SCM Music Player http://scmplayer.net -->
  725. <script type="text/javascript" src="http://scmplayer.net/script.js"
  726. data-config="{'skin':'http://static.tumblr.com/su8juwr/4oGmst8ke/simpl.css','volume':15,'autoplay':false,'shuffle':true,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'Bubblegum Bitch','url':'https://www.youtube.com/watch?v=BCffJMfGCNw'},{'title':'Primadonna','url':'https://www.youtube.com/watch?v=Gj5L9SYhoSE'}]}" ></script>
  727. <!-- SCM Music Player script end -->
  728.  
  729.  
  730.  
  731.  
  732.  
  733.  
  734.  
  735. <div id="scrollheader"></div>
  736.  
  737. <div id="header">
  738. <div id="backtotop"></div>
  739. <div id="headerbox">
  740. <div id="title">{Title}</div>
  741.  
  742. <div class="headerlinks">
  743.  
  744. <a href="{text:link1url}">{text:link1}</a>
  745. <a href="{text:link2url}">{text:link2}</a>
  746. <a href="{text:link3url}">{text:link3}</a>
  747. <a href="{text:link4url}">{text:link4}</a>
  748. <a href="{text:link5url}">{text:link5}</a>
  749.  
  750. </div>
  751.  
  752. <div id="desc">{description}</div>
  753.  
  754. <div id="scrollbutton"><a href="#scrollposts" title="Scroll to posts">⬇</a></div>
  755.  
  756. </div>
  757.  
  758. </div>
  759.  
  760.  
  761.  
  762.  
  763. <div id="content">
  764.  
  765.  
  766.  
  767.  
  768. <div id="linkswrap">
  769. <div class="links">
  770. <a href="{text:link1url}">{text:link1}</a>
  771. <a href="{text:link2url}">{text:link2}</a>
  772. <a href="{text:link3url}">{text:link3}</a>
  773. <a href="{text:link4url}">{text:link4}</a>
  774. <a href="{text:link5url}">{text:link5}</a>
  775. <a href="#scrollheader" title="Scroll to top">⬆</a>
  776.  
  777. </div>
  778. </div>
  779.  
  780.  
  781.  
  782. {block:posts}
  783.  
  784. <!-- {block:NoRebloggedFrom}
  785. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  786. {/block:NoRebloggedFrom} -->
  787.  
  788. {block:ContentSource}<!-- {SourceURL}
  789. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  790. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  791. {/block:ContentSource}
  792.  
  793. <div id="scrollposts"></div>
  794.  
  795. <div class="posts">
  796.  
  797.  
  798.  
  799.  
  800.  
  801. {block:photo}
  802. <div class="photo">
  803. <img src="{photoUrl-400}">
  804. </div>
  805. {/block:photo}
  806.  
  807. {block:Photoset}
  808. <div class="photoset">
  809. {Photoset-400}
  810. </div>
  811. {/block:Photoset}
  812.  
  813. {block:quote}
  814. <div class="quote">{quote}-{source}</div>
  815. {/block:quote}
  816.  
  817. {block:text}
  818. <div class="textpost"> {block:title}
  819. <div class="title">{title}</div>
  820. {/block:title}{body}</div>
  821. {/block:text}
  822.  
  823. {block:panorama}
  824. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  825. {/block:panorama}
  826.  
  827. {block:video}
  828. <div class="video">{video-400}</div>
  829. {/block:video}
  830.  
  831. {block:Answer}
  832.  
  833. <div class="ask">
  834. <span class="asker">{Asker} said:</span><span class="question">{Question}</span>
  835.  
  836. </div>
  837.  
  838. <div class="answer">{Answer}</div>
  839.  
  840. {/block:Answer}
  841.  
  842. {block:link}
  843. <div class="linkpost">
  844.  
  845.  
  846. {block:Thumbnail} <img src="{Thumbnail}"> {/block:Thumbnail}
  847.  
  848.  
  849. {block:Host}
  850. <div id="host">
  851. <a href="{URL} {Target}">{Name}</a>
  852. </div>
  853. {/block:Host}
  854.  
  855.  
  856.  
  857.  
  858.  
  859.  
  860.  
  861. {block:Description} <div id="linkdesc"> {description} </div> {/block:Description}
  862. </div>
  863.  
  864. {/block:link}
  865.  
  866.  
  867. {block:chat}
  868. <div class="chat">
  869. {block:title}
  870. <div class="title">{title}</div>
  871. {/block:title}
  872. <ul>
  873. {block:Lines}<li class="{Alt}">{block:Label} <b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  874. </ul>
  875. </div>
  876.  
  877. {/block:chat}
  878.  
  879. {block:audio}
  880.  
  881. <div class="audio">
  882.  
  883. {block:AlbumArt}
  884. <div id="albumart"><img src="{AlbumArtURL}">
  885.  
  886. {block:AudioPlayer}
  887.  
  888. <div id="playerbox"><div id="player">{AudioPlayerWhite}</div></div>
  889.  
  890. {/block:AudioPlayer}
  891.  
  892. </div>
  893. {/block:AlbumArt}
  894.  
  895.  
  896.  
  897. <div id="audioinfo">
  898. <ul>
  899.  
  900. {block:Artist}
  901. <li>Artist:{Artist}</li>
  902. {/block:Artist}
  903.  
  904. {block:Album}
  905. <li>Album:{Album}</li>
  906. {/block:Album}
  907.  
  908. {block:TrackName}
  909. <li>Track:{TrackName}</li>
  910. {/block:TrackName}
  911.  
  912. </ul>
  913. </div>
  914.  
  915. </div>
  916.  
  917.  
  918. {/block:audio}
  919.  
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926. {block:date}
  927.  
  928. {block:indexpage}
  929. <div class="infobutton">
  930. <p>Info</p>
  931. </div>
  932.  
  933.  
  934. <div class="postinfo">
  935.  
  936. <div id="infoall">
  937.  
  938. <div id="info">
  939.  
  940. <a href="{permalink}">{timeago}</a>
  941.  
  942. {block:NoteCount}
  943. <a href="{permalink}">{NoteCountWithLabel}</a>
  944. {/block:NoteCount}
  945.  
  946. <a href="{ReblogUrl}">Reblog</a>
  947.  
  948. {block:RebloggedFrom}
  949. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  950. {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:ContentSource}
  951. {/block:RebloggedFrom}
  952.  
  953. </div>
  954.  
  955. {block:HasTags}
  956. <div class="tags">
  957. {block:tags}
  958. <a href="{TagURL}">#{tag}</a>
  959. {/block:tags}
  960. </div>
  961. {/block:HasTags}
  962.  
  963. </div>
  964.  
  965. </div>
  966. {/block:indexpage}
  967.  
  968.  
  969. {block:permalinkpage}
  970.  
  971. {block:caption}
  972. <div class="captions2">{caption}</div>
  973. {/block:caption}
  974.  
  975. <div class="postinfo2">
  976.  
  977. <div id="info2">
  978.  
  979. <a href="{permalink}">{timeago}</a>
  980.  
  981. {block:NoteCount}
  982. <a href="{permalink}">{NoteCountWithLabel}</a>
  983. {/block:NoteCount}
  984.  
  985. {block:RebloggedFrom}
  986. <a href="{ReblogParentURL}" title="{ReblogParentName}">Via</a>
  987. {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">Source</a>{/block:ContentSource}
  988. {/block:RebloggedFrom}
  989.  
  990. </div>
  991.  
  992. {block:HasTags}
  993. <div class="tags2">
  994. {block:tags}
  995. <a href="{TagURL}">#{tag}</a>
  996. {/block:tags}
  997. </div>
  998. {/block:HasTags}
  999.  
  1000. </div>
  1001. {/block:permalinkpage}
  1002.  
  1003.  
  1004.  
  1005.  
  1006. {/block:date}
  1007.  
  1008.  
  1009. </div>
  1010.  
  1011. {block:PostNotes} <div id="postnotesbox"> <div id="postnotes"> {PostNotes-16} </div> </div> {/block:PostNotes}
  1012.  
  1013.  
  1014. {/block:posts}
  1015.  
  1016.  
  1017. {block:Pagination}
  1018. <div id="pagination">
  1019. {block:PreviousPage}
  1020. <a href="{PreviousPage}">{text:previouspage}</a>
  1021. {/block:PreviousPage}
  1022.  
  1023. {block:NextPage}
  1024. <a href="{NextPage}">{text:nextpage}</a>
  1025. {/block:NextPage}
  1026. </div>
  1027. {/block:Pagination}
  1028.  
  1029. <div id="credit">
  1030. <a href="http://themesdoctorstwelfth.tumblr.com/" title="theme by doctorstwelfth">TD</a></div>
  1031.  
  1032. </div>
  1033.  
  1034. <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
  1035. <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  1036. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1037. <script type="text/havascript">
  1038. $('html, body').stop().animate({
  1039. 'scrollTop': $target.offset().top
  1040. }, 1500, 'swing');
  1041. </script>
  1042.  
  1043. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1044. <script type="text/javascript">
  1045. $(document).ready(function(){
  1046. $('a[href^="#"]').on('click',function (e) {
  1047. e.preventDefault();
  1048.  
  1049. var target = this.hash;
  1050. var $target = $(target);
  1051.  
  1052. $('html, body').stop().animate({
  1053. 'scrollTop': $target.offset().top
  1054. }, 1500, 'swing', function () {
  1055. window.location.hash = target;
  1056. });
  1057. });
  1058. });
  1059. </script>
  1060.  
  1061.  
  1062. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  1063. <script type="text/javascript">
  1064. $(function(){
  1065. var stickyRibbonTop = $('#linkswrap').offset().top;
  1066. $(window).scroll(function(){
  1067. if( $(window).scrollTop() > stickyRibbonTop ) {
  1068. $('#linkswrap').css({position: 'fixed', top: '0px'});
  1069. } else {
  1070. $('#linkswrap').css({position: 'absolute', top: '0px'});
  1071. }
  1072. });
  1073. });
  1074. </script>
  1075.  
  1076.  
  1077.  
  1078.  
  1079.  
  1080. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1081.  
  1082. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1083.  
  1084. <script>
  1085.  
  1086. (function($){
  1087.  
  1088. $(document).ready(function(){
  1089.  
  1090. $("a[title]").style_my_tooltips({
  1091.  
  1092. tip_follows_cursor:true,
  1093.  
  1094. tip_delay_time:30,
  1095.  
  1096. tip_fade_speed:300,
  1097.  
  1098. attribute:"title"
  1099.  
  1100. });
  1101.  
  1102. });
  1103.  
  1104. })(jQuery);
  1105.  
  1106. </script>
  1107.  
  1108.  
  1109. <script type="text/javascript">
  1110. $(document).ready(function(){
  1111. $(".postinfo").hide();
  1112. $(".infobutton").click(function(){
  1113. $(this).next().fadeToggle( "medium" , "linear");
  1114. });
  1115. });
  1116. </script>
  1117.  
  1118.  
  1119.  
  1120. </body>
  1121.  
  1122. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement