Advertisement
vongolacloud18

Kogami Theme

Aug 15th, 2013
6,736
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.54 KB | None | 0 0
  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. <head>
  5.  
  6. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <meta name="color:Text" content="#000000">
  11. <meta name="color:Links" content="#67c2a9">
  12. <meta name="color:Bold" content="#444444">
  13. <meta name="color:Italics" content="#aaaaaa">
  14. <meta name="color:Background" content="#FFFfff">
  15. <meta name="color:Entries" content="#FFFfff">
  16. <meta name="color:Title" content="#FFFfff">
  17. <meta name="color:EntryBorder" content="#cccccc">
  18. <meta name="color:Border1" content="#00E0B3">
  19. <meta name="color:Border2" content="#474747">
  20. <meta name="color:Border3" content="#50DAD7">
  21. <meta name="color:Sidebar" content="#202020">
  22. <meta name="color:EntryTitle" content="#777777">
  23. <meta name="color:SidebarBorder" content="#aaaaaa">
  24. <meta name="color:SidebarLinks" content="#d8d6d7">
  25. <meta name="color:SidebarLinkBackground" content="#000000">
  26. <meta name="color:SidebarLinkBorder" content="#2d7374">
  27. <meta name="color:SidebarImageBorder" content="#50DAD7">
  28. <meta name="color:DescriptionBackground" content="#FFFfff">
  29. <meta name="color:DescriptionText" content="#000000">
  30. <meta name="color:AudioTab1" content="#00E0B3">
  31. <meta name="color:AudioTab2" content="#474747">
  32. <meta name="color:AudioTab3" content="#50DAD7">
  33. <meta name="color:AudioInfoBackground" content="#f5f5f5">
  34. <meta name="color:QuoteBackground" content="#f5f5f5">
  35. <meta name="color:Quote" content="#444444">
  36. <meta name="color:ButtonText" content="#FFFfff">
  37. <meta name="color:ButtonBorder" content="#FFFfff">
  38. <meta name="color:ButtonBackground" content="#474747">
  39. <meta name="color:AskerImageBorder" content="#aaaaaa">
  40. <meta name="color:AskerBorder" content="#eeeeee">
  41. <meta name="color:SelectionBack" content="">
  42. <meta name="color:SelectionText" content="#50DAD7">
  43.  
  44. <meta name="text:Link1" content="">
  45. <meta name="text:Link1Title" content="">
  46. <meta name="text:Link2" content="">
  47. <meta name="text:Link2Title" content="">
  48. <meta name="text:Link3" content="">
  49. <meta name="text:Link3Title" content="">
  50. <meta name="text:Link4" content="">
  51. <meta name="text:Link4Title" content="">
  52. <meta name="text:Link5" content="">
  53. <meta name="text:Link5Title" content="">
  54.  
  55. <meta name="image:Background" content="http://static.tumblr.com/1841cbf5835d6c762292c6ea6cc4be64/hxaftoq/yNomrjpx3/tumblr_static_p6.png">
  56. <meta name="image:Sidebar" content="http://static.tumblr.com/68b24096a98ad3a8b1cc48eab0a68cf1/hxaftoq/LzDmrjrb8/tumblr_static_screen_shot_2013-08-14_at_18.41.52.png">
  57. <meta name="image:CornerImage" content="http://static.tumblr.com/hxaftoq/m1Amrl1t9/tumblr_mr84zy0g9h1s27x3bo1_400.png">
  58.  
  59. <meta name="if:Pages" content="1">
  60. <meta name="if:EndlessScroll" content="0">
  61. <meta name="if:ShowCaptions" content="1">
  62. <meta name="if:CustomCursor" content="1">
  63. <meta name="if:StrikeThroughTitle" content="1">
  64. <meta name="if:FadeInImages" content="0">
  65. <meta name="if:FadeOutImages" content="0">
  66. <meta name="if:BlurImages" content="0">
  67. <meta name="if:Monochrome" content="0">
  68. <meta name="if:500px" content="1">
  69. <meta name="if:400px" content="0">
  70. <meta name="if:250px" content="0">
  71.  
  72. <style type="text/css">
  73.  
  74. ::selection, ::-webkit-selection{
  75. background-color: {color:SelectionBack};
  76. color: {color:SelectionText};
  77. text-shadow: none !important;
  78. }
  79.  
  80. {block:IfCustomCursor}
  81. body {cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-arrow/arrow38.gif), progress !important;}
  82.  
  83. a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}
  84. {/block:IfCustomCursor}
  85.  
  86. body {
  87. font-family:calibri;
  88. font-size:12px;
  89. background-image: url('{image:Background}');
  90. background-attachment:fixed;
  91. background-repeat:repeat;
  92. background-color:{color:Background};
  93. color:{color:Text};
  94. }
  95.  
  96. a {
  97. color:{color:Links};
  98. text-decoration:none;
  99. letter-spacing:1px;
  100. }
  101.  
  102. a:hover {
  103. color:{color:EntryTitle};
  104. }
  105.  
  106. i, em {
  107. color:{color:Italics};
  108. }
  109.  
  110. b, strong {
  111. color:{color:Bold};
  112. }
  113.  
  114. #posts {
  115. margin-top:30px;
  116. margin-left:390px;
  117. }
  118.  
  119. #entries pre {
  120. white-space: pre-wrap; /* css-3 */
  121. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  122. white-space: -pre-wrap; /* Opera 4-6 */
  123. white-space: -o-pre-wrap; /* Opera 7 */
  124. word-wrap: break-word;
  125. word-break:break-all;
  126. }
  127.  
  128. {block:IfFadeOutImages}
  129. #entries img, #entries iframe {
  130. -webkit-transition: all 0.4s ease-in-out;
  131. -moz-transition: all 0.4s ease-in-out;
  132. -ms-transition: all 0.4s ease-in-out;
  133. -o-transition: all 0.4s ease-in-out;
  134. transition: all 0.4s ease-in-out;
  135. }
  136.  
  137. #entries img:hover, #entries iframe:hover {
  138. opacity:.7;
  139. }
  140. {/block:IfFadeOutImages}
  141.  
  142. {block:IfBlurImages}
  143. {block:IndexPage}
  144. #entries img, #entries iframe {
  145. -webkit-transition: all 0.4s ease-in-out;
  146. -moz-transition: all 0.4s ease-in-out;
  147. -ms-transition: all 0.4s ease-in-out;
  148. -o-transition: all 0.4s ease-in-out;
  149. transition: all 0.4s ease-in-out;
  150. }
  151.  
  152. #entries img:hover, #entries iframe:hover {
  153. filter: blur(3px);
  154. -webkit-filter: blur(3px);
  155. -moz-filter: blur(3px);
  156. -o-filter: blur(3px);
  157. -ms-filter: blur(3px);
  158. }
  159. {/block:IndexPage}
  160. {/block:IfBlurImages}
  161.  
  162. {block:IfFadeInImages}
  163. #entries img, #entries iframe {
  164. opacity:.7;
  165. -webkit-transition: all 0.4s ease-in-out;
  166. -moz-transition: all 0.4s ease-in-out;
  167. -ms-transition: all 0.4s ease-in-out;
  168. -o-transition: all 0.4s ease-in-out;
  169. transition: all 0.4s ease-in-out;
  170. }
  171.  
  172. #entries img:hover, #entries iframe:hover {
  173. opacity:1;
  174. }
  175. {/block:IfFadeInImages}
  176.  
  177. {block:IfMonochrome}
  178. {block:IndexPage}
  179. #entries img, #entries iframe {
  180. -webkit-filter: grayscale(1);
  181. -webkit-transition: all 0.6s ease-in-out;
  182. -moz-transition: all 0.6s ease-in-out;
  183. transition: all 0.6s ease-in-out;
  184. }
  185.  
  186. #entries img:hover, #entries iframe:hover {
  187. -webkit-filter: grayscale(0);
  188. }
  189. {/block:IndexPage}
  190. {/block:IfMonochrome}
  191.  
  192. #entries img {
  193. max-width:100%;
  194. }
  195.  
  196. #entries blockquote {
  197. border-left:3px solid {color:EntryBorder};
  198. margin-left:6px;
  199. padding-left:4px;
  200. }
  201.  
  202. #entries {
  203. {block:if500px}width:500px;{/block:if500px}
  204. {block:if400px}width:400px;{/block:if400px}
  205. {block:if250px}width:250px;{/block:if250px}
  206. padding:10px;
  207. text-align:justify;
  208. margin-bottom:15px;
  209. background-color:{color:Entries};
  210. border:1px solid {color:EntryBorder};
  211. }
  212.  
  213. #bo {
  214. position:fixed;
  215. z-index:-2;
  216. top:0px;
  217. height:100%;
  218. }
  219.  
  220. .aa {
  221. width:15px;
  222. left:50px;
  223. background-color:{color:Border1};
  224. }
  225.  
  226. .ac {
  227. width:10px;
  228. left:200px;
  229. background-color:{color:Border2};
  230. }
  231.  
  232. .ae {
  233. width:3px;
  234. left:120px;
  235. background-color:{color:Border3};
  236. }
  237.  
  238. .ba {
  239. width:6px;
  240. left:960px;
  241. background-color:{color:Border2};
  242. }
  243.  
  244. .bc {
  245. width:18px;
  246. left:1140px;
  247. background-color:{color:Border1};
  248. }
  249.  
  250. .be {
  251. width:8px;
  252. left:1080px;
  253. background-color:{color:Border3};
  254. }
  255.  
  256. #ba {
  257. width:100%;
  258. position:fixed;
  259. left:0px;
  260. }
  261.  
  262. .ca {
  263. height:12px;
  264. top:50px;
  265. z-index:-1;
  266. background-color:{color:Border3};
  267. }
  268.  
  269. .cb {
  270. height:5px;
  271. top:180px;
  272. z-index:-3;
  273. background-color:{color:Border1};
  274. }
  275.  
  276. .cc {
  277. height:8px;
  278. top:78px;
  279. z-index:-3;
  280. background-color:{color:Border2};
  281. }
  282.  
  283. .da {
  284. height:15px;
  285. bottom:50px;
  286. z-index:-3;
  287. background-color:{color:Border3};
  288. }
  289.  
  290. .db {
  291. height:7px;
  292. bottom:130px;
  293. z-index:-1;
  294. background-color:{color:Border2};
  295. }
  296.  
  297. .dc {
  298. height:2px;
  299. bottom:160px;
  300. z-index:-3;
  301. background-color:{color:Border1};
  302. }
  303.  
  304. #be {
  305. width:350px;
  306. position:fixed;
  307. left:0px;
  308. }
  309.  
  310. #side {
  311. position:fixed;
  312. top:0px;
  313. left:0px;
  314. height:100%;
  315. width:350px;
  316. overflow:hidden;
  317. border-right:8px solid {color:SidebarBorder};
  318. background-color:{color:Sidebar};
  319. }
  320.  
  321. #links {
  322. position:fixed;
  323. z-index:2;
  324. margin-top:60px;
  325. margin-left:15px;
  326. }
  327.  
  328. #links a {
  329. display:block;
  330. width:70px;
  331. margin-bottom:5px;
  332. line-height:15px;
  333. font-size:10px;
  334. font-family:courier;
  335. text-align:center;
  336. text-transform:uppercase;
  337. letter-spacing:1px;
  338. color:{color:SidebarLinks};
  339. background-color:{color:SidebarLinkBackground};
  340. border:2px solid {color:SidebarLinkBorder}
  341. }
  342.  
  343. #links a:hover {
  344. text-decoration:line-through;
  345. }
  346.  
  347. #sidebar {
  348. margin-right:10px;
  349. margin-top:20px;
  350. float:right;
  351. }
  352.  
  353. #sidebar img {
  354. max-width:230px;
  355. border:5px solid {color:SidebarImageBorder};
  356. }
  357.  
  358. #title {
  359. width:240px;
  360. color:{color:Title};
  361. font-family:courier;
  362. font-size:16px;
  363. margin-bottom:5px;
  364. {block:IfStrikeThroughTitle}
  365. text-decoration:line-through;
  366. {/block:IfStrikeThroughTitle}
  367. }
  368.  
  369. #title:hover {
  370. text-decoration:none;
  371. }
  372.  
  373. #desc {
  374. margin-top:10px;
  375. padding:8px 10px;
  376. width:220px;
  377. font-family:courier;
  378. font-size:10px;
  379. opacity:.7;
  380. background-color:{color:DescriptionBackground};
  381. color:{color:DescriptionText};
  382. }
  383.  
  384. #cont {
  385. width:100px;
  386. }
  387.  
  388. #audio {
  389. margin-top:-65px;
  390. margin-bottom:35px;
  391. width:28px;
  392. background-color:#FFF;
  393. height:30px;
  394. padding-left:2px;
  395. overflow:hidden;
  396. }
  397.  
  398. #huh {
  399. height:100px;
  400. width:100px;
  401. margin-bottom:-100px;
  402. background-color:#FFF;
  403. opacity:.5;
  404. -webkit-transition: all 0.8s ease-out;
  405. -moz-transition: all 0.8s ease-out;
  406. transition: all 0.8s ease-out;
  407. }
  408.  
  409. #huh:hover {
  410. opacity:0;
  411. }
  412.  
  413. #info {
  414. margin-left:100px;
  415. margin-top:-100px;
  416. height:100px;
  417. }
  418.  
  419. #tab {
  420. height:30px;
  421. margin-bottom:2px;
  422. display:block;
  423. padding-left:10px;
  424. border-left-width:20px;
  425. font-size:10px;
  426. border-left-style:solid;
  427. line-height:30px;
  428. -webkit-transition: all 0.8s ease-out;
  429. -moz-transition: all 0.8s ease-out;
  430. transition: all 0.8s ease-out;
  431. background-color:{color:AudioInfoBackground};
  432. }
  433.  
  434. #tab:hover {
  435. border-left-width:40px;
  436. }
  437.  
  438. #eti {
  439. font-size:14px;
  440. font-family:courier;
  441. margin-bottom:5px;
  442. padding-bottom:4px;
  443. text-align:center;
  444. border-bottom:1px dashed {color:EntryBorder};
  445. }
  446.  
  447. #eti a {
  448. color:{color:EntryTitle};
  449. }
  450.  
  451. #eti a:hover {
  452. color:{color:Links};
  453. }
  454.  
  455. #quo {
  456. font-size:14px;
  457. font-family:courier;
  458. text-align:center;
  459. background-color:{color:QuoteBackground};
  460. color:{color:Quote};
  461. padding:15px;
  462. }
  463.  
  464. #sou {
  465. text-align:center;
  466. margin-top:5px;
  467. }
  468.  
  469. #sou i {
  470. border-bottom:1px dashed {color:EntryBorder};
  471. }
  472.  
  473. #perma {
  474. {block:if500px}margin-left:521px;{/block:if500px}
  475. {block:if400px}margin-left:421px;{/block:if400px}
  476. {block:if250px}margin-left:271px;{/block:if250px}
  477. height:0px;
  478. }
  479.  
  480. #perma a {
  481. display:block;
  482. line-height:16px;
  483. padding:2px;
  484. height:16px;
  485. width:70px;
  486. font-size:10px;
  487. margin-bottom:3px;
  488. text-align:center;
  489. border:1px solid {color:ButtonBorder};
  490. background-color:{color:ButtonBackground};
  491. color:{color:ButtonText};
  492. -webkit-transition: all 0.4s ease-in-out;
  493. -moz-transition: all 0.4s ease-in-out;
  494. -ms-transition: all 0.4s ease-in-out;
  495. -o-transition: all 0.4s ease-in-out;
  496. transition: all 0.4s ease-in-out;
  497. }
  498.  
  499. #perma a:hover {
  500. border:1px solid {color:ButtonBackground};
  501. background-color:{color:ButtonBorder};
  502. color:{color:ButtonBackground};
  503. }
  504.  
  505. .count {
  506. margin-top:-200px;
  507. opacity:0;
  508. -webkit-transition: all 0.4s ease-in-out;
  509. -moz-transition: all 0.4s ease-in-out;
  510. -ms-transition: all 0.4s ease-in-out;
  511. -o-transition: all 0.4s ease-in-out;
  512. transition: all 0.4s ease-in-out;
  513. }
  514.  
  515. #entries:hover .count, .count:hover {
  516. margin-top:0px;
  517. opacity:1;
  518. }
  519.  
  520. .date {
  521. margin-left:200px;
  522. opacity:0;
  523. -webkit-transition: all 0.4s ease-in-out;
  524. -moz-transition: all 0.4s ease-in-out;
  525. -ms-transition: all 0.4s ease-in-out;
  526. -o-transition: all 0.4s ease-in-out;
  527. transition: all 0.4s ease-in-out;
  528. }
  529.  
  530. #entries:hover .date, .date:hover {
  531. margin-left:0px;
  532. opacity:1;
  533. }
  534.  
  535. #question {
  536. font-family:courier;
  537. padding:10px;
  538. background-color:{color:QuoteBackground};
  539. }
  540.  
  541. #question table {
  542. margin-bottom:10px;
  543. border-bottom:1px solid {color:AskerBorder};
  544. }
  545.  
  546. #tags {
  547. margin-bottom:-10px;
  548. line-height:12px;
  549. margin-top:10px;
  550. padding-right:10px;
  551. margin-left:-10px;
  552. {block:if500px}width:510px;{/block:if500px}
  553. {block:if400px}width:410px;{/block:if400px}
  554. {block:if250px}width:260px;{/block:if250px}
  555. border-top:1px solid {color:EntryBorder};
  556. }
  557.  
  558. .filed {
  559. display:inline-block;
  560. background-color:{color:EntryBorder};
  561. width:68px;
  562. padding:5px 0px 5px 5px;
  563. }
  564.  
  565. .filed span {
  566. display:inline-block;
  567. background-color:{color:Entries};
  568. line-height:12px;
  569. font-size:10px;
  570. width:58px;
  571. text-align:center;
  572. padding:2px;
  573. color:{color:EntryBorder};
  574. }
  575.  
  576. #permalink {
  577. border-top:1px solid {color:EntryBorder};
  578. margin-top:10px;
  579. {block:HasTags}margin-top:0px;{/block:HasTags}
  580. margin-left:-10px;
  581. {block:if500px}width:510px;{/block:if500px}
  582. {block:if400px}width:410px;{/block:if400px}
  583. {block:if250px}width:260px;{/block:if250px}
  584. padding:5px;
  585. font-size:10px;
  586. }
  587.  
  588. {CustomCSS}
  589.  
  590. </style>
  591.  
  592. {block:IfEndlessScroll}
  593. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  594.  
  595. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  596. {/block:IfEndlessScroll}
  597.  
  598. </head>
  599. <body>
  600.  
  601. <div style="position:fixed; z-index:0; bottom:0px; right:0px;"><img src="{image:CornerImage}"></div>
  602.  
  603. <div id="bo" class="ba"></div>
  604. <div id="bo" class="bc"></div>
  605. <div id="bo" class="be"></div>
  606. <div id="bo" class="bf"></div>
  607.  
  608. <div id="ba" class="ca"></div>
  609. <div id="ba" class="cb"></div>
  610. <div id="ba" class="cc"></div>
  611. <div id="ba" class="cd"></div>
  612.  
  613. <div id="side">
  614. <div id="bo" class="aa"></div>
  615. <div id="bo" class="ac"></div>
  616. <div id="bo" class="ad"></div>
  617. <div id="bo" class="ae"></div>
  618. <div id="be" class="da"></div>
  619. <div id="be" class="db"></div>
  620. <div id="be" class="dc"></div>
  621. <div id="sidebar">
  622. <div id="title"><center>{Title}</center></div>
  623. <img src="{image:Sidebar}">
  624. <div id="desc">{Description}</div>
  625. </div>
  626. <div id="links">
  627. <center><a href="/" style="height:50px; width:50px;"><img src="{PortraitURL-96}" width="50"></a></center>
  628. <a href="/">Home</a>
  629. <a href="/ask">Ask</a>
  630. <a href="/archive">Archive</a>
  631. {block:IfLink1}<a href="{text:Link1}"> {text:Link1Title} </a>{/block:IfLink1}
  632. {block:IfLink2}<a href="{text:Link2}"> {text:Link2Title} </a>{/block:IfLink2}
  633. {block:IfLink3}<a href="{text:Link3}"> {text:Link3Title} </a>{/block:IfLink3}
  634. {block:IfLink4}<a href="{text:Link4}"> {text:Link4Title} </a>{/block:IfLink4}
  635. {block:IfLink5}<a href="{text:Link5}"> {text:Link5Title} </a>{/block:IfLink5}
  636. <a href="http://bakaothemes.tumblr.com">Credit</a>
  637. {block:IfPages}
  638. {block:Pagination}
  639. <div id="pagi">
  640. {block:PreviousPage}<a href="{PreviousPage}" style="float:left; width:20px; font-size:10px; height:20px; line-height:20px;"><<</a>{/block:PreviousPage}
  641. {block:NextPage}<a href="{NextPage}" style="float:right; width:20px; font-size:10px; height:20px; line-height:20px;">>></a>{/block:NextPage}
  642. </div>
  643. {/block:Pagination}
  644. {/block:IfPages}
  645. </div>
  646. </div>
  647.  
  648. <div id="posts">
  649. {block:Posts}
  650. <div id="entries">
  651.  
  652. {block:IndexPage}
  653. <div id="perma">
  654. {block:Date}<a href="{Permalink}" class="date">{TimeAgo}</a>{/block:Date}
  655. {block:NoteCount}<a href="{Permalink}" class="count">{NoteCountWithLabel}</a>{/block:NoteCount}
  656. </div>
  657. {/block:IndexPage}
  658.  
  659. {block:ContentSource}
  660. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  661. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  662. {/block:SourceLogo}
  663. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  664. {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> | Orig: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}-->
  665. {/block:ContentSource}
  666.  
  667. {block:Text}
  668. {block:Title}<div id="eti"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  669. {Body}
  670. {/block:Text}
  671.  
  672. {block:Photo}
  673. <center><img src="{PhotoURL-500}"></center>
  674.  
  675. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  676. {/block:Photo}
  677.  
  678. {block:Photoset}
  679. {block:If500px}{Photoset-500}{/block:If500px}
  680. {block:If400px}{Photoset-400}{/block:If400px}
  681. {block:If250px}{Photoset-250}{/block:If250px}
  682.  
  683. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  684. {/block:Photoset}
  685.  
  686. {block:Video}
  687. {block:If500px}{Video-500}{/block:If500px}
  688. {block:If400px}{Video-400}{/block:If400px}
  689. {block:If250px}{Video-250}{/block:If250px}
  690.  
  691. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  692. {/block:Video}
  693.  
  694. {block:Audio}
  695. <div id="huh"></div>
  696. <div id="au">
  697. <img src="http://static.tumblr.com/73852226cb83449cae5e62cc1830461e/hxaftoq/F3Impauli/tumblr_static_screen_shot_2013-07-02_at_2.07.36.png" width="100px">
  698. {block:AlbumArt}<img src="{AlbumArtURL}" style="width:100px; margin-top:-100px; margin-left:-103px;">{/block:AlbumArt}
  699. </div>
  700. {block:AudioPlayer}<div id="cont"><center><div id="audio">{AudioPlayerWhite}</div></center></div>{/block:AudioPlayer}
  701. <div id="info">
  702. <div id="tab" style="border-left-color:{color:AudioTab1};">
  703. {block:TrackName}<b>Track:</b> {TrackName}{/block:TrackName}
  704. </div>
  705. <div id="tab" style="border-left-color:{color:AudioTab2};">
  706. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  707. </div>
  708. <div id="tab" style="border-left-color:{color:AudioTab3};">
  709. {block:Album}<b>Album:</b> {Album}{/block:Album}
  710. </div>
  711. </div>
  712.  
  713. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  714. {/block:Audio}
  715.  
  716. {block:Quote}
  717. <div id="quo">❝{Quote}❞</div>
  718. <div id="sou"><i>–{Source}</i></div>
  719. {/block:Quote}
  720.  
  721. {block:Link}
  722. <div id="eti"><a href="{URL}" {Target}>{Name}</a></div>
  723.  
  724. {block:IfShowCaptions}{block:Description}{Description}{/block:Description}{/block:IfShowCaptions}
  725. {/block:Link}
  726.  
  727. {block:Chat}
  728. {block:Title}<div id="eti"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  729. {block:Lines}
  730. {block:Label}<b>{Label}</b>{block:Label}
  731. {Line}<br>
  732. {/block:Lines}
  733. {/block:Chat}
  734.  
  735. {block:Answer}
  736. <div id="question"><center>
  737. <table><tr><td height="50px" width="43px"><img src="{AskerPortraitURL-64}" style="width:35px; border:4px solid {color:AskerImageBorder};"></td><td style="font-size:14px; font-family:courier;">
  738. {Asker} inquired:</td></tr></table></center>
  739. <center>{Question}</center>
  740. </div>
  741. {Answer}
  742. {/block:Answer}
  743.  
  744. {block:HasTags}
  745. <div id="tags">
  746. <div class="filed"><span>Filed Under</span></div>
  747. {block:Tags} <a href="{TagURL}">{Tag}</a>,{/block:Tags}
  748. </div>
  749. {/block:HasTags}
  750.  
  751. {block:PermalinkPage}
  752. <div id="permalink">
  753. {block:Date}Posted On: {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{AmPm}{/block:Date}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}
  754. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">Via</a> || <a href="{ReblogRootURL}">Origin</a>{/block:RebloggedFrom}
  755. {block:PostNotes}{PostNotes}{/block:PostNotes}
  756. </div>
  757. {/block:PermalinkPage}
  758.  
  759. </div>
  760. {/block:Posts}
  761. </div>
  762. </body>
  763. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement