API tools faq
paste
Advertisement
vickkyu

theme #08 by fuckbenedict

vickkyu
May 16th, 2014
1,969
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.91 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. theme #08 'koyamori'
  5. by fuckbenedict.co.vu
  6. -->
  7.  
  8. <head>
  9. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <!-- Colours -->
  18. <!-- All -->
  19. <meta name="color:text" content="#000000">
  20. <meta name="color:background" content="#ffffff">
  21. <meta name="color:blockquote" content="#9eddf2">
  22. <meta name="color:bold" content="#000000">
  23. <meta name="color:scrollbar" content="#000000">
  24. <meta name="color:scrollbar background" content="#ffffff">
  25. <meta name="color:link" content="#3e9ab8">
  26. <meta name="color:link hover" content="#000000">
  27. <meta name="color:question background" content="#d7f0f9">
  28. <meta name="color:selection text" content="#000000">
  29. <meta name="color:selection background" content="#9eddf2">
  30.  
  31. <!-- Sidebar -->
  32. <meta name="color:title" content="#000000">
  33. <meta name="color:title hover" content="#9eddf2">
  34. <meta name="color:title first letter" content="#3e9ab8">
  35. <meta name="color:subtitle" content="#3e9ab8">
  36. <meta name="color:sidebar links text" content="#9eddf2">
  37. <meta name="color:sidebar links background" content="#000000">
  38. <meta name="color:description background" content="#ffffff">
  39. <meta name="color:description text" content="#000000">
  40. <meta name="color:description first letter" content="#9eddf2">
  41.  
  42. <!-- Posts -->
  43. <meta name="color:pagination background" content="#000000">
  44. <meta name="color:pagination text" content="#ffffff">
  45. <meta name="color:entries" content="#ffffff">
  46. <meta name="color:post border" content="#000000">
  47. <meta name="color:post background" content="#000000">
  48. <meta name="color:post title" content="#ffffff">
  49. <meta name="color:post first letter" content="#9eddf2">
  50.  
  51. <!-- Images -->
  52. <meta name="image:Background" content="">
  53. <meta name="image:Sidebar image" content="http://static.tumblr.com/ctnjtyx/M6Mn5oy0w/sidebar.png">
  54.  
  55. <!-- Options -->
  56. <meta name="if:Captions" content="0">
  57. <meta name="if:Grayscale Image" content="0">
  58. <meta name="if:Infinite Scrolling" content="0">
  59. <meta name="if:Sidebar Portrait" content="1">
  60. <meta name="text:Subtitle" content="It's <b>danger</b> to go <b>alone</b>! <br>Take this <b>theme</b>.">
  61.  
  62. <!-- Links -->
  63. <meta name="text:Link 1" content="Link 1">
  64. <meta name="text:Link 1 url" content="">
  65. <meta name="text:Link 2" content="Link 2">
  66. <meta name="text:Link 2 url" content="">
  67. <meta name="text:Link 3" content="Link 3">
  68. <meta name="text:Link 3 url" content="">
  69. <meta name="text:Link 4" content="Link 4">
  70. <meta name="text:Link 4 url" content="">
  71. <meta name="text:Link 5" content="Link 5">
  72. <meta name="text:Link 5 url" content="">
  73.  
  74. <!-- Scripts -->
  75. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  76.  
  77. <script src="http://static.tumblr.com/taiol9r/FKKmcv180/jquery.style-my-tooltips.js"></script>
  78.  
  79. <script>
  80. (function($){
  81. $(document).ready(function(){
  82. $("[title]").style_my_tooltips({
  83. tip_follows_cursor:true,
  84. tip_delay_time:100,
  85. tip_fade_speed:500,
  86. });});})(jQuery);
  87. </script>
  88.  
  89. {block:IfInfiniteScrolling}
  90. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  91. {/block:IfInfiniteScrolling}
  92.  
  93. <style type="text/css">
  94.  
  95. /*body*/
  96. body{
  97. background-color:{color:background};
  98. background-image: url('{image:Background}');
  99. background-repeat:repeat;
  100. font-family: calibri;
  101. margin:0px;
  102. padding:0px;
  103. }
  104.  
  105. /*links hover*/
  106. #s-m-t-tooltip{
  107. max-width:300px;
  108. margin:14px 10px 5px 15px;
  109. padding:6px;
  110. background-color:{color:selection background};
  111. text-transform:uppercase;
  112. font-family:calibri;
  113. letter-spacing:2px;
  114. font-size:8px;
  115. color:{color:selection text};
  116. z-index:999;
  117. }
  118.  
  119. /*scrollbar*/
  120. ::-webkit-scrollbar{
  121. height: 0px;
  122. width: 3px;
  123. }
  124.  
  125. ::-webkit-scrollbar-thumb{
  126. background-color:{color:scrollbar};
  127. }
  128.  
  129. ::-webkit-scrollbar-track{
  130. background-color:{color:scrollbar background};
  131. }
  132.  
  133. ::-webkit-scrollbar-buttom{
  134. background-color:{color:scrollbar background};
  135. }
  136.  
  137. /*bold*/
  138. b, strong {
  139. color:{color:bold};
  140. }
  141.  
  142. /*selection*/
  143. ::selection {
  144. color:{color:selection text};
  145. background:{color:selection background};
  146. }
  147.  
  148. ::-moz-selection {
  149. color:{color:selection text};
  150. background:{color:selection background};
  151. }
  152.  
  153. /*links*/
  154. a {
  155. text-decoration:none;
  156. outline:none;
  157. -moz-outline-style:none;
  158. color:{color:link};
  159. -webkit-transition: all 0.7s ease;
  160. -moz-transition: all 0.7s ease;
  161. -o-transition: all 0.7s ease;
  162. }
  163.  
  164. a:hover {
  165. -webkit-transition: all 0.5s ease-out;
  166. -moz-transition: all 0.5s ease-out;
  167. transition: all 0.5s ease-out;
  168. color: {color:link hover};
  169. -webkit-transition: all 0.7s ease;
  170. -moz-transition: all 0.7s ease;
  171. -o-transition: all 0.7s ease;
  172. }
  173.  
  174. /*blockquote*/
  175. blockquote {
  176. border-left:2px solid {color:blockquote};
  177. padding-left:5px;
  178. margin-left:2px;
  179. width:500px;
  180. }
  181.  
  182. /*sidebar*/
  183. #sidebar {
  184. height:auto;
  185. width:160px;
  186. margin-top:150px;
  187. text-align:center;
  188. position:fixed;
  189. margin-left:570px;
  190. }
  191.  
  192. /*title*/
  193. #title {
  194. width:150px;
  195. font-size:20px;
  196. text-transform: lowercase;
  197. font-family: cambria;
  198. font-style:italic;
  199. color:{color:title};
  200. padding:2px;
  201. margin-left:6px;
  202. letter-spacing:1px;
  203. text-align:left;
  204. }
  205.  
  206. #title a{
  207. color:{color:title};
  208. }
  209.  
  210. #title a:hover{
  211. color:{color:title hover};
  212. }
  213.  
  214. #title:first-letter{
  215. color:{color:title first letter};
  216. font-weight: bold;
  217. }
  218.  
  219. /*subtitle*/
  220. #subtitle{
  221. margin-top:-4px;
  222. margin-left:9px;
  223. width: 150px;
  224. font-size: 8px;
  225. letter-spacing: 1px;
  226. text-align:left;
  227. position: fixed;
  228. text-transform: uppercase;
  229. font-family: calibri;
  230. font-style:italic;
  231. color: {color:subtitle};
  232. }
  233.  
  234. /*sidebarimg*/
  235. #sidebarimg {
  236. height:200px;
  237. width:150px;
  238. }
  239.  
  240. /*sidebar links*/
  241. #links {
  242. text-align:center;
  243. width:150px
  244. }
  245.  
  246. #links a{
  247. font-size:8px;
  248. font-family: calibri;
  249. padding:2px 3px 2px 3px;
  250. margin-left:6px;
  251. text-align:center;
  252. color:{color:sidebar links background};
  253. background:{color:sidebar links background};
  254. -webkit-border-radius: 100px;
  255. -moz-border-radius: 100px;
  256. border-radius:100%;
  257. -webkit-transition:all 0.4s ease-in-out;
  258. -o-transition:all 0.4s ease-in-out;
  259. -moz-transition:all 0.4s ease-in-out;
  260. -ms-transition:all 0.4s ease-in-out;
  261. transition:all 0.4s ease-in-out;
  262. }
  263.  
  264. #links a:hover{
  265. -webkit-border-radius: 100px;
  266. -moz-border-radius: 100px;
  267. border-radius:100%;
  268. color:{color:sidebar links text};
  269. text-align:center;
  270. background:{color:sidebar links background};
  271. }
  272.  
  273. /*description*/
  274. .desc{
  275. font-family:calibri;
  276. text-transform:lowercase;
  277. position:fixed;
  278. overflow-y:scroll;
  279. overflow-x:hidden;
  280. padding:0px 7px 7px 7px;
  281. opacity: 1;
  282. letter-spacing:1px;
  283. font-size:10px;
  284. margin-top: -10px;
  285. margin-left: 2px;
  286. line-height:12px;
  287. text-align:left;
  288. height:50px;
  289. background:{color:description background};
  290. color:{color:description text};
  291. width:140px;
  292. }
  293.  
  294. .desc a{
  295. font-weight: bold;
  296. font-style:italic;
  297. }
  298.  
  299. .desc:first-letter{
  300. text-transform:uppercase;
  301. font-size:15px;
  302. color:{color:description first letter};
  303. font-style:italic;
  304. font-weight: bold;
  305. }
  306.  
  307. /*pagination*/
  308. .go {
  309. width:50px;
  310. bottom:0px;
  311. margin-left:545px;
  312. text-align:center;
  313. position:fixed;
  314. line-height:20px;
  315. padding:1px;
  316. font-family: cambria;
  317. text-transform: uppercase;
  318. background-color:{color:pagination background};
  319. font-size:8px;
  320. color:{color:pagination text};
  321. }
  322.  
  323. .go a{
  324. text-decoration: none;
  325. width:40px;
  326. opacity: 1;
  327. text-align:center;
  328. font-family: cambria;
  329. text-transform: uppercase;
  330. background-color:{color:pagination background};
  331. font-size:8px;
  332. color:{color:pagination text};
  333. border-radius: 3px;
  334. }
  335.  
  336. .back {
  337. width:50px;
  338. bottom:0px;
  339. margin-left:-45px;
  340. text-align:center;
  341. position:fixed;
  342. line-height:20px;
  343. padding:1px;
  344. font-family: cambria;
  345. text-transform: uppercase;
  346. background-color:{color:pagination background};
  347. font-size:8px;
  348. color:{color:pagination text};
  349. }
  350.  
  351. .back a{
  352. text-decoration: none;
  353. width:40px;
  354. opacity: 1;
  355. text-align:center;
  356. font-family: cambria;
  357. text-transform: uppercase;
  358. background-color:{color:pagination background};
  359. font-size:8px;
  360. color:{color:pagination text};
  361. border-radius: 3px;
  362. }
  363.  
  364. /*all*/
  365. .entries {
  366. width:735px;
  367. position:relative;
  368. margin-top:10px;
  369. bottom:5px;
  370. margin-left:auto!important;
  371. margin-right:auto!important;
  372. z-index:999;
  373. }
  374.  
  375. /*posts*/
  376. .posts {
  377. background-color:{color:entries};
  378. width:500px;
  379. padding:15px 15px 15px 15px;
  380. margin:10px!important;
  381. margin-top:5px;
  382. display:block;
  383. font-family:calibri;
  384. font-weight:normal;
  385. font-size:11px;
  386. color:{color:text};
  387. text-align:justify;
  388. z-index:9999!important;
  389. float:left;
  390. }
  391.  
  392. .posts img{
  393. max-width:500px;
  394. background-color:transparent!important;
  395. }
  396.  
  397. .notes {
  398. width:500px;
  399. margin-left:auto!important;
  400. margin-right:auto!important;
  401. margin-bottom:5px;
  402. z-index:9999!important;
  403. }
  404.  
  405. .photo{
  406. max-width:500px;
  407. display:block;
  408. background-color:transparent!important;
  409. padding:0px 0px 4px 0px;
  410. }
  411.  
  412. #date{
  413. width:500px;
  414. text-align:center;
  415. color:{color:text};
  416. text-transform:uppercase;
  417. font-family:calibri;
  418. font-size:8px;
  419. margin-top:10px;
  420. z-index:999;
  421. }
  422.  
  423. #borderinfo{
  424. border-bottom:1px solid {color:post border};
  425. width:500px;
  426. margin-top:3px;
  427. }
  428.  
  429. /*posts titles*/
  430. h1 {
  431. padding-left: 5px;
  432. font-family: calibri;
  433. font-size: 13px;
  434. color: {color:post title};
  435. background-color: {color:post background};
  436. font-weight: normal;
  437. text-transform: uppercase;
  438. letter-spacing: 4px;
  439. margin: 0;
  440. }
  441.  
  442. h1:first-letter{
  443. color: {color:post first letter};
  444. font-weight: bold;
  445. font-size: 15px;
  446. }
  447.  
  448. h1 a{
  449. color: {color:post title};
  450. text-decoration: none;
  451. }
  452.  
  453. h1 a:hover{
  454. color: {color:post title};
  455. text-decoration: none;
  456. }
  457.  
  458. /*quote*/
  459. .quote {
  460. font-family: georgia;
  461. font-size: 24px;
  462. color: {color:Entry Bold};
  463. float: left;
  464. margin-top: 2px;
  465. }
  466.  
  467. h2{
  468. font-family: calibri;
  469. font-size: 11px;
  470. color: {color:text};
  471. font-weight: normal;
  472. text-transform: uppercase;
  473. letter-spacing: 2px;
  474. }
  475.  
  476. h2:first-letter{
  477. color: {color:post first letter};
  478. font-weight: bold;
  479. font-size: 15px;
  480. }
  481.  
  482. /*chat*/
  483. .chat {
  484. margin-top: 15px;
  485. margin-bottom: 10px;
  486. }
  487.  
  488. .chat .even {
  489. background: #fff;
  490. padding: 5px;
  491. color: #bfbfbf;
  492. }
  493.  
  494. .chat .odd {
  495. background: #f5f5f5;
  496. padding: 5px;
  497. }
  498.  
  499. .chat li, ul.chat {
  500. list-style: none;
  501. margin: 0;
  502. padding: 0;
  503. }
  504.  
  505. /*audio*/
  506. .playerbuttonbg {
  507. position: absolute;
  508. left: 20px;
  509. top: 20px;
  510. width: 25px;
  511. height: 25px;
  512. background-color: #ffffff;
  513. padding: 10px;
  514. -webkit-border-radius: 40px;
  515. -moz-border-radius: 40px;
  516. border-radius: 40px;
  517. opacity: .4;
  518. filter: alpha(opacity=40);
  519. -moz-opacity: 0.4;
  520. -khtml-opacity: 0.4;
  521. transition: opacity .7s ease-in-out;
  522. -moz-transition: opacity .7s ease-in-out;
  523. -webkit-transition: opacity .7s ease-in-out;
  524. }
  525.  
  526. .playerbuttonbg:hover {
  527. opacity: .7;
  528. filter: alpha(opacity=100);
  529. -moz-opacity: 1;
  530. -khtml-opacity: 1;
  531. }
  532.  
  533. .newplayerbutton {
  534. position: relative;
  535. width: 25px;
  536. height: 25px;
  537. overflow: hidden;
  538. }
  539.  
  540. .playerbuttonhug {
  541. position: absolute;
  542. top: -32px;
  543. left: -10px;
  544. }
  545.  
  546. .tumblr_audio_player {
  547. height: 90px;
  548. width: 270px;
  549. -moz-transform: scale(0.60, 0.60);
  550. -webkit-transform: scale(0.60, 0.60);
  551. -o-transform: scale(0.60, 0.60);
  552. -ms-transform: scale(0.60, 0.60);
  553. transform: scale(0.60, 0.60);
  554. -moz-transform-origin: top left;
  555. -webkit-transform-origin: top left;
  556. -o-transform-origin: top left;
  557. -ms-transform-origin: top left;
  558. transform-origin: top left;
  559. }
  560.  
  561. .audioimgwrapper {
  562. position: absolute;
  563. left: 0px;
  564. top: 0px;
  565. overflow: hidden;
  566. width: 79px;
  567. height: 79px;
  568. border: 5px solid {color:background};
  569. }
  570.  
  571. .audioimgwrapper img {
  572. width: 100%;
  573. height: auto;
  574. }
  575.  
  576. .trackdetails {
  577. width: auto;
  578. display:inline-block;
  579. margin-left: 100px;
  580. min-height: 85px;
  581. }
  582.  
  583. .audiowrapper {
  584. position: relative;
  585. display:inline-block;
  586. }
  587.  
  588. .track {
  589. text-align: right;
  590. display: block;
  591. font-family: 'roboto condensed';
  592. font-size: 16px;
  593. border-bottom: 1px solid #000;
  594. color: {color:Accent};
  595. margin-top: 5px;
  596. text-transform: uppercase;
  597. font-style: italic;
  598. }
  599.  
  600. /*grayscale images*/
  601. {block:IfGrayscaleImage}
  602. img{
  603. -webkit-transition: all 0.7s ease-in-out;
  604. -moz-transition: all 0.7s ease-in-out;
  605. -o-transition: all 0.7s ease-in-out;
  606. -ms-transition: all 0.7s ease-in-out;
  607. opacity: 0.60;
  608. -webkit-filter:grayscale(100%);
  609. }
  610.  
  611. img:hover{
  612. -webkit-transition: all 0.7s ease-in-out;
  613. -moz-transition: all 0.7s ease-in-out;
  614. -o-transition: all 0.7s ease-in-out;
  615. -ms-transition: all 0.7s ease-in-out;
  616. opacity: 1;
  617. -webkit-filter:none;
  618. }
  619.  
  620. .html_photoset {
  621. -webkit-filter: grayscale(100%);
  622. -webkit-transition: all 0.7s ease-in-out;
  623. -moz-transition: all 0.7s ease-in-out;
  624. -o-transition: all 0.7s ease-in-out;
  625. -ms-transition: all 0.7s ease-in-out;
  626. }
  627. .html_photoset:hover {
  628. -webkit-filter: grayscale(0);
  629. -webkit-transition: all 0.7s ease-in-out;
  630. -moz-transition: all 0.7s ease-in-out;
  631. -o-transition: all 0.7s ease-in-out;
  632. -ms-transition: all 0.7s ease-in-out;
  633. }
  634. {/block:IfGrayscaleImage}
  635.  
  636. /*credits (do not remove)*/
  637. #credits {
  638. position:fixed;
  639. right:5px;
  640. bottom:5px;
  641. color:{color:selection text};
  642. background:{color:selection background};
  643. padding:5px;
  644. text-transform:uppercase;
  645. letter-spacing:1px;
  646. font-size:8px;
  647. font-family: cambria;
  648. }
  649.  
  650. #credits a{
  651. color:{color:selection text};
  652. background:{color:selection background};
  653. }
  654. </style>
  655. </head>
  656.  
  657. <body>
  658.  
  659. <div class="entries">
  660.  
  661. <div id="sidebar">
  662.  
  663. <div id="title">
  664. <a href="/" title="home">{Title}</a>
  665. </div>
  666.  
  667. {block:IfSubtitle}
  668. <div id="subtitle">
  669. {text:Subtitle}
  670. </div>
  671. <br>
  672. {/block:IfSubtitle}
  673.  
  674. {block:IfSidebarPortrait}
  675. <div id="sidebarimg"><img src="{image:Sidebar image}"></div>
  676. <br>
  677. {/block:IfSidebarPortrait}
  678.  
  679. <div id="links">
  680. <a href="/" title="home">01</a>
  681. {block:IfLink1}
  682. <a href="{text:Link 1 url}" title="{text:Link 1}">02</a>
  683. {/block:IfLink1}
  684. {block:IfLink2}
  685. <a href="{text:Link 2 url}" title="{text:Link 2}">03</a>
  686. {/block:IfLink2}
  687. {block:IfLink3}
  688. <a href="{text:Link 3 url}" title="{text:Link 3}">04</a>
  689. {/block:IfLink3}
  690. {block:IfLink4}
  691. <a href="{text:Link 4 url}" title="{text:Link 4}">05</a>
  692. {/block:IfLink4}
  693. {block:IfLink5}
  694. <a href="{text:Link 5 url}" title="{text:Link 5}">06</a>
  695. {/block:IfLink5}
  696. </div>
  697. <br>
  698.  
  699. <div class="desc">
  700. {block:Description}{Description}{/block:Description}
  701. </div>
  702. </div>
  703.  
  704. {block:IfNotInfiniteScrolling}
  705. {block:Pagination}
  706. <div class="back">
  707. {block:PreviousPage}
  708. <a href="{PreviousPage}">&larr; back</a>
  709. {/block:PreviousPage}
  710. </div>
  711.  
  712. <div class="go">
  713. {block:NextPage}
  714. <a href="{NextPage}">go →</a>
  715. {/block:NextPage}
  716. </div>
  717. {/block:Pagination}
  718. {/block:IfNotInfiniteScrolling}
  719.  
  720.  
  721. {block:IfInfiniteScrolling}
  722. <div class="autopagerize_page_element">
  723. {/block:IfInfiniteScrolling}
  724.  
  725. {block:Posts}
  726.  
  727. <div class="posts">
  728.  
  729. {block:ContentSource}
  730.  
  731. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  732.  
  733. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  734.  
  735. {/block:SourceLogo}
  736.  
  737. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  738.  
  739. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  740.  
  741. {block:PermalinkPage}
  742.  
  743. {/block:PermalinkPage}
  744.  
  745. {block:Text}
  746. {block:Title}<h1>{Title}</h1>{/block:Title}
  747. {Body}
  748. {/block:Text}
  749.  
  750. {block:Photo}
  751. <center><div class="photo">
  752. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div></center>
  753. {block:IfCaptions}{block:Caption}
  754. {Caption}
  755. {/block:Caption}{/block:IfCaptions}
  756. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  757. {Caption}
  758. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  759. {/block:Photo}
  760.  
  761. {block:Photoset}
  762. <div class="photo">
  763. {Photoset-500}
  764. </div>
  765. {block:IfCaptions}{block:Caption}
  766. {Caption}
  767. {/block:Caption}{/block:IfCaptions}
  768. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  769. {Caption}
  770. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  771. {/block:Photoset}
  772.  
  773. {block:Quote}
  774. <div class="quote">&#10077;</div>
  775. <h2>{Quote}</h2>
  776. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  777. {/block:Quote}
  778.  
  779. {block:Link}
  780. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  781. {block:Description}{Description}{/block:Description}
  782. {/block:Link}
  783.  
  784. {block:Chat}
  785. {block:Title}<h2>{Title}</h2>{/block:Title}
  786. <div style="margin-top: -13px;"><div class="chat">
  787. <ul class="chat">
  788. {block:Lines}
  789. <li class="{Alt} user_{UserNumber}">
  790. {block:Label}
  791. <span class="label">
  792. <b>{Label}</b>
  793. </span>
  794. {/block:Label}
  795. {Line}
  796. </li>
  797. {/block:Lines}</ul>
  798. </ul>
  799. </div></div>
  800. {/block:Chat}
  801.  
  802. {block:AudioPlayer}
  803. <div class="audiowrapper">
  804. {block:AlbumArt}
  805. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  806. {/block:AlbumArt}
  807.  
  808. <div class="playerbuttonbg">
  809. <div class="newplayerbutton">
  810. <div class="playerbuttonhug">
  811.  
  812. {AudioPlayerWhite}
  813.  
  814. </div>
  815. </div>
  816. </div>
  817.  
  818. <div class="trackdetails">
  819.  
  820. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}<br>
  821. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  822. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  823. {block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}
  824.  
  825. </div>
  826. </div>
  827. <br><br>
  828. {block:IfCaptions}{block:Caption}
  829. {Caption}
  830. {/block:Caption}{/block:IfCaptions}
  831. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  832. {Caption}
  833. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  834. {/block:AudioPlayer}
  835.  
  836. {block:Video}
  837. {Video-500}
  838. {block:IfCaptions}{block:Caption}
  839. {Caption}
  840. {/block:Caption}{/block:IfCaptions}
  841. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  842. {Caption}
  843. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  844. {/block:Video}
  845.  
  846. {block:Answer}
  847. <table>
  848. <tr><td colspan="3" width="500px" style="padding:9px; text-align:center; background-color:{color:question background};"><b>{Asker}</b> asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:2px;" align="right"></tr>
  849. </table>
  850. {Answer}
  851. {/block:Answer}
  852.  
  853. {block:IndexPage}
  854. <div id="borderinfo"></div>
  855. <div id="date">
  856. <b>posted</b> <a href="{Permalink}">{block:Date} {MonthNumberWithZero} / {DayOfMonthWithZero} / {ShortYear} {/block:Date} </a> <b>with</b> <a href="{Permalink}">{NoteCountWithLabel}</a>
  857.  
  858. <br>
  859.  
  860. {block:HasTags}
  861. Tagged:
  862. {block:Tags}
  863. <a href="{TagURL}">#{Tag}</a>
  864. {/block:Tags}
  865. {/block:HasTags}
  866. </div>
  867. </div>
  868. {/block:IndexPage}
  869.  
  870. {block:PermalinkPage}
  871. <div id="borderinfo"></div>
  872. <div id="date">
  873. <b>posted</b> <a href="{Permalink}">{block:Date} {MonthNumberWithZero} / {DayOfMonthWithZero} / {ShortYear} {/block:Date} </a> <b>with</b> <a href="{Permalink}">{NoteCountWithLabel}</a>
  874. <br>
  875.  
  876. {block:HasTags}
  877. Tagged:
  878. {block:Tags}
  879. <a href="{TagURL}">#{Tag}</a>
  880. {/block:Tags}
  881. {/block:HasTags}
  882. </div>
  883. {/block:PermalinkPage}
  884.  
  885. {block:PostNotes}
  886. <div id="notes">{PostNotes}</div>
  887. {/block:PostNotes}
  888.  
  889. {/block:Posts}
  890. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  891.  
  892. </div></div>
  893.  
  894. <div id="credits">
  895. <a href="http://fuckbenedict.co.vu" title="f- benedict" target="_blank">FB</a>
  896. </div>
  897.  
  898. </body>
  899. </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!