API tools faq
paste
Advertisement
mogimochi

Theme [32] Spirited Away

mogimochi
May 2nd, 2014
13,045
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 41.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---------------------------------------------------------------------------
  6.  
  7. Theme 32 Spirited Away
  8. by yukoki/s-ekki
  9.  
  10. 1. Light/Heavy CSS editting is allowed.
  11. 2. Do not use as base code.
  12. 3. Do not remove credit.
  13. 4. Do not claim theme as your own.
  14.  
  15. --------------------------------------------------- UPDATE VER 240718 -->
  16.  
  17. <meta name="image:background" content="">
  18. <meta name="image:header image" content="">
  19. <meta name="image:header icon" content="">
  20.  
  21. <meta name="color:scrollbar" content="#69cbdc">
  22. <meta name="color:scrollbar bg" content="#ffffff">
  23. <meta name="color:text highlight" content="#5ac9e1">
  24.  
  25. <meta name="color:tooltips background" content="#96cbd4">
  26. <meta name="color:tooltips text" content="#fbfbfb">
  27. <meta name="color:tooltips border" content="#FBFBFB">
  28.  
  29. <meta name="color:background" content="#ffffff">
  30.  
  31. <meta name="color:header background" content="#f8f8f8">
  32. <meta name="color:header bottom border" content="#9bc4d1">
  33.  
  34. <meta name="color:header icon border" content="#dddddd">
  35. <meta name="color:header quote" content="#888888">
  36. <meta name="color:header quotation marks bg" content="#75becf">
  37. <meta name="color:header quotation marks" content="#ffffff">
  38.  
  39. <meta name="color:blog title text" content="#aaaaaa">
  40. <meta name="color:blog title background" content="#ffffff">
  41. <meta name="color:blog title border" content="#d1e6df">
  42. <meta name="color:blog nav background" content="#96cbd4">
  43. <meta name="color:blog nav text" content="#ffffff">
  44. <meta name="color:blog nav hover background" content="#666666">
  45. <meta name="color:blog nav hover text" content="#b1b1b1">
  46.  
  47. <meta name="color:desc text" content="#aaaaaa">
  48. <meta name="color:desc bold" content="#75becf">
  49. <meta name="color:desc italic" content="#666666">
  50. <meta name="color:desc links" content="#b4dedb">
  51. <meta name="color:desc links hover" content="#666666">
  52.  
  53. <meta name="color:custom links background" content="#ffffff">
  54. <meta name="color:custom links text" content="#aaaaaa">
  55. <meta name="color:custom links background hover" content="#98d7d9">
  56. <meta name="color:custom links text hover" content="#ffffff">
  57.  
  58. <meta name="color:pagination links" content="#ffffff">
  59. <meta name="color:pagination text" content="#bfbfbf">
  60. <meta name="color:pagination bg" content="#a4dbea">
  61. <meta name="color:pagination bg hover" content="#eeeeee">
  62. <meta name="color:pagination links hover" content="#c8c8c8">
  63.  
  64. <meta name="color:post background" content="#ffffff" />
  65.  
  66. <meta name="color:body text" content="#aaaaaa">
  67. <meta name="color:body links" content="#6bc2b8">
  68. <meta name="color:body links hover" content="#cfcfcf">
  69. <meta name="color:body bold" content="#42acd6">
  70. <meta name="color:body italic" content="#a3e6e6">
  71. <meta name="color:blockquote" content="#cccccc">
  72.  
  73. <meta name="color:post title background" content="#ffffff">
  74. <meta name="color:post title text" content="#aaaaaa">
  75. <meta name="color:link post background" content="#ffffff">
  76. <meta name="color:link post text" content="#aaaaaa">
  77. <meta name="color:link post border" content="#96cbd4">
  78. <meta name="color:link post hover background" content="#ffffff">
  79. <meta name="color:link post hover text" content="#bbbbbb">
  80.  
  81. <meta name="color:audio info background" content="#ffffff">
  82. <meta name="color:audio info text" content="#9d9d9d">
  83.  
  84. <meta name="color:quote" content="#929292">
  85. <meta name="color:quote source" content="#aaaaaa">
  86.  
  87. <meta name="color:ask background" content="#ffffff">
  88. <meta name="color:ask text" content="#7e7d7d">
  89. <meta name="color:asker text" content="#aeaeae">
  90. <meta name="color:asker link" content="#bcd3e3">
  91.  
  92. <meta name="color:chat even name" content="#a1cfe0" />
  93. <meta name="color:chat even text" content="#b8b8b8" />
  94. <meta name="color:chat odd name" content="#a9b4cb" />
  95. <meta name="color:chat odd text" content="#919191" />
  96.  
  97. <meta name="color:permalink background 1" content="#96CBD4">
  98. <meta name="color:permalink background 2" content="#B4D9DA">
  99. <meta name="color:permalink background 3" content="#D1E6DF">
  100. <meta name="color:permalink text 1" content="#ffffff">
  101. <meta name="color:permalink text 2" content="#ffffff">
  102. <meta name="color:permalink text 3" content="#ffffff">
  103. <meta name="color:permalink background hover" content="#666666">
  104. <meta name="color:permalink text hover" content="#b1b1b1">
  105.  
  106. <meta name="text:link 1" content="">
  107. <meta name="text:link 1 URL" content="">
  108. <meta name="text:link 2" content="">
  109. <meta name="text:link 2 URL" content="">
  110. <meta name="text:link 3" content="">
  111. <meta name="text:link 3 URL" content="">
  112. <meta name="text:link 4" content="">
  113. <meta name="text:link 4 URL" content="">
  114. <meta name="text:link 5" content="">
  115. <meta name="text:link 5 URL" content="">
  116. <meta name="text:link 6" content="">
  117. <meta name="text:link 6 URL" content="">
  118. <meta name="text:header quote" content="">
  119.  
  120. <meta name="if:post type 1" content="1">
  121. <meta name="if:post type 2" content="0">
  122. <meta name="if:post type 3" content="0">
  123. <meta name="if:infinite scroll" content="1">
  124. <meta name="if:show captions" content="1">
  125. <meta name="if:infinite scroll" content="0">
  126. <meta name="if:monochrome posts" content="0">
  127. <meta name="if:fading photos" content="1">
  128. <meta name="if:popup links" content="1">
  129.  
  130. <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  131. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  132. <link rel="shortcut icon" href="{Favicon}" />
  133.  
  134. <link href='http://fonts.googleapis.com/css?family=Nova+Square' rel='stylesheet' type='text/css'>
  135. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  136. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  137. <script>
  138. (function($){
  139. $(document).ready(function(){
  140. $("a[title]").style_my_tooltips({
  141. tip_follows_cursor:true,
  142. tip_delay_time:0,
  143. tip_fade_speed:0,
  144. attribute:"title"
  145. });
  146. });
  147. })(jQuery);
  148. </script>
  149.  
  150. <style type="text/css">
  151.  
  152. .tmblr-iframe {z-index:999999999!important;}
  153.  
  154. ::-webkit-scrollbar { width: 7px; }
  155. ::-webkit-scrollbar-track-piece { background-color:{color:scrollbar bg}; }
  156. ::-webkit-scrollbar-thumb:vertical {
  157. width: 10px;
  158. background-color: {color:scrollbar};
  159. border: 3px solid {color:scrollbar bg};
  160. margin-left: 10px;
  161. }
  162.  
  163. ::selection {
  164. background: transparent;
  165. color: {color:text highlight};
  166. }
  167.  
  168. ::-moz-selection {
  169. background: transparent;
  170. color: {color:text highlight};
  171. }
  172.  
  173. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
  174.  
  175. body {
  176. background-color: {color:background};
  177. background-image: url({image:background});
  178. background-attachment: fixed;
  179. margin: 0;
  180. word-wrap: break-word;
  181. }
  182. a { text-decoration:none; }
  183.  
  184. #s-m-t-tooltip {
  185. padding: 3px 5px 3px 5px;
  186. margin: 20px 14px 7px 10px;
  187. border: 3px double {color:tooltips border};
  188. background-color: {color:tooltips background};
  189. font-family: consolas;
  190. font-size: 8px;
  191. letter-spacing: 1px;
  192. text-transform: uppercase;
  193. color: {color:tooltips text};
  194. z-index: 99999;
  195. }
  196.  
  197. #hm {
  198. background-color: {color:background};
  199. background-image: url({image:background});
  200. top: 0;
  201. width: 100%;
  202. height: 150px;
  203. position: fixed;
  204. z-index: 2000;
  205. padding-bottom: 10px;
  206. }
  207.  
  208. #header {
  209. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  210. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  211. {block:ifposttype3}width: 510px;{/block:ifposttype3}
  212. background-color: {color:header background};
  213. position: relative;
  214. z-index: 90;
  215. }
  216.  
  217. .headerimg {
  218. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  219. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  220. {block:ifposttype3}width: 510px;{/block:ifposttype3}
  221. height: 150px;
  222. display: block;
  223. position: relative;
  224. z-index: 190;
  225. }
  226.  
  227. .himgcon {
  228. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  229. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  230. {block:ifposttype3}width: 510px;{/block:ifposttype3}
  231. height: 150px;
  232. overflow: hidden;
  233. position: absolute;
  234. z-index: 1000;
  235. transition: 0.8s;
  236. -moz-transition: 0.8s;
  237. -webkit-transition: 0.8s;
  238. -o-transition: 0.8s;
  239. }
  240.  
  241. #header:hover .himgcon {height: 26px;}
  242. #header:hover .headert {margin: -150px 10px;}
  243.  
  244. .headert {
  245. position: absolute;
  246. margin: -25px 10px;
  247. z-index: 195;
  248. transition: 0.8s;
  249. -moz-transition: 0.8s;
  250. -webkit-transition: 0.8s;
  251. -o-transition: 0.8s;
  252. }
  253.  
  254. .hl, .ht {
  255. font-family: courier new;
  256. font-size: 9px;
  257. letter-spacing: 1px;
  258. text-transform: uppercase;
  259. padding: 0 5px;
  260. background-color: {color:blog nav background};
  261. color: {color:blog nav text};
  262. font-style: italic;
  263. transition: 0.4s;
  264. -moz-transition: 0.4s;
  265. -webkit-transition: 0.4s;
  266. -o-transition: 0.4s;
  267. }
  268. .ht {
  269. background-color: {color:blog title background};
  270. font-style: italic;
  271. border-left: 30px solid {color:blog title border};
  272. color: {color:blog title text};
  273. }
  274. .ht:hover {text-decoration: line-through;}
  275. .hl:hover {
  276. background-color: {color:blog nav hover background};
  277. color: {color:blog nav hover text};
  278. }
  279.  
  280. #hidh {
  281. position: absolute;
  282. {block:ifposttype1}width: 480px;{/block:ifposttype1}
  283. {block:ifposttype2}width: 380px;{/block:ifposttype2}
  284. {block:ifposttype3}width: 490px;{/block:ifposttype3}
  285. height: 105px;
  286. padding: 10px;
  287. margin: 25px 0;
  288. background-color: {color:header background};
  289. border-bottom: 1px solid {color:header bottom border};
  290. }
  291.  
  292. .hidimg {
  293. float: left;
  294. margin: 4px 5px;
  295. width: 85px;
  296. height: 85px;
  297. border: 8px solid {color:header icon border};
  298. }
  299.  
  300. .hidinfo {
  301. margin-top: 4px;
  302. margin-left: 100px;
  303. position: relative;
  304. z-index: 2;
  305. }
  306. .hidq {
  307. font-family: nova square;
  308. text-transform: uppercase;
  309. font-size: 10px;
  310. color: {color:header quote};
  311. line-height: 16px;
  312. text-align: left;
  313. border-bottom: 1px solid {color:header icon border};
  314. padding-bottom: 6px;
  315. height: 14px;
  316. overflow: hidden;
  317. }
  318.  
  319. .w {
  320. font-family: georgia;
  321. background-color: {color:header quotation marks bg};
  322. color: {color:header quotation marks};
  323. font-size: 30px;
  324. float: left;
  325. overflow: hidden;
  326. height: 15px;
  327. padding: 1px 3px;
  328. line-height: 30px;
  329. margin-right: 8px;
  330. }
  331.  
  332. .hidesc {
  333. {block:ifposttype1}width: 340px;{/block:ifposttype1}
  334. {block:ifposttype2}width: 240px;{/block:ifposttype2}
  335. {block:ifposttype3}width: 350px;{/block:ifposttype3}
  336. margin: 10px 20px 10px 10px;
  337. font-family: consolas;
  338. font-size: 10px;
  339. text-align: justify;
  340. color: {color:desc text};
  341. overflow: auto;
  342. padding-right: 10px;
  343. max-height: 48px;
  344. {block:ifpopuplinks}
  345. max-height: 68px;
  346. {/block:ifpopuplinks}
  347. }
  348. .hidesc b,strong { color: {color:desc bold}; }
  349. .hidesc i,em {
  350. font-style: normal;
  351. color: {color:desc italic};
  352. }
  353. .hidesc a { color: {color:desc links}; }
  354. .hidesc a:hover { color: {color:desc links hover};text-decoration: line-through; }
  355.  
  356.  
  357. .hidlinks {
  358. font-family: courier new;
  359. font-size: 8px;
  360. text-transform: uppercase;
  361. letter-spacing: 1px;
  362. }
  363. .hidlinks a {
  364. background-color: {color:custom links background};
  365. color: {color:custom links text};
  366. margin: 0 3px;
  367. padding: 2px 3px;
  368. transition: 0.4s;
  369. -moz-transition: 0.4s;
  370. -webkit-transition: 0.4s;
  371. -o-transition: 0.4s;
  372. }
  373. .hidlinks a:hover { background-color: {color:custom links background hover}; color: {color:custom links text hover}; }
  374.  
  375. .cl {
  376. width: 105px;
  377. height: 20px;
  378. background-color: {color:custom links background};
  379. float: left;
  380. color: {color:custom links text};
  381. text-align:center;
  382. line-height: 20px;
  383. margin: 2px;
  384. font-family: courier new;
  385. font-size: 10px;
  386. text-transform: uppercase;
  387. letter-spacing: 2px;
  388. transition: 0.4s;
  389. -moz-transition: 0.4s;
  390. -webkit-transition: 0.4s;
  391. -o-transition: 0.4s;
  392. }
  393. .cl:hover {
  394. background-color: {color:custom links background hover};
  395. color: {color:custom links text hover};
  396. }
  397.  
  398. #content {
  399. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  400. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  401. {block:ifposttype3}width: 520px;{/block:ifposttype3}
  402. margin-top: 165px;
  403. margin-bottom: 70px;
  404. }
  405.  
  406. .posts {
  407. {block:indexpage}
  408. {block:ifposttype1}
  409. width:500px;
  410. margin-bottom:20px;
  411. {/block:ifposttype1}
  412. {block:ifposttype2}
  413. width:400px;
  414. margin-bottom:20px;
  415. {/block:ifposttype2}
  416. {block:ifposttype3}
  417. width: 250px;
  418. float: left;
  419. display: block;
  420. overflow: hidden;
  421. margin: 0 5px 10px 5px;
  422. {/block:ifposttype3}
  423. {/block:indexpage}
  424. transition: 0.6s;
  425. -moz-transition: 0.6s;
  426. -webkit-transition: 0.6s;
  427. -o-transition: 0.6s;
  428. }
  429.  
  430. .photo {
  431. {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
  432. {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
  433. {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
  434. {block:permalinkpage}{block:ifposttype3}max-width: 500px;{/block:ifposttype3}{/block:permalinkpage}
  435. {block:iffadingphotos}
  436. opacity: 0.7;
  437. {/block:iffadingphotos}
  438. {block:ifmonochromeposts}
  439. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  440. filter: gray; /* IE6-9 */
  441. -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  442. {/block:ifmonochromeposts}
  443. transition: 0.6s;
  444. -moz-transition: 0.6s;
  445. -webkit-transition: 0.6s;
  446. -o-transition: 0.6s;
  447. }
  448. .photo:hover {
  449. opacity: 1;
  450. {block:ifmonochromeposts}
  451. filter: none;
  452. -webkit-filter: grayscale(0%);
  453. {/block:ifmonochromeposts}
  454. }
  455.  
  456. .photocov {
  457. opacity: 0;
  458. font-family: courier new;
  459. line-height: 18px;
  460. font-size: 10px;
  461. text-transform: uppercase;
  462. letter-spacing: 1px;
  463. position: absolute;
  464. z-index: 2;
  465. top: 35%;
  466. width: 100%;
  467. height: 100%;
  468. margin-left: auto;
  469. margin-right: auto;
  470. transition: 0.6s;
  471. -moz-transition: 0.6s;
  472. -webkit-transition: 0.6s;
  473. -o-transition: 0.6s;
  474. }
  475. .posts:hover .pho {opacity: 0.8;background-color: #fff;}
  476. .posts:hover .photocov { opacity: 1;}
  477. .pho {
  478. position: absolute;
  479. z-index: 1;
  480. width: 100%;
  481. height: 100%;
  482. top: 0;
  483. left: 0;
  484. opacity: 0;
  485. transition: 0.6s;
  486. -moz-transition: 0.6s;
  487. -webkit-transition: 0.6s;
  488. -o-transition: 0.6s;
  489. }
  490.  
  491. .posts img {
  492. {block:indexpage}
  493. {block:ifposttype1}max-width: 470px;{/block:ifposttype1}
  494. {block:ifposttype2}max-width: 370px;{/block:ifposttype2}
  495. {block:ifposttype3}max-width: 220px;{/block:ifposttype3}
  496. {/block:indexpage}
  497. {block:permalinkpage}
  498. {block:ifposttype1}max-width: 470px;{/block:ifposttype1}
  499. {block:ifposttype2}max-width: 370px;{/block:ifposttype2}
  500. {block:ifposttype3}max-width: 470px;{/block:ifposttype3}
  501. {/block:permalinkpage}
  502. }
  503. .posts blockquote img {max-width: 100%;}
  504.  
  505. .qpost {
  506. background-color: {color:post background};
  507. padding: 10px;
  508. }
  509.  
  510. .text, .ctext, .atext {
  511. background-color: {color:post background};
  512. padding: 5px 15px;
  513. font-family: consolas;
  514. font-size: 11px;
  515. color: {color:body text};
  516. text-align: justify;
  517. }
  518. .ctext { background-color: transparent; padding: 0; }
  519. .atext { margin-top: 10px; }
  520.  
  521. blockquote {
  522. border-left: 1px solid {color:blockquote};
  523. padding: 0 10px;
  524. margin: 5px;
  525. }
  526.  
  527. .line {
  528. text-align: left;
  529. margin: 3px 0;
  530. background-color: {color:post background};
  531. }
  532.  
  533. .odd .line {padding: 10px;color:{color:chat odd text};}
  534. .even .line {padding: 10px;color:{color:chat even text};}
  535. .odd .name {color: {color:chat odd name};}
  536. .even .name {color: {color:chat even name};}
  537.  
  538. .ptitle, .ltitle {
  539. background-color: {color:post title background};
  540. color: {color:post title text};
  541. text-align: left;
  542. font-style:italic;
  543. border-left: 30px solid {color:link post border};
  544. font-family: courier new;
  545. font-size: 10px;
  546. letter-spacing: 1px;
  547. padding: 1px 20px;
  548. margin: 5px 0;
  549. text-transform: uppercase;
  550. }
  551. .ltitle {
  552. background-color: {color:link post background};
  553. color: {color:link post text};
  554. transition: 1s;
  555. -moz-transition: 1s;
  556. -webkit-transition: 1s;
  557. -o-transition: 1s;
  558. }
  559. .ltitle:hover {
  560. background-color: {color:link post hover background};
  561. color: {color:link post hover text};
  562. border-left: 50px solid #eee;
  563. }
  564.  
  565. .audiopost { height: 150px; }
  566.  
  567. .albumno {
  568. width: 150px;
  569. height: 150px;
  570. background-color: #888;
  571. position: absolute;
  572. z-index: 1;
  573. {block:indexpage}{block:ifposttype3}
  574. width: 250px;
  575. height: 250px;
  576. {/block:ifposttype3}{/block:indexpage}
  577. }
  578.  
  579. .albumartp {
  580. width: 150px;
  581. height: 150px;
  582. position: relative;
  583. z-index: 2;
  584. display: block;
  585. {block:indexpage}{block:ifposttype3}
  586. width: 250px;
  587. height: 250px;
  588. {/block:ifposttype3}{/block:indexpage}
  589. }
  590.  
  591. .albumart {
  592. {block:ifposttype1}margin-left: -350px;{/block:ifposttype1}
  593. {block:ifposttype2}margin-left: -250px;{/block:ifposttype2}
  594. {block:ifposttype3}margin-left: 0;{/block:ifposttype3}
  595. width: 150px;
  596. height: 150px;
  597. display: block;
  598. position: relative;
  599. {block:indexpage}{block:ifposttype3}
  600. width: 250px;
  601. height: 250px;
  602. {/block:ifposttype3}{/block:indexpage}
  603. }
  604.  
  605. .audioplayer {
  606. position: absolute;
  607. margin-top: -90px;
  608. margin-left: 65px;
  609. width: 25px;
  610. height: 25px;
  611. overflow: hidden;
  612. opacity: 0.5;
  613. {block:indexpage}{block:ifposttype3}
  614. margin-top: -140px;
  615. margin-left: 115px;
  616. {/block:ifposttype3}{/block:indexpage}
  617. transition: 0.6s;
  618. -moz-transition: 0.6s;
  619. -webkit-transition: 0.6s;
  620. -o-transition: 0.6s;
  621. z-index: 5;
  622. }
  623. .audioplayer:hover {opacity: 1;}
  624.  
  625. .audioinfo {
  626. position: absolute;
  627. margin-left: 155px;
  628. height: 150px;
  629. }
  630.  
  631. .aline {
  632. {block:ifposttype1}width: 325px;{/block:ifposttype1}
  633. {block:ifposttype2}width: 225px;{/block:ifposttype2}
  634. {block:indexpage}{block:ifposttype3}margin-top: 5px;{/block:ifposttype3}{/block:indexpage}
  635. font-family: consolas;
  636. font-size: 10px;
  637. padding: 11px 10px;
  638. margin-bottom: 5px;
  639. text-transform: uppercase;
  640. background-color: {color:audio info background};
  641. color: {color:audio info text};
  642. }
  643. .aline b,strong { color: #A0D3B4;}
  644.  
  645. .quote {
  646. font-family: consolas;
  647. text-align: center;
  648. font-size: 14px;
  649. color: {color:quote};
  650. }
  651. .qsrc {color:{color:quote source};text-align:center;font-family:consolas;font-size:10px;}
  652. .askerportrait {
  653. max-width: 64px;
  654. max-height: 64px;
  655. position: absolute;
  656. border: 10px solid {color:ask background};
  657. float: left;
  658. {block:ifposttype3}
  659. {block:indexpage}margin-left: -120px;{/block:indexpage}
  660. {block:permalinkpage}margin-left: -260px;{/block:permalinkpage}
  661. {/block:ifposttype3}
  662. {block:ifposttype2}
  663. margin-left: -200px;
  664. {/block:ifposttype2}
  665. {block:ifposttype1}
  666. margin-left: -250px;
  667. {/block:ifposttype1}
  668. }
  669. .a {
  670. margin-left: 100px;
  671. background-color: {color:ask background};
  672. min-height: 64px;
  673. padding: 10px;
  674. font-family: consolas;
  675. font-size: 11px;
  676. color: {color:ask text};
  677. text-align: justify;
  678. }
  679. .asker {
  680. color: {color:asker text};
  681. font-family: consolas;
  682. font-size: 11px;
  683. text-transform: uppercase;
  684. }
  685. .asker a {color: {color:asker link};}
  686. .q {margin-top: 10px;}
  687. .tri {
  688. position: absolute;
  689. font-size: 30px;
  690. margin: 20px 0 0 85px;
  691. color: {color:ask background};
  692. }
  693.  
  694. .perma {
  695. font-family: courier new;
  696. font-size: 8px;
  697. text-transform: uppercase;
  698. letter-spacing: 1px;
  699. text-align: right;
  700. margin-top: 7px;
  701. }
  702. .p1, .p2, .p3 {padding: 1px 5px;transition: 0.6s;-moz-transition: 0.6s;-webkit-transition: 0.6s;-o-transition: 0.6s;}
  703. .p1 {background-color: {color:permalink background 1}; color: {color:permalink text 1};}
  704. .p2 {background-color: {color:permalink background 2}; color: {color:permalink text 2};}
  705. .p3 {background-color: {color:permalink background 3}; color: {color:permalink text 3};}
  706. .p1:hover, .p2:hover, .p3:hover {
  707. background-color: {color:permalink background hover};
  708. color: {color:permalink text hover};
  709. }
  710.  
  711. .permainfo {
  712. margin-top: 10px;
  713. {block:ifposttype1}width: 460px;{/block:ifposttype1}
  714. {block:ifposttype2}width: 360px;{/block:ifposttype2}
  715. {block:ifposttype3}width: 470px;{/block:ifposttype3}
  716. padding: 20px;
  717. font-family: consolas;
  718. font-size: 11px;
  719. text-align: center;
  720. background-color: {color:post background};
  721. color: {color:body text};
  722. }
  723.  
  724. #notecon {
  725. padding: 10px;
  726. {block:ifposttype1}width: 480px;{/block:ifposttype1}
  727. {block:ifposttype2}width: 380px;{/block:ifposttype2}
  728. {block:ifposttype3}width: 490px;{/block:ifposttype3}
  729. text-align: left;
  730. background-color: {color:post background};
  731. color: {color:body text};
  732. font-family: consolas;
  733. font-size: 11px;
  734. margin-top: 10px;
  735. text-transform: uppercase;
  736. }
  737.  
  738. #notecon ol.notes { list-style-type: none; }
  739.  
  740. .pagi {
  741. opacity: 0.6;
  742. padding: 10px 0;
  743. width: 100%;
  744. position: fixed;
  745. bottom: 0;
  746. z-index: 10000;
  747. margin-bottom: -10px;
  748. transition: 0.5s;
  749. -moz-transition: 0.5s;
  750. -webkit-transition: 0.5s;
  751. -o-transition: 0.5s;
  752. }
  753. .pagi:hover { opacity: 1; }
  754. .pagin {
  755. background-color: {color:post background};
  756. padding: 15px 0;
  757. {block:ifposttype1}width: 500px;{/block:ifposttype1}
  758. {block:ifposttype2}width: 400px;{/block:ifposttype2}
  759. {block:ifposttype3}width: 510px;{/block:ifposttype3}
  760. }
  761.  
  762. .pagina {
  763. text-align: center;
  764. font-family: consolas;
  765. font-size: 10px;
  766. color: {color:pagination text};
  767. }
  768. .pagina a {
  769. background-color: {color:pagination bg};
  770. color: {color:pagination links};
  771. padding: 1px 3px;
  772. margin: 0 0px;
  773. -webkit-transition: all 0.4s ease-in-out;
  774. -moz-transition: all 0.4s ease-in-out;
  775. -o-transition: all 0.4s ease-in-out;
  776. -ms-transition: all 0.4s ease-in-out;
  777. transition: all 0.4s ease-in-out;
  778. }
  779. .pagina a:hover {
  780. background-color: {color:pagination bg hover};
  781. color: {color:pagination links hover};
  782. }
  783.  
  784. .pagination {display: none;}
  785.  
  786. #fade {
  787. display: none;
  788. position: fixed;
  789. left: 0;
  790. top: 0;
  791. width: 340px;
  792. height: 150px;
  793. z-index: 9999;
  794. }
  795.  
  796. .popup_block{
  797. height: 52px;
  798. display: none;
  799. background: {color:header background};
  800. padding: 10px 20px;
  801. float: left;
  802. position: absolute;
  803. z-index: 130;
  804. {block:ifposttype1}
  805. top: 110px;
  806. left: 330px;
  807. {/block:ifposttype1}
  808. {block:ifposttype2}
  809. top: 110px;
  810. left: 274px;
  811. padding-left: 30px;
  812. {/block:ifposttype2}
  813. }
  814.  
  815. img.btn_close {
  816. float: right;
  817. width: 20px;
  818. height: 20px;
  819. {block:ifposttype1}margin: 10px -55px 0 0;{/block:ifposttype1}
  820. {block:ifposttype2}margin: 10px -52px 0 0;{/block:ifposttype2}
  821. padding: 5px;
  822. background-color: {color:custom links background};
  823. border-radius: 0 10px 10px 0;
  824. }
  825.  
  826. *html #fade {position: absolute;}
  827.  
  828. *html .popup_block {position: absolute;}
  829.  
  830.  
  831. #tumblr_lightbox {background-color:rgba(255,255,255,0.7)!important;}
  832. #tumblr_lightbox img { opacity:0; }
  833. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  834. opacity: 1!important;
  835. box-shadow: 0 0 0 transparent!important;
  836. border-radius: 0!important;
  837. -moz-border-radius: 0!important;
  838. -webkit-border-radius: 0!important;
  839. -o-border-radius: 0!important;
  840. }
  841.  
  842. #warning {
  843. position: fixed;
  844. background-color: #fff;
  845. width: 100%;
  846. height: 100%;
  847. position: fixed;
  848. z-index: -1;
  849. opacity: 0;
  850. top: 0;
  851. left: 0;
  852. padding-top: 200px;
  853. text-align: center;
  854. font-family: nova square;
  855. font-size: 16px;
  856. {block:ifposttype1}
  857. {block:ifposttype2}opacity: 1;z-index: 100001;{/block:ifposttype2}
  858. {block:ifposttype3}opacity: 1;z-index: 100001;{/block:ifposttype3}
  859. {/block:ifposttype1}
  860. {block:ifposttype2}
  861. {block:ifposttype3}opacity: 1;z-index: 100001;{/block:ifposttype3}
  862. {/block:ifposttype2}
  863. {block:ifposttype1}{block:ifposttype2}{block:ifposttype3}
  864. opacity: 1;z-index: 100001;
  865. {/block:ifposttype3}{block:ifposttype2}{block:ifposttype1}
  866. {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}
  867. opacity: 1;z-index: 100001;
  868. {/block:ifnotposttype3}{block:ifnotposttype2}{block:ifnotposttype1}
  869. }
  870.  
  871.  
  872. .text b,strong, .permainfo b,strong, .ctext b,strong, .atext b,strong {
  873. color: {color:body bold};
  874. font-weight: 400;
  875. }
  876. .text i,em, .permainfo a, .ctext i,em, .atext i,em {
  877. color: {color:body italic};
  878. transition: 0.6s;
  879. -moz-transition: 0.6s;
  880. -webkit-transition: 0.6s;
  881. -o-transition: 0.6s;
  882. }
  883.  
  884. .text a, .ptags a, #notecon a, .qsrc a, .ctext a, .atext a {
  885. color: {color:body links};
  886. border-bottom: 1px solid transparent;
  887. }
  888. .text a:hover, .ptags a:hover, .permainfo a:hover, #notecon a:hover, .qsrc a:hover, .ctext a:hover, .atext a:hover {
  889. color: {color:body links hover};
  890. text-decoration: line-through;
  891. font-style: italic;
  892. }
  893.  
  894. {CustomCSS}
  895.  
  896. </style>
  897.  
  898. {block:indexpage}
  899. {block:ifposttype3}
  900. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  901.  
  902. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  903.  
  904. <script>
  905. $(function(){
  906. var $container = $('#content');
  907. $container.imagesLoaded(function(){
  908. $container.masonry({
  909. itemSelector: '.posts',
  910. });
  911. });
  912. $container.infinitescroll({
  913. itemSelector : ".posts",
  914. navSelector : "div.pagination",
  915. nextSelector : ".pagination a#next",
  916. loadingImg : "",
  917. loadingText : "<em></em>",
  918. bufferPx : 10000,
  919. extraScrollPx: 12000,
  920. },
  921. // trigger Masonry as a callback
  922. function( newElements ) {
  923. var $newElems = $( newElements ).css({ opacity: 0 });
  924. // ensure that images load before adding to masonry layout
  925. $newElems.imagesLoaded(function(){
  926. $newElems.animate({ opacity: 1 });
  927. $container.masonry( 'appended', $newElems, true );
  928. });
  929. }
  930. );
  931. });
  932. </script>
  933. {/block:ifposttype3}
  934. {/block:indexpage}
  935.  
  936. {block:ifnotposttype3}{block:ifinfinitescroll}
  937. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  938. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  939. <script type="text/javascript" charset="utf-8">
  940. var $j = jQuery.noConflict();
  941. $j(function() {
  942. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  943. $j("img").lazyload({
  944. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  945. effect: "fadeIn",
  946. });
  947. });
  948. </script>
  949. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  950. {/block:ifinfinitescroll}{/block:ifnotposttype3}
  951.  
  952. {block:ifnotposttype3}
  953.  
  954. <script type="text/javascript"
  955. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  956.  
  957. <script>
  958.  
  959.  
  960.  
  961. $(document).ready(function() {
  962.  
  963. //
  964.  
  965.  
  966.  
  967. //When you click on a link with class of poplight and the href starts with a #
  968.  
  969. $('a.poplight[href^=#]').click(function() {
  970.  
  971. var popID = $(this).attr('rel'); //Get Popup Name
  972.  
  973. var popURL = $(this).attr('href'); //Get Popup href to define size
  974.  
  975.  
  976.  
  977. //Pull Query & Variables from href URL
  978.  
  979. var query= popURL.split('?');
  980.  
  981. var dim= query[1].split('&');
  982.  
  983. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  984.  
  985.  
  986.  
  987. //Fade in the Popup and add close button
  988.  
  989. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://31.media.tumblr.com/f7044fbf95c7445316fd686d832ff234/tumblr_inline_nddpdf1zy31rshr70.png" class="btn_close" title="Close Window" alt="Close" /></a>');
  990.  
  991.  
  992. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  993.  
  994. var popMargTop = ($('#' + popID).height() + 80) / 2;
  995.  
  996. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  997.  
  998.  
  999.  
  1000. //Apply Margin to Popup
  1001.  
  1002. $('#' + popID).css({
  1003.  
  1004. 'margin-top' : -popMargTop,
  1005.  
  1006. 'margin-left' : -popMargLeft
  1007.  
  1008. });
  1009.  
  1010.  
  1011.  
  1012. //Fade in Background
  1013.  
  1014. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  1015.  
  1016. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  1017.  
  1018.  
  1019.  
  1020. return false;
  1021.  
  1022. });
  1023.  
  1024.  
  1025.  
  1026. //Close Popups and Fade Layer
  1027.  
  1028. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  1029.  
  1030. $('#fade , .popup_block').fadeOut(function() {
  1031.  
  1032. $('#fade, a.close').remove(); //fade them both out
  1033.  
  1034. });
  1035.  
  1036. return false;
  1037.  
  1038. });
  1039.  
  1040.  
  1041.  
  1042.  
  1043.  
  1044. });
  1045.  
  1046. </script>
  1047.  
  1048. {/block:ifnotposttype3}
  1049.  
  1050. </head>
  1051. <body>
  1052.  
  1053. <div id="warning">Please pick only 1 post size.</div>
  1054.  
  1055. <center>
  1056. <div id="hm">
  1057. <div id="header">
  1058.  
  1059. <div class="himgcon">
  1060. <img class="headerimg" src="{image:header image}">
  1061.  
  1062. <div class="headert">
  1063. <a href="/"><span class="ht">{title}</span></a>
  1064. <a href="/ask"><span class="hl">whisper</span></a>
  1065. <a href="/archive"><span class="hl">archive</span></a>
  1066. <a href="http://yukoki.tumblr.com"><span class="hl">theme</span></a>
  1067. {block:ifpopuplinks}{block:ifnotposttype3}
  1068. <a href="#?w={block:ifposttype1}330{/block:ifposttype1}{block:ifposttype2}230{/block:ifposttype2}" rel="popup_name" class="poplight"><span class="hl">+more</span></a>
  1069. {/block:ifnotposttype3}{/block:ifpopuplinks}
  1070.  
  1071. </div><!--headert-->
  1072. </div><!--himgcon-->
  1073.  
  1074. <div id="hidh">
  1075.  
  1076. <div id="popup_name" class="popup_block">
  1077. {block:ifposttype1}
  1078. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="cl">{text:Link 1}</div></a>{/block:IfLink1}
  1079. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="cl">{text:Link 2}</div></a>{/block:IfLink2}
  1080. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="cl">{text:Link 3}</div></a>{/block:IfLink3}
  1081. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="cl">{text:Link 4}</div></a>{/block:IfLink4}
  1082. {block:IfLink5}<a href="{text:Link 5 URL}"><div class="cl">{text:Link 5}</div></a>{/block:IfLink5}
  1083. {block:IfLink6}<a href="{text:Link 6 URL}"><div class="cl">{text:Link 6}</div></a>{/block:IfLink6}
  1084. {/block:ifposttype1}
  1085. {block:ifposttype2}
  1086. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="cl">{text:Link 1}</div></a>{/block:IfLink1}
  1087. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="cl">{text:Link 2}</div></a>{/block:IfLink2}
  1088. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="cl">{text:Link 3}</div></a>{/block:IfLink3}
  1089. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="cl">{text:Link 4}</div></a>{/block:IfLink4}
  1090. {/block:ifposttype2}
  1091. </div>
  1092. <img class="hidimg" src="{image:header icon}">
  1093.  
  1094. <div class="hidinfo">
  1095. <div class="hidq">
  1096. <span class="w">“</span>{text:header quote}
  1097. </div><!--hidq-->
  1098. <div class="hidesc">{description}</div>
  1099. {block:ifnotpopuplinks}
  1100. <div class="hidlinks">
  1101. {block:iflink1}<a href="{text:link 1 url}">{text:link 1}</a>{block:iflink1}
  1102. {block:iflink2}<a href="{text:link 2 url}">{text:link 2}</a>{block:iflink2}
  1103. {block:iflink3}<a href="{text:link 3 url}">{text:link 3}</a>{block:iflink3}
  1104. {block:iflink4}<a href="{text:link 4 url}">{text:link 4}</a>{block:iflink4}
  1105. {block:iflink5}<a href="{text:link 5 url}">{text:link 5}</a>{block:iflink5}
  1106. {block:iflink6}<a href="{text:link 6 url}">{text:link 6}</a>{block:iflink6}
  1107. </div><!--hidlinks-->
  1108. {/block:ifnotpopuplinks}
  1109. </div><!--hidinfo-->
  1110.  
  1111. </div><!--hidh-->
  1112.  
  1113. </div><!--header-->
  1114. </div><!--hm-->
  1115.  
  1116. {block:indexpage}{block:ifnotinfinitescroll}
  1117. <div class="pagi"><div class="pagin">
  1118. {block:Pagination}<div class="pagina">
  1119. {block:PreviousPage}
  1120. <a href="{PreviousPage}">←</a>
  1121. {/block:PreviousPage}
  1122. {block:JumpPagination length="5"}
  1123. {block:CurrentPage}
  1124. <span class="current_page">{PageNumber}</span>
  1125. {/block:CurrentPage}
  1126. {block:JumpPage}
  1127. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1128. {/block:JumpPage}
  1129. {/block:JumpPagination}
  1130. {block:NextPage}
  1131. <a href="{NextPage}">→</a>
  1132. {/block:NextPage}
  1133. </div><!--pagination-->{/block:Pagination}
  1134. </div></div>
  1135. {/block:ifnotinfinitescroll}{/block:indexpage}
  1136.  
  1137. </center>
  1138.  
  1139. <center>
  1140.  
  1141. <div id="content">
  1142. {block:Posts}
  1143. <div class="posts">
  1144.  
  1145. {block:Quote}<div class="qpost">
  1146. <div class="quote">"{Quote}"</div> <div class="qsrc">- {Source} -</div>
  1147. </div>
  1148. {block:ifposttype3}
  1149. <div class="perma">
  1150. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1151. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1152. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1153. </div>
  1154. {block:ifposttype3}{/block:Quote}
  1155.  
  1156. {block:Link}
  1157. <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
  1158. {block:Description}<div class="text">{Description}</div>{block:Description}
  1159. {block:ifposttype3}
  1160. <div class="perma">
  1161. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1162. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1163. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1164. </div>
  1165. {block:ifposttype3}
  1166. {/block:Link}
  1167.  
  1168. {block:Chat}
  1169. {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
  1170. <div class="ctext">
  1171. {block:Lines}<div class="{Alt}">
  1172. <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
  1173. {/block:Lines}
  1174. </div>
  1175. {block:ifposttype3}
  1176. <div class="perma">
  1177. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1178. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1179. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1180. </div>
  1181. {block:ifposttype3}
  1182. {/block:Chat}
  1183.  
  1184. {block:Photo}
  1185. {block:indexpage}{block:ifposttype3}
  1186. <div class="photocov">
  1187. <a href="{permalink}"><span class="p1">{notecountwithlabel}</span</a><br>
  1188. <a href="{permalink}"><span class="p2">{timeago}</span></a><br>
  1189. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1190. </div><!--photocov-->
  1191. <div class="pho"></div>
  1192. {/block:ifposttype3}{/block:indexpage}
  1193. {linkopentag}<center><img class="photo" src="{PhotoURL-500}"></center>{linkclosetag}
  1194. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1195. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1196. <div class="text">{Caption}</div>
  1197. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1198. {/block:Photo}
  1199.  
  1200. {block:Photoset}
  1201. {block:indexpage}{block:ifposttype3}
  1202. <div class="photocov">
  1203. <a href="{permalink}"><span class="p1">{notecountwithlabel}</span</a><br>
  1204. <a href="{permalink}"><span class="p2">{timeago}</span></a><br>
  1205. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1206. </div><!--photocov-->
  1207. <div class="pho"></div>
  1208. {/block:ifposttype3}{/block:indexpage}
  1209. {block:indexpage}
  1210. {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
  1211. {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
  1212. {block:ifposttype3}<div class="photo">{Photoset-250}</div>{/block:ifposttype3}
  1213. {/block:indexpage}
  1214. {block:permalinkpage}
  1215. {block:ifposttype1}<div class="photo">{Photoset-500}</div>{/block:ifposttype1}
  1216. {block:ifposttype2}<div class="photo">{Photoset-400}</div>{/block:ifposttype2}
  1217. {block:ifposttype3}<div class="photo">{Photoset-500}</div>{/block:ifposttype3}
  1218. {/block:permalinkpage}
  1219.  
  1220. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1221. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1222. <div class="text">{Caption}</div>
  1223. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1224.  
  1225. {/block:Photoset}
  1226.  
  1227. {block:Text}
  1228. {block:title}<div class="ptitle">{Title}</div>{/block:title}
  1229. <div class="text">{Body}</div>
  1230. {block:ifposttype3}
  1231. <div class="perma">
  1232. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1233. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1234. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1235. </div>
  1236. {block:ifposttype3}
  1237. {/block:Text}
  1238.  
  1239. {block:Audio}
  1240. {block:indexpage}
  1241. {block:ifnotposttype3}
  1242. <div class="audiopost">
  1243. <div class="audioinfo">
  1244. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1245. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1246. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1247. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1248. </div><!--audioinfo-->
  1249. {/block:ifnotposttype3}
  1250. {/block:indexpage}
  1251. {block:permalinkpage}
  1252. <div class="audioinfo">
  1253. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1254. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1255. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1256. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1257. </div><!--audioinfo-->
  1258. {/block:permalinkpage}
  1259. <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1260. <div class="audioplayer">{AudioPlayer}</div>
  1261. {block:ifnotposttype3}</div><!--audiopost-->{/block:ifnotposttype3}
  1262. {block:indexpage}{block:ifposttype3}
  1263. {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
  1264. {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
  1265. {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
  1266. {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
  1267. {/block:ifposttype3}{/block:indexpage}
  1268. {block:IfShowCaptions}{block:Caption}<div class="atext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1269. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1270. <div class="text">{Caption}</div>
  1271. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1272. {block:ifposttype3}
  1273. <div class="perma">
  1274. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1275. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1276. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1277. </div>
  1278. {block:ifposttype3}
  1279. {/block:Audio}
  1280.  
  1281. {block:Video}
  1282. {block:ifposttype1}{Video-500}{/block:ifposttype1}
  1283. {block:ifposttype2}{Video-400}{/block:ifposttype2}
  1284. {block:ifposttype3}{Video-250}{/block:ifposttype3}
  1285. {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1286. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1287. <div class="text">{Caption}</div>
  1288. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1289. {block:ifposttype3}
  1290. <div class="perma">
  1291. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1292. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1293. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1294. </div>
  1295. {block:ifposttype3}
  1296. {/block:Video}
  1297.  
  1298. {block:Answer}
  1299. <img class="askerportrait" src="{AskerPortraitURL-64}">
  1300. <div class="tri">◀</div>
  1301. <div class="a">
  1302. <span class="asker">{Asker} whispered:</span>
  1303. <span class="q">{Question}</span>
  1304. </div>
  1305. <div class="atext">{Answer}</div>
  1306. {block:ifposttype3}
  1307. <div class="perma">
  1308. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1309. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1310. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1311. </div>
  1312. {block:ifposttype3}
  1313. {/block:Answer}
  1314.  
  1315. {block:indexpage}{block:date}
  1316. {block:ifnotposttype3}
  1317. <div class="perma">
  1318. <a href="{permalink}"><span class="p1">{timeago}</span></a>
  1319. <a href="{permalink}"><span class="p2">@ {NoteCountWithLabel}</span></a>
  1320. <a href="{reblogurl}"><span class="p3">reblog</span></a>
  1321. </div>
  1322. {/block:ifnotposttype3}
  1323. {/block:date}{/block:indexpage}
  1324.  
  1325. </div><!--posts-->
  1326.  
  1327. {block:permalinkpage}
  1328. {block:date}<div class="permainfo">
  1329. Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
  1330. {block:RebloggedFrom}
  1331. Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  1332. {/block:RebloggedFrom}
  1333. {block:HasTags}<div class="ptags">{block:Tags}
  1334. <a href="{TagURL}">#{Tag} </a>
  1335. {/block:Tags}</div>{/block:HasTags}
  1336. </div>{/block:date}
  1337. {block:date}{block:NoteCount}<div id="notecon">
  1338. {PostNotes-16}
  1339. </div><!--notecon-->{/block:NoteCount}{/block:date}
  1340. {/block:permalinkpage}
  1341.  
  1342. {/block:Posts}
  1343. {block:ContentSource}
  1344. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1345. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1346. {/block:SourceLogo}
  1347. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1348. {/block:ContentSource}
  1349.  
  1350. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  1351.  
  1352. </div><!--content-->
  1353.  
  1354. <div class="pagination">
  1355. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1356. </div>
  1357.  
  1358. </center>
  1359.  
  1360. </body>
  1361. </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!