API tools faq
paste
Advertisement
PrincessTerror

weener for neener #2

PrincessTerror
Apr 22nd, 2014
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.90 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" xml:lang="en" lang="en">
  3.  
  4. <!-- THEME 15 - VARANIUM -->
  5. <!-- MADE BY MAGNUSTHEMES; DO NOT STEAL -->
  6. <!-- do not remove these comments thank you very much -->
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:borders" content="#aaa" />
  20. <meta name="color:links" content="#aaa"/>
  21. <meta name="color:links hover" content="#fff" />
  22. <meta name="color:scrollbar" content="#000" />
  23. <meta name="color:scrollbar background" content="#fff" />
  24. <meta name="color:text" content="#000000"/>
  25. <meta name="color:post container" content="#000" />
  26. <meta name="color:posts" content="#ffffff"/>
  27. <meta name="color:bold" content="#000" />
  28. <meta name="color:italic" content="#000" />
  29. <meta name="color:permalinks and asks" content="#fefefe" />
  30. <meta name="color:chat odd" content="#eee" />
  31. <meta name="color:chat even" content="#fff" />
  32. <meta name="color:chat text" content="#222" />
  33. <meta name="color:music info text" content="#eee" />
  34. <meta name="color:permalink buttons" content="#ddd" />
  35. <meta name="color:permalink buttons text" content="#777" />
  36. <meta name="color:tooltips" content="#fff" />
  37. <meta name="color:tooltips background" content="#000" />
  38. <meta name="color:post title" content="#000" />
  39. <meta name="color:middle bar" content="#aaa" />
  40. <meta name="color:sidebar" content="#aaa" />
  41. <meta name="color:title" content="#fff" />
  42. <meta name="color:title bg" content="#aaa" />
  43. <meta name="color:icons" content="#fff" />
  44. <meta name="color:icons bg" content="#aaa" />
  45. <meta name="color:icons bg hover" content="#333" />
  46. <meta name="color:icons hover" content="#fff" />
  47. <meta name="color:custom links panel" content="#000" />
  48. <meta name="color:custom links" content="#eee" />
  49. <meta name="color:custom links bg" content="#000" />
  50. <meta name="color:custom links hover" content="#fff" />
  51. <meta name="color:custom links hover bg" content="#777" />
  52. <meta name="color:description" content="#fff" />
  53. <meta name="color:description bg" content="#ccc" />
  54. <meta name="color:pagination" content="#fff" />
  55.  
  56. <meta name="image:background" content=""/>
  57. <meta name="image:sidebar" content="" />
  58.  
  59. <meta name="if:monochrome images" content="0" />
  60. <meta name="if:500px posts" content="0" />
  61. <meta name="if:white audio player" content="1" />
  62. <meta name="if:infinite scroll" content="0" />
  63. <meta name="if:hover permalink" content="1" />
  64. <meta name="if:billy player" content="1" />
  65.  
  66. <meta name="text:song title" content="" />
  67. <meta name="text:billy code" content="" />
  68. <meta name="text:link 1" content=""/>
  69. <meta name="text:link 1 url" content=""/>
  70. <meta name="text:link 2" content=""/>
  71. <meta name="text:link 2 url" content=""/>
  72. <meta name="text:link 3" content=""/>
  73. <meta name="text:link 3 url" content=""/>
  74. <meta name="text:link 4" content=""/>
  75. <meta name="text:link 4 url" content=""/>
  76. <meta name="text:link 5" content=""/>
  77. <meta name="text:link 5 url" content=""/>
  78. <meta name="text:link 6" content=""/>
  79. <meta name="text:link 6 url" content=""/>
  80. <meta name="text:link 7" content=""/>
  81. <meta name="text:link 7 url" content=""/>
  82. <meta name="text:link 8" content=""/>
  83. <meta name="text:link 8 url" content=""/>
  84.  
  85. <style type="text/css">
  86.  
  87. /* CUSTOM THINGIES */
  88. @import url(http://weloveiconfonts.com/api/?family=entypo);
  89.  
  90. /* entypo */
  91. [class*="entypo-"]:before {
  92. font-family: 'entypo', sans-serif;
  93. }
  94.  
  95. ::-webkit-scrollbar {height:10px; width:10px;}
  96. ::-webkit-scrollbar-track-piece {background-color:{color:scrollbar background};}
  97. ::-webkit-scrollbar-thumb {
  98. width: 10px; height:10px;
  99. background-color:{color:scrollbar};
  100. }
  101.  
  102. @font-face {
  103. font-family:'Infinity';
  104. src: url('http://static.tumblr.com/p0knose/XXqn2k5vk/infinity.ttf');
  105. }
  106.  
  107. #s-m-t-tooltip{
  108. max-width:200px;
  109. z-index:999999999999999999999999999999999999999999999999999;
  110. margin:24px 14px 7px 12px;
  111. padding:5px;
  112. padding-bottom:2px;
  113. opacity:0.8;
  114. background:{color:tooltips background};
  115. border-radius:0px;
  116. -moz-box-shadow:0px 0px 3px #232323;
  117. -webkit-box-shadow:0px 0px 3px #232323;
  118. box-shadow:0px 0px 3px #232323;
  119. font-size:10px;
  120. color:{color:tooltips};
  121. }
  122.  
  123. /* BORING BASICS */
  124.  
  125. body{
  126. background-image:url('{image:background}');
  127. word-wrap:break-word;
  128. overflow:auto;
  129. background-attachment: fixed;
  130. background-repeat: repeat;
  131. background-color: {color:background};
  132. margin-left:0px;
  133. margin-top:0px;
  134. color:{color:text};
  135. font-family: consolas, monospace;
  136. letter-spacing:1px;
  137. font-size:11px;
  138. line-height:150%;
  139. }
  140.  
  141. a{
  142. text-decoration:none;
  143. color:{color:links};
  144. transition:0.2s;
  145. -webkit-transition:0.2s;
  146. -moz-transition:0.2s;
  147. -o-transition:0.2s;
  148. -ms-transition:0.2s;
  149. }
  150.  
  151. a:hover {
  152. color:{color:links hover};
  153. }
  154.  
  155. i, italic, em{
  156. color:{color:italic};
  157. text-transform:italic;
  158. }
  159.  
  160. b, bold, strong{
  161. color:{color:bold};
  162. font-weight:bold;
  163. font-weight:strong;
  164. }
  165.  
  166. img{
  167. border:none;
  168. }
  169.  
  170.  
  171. blockquote {
  172. margin:10px 0px;
  173. margin-left:10px;
  174. display:block;
  175. border-left:2px solid {color:borders};
  176. padding:0px 10px;
  177. }
  178.  
  179. blockquote img {max-width:100%!important;}
  180.  
  181. pre {
  182. background:{color:permalinks and asks};
  183. padding:10px;
  184. }
  185.  
  186. /* POSTS */
  187.  
  188. #btm {z-index:-999; background:{color:post container}; height:100%; {block:if500pxposts}width:600px;{/block:if500pxposts}{block:ifnot500pxposts}width:500px;{/block:ifnot500pxposts}top:0; margin-left:400px;}
  189.  
  190. #postmargin{
  191. background:{color:post container};
  192. margin-left:400px;
  193. margin-top:70px;
  194. z-index:99;
  195. padding: 20px;
  196. margin-bottom:0;
  197. {block:if500pxposts}width:560px;{/block:if500pxposts}
  198. {block:ifnot500pxposts}width:460px;{/block:ifnot500pxposts}
  199. }
  200.  
  201. .posts{
  202. {block:if500pxposts}width:540px;{/block:if500pxposts}
  203. {block:ifnot500pxposts}width:440px;{/block:ifnot500pxposts}
  204. padding:0px;
  205. {block:indexpage}margin-bottom:20px;{/block:indexpage}
  206. {block:permalinkpage}margin-bottom:0;{/block:permalinkpage}
  207. margin-left:10px;
  208. background-color:{color:posts};
  209. }
  210.  
  211. .container {padding:20px;}
  212.  
  213. .posts img{
  214. max-width:100%;
  215. {block:ifmonochromeimages}
  216. filter:grayscale(100%);
  217. -webkit-filter:grayscale(100%);
  218. -moz-filter:grayscale(100%);
  219. -o-filter:grayscale(100%);
  220. -ms-filter:grayscale(100%);
  221. transition:0.3s;
  222. -webkit-transition:0.3s;
  223. -moz-transition:0.3s;
  224. -o-transition:0.3s;
  225. -ms-transition:0.3s;
  226. }
  227.  
  228. .posts img:hover {
  229. filter:grayscale(0%);
  230. -webkit-filter:grayscale(0%);
  231. -moz-filter:grayscale(0%);
  232. -o-filter:grayscale(0%);
  233. -ms-filter:grayscale(0%);
  234. {/block:ifmonochromeimages}
  235. }
  236.  
  237. .posts iframe{
  238. max-width:100%;
  239. }
  240.  
  241. #quote{
  242. padding:5px;
  243. font-size:20px;
  244. text-align:center;
  245. letter-spacing:1.5px;
  246. font-family:infinity, sans-serif;
  247. margin-bottom:15px;
  248. }
  249.  
  250. #link{
  251. text-align:right;
  252. padding:5px;
  253. padding-top:10px;
  254. padding-bottom:0;
  255. border-left:30px solid {color:title bg};
  256. background:{color:permalinks and asks};
  257. font-size:20px;
  258. }
  259.  
  260. #pcontain {
  261. {block:if500pxposts}margin-left:590px;{/block:if500pxposts}
  262. {block:ifnot500pxposts}margin-left:490px;{/block:ifnot500pxposts}
  263. position:absolute;
  264. {block:ifhoverpermalink}opacity:0;{/block:ifhoverpermalink}
  265. transition:0.4s;
  266. -webkit-transition:0.4s;
  267. -webkit-transition:opacity 0.4s ease-in-out;
  268. -moz-transition:0.4s;
  269. -o-transition:0.4s;
  270. -ms-transition:0.4s;
  271. }
  272.  
  273. #permalink, #reblog, #date, #source{
  274. padding:10px;
  275. width:100px;
  276. height:10px;
  277. margin-bottom:5px;
  278. background:{color:permalink buttons};
  279. color:{color:permalink buttons text};
  280. font-size:10px;
  281. display:block;
  282. padding-top:5px;
  283. padding-bottom:5px;
  284. height:auto;
  285. text-align:center;
  286. transition:0.4s;
  287. -webkit-transition:0.4s;
  288. -moz-transition:0.4s;
  289. -o-transition:0.4s;
  290. -ms-transition:0.4s;
  291. }
  292.  
  293. .posts:hover #pcontain {opacity:1;}
  294.  
  295. #source img {display:inline-block; margin-top:5px;}
  296.  
  297. .jrc {
  298. margin-top:5px;
  299. color:{color:post title};
  300. letter-spacing:1.5px;
  301. font-family:infinity, sans-serif;
  302. padding-bottom:10px;
  303. margin-bottom:5px;
  304. }
  305.  
  306. #ask img {width:50px; height:50px;}
  307.  
  308. #musicinfo{
  309. color:{color:music info text};
  310. margin-left:100px;
  311. margin-top:5px;
  312. background:{color:permalinks and asks};
  313. padding:5px;
  314. padding-left:10px;
  315. line-height:150%;
  316. {block:if500pxposts}width:380px;{/block:if500pxposts}
  317. {block:ifnot500pxposts}width:280px;{/block:ifnot500pxposts}
  318. margin-bottom:0;
  319. }
  320.  
  321. .audiocaption {
  322. margin-top:20px;
  323. }
  324.  
  325. .albumart {
  326. position: absolute;
  327. width:100px;
  328. height:100px;
  329. background:url(http://i.imgur.com/zlbTeHo.jpg);
  330. background-size:100px 100px;
  331. background-position:fixed;
  332. background-repeat:no-repeat;
  333. }
  334.  
  335. .tplayer {
  336. width: 20px;
  337. height: 30px;
  338. overflow: hidden;
  339. position: relative;
  340. z-index: 1;
  341. margin:15px 20px;
  342. transition:0.4s;
  343. -webkit-transition:0.4s;
  344. -moz-transition:0.4s;
  345. -o-transition:0.4s;
  346. -ms-transition:0.4s;
  347. }
  348.  
  349. .playercontainer {
  350. {block:ifnotwhiteaudioplayer}
  351. background-color: #000;
  352. {/block:ifnotwhiteaudioplayer}
  353. {block:ifwhiteaudioplayer}
  354. background-color:#fff;
  355. {/block:ifwhiteaudioplayer}
  356. position: absolute;
  357. opacity:0.6;
  358. z-index: 1;
  359. margin:20px;
  360. }
  361.  
  362. .label {
  363. background-color:{color:chat even};
  364. border-left:20px solid {color:borders};
  365. padding-left:20px;
  366. padding:10px;
  367. color:{color:chat text};
  368. }
  369.  
  370. .label:nth-of-type(odd) {
  371. background-color:{color:chat even};
  372. }
  373.  
  374. .label:nth-of-type(even) {
  375. background-color:{color:chat odd};
  376. }
  377.  
  378. /* NOTES */
  379.  
  380. ol.notes{
  381. {block:if500pxposts}width:520px;{/block:if500pxposts}
  382. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  383. max-height:200px;
  384. overflow:auto;
  385. padding-left:10px;
  386. padding-right:10px;
  387. padding-top:10px;
  388. padding-bottom:10px;
  389. list-style-type:none;
  390. font-size:11px;
  391. background-color:{color:permalinks and asks};
  392. }
  393.  
  394. ol.notes li.note{
  395. border-top:1px dotted #cccccc;
  396. padding:2px;
  397. font-size:11px;
  398. }
  399.  
  400. ol.notes li.note img{
  401. padding:0px !important;
  402. }
  403.  
  404. ol.notes li.note img.avatar{
  405. margin-right:5px;
  406. width:0px;
  407. height:0px;
  408. }
  409.  
  410. ol.notes li.note a img.avatar{
  411. padding:0px;
  412. border-width:0px;
  413. border:none;
  414. }
  415.  
  416. ol.notes li.note img{
  417. padding:0px;
  418. border-width:0px;
  419. border:none;
  420. }
  421.  
  422. ol.notes li.note span.action{
  423. font-weight:bold;
  424. color:gray;
  425. }
  426.  
  427. ol.notes li.note.answer_content{
  428. font-weight:normal;
  429. }
  430.  
  431. ol.notes li.note.blockquote{
  432. padding:1 px 1 px;margin:1px 0px 0px 1px;
  433. }
  434.  
  435. ol.notes li.note.blockquote a{
  436. text-decoration:none;
  437. }
  438.  
  439. #bar{
  440. {block:if500pxposts}width:520px;{/block:if500pxposts}
  441. {block:ifnot500pxposts}width:420px;{/block:ifnot500pxposts}
  442. padding:10px;
  443. margin-bottom:10px;
  444. margin-top:10px;
  445. background:{color:permalinks and asks};
  446. font-size:11px;
  447. padding-top:10px;
  448. padding-bottom:10px;
  449. height:auto;
  450. text-align:center;
  451. }
  452.  
  453. /* IMPORTANT */
  454.  
  455. #jan {
  456. bottom:5px;
  457. right:5px;
  458. position:fixed;
  459. z-index:99999;
  460. }
  461.  
  462. #sidebar {
  463. position:fixed;
  464. top:75px;
  465. left:70px;
  466. width:250px;
  467. padding:5px;
  468. padding-top:0;
  469. padding-bottom:0;
  470. background:{color:sidebar};
  471. height:300px;
  472. }
  473.  
  474. #sidebar img {
  475. border-top:5px solid {color:borders};
  476. border-bottom:5px solid {color:borders};
  477. margin-top:-5px;
  478. width:250px;
  479. height:300px;
  480. }
  481.  
  482. .music, #iconc {
  483. background:{color:icons bg};
  484. color:{color:icons};
  485. left:20px;
  486. height:25px;
  487. width:25px;
  488. line-height:25px;
  489. border-radius:2px;
  490. padding:2px;
  491. position:fixed;
  492. text-align:center;
  493. font-size:15px;
  494. transition:0.3s ease-in-out;
  495. -webkit-transition:0.3s;
  496. -moz-transition:0.3s;
  497. -o-transition:0.3s;
  498. -ms-transition:0.3s;
  499. }
  500.  
  501. .music {top:125px;}
  502. #iconc {top:90px; cursor:pointer!important;}
  503.  
  504. .icon {
  505. margin-left:0px;
  506. transition:all 0.3s;
  507. -webkit-transition:all 0.3s;
  508. -moz-transition:all 0.3s;
  509. -o-transition:all 0.3s;
  510. -ms-transition:all 0.3s;
  511. }
  512.  
  513. .music:hover .icon {
  514. margin-right:50px;
  515. opacity:0;
  516. }
  517.  
  518. .player {
  519. opacity:0;
  520. transition:all 0.3s;
  521. -webkit-transition:all 0.3s;
  522. -moz-transition:all 0.3s;
  523. -o-transition:all 0.3s;
  524. -ms-transition:all 0.3s;
  525. }
  526.  
  527. .music:hover .player {opacity:1;}
  528. .music:hover, #iconc:hover {background:{color:icons bg hover}; color:{color:icons hover};}
  529.  
  530. #links {
  531. position:fixed;
  532. top:90px;
  533. left:350px;
  534. width:30px;
  535. height:auto;
  536. }
  537.  
  538. #icona, #iconb {
  539. text-align:center;
  540. display:block;
  541. padding:2px;
  542. width:25px;
  543. line-height:25px;
  544. height:25px;
  545. font-size:15px;
  546. margin-bottom:5px;
  547. border-radius:2px;
  548. background:{color:icons bg};
  549. transition:0.3s;
  550. -webkit-transition:0.3s;
  551. -moz-transition:0.3s;
  552. -o-transition:0.3s;
  553. -ms-transition:0.3s;
  554. }
  555.  
  556. #icon {
  557. margin-left:0px;
  558. color:{color:icons};
  559. transition:0.3s;
  560. -webkit-transition:0.3s;
  561. -moz-transition:0.3s;
  562. -o-transition:0.3s;
  563. -ms-transition:0.3s;
  564. }
  565.  
  566. #icona:hover, #iconb:hover {background:{color:icons bg hover};}
  567. #icon:hover {color:{color:icons hover};}
  568.  
  569. .links_head {cursor:pointer;}
  570.  
  571. .links_body {
  572. display:none;
  573. position:fixed;
  574. top:100px;
  575. left:100px;
  576. height:auto;
  577. width:200px;
  578. background:{color:custom links panel};
  579. opacity:0.5;
  580. }
  581.  
  582. .link {
  583. display:block;
  584. margin:5px;
  585. width:180px;
  586. padding:5px;
  587. line-height:15px;
  588. font-size:13px;
  589. text-transform:uppercase;
  590. background:{color:custom links bg};
  591. color:{color:custom links};
  592. font-weight:bold;
  593. text-align:center;
  594. transition:0.3s;
  595. -webkit-transition:0.3s;
  596. -moz-transition:0.3s;
  597. -o-transition:0.3s;
  598. -ms-transition:0.3s;
  599. }
  600.  
  601. .link:hover {background:{color:custom links hover bg}; color:{color:custom links hover}; opacity:0.7;}
  602.  
  603. #pagination {
  604. text-align:center;
  605. position:fixed;
  606. z-index:1000;
  607. top:380px;
  608. color:{color:pagination};
  609. left:70px;
  610. height:15px;
  611. line-height:15px;
  612. background:{color:sidebar};
  613. width:250px;
  614. padding:5px;
  615. }
  616.  
  617. #pagination a {color:{color:pagination};}
  618.  
  619. #mid {
  620. background:{color:middle bar};
  621. width:100%;
  622. position:fixed;
  623. z-index:-999;
  624. height:300px;
  625. border-top:5px solid {color:borders};
  626. border-bottom:5px solid {color:borders};
  627. top:70px; left:0;
  628. }
  629.  
  630. #top {
  631. top:0; left:0;
  632. width:100%;
  633. position:fixed;
  634. background-image:url({image:background});
  635. background-color:{color:background};
  636. height:70px;
  637. z-index:99;
  638. border-bottom:5px solid {color:borders};
  639. }
  640.  
  641. #desc {
  642. z-index:999;
  643. position:fixed;
  644. top:255px;
  645. left:75px;
  646. text-align:justify;
  647. height:100px;
  648. overflow:auto;
  649. padding:10px;
  650. width:230px;
  651. background:{color:description bg};
  652. opacity:0.5;
  653. color:{color:description};
  654. display:none;
  655. }
  656.  
  657. #desc::-webkit-scrollbar {width:3px;}
  658. #desc::-webkit-scrollbar-track-piece {background:transparent;}
  659.  
  660. #titlebar {
  661. background:{color:title bg};
  662. color:{color:title};
  663. padding:10px;
  664. {block:if500pxposts}width:910px;{/block:if500pxposts}
  665. {block:ifnot500pxposts}width:810px;{/block:ifnot500pxposts}
  666. position:fixed;
  667. top:35px;
  668. left:70px;
  669. padding:10px;
  670. height:15px;
  671. text-align:left;
  672. font-size:15px;
  673. line-height:15px;
  674. font-family:infinity, sans-serif;
  675. z-index:999;
  676. }
  677.  
  678. {CustomCSS}
  679. </style>
  680.  
  681. <!-- SCRIPTS FOR MENU -->
  682. <script type="text/javascript" src="http://static.tumblr.com/p0knose/v93n3vdfa/jquery.min.js"></script>
  683.  
  684. <script type="text/javascript">
  685. $(document).ready(function(){
  686. $(".links_body").hide();
  687. $(".links_head").click(function(){
  688. $(this).next(".links_body").slideToggle('fast');
  689. }); });
  690. </script>
  691.  
  692. <!-- SCRIPTS FOR DESCRIPTION -->
  693. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  694.  
  695. <script src="jquery.js"></script>
  696. <script>
  697. $(document).ready(function(){
  698. $("#iconc").click(function(){
  699. $("#desc").slideToggle("fast");
  700. });
  701. });
  702. </script>
  703.  
  704. {block:ifinfinitescroll}
  705. <!-- INFINITE SCROLL SCRIPT -->
  706. <script src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  707. {/block:ifinfinitescroll}
  708.  
  709. <!-- STYLE-MY-TOOLTIPS SCRIPTS -->
  710. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  711. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  712.  
  713. <script>
  714. (function($){
  715. $(document).ready(function(){
  716. $("a[title]").style_my_tooltips({
  717. tip_follows_cursor:true,
  718. tip_delay_time:0,
  719. tip_fade_speed:0,
  720. attribute:"title"
  721. });
  722. });
  723. })(jQuery);
  724. </script>
  725.  
  726. </head>
  727. <body>
  728.  
  729. <!-- IMPORTANT -->
  730. <div id="jan"><a href="http://magnusthemes.tumblr.com" title="magnusthemes"><img src="http://i.imgur.com/sm6ogVP.png"/></a></div>
  731. <!-- IMPORTANT -->
  732.  
  733. <div id="top"></div>
  734. <div id="mid"></div>
  735. <div id="btm"></div>
  736.  
  737. <div id="titlebar">{Title}</div>
  738.  
  739. <div id="sidebar">
  740. <img src="{image:sidebar}"/>
  741. </div>
  742.  
  743. <a title="description">
  744. <div id="iconc"><div class="icon">
  745. <span class="entypo-info"></span> </div>
  746. </div>
  747. </a>
  748. <div id="desc">{Description}</div>
  749.  
  750. {block:ifbillyplayer}
  751. <div class="music">
  752. <div class="icon">
  753. <span class="entypo-note"></span>
  754. </div><!-- ICON -->
  755. <div class="player">
  756. <div style="width:25px; overflow:hidden; margin-left:-10px; margin-top:-3px;">
  757. <div style="margin-left:-7px;">
  758. <a title="{text:song title}">
  759. {text:billy code} </a>
  760. </div><!-- MARGIN -->
  761. </div><!-- STYLE -->
  762. </div><!-- PLAYER -->
  763. </div><!-- MUSIC -->
  764. {/block:ifbillyplayer}
  765.  
  766. <div id="links">
  767. <a href="/" title="home"><div id="icona"><div id="icon"><span class="entypo-home"></span></div></div></a>
  768. <a href="/ask" title="message"><div id="icona"><div id="icon"><span class="entypo-mail"></span></div></div></a>
  769. <a href="/archive" title="history"><div id="icona"><div id="icon"><span class="entypo-calendar"></span></div></div></a>
  770. <a class="links_head" title="more"><div id="iconb"><div id="icon"><span class="entypo-plus"></span></div></div></a>
  771.  
  772. <div class="links_body">
  773. {block:iflink1}<a href="{text:link 1 URL}" class="link">{text:link 1}</a>{/block:iflink1}
  774. {block:iflink2}<a href="{text:link 2 URL}" class="link">{text:link 2}</a>{/block:iflink2}
  775. {block:iflink3}<a href="{text:link 3 URL}" class="link">{text:link 3}</a>{/block:iflink3}
  776. {block:iflink4}<a href="{text:link 4 URL}" class="link">{text:link 4}</a>{/block:iflink4}
  777. {block:iflink5}<a href="{text:link 5 URL}" class="link">{text:link 5}</a>{/block:iflink5}
  778. {block:iflink6}<a href="{text:link 6 URL}" class="link">{text:link 6}</a>{/block:iflink6}
  779. {block:iflink7}<a href="{text:link 7 URL}" class="link">{text:link 7}</a>{/block:iflink7}
  780. {block:iflink8}<a href="{text:link 8 URL}" class="link">{text:link 8}</a>{/block:iflink8}
  781. </div>
  782. </div>
  783.  
  784. {block:ifnotinfinitescroll}
  785. {block:Pagination}
  786. <div id="pagination">
  787. {block:PreviousPage}<a href="{PreviousPage}" title="previous" style="font-family:cambria;">←</a>&nbsp;&nbsp;{/block:PreviousPage}
  788. {block:JumpPagination length="5"}
  789. {block:CurrentPage}<span class="current_page">✖</span>&nbsp;&nbsp;{/block:CurrentPage}
  790. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
  791. {/block:JumpPagination}
  792. {block:NextPage}<a href="{NextPage}" title="next" style="font-family:cambria;">→</a>{/block:NextPage}</div>
  793. {/block:Pagination}
  794. {/block:ifnotinfinitescroll}
  795.  
  796. <!-- POSTS -->
  797. <div id="postmargin">
  798. <div class="autopagerize_page_element"><!-- FOR INFINITE SCROLLING -->
  799. {block:Posts}
  800.  
  801. <div class="posts">
  802.  
  803. {block:indexpage}
  804. <div id="pcontain">
  805. {block:Date}
  806. <a href="{Permalink}"><div id="date">
  807. {DayOfMonthWithZero}/{MonthNumber}/{ShortYear}
  808. {24Hour}:{Minutes}{AmPm}
  809. </div></a>
  810. {/block:Date}
  811.  
  812. {block:NoteCount}
  813. <a href="{Permalink}">
  814. <div id="permalink">
  815. {NoteCount} notes
  816. </div></a>
  817. {/block:NoteCount}
  818.  
  819. {block:RebloggedFrom}
  820. <div id="source">
  821. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-64}" width="40" height="40" style="border:3px solid {color:borders};"/></a> <a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-64}" width="40" height="40" style="border: 3px solid {color:borders};"/></a>
  822. </div>
  823. {/block:RebloggedFrom}
  824.  
  825. <a href="{ReblogURL}">
  826. <div id="reblog"> reblog
  827. </div></a>
  828. </div>
  829. {/block:indexpage}
  830.  
  831. <div class="container">
  832.  
  833. {block:Text}
  834. {block:Title}
  835. <div id="link">
  836. <div class="jrc">{Title}</div>
  837. </div>
  838. {/block:Title}
  839. {Body}
  840. {/block:Text}
  841.  
  842. {block:Photo}
  843. {block:if500pxposts}{LinkOpenTag}<img src="{PhotoURL-500}" width="500">{LinkCloseTag}{/block:if500pxposts}
  844. {block:ifnot500pxposts}{LinkOpenTag}<img src="{PhotoURL-400}" width="400">{LinkCloseTag}{/block:ifnot500pxposts}
  845. {block:Caption}{Caption}{/block:Caption}
  846. {/block:Photo}
  847.  
  848. {block:Photoset}
  849. {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  850. {block:ifnot500pxposts}{Photoset-400}{/block:ifnot500pxposts}
  851. {block:Caption}{Caption}{/block:Caption}
  852. {/block:Photoset}
  853.  
  854. {block:Quote}
  855. <div id="quote">
  856. <div style="font-size:42px;">“</div>{Quote}
  857. </div>
  858. <div style="text-align:right;">{block:Source} —{Source}{/block:Source}</div>
  859. {/block:Quote}
  860.  
  861. {block:Link}
  862. <div id="link"><div class="jrc">
  863. <a href="{URL}" {Target}>{Name} →</a>
  864. </div></div>
  865. {block:Description}{Description}{/block:Description}
  866. {/block:Link}
  867.  
  868. {block:Chat}
  869. <div class="jrc">{block:Title}<t>{Title}</t>{/block:Title}</div>
  870. {block:Lines}<div class="label">
  871. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br/></div>
  872. {/block:Lines}
  873. {/block:Chat}
  874.  
  875. {block:Audio}
  876.  
  877. <div class="playercontainer">
  878. <div class="tplayer">
  879. {block:AudioPlayer}
  880.  
  881. {block:ifnotwhiteaudioplayer}
  882. {AudioPlayerBlack}
  883. {/block:ifnotwhiteaudioplayer}
  884.  
  885. {block:ifwhiteaudioplayer}
  886. {AudioPlayerWhite}
  887. {/block:ifwhiteaudioplayer}
  888.  
  889. {/block:AudioPlayer}
  890. </div>
  891. </div>
  892.  
  893. {block:AlbumArt}
  894. <img src="{AlbumArtURL}" class="albumart">
  895. {/block:AlbumArt}
  896.  
  897. <div id="musicinfo">
  898. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}</div>
  899. <div id="musicinfo">
  900. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}</div>
  901. <div id="musicinfo">
  902. <b>Album:</b> {block:Album}{Album}{/block:Album}
  903. </div>
  904. <div class="audiocaption">
  905. {block:Caption}{Caption}{/block:Caption}
  906. </div>
  907. {/block:Audio}
  908.  
  909. {block:Video}
  910. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  911. {block:ifnot500pxposts}{Video-400}{/block:ifnot500pxposts}
  912. {block:Caption}{Caption}{/block:Caption}
  913. {/block:Video}
  914.  
  915. {block:Answer}
  916. <div id="ask">
  917. <table>
  918. <tr>
  919. <td style="vertical-align:top; padding-right:10px;
  920. {block:ifnot500pxposts}width:70px;{/block:ifnot500pxposts}
  921. {block:if500pxposts}width:50px;{/block:if500pxposts}">
  922. <img src="{AskerPortraitURL-64}" width="50" height="50"
  923. style="border:5px solid {color:borders};">
  924. </td>
  925. <td style="font-size:25px; vertical-align:top; margin:-5px; color:{color:permalinks and asks}; padding:0; text-align:right;">
  926. <br><div style="margin-right:-10px;">◀</div>
  927. </td>
  928. <td style="vertical-align:top; background-color:{color:permalinks and asks}; padding:10px; padding-left:20px; margin-left:-10px; min-height:30px; width:380px;">
  929. <strong>{Asker} inquired:</strong><br> {Question}
  930. </td>
  931. </tr>
  932. </table>
  933. </div>
  934. <br>
  935.  
  936. {Answer}
  937. {/block:Answer}
  938. </div><!-- CONTAINER -->
  939.  
  940. {block:permalinkpage}
  941. <div id="bar">
  942.  
  943. {block:Date}
  944. <a href="{Permalink}">{DayOfMonthWithZero}/{MonthNumber}/{ShortYear}</a>
  945. at <a href="{Permalink}">{24Hour}:{Minutes}{AmPm}</a>
  946. {/block:Date}
  947.  
  948. {block:NoteCount}
  949. with <a href="{Permalink}">{NoteCount}</a> notes
  950. {/block:NoteCount}
  951.  
  952. {block:RebloggedFrom}
  953. - <a href="{ReblogRootURL}">source</a> - <a href="{ReblogParentURL}">from</a>
  954. {/block:RebloggedFrom}
  955.  
  956. - <a href="{ReblogURL}">reblog</a>
  957.  
  958. {block:HasTags}<br>
  959. {block:Tags}
  960. #<a href="{TagURL}">{Tag}</a>
  961. {/block:Tags}
  962. {/block:HasTags}
  963.  
  964. </div><!-- PERMALINK -->
  965. {/block:permalinkpage}
  966.  
  967. <div class="notes">
  968. {block:PostNotes}
  969. <a name="notes">{PostNotes}</a>
  970. {/block:PostNotes}
  971. </div><!-- NOTES -->
  972.  
  973. </div><!-- POSTS -->
  974. {/block:Posts}
  975. </div><!-- AUTOPAGERIZE -->
  976. </div><!-- POSTMARGIN -->
  977. <!-- POSTS -->
  978.  
  979. </body>
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!