API tools faq
paste
Advertisement
wantoup

Theme 19: King Kazma

wantoup
Jun 21st, 2013
14,604
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.15 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!--
  9.  
  10. Theme #19: King Kazma by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Navigation Icons by fontawesome (http://weloveiconfonts.com/#fontawesome)
  13. Audio Icons by graphic design junction (http://graphicdesignjunction.com/2012/04/350-free-icons-pixel-perfect-glyphs-icons-psd/)
  14. Title script from sidteepoint.com (http://www.sitepoint.com/forums/showthread.php?780836-CSS-Target-the-First-Letter-of-Every-Word)
  15.  
  16. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  17.  
  18. -->
  19.  
  20. <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
  21.  
  22. <meta name="color:Background" content="#ffffff">
  23. <meta name="color:Body Text" content="#888888">
  24. <meta name="color:Body Bold" content="#555555">
  25. <meta name="color:Blockquote" content="#cccccc">
  26.  
  27. <meta name="color:Sidebar" content="#222222">
  28. <meta name="color:Title" content="#cccccc">
  29. <meta name="color:Title First Letters" content="#ffffff">
  30. <meta name="color:Pagination Links" content="#555555">
  31. <meta name="color:Pagination Page" content="#888888">
  32. <meta name="color:Pagination Text" content="#ffffff">
  33.  
  34. <meta name="color:Link 1" content="#aedfe4">
  35. <meta name="color:Link 2" content="#e9a4c2">
  36. <meta name="color:Link 3" content="#e9ed96">
  37. <meta name="color:Link 4" content="#c0de88">
  38. <meta name="color:Links Hover" content="#ffffff">
  39.  
  40. <meta name="color:Posts" content="#ffffff">
  41. <meta name="color:Chat Odd" content="#fcfcfc">
  42. <meta name="color:Chat Even" content="#eeeeee">
  43. <meta name="color:Ask Background" content="#eeeeee">
  44. <meta name="color:Posts Shadows" content="#cccccc">
  45. <meta name="color:Audio Background" content="#fcfcfc">
  46.  
  47. <meta name="color:Info" content="#669999">
  48. <meta name="color:Info Text" content="#ff6666">
  49. <meta name="color:Info Links" content="#ffffff">
  50.  
  51. <meta name="color:Scrollbar" content="#333333">
  52. <meta name="color:Scrollbar BG" content="#aaaaaa">
  53.  
  54. <meta name="if:Post Borders" content="0">
  55. <meta name="if:400px Posts" content="0">
  56. <meta name="if:Post Shadows" content="1">
  57. <meta name="if:Infinite Scroll" content="0">
  58. <meta name="if:Show Captions" content="1">
  59. <meta name="if:Show Tags" content="1">
  60. <meta name="if:Accented Title" content="1">
  61.  
  62. <meta name="image:Background" content="http://static.tumblr.com/c1034642d20974ab928c536e41f16b2a/mtdphun/5ibmlohzi/tumblr_static_fodok0.png">
  63. <meta name="image:Album Art" content="http://beneaththetangles.files.wordpress.com/2011/02/summer-wars-cast.jpg">
  64. <meta name="image:Sidebar 1" content="">
  65. <meta name="image:Sidebar 2" content="">
  66. <meta name="image:Side Image" content="http://static.tumblr.com/mtdphun/02Dmonmek/kazma.png">
  67.  
  68. <meta name="text:Border Size" content="1">
  69. <meta name="text:Font Size" content="11">
  70. <meta name="text:Side Image Position" content="20">
  71. <meta name="text:Title 1" content="king kazma">
  72. <meta name="text:Title 2" content="summer wars">
  73. <meta name="text:Music Player Code" content="Music Player Code">
  74.  
  75. <meta name="text:Link 1" content="link one">
  76. <meta name="text:Link 1 URL" content="">
  77. <meta name="text:Link 2" content="link two">
  78. <meta name="text:Link 2 URL" content="">
  79. <meta name="text:Link 3" content="link three">
  80. <meta name="text:Link 3 URL" content="">
  81. <meta name="text:Link 4" content="link four">
  82. <meta name="text:Link 4 URL" content="">
  83.  
  84. <style type="text/css">
  85.  
  86. @import url(http://weloveiconfonts.com/api/?family=fontawesome);
  87.  
  88. /* fontawesome */
  89. [class*="fontawesome-"]:before {
  90. font-family: 'FontAwesome', sans-serif;
  91. }
  92.  
  93. /* BODY */
  94.  
  95. body {
  96. font-family:calibri;
  97. font-size:11px;
  98. text-align:justify;
  99. background:url('{image:Background}') bottom right fixed;
  100. word-wrap:break-word;
  101. background-color:{color:Background};
  102. color:{color:Body Text};
  103.  
  104. }
  105.  
  106. a {
  107. color:{color:Link 1};
  108. text-decoration:none;
  109. -webkit-transition:all 1s ease;
  110. -moz-transition:all 1s ease;
  111. -o-transition:all 1s ease;
  112. transition:all 1s ease-in-out;
  113. }
  114.  
  115. a:hover {color:{color:Link 3};}
  116. b, strong {color:{color:Body Bold};}
  117. i, em {color:{color:Link 4};}
  118. ul {list-style-type:square;}
  119. img {max-width:100%;}
  120.  
  121. h1, h1 a, h1 a:hover {
  122. margin:0px;
  123. font-size:15px;
  124. font-style:italic;
  125. font-family:Georgia;
  126. text-transform:lowercase;
  127. text-align:center;
  128. color:{color:Link 2};
  129. }
  130.  
  131. blockquote {
  132. margin-left:10px;
  133. padding-left:10px;
  134. border-left:1px solid {color:Link 4};
  135. }
  136.  
  137.  
  138. /* TOPBAR */
  139.  
  140. #top {
  141. z-index:999;
  142. position:fixed;
  143. top:0px;
  144. left:0px;
  145. width:100%;
  146. height:60px;
  147. background:{color:Sidebar};
  148. {block:ifPostShadows}box-shadow:0 0 20px {color:Posts Shadows};{/block:ifPostShadows}
  149. }
  150.  
  151. .title {
  152. font-size:20px;
  153. text-transform:uppercase;
  154. letter-spacing:3px;
  155. margin:0px 0 0 398px;
  156. text-align:center;
  157. overflow:hidden;
  158. height:60px;
  159. line-height:60px;
  160. color:{color:Title};
  161. background:{color:Sidebar};
  162. {block:ifNot400pxPosts}width:520px;{/block:ifNot400pxPosts}
  163. {block:if400pxPosts}width:420px;{/block:if400pxPosts}
  164. }
  165.  
  166. #main {
  167. position:absolute;
  168. {block:ifTitle2}-webkit-transition:all 1s ease;
  169. -moz-transition:all 1s ease;
  170. -o-transition:all 1s ease;
  171. transition:all 1s ease-in-out;
  172. }
  173.  
  174. #main:hover {
  175. opacity:0;{/block:ifTitle2}
  176. }
  177.  
  178. .first-letter {
  179. font-size:35px;
  180. color:{color:Title First Letters};
  181. }
  182.  
  183. /* SIDEBAR */
  184.  
  185. #side {
  186. z-index:999;
  187. position:fixed;
  188. top:60px;
  189. left:100px;
  190. width:200px;
  191. }
  192.  
  193. #altimage, #image {
  194. display:block;
  195. }
  196.  
  197. #image {
  198. {block:ifSidebar2Image}position:absolute;
  199. -webkit-transition:all 1s ease;
  200. -moz-transition:all 1s ease;
  201. -o-transition:all 1s ease;
  202. transition:all 1s ease-in-out;
  203. }
  204.  
  205. #image:hover {
  206. opacity:0;{/block:ifSidebar2Image}
  207. }
  208.  
  209. #desc {
  210. width:200px;
  211. padding:0 10px 10px 10px;
  212. border-radius:0 0 10px 10px;
  213. background:{color:Sidebar};
  214. {block:ifPostShadows}box-shadow:0 0 20px {color:Posts Shadows};{/block:ifPostShadows}
  215. }
  216.  
  217. #desc a {color:{color:Link 2};}
  218. #desc a:hover {color:{color:Link 3}}
  219. #desc b, #desc strong {color:{color:Link 4};}
  220. #desc i, #desc em {color:{color:Link 1};}
  221.  
  222. #pagination {
  223. text-align:center;
  224. margin-top:20px;
  225. width:220px;
  226. }
  227.  
  228. #pagination a, #pagination span {
  229. display:inline-block;
  230. padding:5px;
  231. background:{color:Pagination Links};
  232. color:{color:Pagination Text};
  233. }
  234.  
  235. #pagination span {
  236. background:{color:Pagination Page};
  237. }
  238.  
  239. /* LINKS */
  240.  
  241. .links {
  242. position:absolute;
  243. width:0px;
  244. margin-top:20px;
  245. }
  246.  
  247. #extra {margin-left:235px;}
  248. #nav {margin-left:-50px;}
  249.  
  250. .links a {
  251. display:inline-block;
  252. padding:10px;
  253. font-size:15px;
  254. margin-bottom:10px;
  255. width:15px;
  256. height:15px;
  257. border-radius:35px;
  258. text-align:center;
  259. color:{color:Links Hover};
  260. {block:ifPostShadows}box-shadow:0 0 20px {color:Posts Shadows};
  261. }
  262.  
  263. .links a:hover {
  264. box-shadow:0 0 20px {color:Links Hover};{block:ifPostShadows}
  265. }
  266.  
  267. #a {background:{color:Link 1};}
  268. #a:hover {background:{color:Links Hover};color:{color:Link 1};}
  269.  
  270. #b {background:{color:Link 2};}
  271. #b:hover {background:{color:Links Hover};color:{color:Link 2};}
  272.  
  273. #c {background:{color:Link 3};}
  274. #c:hover {background:{color:Links Hover};color:{color:Link 3};}
  275.  
  276. #d {background:{color:Link 4};}
  277. #d:hover {background:{color:Links Hover};color:{color:Link 4};}
  278.  
  279. /* SIDE IMAGE */
  280.  
  281. #kazma {
  282. position:fixed;
  283. width:400px;
  284. display:block;
  285. bottom:0px;
  286. margin-left:{text:Side Image Position}px;
  287. {block:ifNot400pxPosts}left:920px;{/block:ifNot400pxPosts}
  288. {block:if400pxPosts}left:820px;{/block:if400pxPosts}
  289. }
  290.  
  291. /* POSTS */
  292.  
  293. #container {margin:80px 0 20px 390px;}
  294.  
  295. #posts {
  296. margin-bottom:20px;
  297. padding:0 10px;
  298. overflow:hidden;
  299. background-color:{color:Posts};
  300. font-size:{text:Font Size}px;
  301. {block:ifPostShadows}box-shadow:0 0 20px {color:Posts Shadows};{/block:ifPostShadows}
  302. {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  303. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  304. {block:ifPostBorders}border:{text:Border Size}px solid #ff6666;{/block:ifPostBorders}
  305. }
  306.  
  307. #posts pre {
  308. background:#eee;
  309. padding:10px;
  310. color:#888;
  311. white-space:pre-wrap;
  312. }
  313.  
  314. #posts img {max-width:100%;}
  315. #posts small, #posts big {font-size:{text:Font Size}px;}
  316.  
  317. #photo, iframe.photoset {display:block;}
  318.  
  319. #quote {
  320. font-size:18px;
  321. text-transform:lowercase;
  322. }
  323.  
  324. #odd, #even {padding:5px;}
  325. #odd {background:{color:Chat Odd};}
  326. #even {background:{color:Chat Even};}
  327.  
  328. #url {
  329. text-align:center;
  330. margin-top:-10px;
  331. }
  332.  
  333. /* AUDIO */
  334.  
  335. #audio {
  336. width:100%;
  337. font-size:11px;
  338. }
  339.  
  340. #art, #alt {
  341. width:120px;
  342. height:120px;
  343. display:block;
  344. }
  345.  
  346. #art {position:absolute;}
  347.  
  348. #player {
  349. z-index:99;
  350. position:absolute;
  351. padding:10px;
  352. background:rgba(0,0,0,0.3);
  353. margin:36px;
  354. opacity:0.3;
  355. -webkit-transition:all 1s ease;
  356. -moz-transition:all 1s ease;
  357. -o-transition:all 1s ease;
  358. transition:all 1s ease-in-out;
  359. }
  360.  
  361. #audio:hover #player {opacity:1;}
  362.  
  363. #ainfo {
  364. height:30px;
  365. overflow:hidden;
  366. line-height:30px;
  367. text-align:left;
  368. background:{color:Audio Background};
  369. }
  370.  
  371. #ainfo span {
  372. height:30px;
  373. width:30px;
  374. float:left;
  375. margin-right:10px;
  376. }
  377.  
  378. #ainfo b {
  379. color:{color:Body Bold};
  380. }
  381.  
  382. #ainfo img {
  383. display:block;
  384. width:20px;
  385. margin:5px;
  386. }
  387.  
  388. /* ASK */
  389.  
  390. #ask {
  391. padding:10px;
  392. background:{color:Ask Background};
  393. }
  394.  
  395. #arrow {
  396. position:absolute;
  397. display:inline-block;
  398. font-size:30px;
  399. margin-left:20px;
  400. margin-top:-12px;
  401. color:{color:Ask Background};
  402. }
  403.  
  404. #asker {
  405. display:inline-block;
  406. font-size:10px;
  407. text-transform:uppercase;
  408. margin-top:3px;
  409. margin-left:45px;
  410. }
  411.  
  412. /* INFO */
  413.  
  414. .info {
  415. padding:5px;
  416. margin-left:-10px;
  417. text-transform:uppercase;
  418. font-size:10px;
  419. background:{color:Info};
  420. color:{color:Info Text};
  421. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  422. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  423. }
  424.  
  425. .info a {color:{color:Info Links};}
  426.  
  427. #date {
  428. margin-bottom:10px;
  429. {block:ifPostBorders}border-bottom:{text:Border Size}px solid #ff6666;{/block:ifPostBorders}
  430. }
  431.  
  432. #reblog {
  433. margin-top:10px;
  434. {block:ifPostBorders}border-top:{text:Border Size}px solid #ff6666;{/block:ifPostBorders}
  435. }
  436.  
  437. /* POSTNOTES */
  438.  
  439. ol.notes {
  440. list-style-type:none;
  441. margin:0 0 -2px -40px;
  442. font-size:10px;
  443. text-transform:uppercase;
  444. }
  445.  
  446. ol.notes img {
  447. float:left;
  448. width:13px;
  449. margin-right:5px;
  450. }
  451.  
  452. .notes li {
  453. padding:5px;
  454. margin-bottom:2px;
  455. text-transform:uppercase;
  456. font-size:10px;
  457. background-color:{color:Posts};
  458. {block:ifNot400pxPosts}width:510px;{/block:ifNot400pxPosts}
  459. {block:if400pxPosts}width:410px;{/block:if400pxPosts}
  460. }
  461.  
  462. /* MUSIC PLAYER */
  463.  
  464. #music {
  465. position:fixed;
  466. overflow:hidden;
  467. width:15px;
  468. bottom:10px;
  469. left:10px;
  470. -webkit-transition:all 1s ease;
  471. -moz-transition:all 1s ease;
  472. -o-transition:all 1s ease;
  473. transition:all 1s ease-in-out;
  474. }
  475.  
  476. #music:hover {
  477. width:175px;
  478. }
  479.  
  480. #icon {
  481. float:left;
  482. }
  483.  
  484. #billy {
  485. position:absolute;
  486. margin-top:-3px;
  487. margin-left:25px;
  488. overflow:hidden;
  489. }
  490.  
  491. /* MISC */
  492.  
  493. iframe#tumblr_controls {
  494. position:fixed !important;
  495. margin-top:5px !important;
  496. margin-right:5px !important;
  497. opacity:0.3;
  498. -webkit-transition:all 1s ease;
  499. -moz-transition:all 1s ease;
  500. -o-transition:all 1s ease;
  501. transition:all 1s ease-in-out;
  502. }
  503.  
  504. iframe#tumblr_controls:hover {opacity:1;}
  505.  
  506. ::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
  507. background-color:{color:Scrollbar};
  508. }
  509.  
  510. ::-webkit-scrollbar {
  511. height:5px;
  512. width:5px;
  513. background-color:{color:Scrollbar BG};
  514. }
  515.  
  516. </style>
  517.  
  518. {block:ifInfiniteScroll}
  519. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  520. {/block:ifInfiniteScroll}
  521.  
  522. {block:ifAccentedTitle}<script>
  523. window.onload = function(){
  524. var elements = document.getElementsByClassName("title")
  525. for (var i=0; i<elements.length; i++){
  526. elements[i].innerHTML = elements[i].innerHTML.replace(/\b([a-z])([a-z]+)?\b/gim, "<span class='first-letter'>$1</span>$2")
  527. }
  528. }
  529. </script>{/block:ifAccentedTitle}
  530.  
  531. </head><body>
  532.  
  533. <div id="wrap">
  534.  
  535. <div style="z-index:9999;position:fixed;top:0px;left:0px;height:60px;width:350px;background:{color:Sidebar};"></div>
  536.  
  537. <div id="top"><a href="/">
  538. <div class="title" id="main">{text:Title 1}</div>
  539. <div class="title">{text:Title 2}</div></a>
  540. </div>
  541.  
  542. <!-- SIDEBAR -->
  543.  
  544. <div id="side">
  545.  
  546. <!-- NAVIGATION LINKS -->
  547.  
  548. <div class="links" id="nav">
  549. <a href="/" id="a" title="home"><div class="fontawesome-home active"></div></a>
  550. <a href="/ask" id="b" title="message"><div class="fontawesome-envelope"></div></a>
  551. <a href="/archive" id="a" title="archive"><div class="fontawesome-table"></div></a>
  552. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  553. <a href="http://viwan-th.tumblr.com" id="b" title="theme" target="blank"><div class="fontawesome-plane"></div></a>
  554. <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  555. </div>
  556.  
  557. <!-- CUSTOM LINKS -->
  558.  
  559. <div class="links" id="extra">
  560. <a href="{text:Link 1 URL}" id="c" title="{text:Link 1}"><div class="fontawesome-pushpin"></div></a>
  561. <a href="{text:Link 2 URL}" id="d" title="{text:Link 2}"><div class="fontawesome-cogs"></div></a>
  562. <a href="{text:Link 3 URL}" id="c" title="{text:Link 3}"><div class="fontawesome-key"></div></a>
  563. <a href="{text:Link 4 URL}" id="d" title="{text:Link 4}"><div class="fontawesome-bell-alt"></div></a>
  564. </div>
  565.  
  566. <!--
  567.  
  568. HOW TO CHANGE THE ICONS:
  569. 1. Go to http://weloveiconfonts.com/ and click the camera icon in the top right corner.
  570. 2. Choose the icon you want. Its name will appear in the box at the top right.
  571. 3. Copy and paste the name into the code here wherever there is something in green that starts with "fontawesome".
  572.  
  573. -->
  574.  
  575. <!-- DESCRIPTION -->
  576.  
  577. <div id="desc">
  578. <a href="/">
  579. <img src="{image:Sidebar 1}" id="image">
  580. <img src="{image:Sidebar 2}" id="altimage">
  581. </a>
  582. <div style="margin:10px 0 -10px 0;"><p>{Description}</p></div>
  583. </div>
  584. {block:ifNotInfiniteScroll}<div id="pagination">{block:Pagination}
  585. {block:PreviousPage}
  586. <a href="{PreviousPage}">&laquo;</a>
  587. {/block:PreviousPage}
  588.  
  589. {block:JumpPagination length="5"}
  590. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  591. {block:JumpPage}
  592. <a class="jump_page" href="{URL}">{PageNumber}</a>
  593. {/block:JumpPage}
  594. {/block:JumpPagination}
  595.  
  596. {block:NextPage}
  597. <a href="{NextPage}">&raquo;</a>
  598. {/block:NextPage}
  599. {/block:Pagination}</div>{/block:ifNotInfiniteScroll}
  600. </div>
  601.  
  602. <img src="{image:Side Image}" id="kazma">
  603.  
  604. {block:ifMusicPlayerCode}{block:IndexPage}<div id="music">
  605. <img id="icon" src="http://media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif">
  606. <div id="billy">{text:Music Player Code}</div>
  607. </div>{/block:IndexPage}{/block:ifMusicPlayerCode}
  608.  
  609. <div id="entry"></div>
  610.  
  611. <div id="container">
  612.  
  613. <!-- POSTS BLOCK -->
  614.  
  615. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  616.  
  617. {block:ContentSource}
  618. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  619. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  620. {/block:SourceLogo}
  621. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  622. {/block:ContentSource}
  623.  
  624. <div id="posts">
  625.  
  626. <div class="info" id="date">
  627. <a href="{Permalink}">{TimeAgo}</a> +
  628. <a href="{Permalink}">{NoteCountWithLabel}</a>
  629.  
  630. {block:RebloggedFrom}<div style="float:right;">
  631. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> +
  632. <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>
  633. </div>{/block:RebloggedFrom}
  634. </div>
  635.  
  636. <!-- ENTRIES -->
  637.  
  638. <!-- TEXT -->
  639.  
  640. {block:Text}
  641.  
  642. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  643. {Body}
  644.  
  645. {/block:Text}
  646.  
  647. <!-- PHOTO -->
  648.  
  649. {block:Photo}
  650.  
  651. {block:IndexPage}
  652. <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  653. {/block:IndexPage}
  654.  
  655. {block:PermalinkPage}{LinkOpenTag}
  656. <center><img src="{PhotoURL-500}" id="photo"></center>
  657. {LinkCloseTag}{/block:PermalinkPage}
  658.  
  659. {block:ifShowCaptions}
  660. {block:Caption}
  661. {Caption}
  662. {/block:Caption}
  663. {/block:ifShowCaptions}
  664.  
  665. {/block:Photo}
  666.  
  667. <!-- PANORAMA -->
  668.  
  669. {block:Panorama}
  670.  
  671. {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  672.  
  673. {block:ifShowCaptions}
  674. {block:Caption}
  675. {Caption}
  676. {/block:Caption}
  677. {/block:ifShowCaptions}
  678.  
  679. {/block:Panorama}
  680.  
  681. <!-- PHOTOSET -->
  682.  
  683. {block:Photoset}
  684.  
  685. <div id="photo">
  686. {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  687. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  688. </div>
  689.  
  690. {block:ifShowCaptions}
  691. {block:Caption}
  692. {Caption}
  693. {/block:Caption}
  694. {/block:ifShowCaptions}
  695.  
  696. {/block:Photoset}
  697.  
  698. <!-- QUOTE -->
  699.  
  700. {block:Quote}
  701.  
  702. <center><span id="quote">❝ {Quote} ❞</span></center>
  703. <p align="right">- {Source}
  704.  
  705. {/block:Quote}
  706.  
  707. <!-- LINK -->
  708.  
  709. {block:Link}
  710.  
  711. <a href="{URL}" target="{Target}"><h1>{Name}</h1></br>
  712. <div id="url">{URL}</div></a>
  713.  
  714. {block:Description}
  715. {Description}
  716. {/block:Description}
  717.  
  718. {/block:Link}
  719.  
  720. <!-- CHAT -->
  721.  
  722. {block:Chat}
  723.  
  724. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  725.  
  726. {block:Lines}<div id="{Alt}">
  727. {block:Label}<b>{Label}</b>{/block:Label} {Line}
  728. </div>{/block:Lines}
  729.  
  730. {/block:Chat}
  731.  
  732. <!-- AUDIO -->
  733.  
  734. {block:Audio}
  735.  
  736. <table id="audio" cellpadding="0" cellspacing="0"><tr>
  737. <td width="120px">
  738. <div id="player"><div style="overflow:hidden;height:27px;width:27px;">{AudioPlayerBlack}</div></div><a href="{Permalink}">
  739. {block:AlbumArt}<img src="{AlbumArtURL}" id="art">{/block:AlbumArt}
  740. <img src="{image:Album Art}" id="alt">
  741. </a></td>
  742. <td id="ainfo">
  743. <div id="ainfo"><span style="background:#555;"><img src="http://static.tumblr.com/mtdphun/VI6moco8a/track_small.png"></span>
  744. {block:TrackName}<b>Track: </b>{TrackName}{/block:TrackName}</div>
  745. <div id="ainfo"><span style="background:#777;"><img src="http://static.tumblr.com/mtdphun/08nmoco7u/artist_small.png"></span>
  746. {block:Artist}<b>Artist: </b>{Artist}{/block:Artist}</div>
  747. <div id="ainfo"><span style="background:#999;"><img src="http://static.tumblr.com/mtdphun/bpVmoco8k/album_small.png"></span>
  748. {block:Album}<b>Album: </b>{Album}{/block:Album}</div>
  749. <div id="ainfo"><span style="background:#bbb;"><img src="http://static.tumblr.com/mtdphun/w97moco8t/plays_small.png"></span>
  750. {block:PlayCount}<b>Plays: </b>{PlayCount}{/block:PlayCount}</div>
  751. </td>
  752. </tr></table>
  753.  
  754. {block:ifShowCaptions}
  755. {block:Caption}
  756. {Caption}
  757. {/block:Caption}
  758. {/block:ifShowCaptions}
  759.  
  760. {/block:Audio}
  761.  
  762. <!-- VIDEO -->
  763.  
  764. {block:Video}
  765.  
  766. {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  767. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  768.  
  769. {block:ifShowCaptions}
  770. {block:Caption}
  771. {Caption}
  772. {/block:Caption}
  773. {/block:ifShowCaptions}
  774.  
  775. {/block:Video}
  776.  
  777. <!-- ANSWER -->
  778.  
  779. {block:Answer}
  780.  
  781. <div id="ask">{Question}</div>
  782. <span id="arrow">◥</span>
  783. <span id="asker">{Asker}</span></p>
  784.  
  785. {Answer}
  786.  
  787. {/block:Answer}
  788.  
  789. {block:PermalinkPage}
  790.  
  791. {block:ifNotShowCaptions}
  792. {block:Caption}
  793. {Caption}
  794. {/block:Caption}
  795. {/block:ifNotShowCaptions}
  796.  
  797. {/block:PermalinkPage}
  798.  
  799. <!-- END ENTRIES -->
  800.  
  801. <div class="info" id="reblog">
  802. <table cellpadding="0" cellspacing="0" width="100%"><tr>
  803. <td id="tags">
  804. {block:ifShowTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:ifShowTags}
  805. </td>
  806. <td style="text-align:right;"><a href="{ReblogURL}">reblog</a></td>
  807. </tr></table>
  808. </div>
  809.  
  810. </div><!-- posts -->
  811.  
  812. {block:PostNotes}{PostNotes}{/block:PostNotes}
  813.  
  814. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  815.  
  816. <!-- END POSTS BLOCK -->
  817.  
  818. </div><!-- container --></div><!--wrap-->
  819.  
  820. <a style="position:fixed;bottom:5px;right:5px;color:#fff;text-shadow:1px 1px .2px #000;" href="http://viwan-th.tumblr.com" title="king kazma theme" target="blank">✈</a>
  821.  
  822. </body></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!