API tools faq
paste
Advertisement
car

theme 07: nephilim

car
Jul 4th, 2015
2,146
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <title>{Title}</title>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11. <!-- THEME 07 BY SUPPISUN @ TUMBLR. Do not claim as your own and please leave credit intact, even if you modify the code -->
  12.  
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:Blogtitle" content="#FFFFFF" />
  16. <meta name="color:Blogtitle Bkg" content="#000000" />
  17. <meta name="color:Posts" content="#FFFFFF" />
  18. <meta name="color:Side" content="#CCCCCC" />
  19. <meta name="color:Body" content="#000000" />
  20. <meta name="color:Link" content="#999999" />
  21. <meta name="color:Link Hover" content="#CCCCCC" />
  22. <meta name="color:Nav Link" content="#FFFFFF" />
  23. <meta name="color:Nav Link Bkg" content="#000000" />
  24. <meta name="color:Nav Link Bkg Hover" content="#333333" />
  25. <meta name="color:Custom Link" content="#FFFFFF" />
  26. <meta name="color:Custom Link Bkg" content="#000000" />
  27. <meta name="color:Custom Link Bkg Hover" content="#333333" />
  28. <meta name="color:Chat etc" content="#EEEEEE" />
  29. <meta name="color:Blockquote" content="#CCCCCC" />
  30. <meta name="color:Post Info Text" content="#FFFFFF" />
  31. <meta name="color:Post Info Bkg" content="#000000" />
  32. <meta name="color:Post Info Link" content="#999999" />
  33. <meta name="color:Post Info Link Hover" content="#CCCCCC" />
  34. <meta name="color:Tags" content="#999999" />
  35. <meta name="color:Tags Hover" content="#CCCCCC" />
  36.  
  37. <meta name="image:Background" content="" />
  38. <meta name="image:Sidebar" content="" />
  39.  
  40. <meta name="select:Sidebar Image Position" content="top" title="Top" />
  41. <meta name="select:Sidebar Image Position" content="bottom" title="Bottom" />
  42.  
  43. <meta name="if:Repeated Background" content="0" />
  44. <meta name="if:Page Count" content="0" />
  45.  
  46. <meta name="text:Sidebar Position" content="250px" />
  47. <meta name="text:Font Body" content="Calibri" />
  48. <meta name="text:Font Blogtitle" content="Calibri" />
  49. <meta name="text:Font Titles" content="Calibri" />
  50. <meta name="text:Font Size Body" content="11px" />
  51. <meta name="text:Font Size Blogtitle" content="15px" />
  52. <meta name="text:Font Size Titles" content="13px" />
  53.  
  54. <meta name="text:Custom Link 1" content="Link 1" />
  55. <meta name="text:Custom Link 1 URL" content="" />
  56. <meta name="text:Custom Link 2" content="Link 2" />
  57. <meta name="text:Custom Link 2 URL" content="" />
  58. <meta name="text:Custom Link 3" content="Link 3" />
  59. <meta name="text:Custom Link 3 URL" content="" />
  60. <meta name="text:Custom Link 4" content="Link 4" />
  61. <meta name="text:Custom Link 4 URL" content="" />
  62. <meta name="text:Custom Link 5" content="Link 5" />
  63. <meta name="text:Custom Link 5 URL" content="" />
  64. <meta name="text:Custom Link 6" content="Link 6" />
  65. <meta name="text:Custom Link 6 URL" content="" />
  66.  
  67. <!-- END DEFAULT VARIABLES -->
  68.  
  69.  
  70. <head>
  71. <style type="text/css">
  72.  
  73.  
  74. /* CSS */
  75.  
  76. body {
  77. background:{color:Posts};
  78. font-family:{text:Font Body};
  79. color:{color:Body};
  80. font-size:{text:Font Size Body};
  81. word-wrap:break-word;
  82. }
  83.  
  84. /* TOPBAR */
  85.  
  86. .titlebar {
  87. width:100%;
  88. background:{color:Blogtitle Bkg};
  89. padding:5px 0px;
  90. position:fixed;
  91. top:0px;
  92. left:0px;
  93. z-index:99;
  94. text-align:center;
  95. }
  96.  
  97. .blogtitle {
  98. font-size:{text:Font Size Blogtitle};
  99. font-family:{text:Font Blogtitle};
  100. letter-spacing:1px;
  101. color:{color:Blogtitle};
  102. font-style:italic;
  103. width:530px;
  104. margin-left:475px;
  105. line-height:17px;
  106. }
  107.  
  108.  
  109. /* SIDEBAR */
  110.  
  111. .side {
  112. height:100%;
  113. background:{color:Side} url('{image:Background}') fixed;
  114. {block:IfRepeatedBackground}
  115. background-repeat:repeat;
  116. background-position:left top;
  117. {/block:IfRepeatedBackground}
  118. {block:IfNotRepeatedBackground}
  119. background-repeat:no-repeat;
  120. background-position:left top;
  121. background-size:auto 100%;
  122. {/block:IfNotRepeatedBackground}
  123. position:fixed;
  124. top:0px;
  125. left:0px;
  126. padding:{text:Sidebar Position} 75px 0px 143px;
  127. }
  128.  
  129. .sidebar {
  130. width:257px;
  131. }
  132.  
  133. /* Navigation */
  134.  
  135. .nav {
  136. margin-left:0px;
  137. width:249px;
  138. margin-bottom:5px;
  139. }
  140.  
  141. a.nav {
  142. display:inline-block;
  143. width:120px;
  144. background:{color:Nav Link Bkg};
  145. color:{color:Nav Link};
  146. padding:9px 0px;
  147. margin:0px 3px 0px 0px;
  148. font-size:80%;
  149. text-transform:uppercase;
  150. text-decoration:none;
  151. text-align:center;
  152. letter-spacing:1px;
  153. line-height:12px;
  154. transition:0.25s all ease-in-out;
  155. -webkit-transition:0.25s all ease-in-out;
  156. -moz-transition:0.25s all ease-in-out;
  157. -o-transition:0.25s all ease-in-out;
  158. }
  159.  
  160. a.nav:hover {
  161. background:{color:Nav Link Bkg Hover};
  162. color:{color:Nav Link};
  163. }
  164.  
  165. /* Description */
  166.  
  167. .desc-bottom .desc1 {
  168. padding:5px 10px;
  169. width:225px;
  170. margin-bottom:5px;
  171. text-align:justify;
  172. background:{color:Posts};
  173. }
  174.  
  175. .desc-top .desc2 {
  176. padding:5px 10px;
  177. margin-top:2px;
  178. width:225px;
  179. text-align:justify;
  180. background:{color:Posts};
  181. }
  182.  
  183. .desc-bottom .desc2 {display:none;}
  184. .desc-top .desc1 {display:none;}
  185.  
  186. /* Sidebar image */
  187.  
  188. .sideimg {
  189. width:245px;
  190. }
  191.  
  192. .sideimg img {
  193. width:245px;
  194. height:auto;
  195. }
  196.  
  197. /* Custom links */
  198. {block:Pagination}
  199. .customlinks {bottom:91px!important;}
  200. .pag {height:auto!important;overflow:visible!important;}
  201.  
  202. {block:IfPageCount}
  203. .customlinks {bottom:110px!important;}
  204. {/block:IfPageCount}
  205. {/block:Pagination}
  206.  
  207. .customlinks {
  208. width:131px;
  209. position:fixed;
  210. bottom:45px;
  211. right:10px;
  212. text-align:right;
  213. }
  214.  
  215. a.cstm {
  216. display:block;
  217. width:115px;
  218. padding:6px 8px;
  219. text-align:center;
  220. margin:0px 0px 5px 0px;
  221. font-size:80%;
  222. text-transform:uppercase;
  223. letter-spacing:1px;
  224. line-height:12px;
  225. text-decoration:none;
  226. background:{color:Custom Link Bkg};
  227. color:{color:Custom Link};
  228. transition:0.25s all ease-in-out;
  229. -webkit-transition:0.25s all ease-in-out;
  230. -moz-transition:0.25s all ease-in-out;
  231. -o-transition:0.25s all ease-in-out;
  232. }
  233.  
  234. a.cstm:hover {
  235. background:{color:Custom Link Bkg Hover};
  236. color:{color:Custom Link};
  237. }
  238.  
  239. /* Pagination */
  240.  
  241. .pag {
  242. width:140px;
  243. position:fixed;
  244. height:0px;
  245. overflow:hidden;
  246. right:10px;
  247. bottom:50px;
  248. text-align:right;
  249. }
  250.  
  251. .pag a {
  252. display:inline-block;
  253. width:63px;
  254. background:{color:Nav Link Bkg};
  255. color:{color:Nav Link};
  256. padding:0px 0px 3px 0px;
  257. margin-right:3px;
  258. font-size:25px;
  259. text-align:center;
  260. transition:0.25s all ease-in-out;
  261. -moz-transition:0.25s all ease-in-out;
  262. -webkit-transition:0.25s all ease-in-out;
  263. -o-transition:0.25s all ease-in-out;
  264. }
  265.  
  266. .pag a:last-child {
  267. margin-right:0px;
  268. }
  269.  
  270. .pag a:hover {
  271. background:{color:Nav Link Bkg Hover};
  272. color:{color:Nav Link};
  273. }
  274.  
  275. .current {
  276. font-size:13px;
  277. font-style:italic;
  278. letter-spacing:1px;
  279. text-align:center;
  280. width:131px;
  281. margin:0px 0px 3px 9px;
  282. padding:0px;
  283. }
  284.  
  285. .number {
  286. font-weight:bold;
  287. font-size:17px;
  288. }
  289.  
  290.  
  291. /* POSTS */
  292.  
  293. .content {
  294. margin-left:467px;
  295. padding:34px 15px 20px 15px;
  296. }
  297.  
  298. .post {
  299. width:500px;
  300. padding:0px;
  301. margin-bottom:40px;
  302. }
  303.  
  304. /* Post info */
  305.  
  306. .perma {
  307. background:{color:Post Info Bkg};
  308. color:{color:Post Info Text};
  309. width:500px;
  310. padding:5px 15px;
  311. margin-left:-15px;
  312. margin-top:15px;
  313. text-transform:uppercase;
  314. font-size:80%;
  315. letter-spacing:1px;
  316. text-align:right;
  317. }
  318.  
  319. .perma a {
  320. color:{color:Post Info Link};
  321. }
  322.  
  323. .perma a:hover {
  324. color:{color:Post Info Link Hover};
  325. }
  326.  
  327. /* Tags */
  328.  
  329. .taggy {
  330. width:500px;
  331. padding:5px 0px;
  332. font-style:italic;
  333. letter-spacing:0px;
  334. font-size:90%;
  335. text-align:justify;
  336. }
  337.  
  338. .letag {
  339. margin-right:7px;
  340. }
  341.  
  342. .letag a {
  343. margin-left:1px;
  344. color:{color:Tags};
  345. }
  346.  
  347. .letag a:hover {
  348. color:{color:Tags Hover};
  349. }
  350.  
  351.  
  352. /* POST TYPES */
  353.  
  354. /* Text */
  355.  
  356. .htitle {
  357. font-family:{text:Font Titles};
  358. font-size:{text:Font Size Titles};
  359. font-style:italic;
  360. letter-spacing:1px;
  361. margin-bottom:-3px;
  362. }
  363.  
  364. /* Photo/Photoset */
  365.  
  366. .photo {
  367. margin-bottom:-3px;
  368. }
  369.  
  370. /* Link */
  371.  
  372. .hlink {
  373. font-family:{text:Font Titles};
  374. font-size:{text:Font Size Titles};
  375. font-style:italic;
  376. letter-spacing:1px;
  377. margin-bottom:-8px;
  378. }
  379.  
  380. .arrow {
  381. font-size:20px;
  382. font-style:normal;
  383. padding-right:5px;
  384. vertical-align:-2px;
  385. }
  386.  
  387. /* Quote */
  388.  
  389. .hquote {
  390. font-family:{text:Font Titles};
  391. font-size:{text:Font Size Titles};
  392. font-style:italic;
  393. letter-spacing:1px;
  394. line-height:16px;
  395. margin-bottom:-15px;
  396. }
  397.  
  398. .hquote {
  399. display:inline-block;
  400. }
  401.  
  402. p.source::before {
  403. content:'—';
  404. margin-right:5px;
  405. float:left;
  406. }
  407.  
  408. /* Chat */
  409.  
  410. .ctitle {
  411. font-family:{text:Font Titles};
  412. font-size:{text:Font Size Titles};
  413. font-style:italic;
  414. letter-spacing:1px;
  415. margin-bottom:12px;
  416. }
  417.  
  418. ul.chat {
  419. list-style-type:none;
  420. padding:0px;
  421. margin:0px;
  422. }
  423.  
  424. .clabel {
  425. font-family:{text:Font Titles};
  426. font-style:normal;
  427. font-weight:bold;
  428. letter-spacing:1px;
  429. font-size:90%;
  430. }
  431.  
  432. li.line {
  433. background:{color:Chat etc};
  434. padding:3px 7px;
  435. margin:0px 0px 3px 0px;
  436. list-style-type:none;
  437. }
  438.  
  439. /* Audio */
  440.  
  441. .audio {
  442. width:500px;
  443. height:100px;
  444. }
  445.  
  446. .cover {
  447. width:100px;
  448. height:100px;
  449. float:left;
  450. position:absolute;
  451. background:url('http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg');
  452. background-size:100px 100px;
  453. }
  454.  
  455. .cover img {
  456. width:100px;
  457. height:100px;
  458. }
  459.  
  460. .player {
  461. width:30px;
  462. height:30px;
  463. overflow:hidden;
  464. position:absolute;
  465. margin:36px;
  466. }
  467.  
  468. .playerbkg {
  469. width:100px;
  470. height:100px;
  471. background:#E4E4E4;
  472. position:absolute;
  473. float:left;
  474. opacity:0.2;
  475. transition:0.3s all ease-in-out;
  476. -moz-transition:0.3s all ease-in-out;
  477. -o-transition:0.3s all ease-in-out;
  478. -webkit-transition:0.3s all ease-in-out;
  479. }
  480.  
  481. .playerbkg:hover {
  482. opacity:0.7;
  483. }
  484.  
  485. .audioinfo {
  486. background:{color:Chat etc};
  487. margin-left:105px;
  488. height:100px;
  489. overflow:auto;
  490. }
  491.  
  492. ul.trackinfo {
  493. margin:0px 0px 0px 10px;
  494. padding:0px;
  495. list-style-type:none;
  496. font-family:{text:Font Body};
  497. font-size:80%;
  498. text-transform:uppercase;
  499. letter-spacing:1px;
  500. color:{color:Text};
  501. }
  502.  
  503. ul.trackinfo li {
  504. list-style-type:none;
  505. padding:5px 7px;
  506. border-bottom:2px solid {color:Posts};
  507. background:{color:Chat etc};
  508. }
  509.  
  510. ul.trackinfo li:last-child {
  511. border:0px;
  512. }
  513.  
  514. /* Message */
  515.  
  516. .message {
  517. width:500px;
  518. margin-bottom:10px;
  519. font-size:{text:Font Size Body};
  520. }
  521.  
  522. .label {
  523. font-family:{text:Font Body};
  524. letter-spacing:1px;
  525. font-size:80%;
  526. text-transform:uppercase;
  527. color:{color:Body};
  528. margin-bottom:1px;
  529. }
  530.  
  531. .label a {
  532. color:{color:Link};
  533. }
  534.  
  535. .label a:hover {
  536. color:{color:Link Hover};
  537. }
  538.  
  539. .askerimg {
  540. width:24px;
  541. height:24px;
  542. position:absolute;
  543. float:left;
  544. }
  545.  
  546. .question {
  547. background:{color:Chat etc};
  548. margin-left:37px;
  549. padding:7px 7px 5px 7px;
  550. }
  551.  
  552. .question:before {
  553. content:"";
  554. position:absolute;
  555. display:block;
  556. width:0px;
  557. height:0px;
  558. margin-top:3px;
  559. margin-left:-17px;
  560. border-top: 0px solid transparent;
  561. border-right: 10px solid {color:Chat etc};
  562. border-bottom: 10px solid transparent;
  563. }
  564.  
  565.  
  566. /* POST NOTES */
  567.  
  568. ol.notes {
  569. list-style-type:none;
  570. padding:10px 0px 0px 10px;
  571. width:500px;
  572. margin:0px;
  573. }
  574.  
  575. ol.notes li.note {
  576. padding:4px 0px;
  577. }
  578.  
  579. ol.notes li.note img {
  580. vertical-align:-4px;
  581. margin-right:10px;
  582. width:14px;
  583. height:14px;
  584. }
  585.  
  586. ol.notes li.note blockquote {
  587. margin:8px 0px 3px 30px;
  588. }
  589.  
  590.  
  591. /* OTHER */
  592.  
  593. p {
  594. text-align:justify;
  595. }
  596.  
  597. a {
  598. color:{color:Link};
  599. text-decoration:none;
  600. transition:0.25s all ease-in-out;
  601. -moz-transition:0.25s all ease-in-out;
  602. -webkit-transition:0.25s all ease-in-out;
  603. -o-transition:0.25s all ease-in-out;
  604. }
  605.  
  606. a:hover {
  607. color:{color:Link Hover};
  608. }
  609.  
  610. blockquote {
  611. border-left:2px solid {color:Blockquote};
  612. padding-left:10px;
  613. margin:0px 0px 0px 10px;
  614. }
  615.  
  616. blockquote blockquote {
  617. margin-left:3px;
  618. }
  619.  
  620. img {
  621. max-width:100%;
  622. height:auto;
  623. }
  624.  
  625. a img {
  626. border:none;
  627. }
  628.  
  629. ul, ul li {
  630. list-style-type:square;
  631. margin-left:-10px;
  632. }
  633.  
  634. ol, ol li {
  635. margin-left:-10px;
  636. }
  637.  
  638. sub, pre, small {font-size:90%;}
  639. small small, small small small {font-size:80%;}
  640. h2 {font-size:120%;}
  641.  
  642. iframe#ask_form {margin-top:8px;}
  643.  
  644. ::-webkit-scrollbar{
  645. width:5px;
  646. height:5px;
  647. background-color:{color:Posts};
  648. }
  649.  
  650. ::-webkit-scrollbar-thumb:vertical {
  651. width:5px;
  652. height:5px;
  653. background-color:{color:Side};
  654. }
  655.  
  656. ::-webkit-scrollbar-thumb:horizontal {
  657. width:5px;
  658. height:5px;
  659. background-color:{color:Side};
  660. }
  661.  
  662. #s-m-t-tooltip{
  663. z-index:10;
  664. margin:-16px 0px 0px 0px;
  665. padding:1px 5px;
  666. background:{color:Blogtitle Bkg};
  667. font-size:80%;
  668. font-family:{text:Font Body};
  669. letter-spacing:1px;
  670. text-transform:uppercase;
  671. text-align:center;
  672. color:{color:Blogtitle};
  673. }
  674.  
  675. .credit {
  676. position:fixed;
  677. bottom:3px;
  678. right:7px;
  679. font-size:11px;
  680. font-family:Calibri;
  681. }
  682.  
  683. .credit a, credit a:hover {
  684. color:{color:Body};
  685. }
  686.  
  687.  
  688. /* END CSS */
  689.  
  690.  
  691. {CustomCSS}
  692. </style>
  693. </head>
  694.  
  695.  
  696. <!-- HTML -->
  697.  
  698. <body>
  699.  
  700. <!-- BLOGTITLE -->
  701. <div class="titlebar">
  702. <div class="blogtitle">{Title}</div>
  703. </div>
  704.  
  705. <!-- PAGINATION -->
  706. <div class="pag">
  707. {block:Pagination}
  708.  
  709. {block:IfPageCount}
  710. <div class="current"><span class="number">{CurrentPage}</span> of <span class="number">{TotalPages}</span></div>
  711. {/block:IfPageCount}
  712.  
  713. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  714. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  715. {/block:Pagination}
  716. </div>
  717.  
  718. <!-- CUSTOM LINKS -->
  719. <div class="customlinks">
  720. {block:IfCustomLink1}<a class="cstm" href="{text:Custom Link 1 URL}">{text:Custom Link 1}</a>{/block:IfCustomLink1}
  721. {block:IfCustomLink2}<a class="cstm" href="{text:Custom Link 2 URL}">{text:Custom Link 2}</a>{/block:IfCustomLink2}
  722. {block:IfCustomLink3}<a class="cstm" href="{text:Custom Link 3 URL}">{text:Custom Link 3}</a>{/block:IfCustomLink3}
  723. {block:IfCustomLink4}<a class="cstm" href="{text:Custom Link 4 URL}">{text:Custom Link 4}</a>{/block:IfCustomLink4}
  724. {block:IfCustomLink5}<a class="cstm" href="{text:Custom Link 5 URL}">{text:Custom Link 5}</a>{/block:IfCustomLink5}
  725. {block:IfCustomLink6}<a class="cstm" href="{text:Custom Link 6 URL}">{text:Custom Link 6}</a>{/block:IfCustomLink6}
  726. </div>
  727.  
  728.  
  729. <!-- SIDEBAR -->
  730. <div class="side">
  731. <div class="sidebar">
  732.  
  733. <!-- NAVIGATION -->
  734. <div class="nav">
  735. <a class="nav" href="/">Home</a>
  736. <a class="nav" href="/ask">Message</a>
  737. </div>
  738.  
  739. <!-- DESCRIPTION (top) -->
  740. <div class="desc-{select:Sidebar Image Position}">
  741. <div class="desc1">
  742. {block:Description}<p>{Description}</p>{/block:Description}
  743. </div>
  744. </div>
  745.  
  746. <!-- SIDEBAR IMAGE -->
  747. {block:IfSidebarImage}
  748. <div class="sideimg">
  749. <img src="{image:Sidebar}" />
  750. </div>
  751. {/block:IfSidebarImage}
  752.  
  753. <!-- DESCRIPTION (bottom) -->
  754. <div class="desc-{select:Sidebar Image Position}">
  755. <div class="desc2">
  756. {block:Description}<p>{Description}</p>{/block:Description}
  757. </div>
  758. </div>
  759.  
  760. </div>
  761. </div>
  762.  
  763.  
  764. <!-- POSTS -->
  765. <div class="content">
  766. {block:Posts}
  767.  
  768. <div class="post">
  769.  
  770. <!-- Text -->
  771. {block:Text}
  772. {block:Title}<div class="htitle">{Title}</div>{/block:Title}
  773. <p>{Body}</p>
  774. {/block:Text}
  775.  
  776. <!-- Photo -->
  777. {block:Photo}
  778. {LinkOpenTag}
  779. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  780. {LinkCloseTag}
  781. {block:Caption}<p>{Caption}</p>{/block:Caption}
  782. {/block:Photo}
  783.  
  784. <!-- Photoset -->
  785. {block:Photoset}
  786. <div class="photo">{Photoset-500}</div>
  787. {block:Caption}<p>{Caption}</p>{/block:Caption}
  788. {/block:Photoset}
  789.  
  790. <!-- Quote -->
  791. {block:Quote}
  792. <div class="hquote"><span style="font-family:'Arial Black';font-style:normal;font-size:18px;padding-right:3px;vertical-align:-3px;">&ldquo;</span>{Quote}<span style="font-family:'Arial Black';font-style:normal;font-size:18px;padding-left:3px;vertical-align:-3px;">&rdquo;</span></div>
  793.  
  794. {block:Source}<p class="source">{Source}</p>{/block:Source}
  795. {/block:Quote}
  796.  
  797. <!-- Link -->
  798. {block:Link}
  799. <div class="hlink"><span class="arrow">➙</span><a href="{URL}" target="_blank">{Name}</a></div>
  800. {block:Description}<p>{Description}</p>{/block:Description}
  801. {/block:Link}
  802.  
  803. <!-- Chat -->
  804. {block:Chat}
  805. {block:Title}<div class="ctitle">{Title}</div>{/block:Title}
  806. {block:Lines}
  807. <ul class="chat">
  808. <li class="line">{block:Label}<span class="clabel">{Label}</span>{/block:Label} {Line}</li>
  809. </ul>
  810. {/block:Lines}
  811. {/block:Chat}
  812.  
  813. <!-- Audio -->
  814. {block:Audio}
  815. <div class="audio">
  816. <div class="cover">{block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  817. <div class="playerbkg"><div class="player">
  818. {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}
  819. </div></div>
  820. <div class="audioinfo">
  821. <ul class="trackinfo">
  822. {block:TrackName}<li>Track: {TrackName}</li>{/block:TrackName}
  823. {block:Artist}<li>Artist: {Artist}</li>{/block:Artist}
  824. {block:Album}<li>Album: {Album}</li>{/block:Album}
  825. {block:PlayCount}<li>{PlayCountWithLabel}</li>{/block:PlayCount}
  826. </ul>
  827. </div>
  828. </div>
  829. {block:Caption}<p>{Caption}</p>{/block:Caption}
  830. {/block:Audio}
  831.  
  832. <!-- Video -->
  833. {block:Video}
  834. {Video-500}
  835. {block:Caption}<p>{Caption}</p>{/block:Caption}
  836. {/block:Video}
  837.  
  838. <!-- Message -->
  839. {block:Answer}
  840. <div class="message">
  841. <div class="askerimg"><a href="{AskerURL}" title="{AskerName}"><img src="{AskerPortraitURL-24}" /></a></div>
  842. <div class="question">
  843. <div class="label">{Asker}</div>
  844. <p style="margin-top:0px;">{Question}</p>
  845. </div>
  846. </div>
  847. {block:Answerer}
  848. <div class="message">
  849. <div class="askerimg"><a href="{AnswererURL}" title="{AnswererName}"><img src="{AnswererPortraitURL-24}" /></a></div>
  850. <div class="question">
  851. <div class="label">{Answerer}</div>
  852. <p style="margin-top:-7px;">{Answer}</p>
  853. </div>
  854. </div>
  855. {/block:Answerer}
  856. <p>{Replies}</p>
  857. {/block:Answer}
  858.  
  859.  
  860. <!-- POST INFO -->
  861.  
  862. <!-- Date -->
  863. {block:Date}<div class="perma"><a href="{Permalink}" title="permalink page">{TimeAgo}</a>
  864.  
  865. <!-- Reblogged from -->
  866. {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (<span style="font-size:10px;font-family:calibri;letter-spacing:0px;vertical-align:-1px;">&copy;</span> <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  867.  
  868. <!-- Notes -->
  869. with {NoteCountWithLabel}</div>{/block:Date}
  870.  
  871. <!-- Tags -->
  872. {block:HasTags}<div class="taggy">{block:Tags}<span class="letag">#<a href="{TagURL}">{Tag}</a></span>{/block:Tags}</div>{/block:HasTags}
  873.  
  874.  
  875. <!-- POST NOTES -->
  876. {block:PermalinkPage}
  877.  
  878. {block:PostNotes}
  879. {PostNotes}
  880. {/block:PostNotes}
  881.  
  882. {/block:PermalinkPage}
  883.  
  884.  
  885. <!-- Other -->
  886. {block:ContentSource}
  887. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  888. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  889. {/block:SourceLogo}
  890. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  891. {/block:ContentSource}
  892.  
  893. </div>
  894.  
  895. {/block:Posts}
  896.  
  897. </div></div>
  898.  
  899. <div class="credit"><a href="http://suppisun.tumblr.com" title="suppisun" target="_blank">&copy;</a></div>
  900.  
  901. <!-- END POSTS -->
  902.  
  903.  
  904. <!--Tooltips script-->
  905. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  906. <script src="http://static.tumblr.com/zzsom2v/CsAmnxibn/jquery.style-my-tooltips.js"></script>
  907.  
  908. <script>
  909. (function($){
  910. $(document).ready(function(){
  911. $("[title]").style_my_tooltips({
  912. tip_follows_cursor: true,
  913. tip_delay_time:100,
  914. tip_fade_speed:200
  915. });
  916. });
  917. })(jQuery);
  918. </script>
  919.  
  920.  
  921.  
  922. </body>
  923.  
  924. </html>
  925.  
  926. <!-- END 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!