API tools faq
paste
enchantingly

Theme 14v3 - Hufflepuff

enchantingly
Sep 20th, 2013
1,189
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!----
  5. Theme 14v3 - "Hufflepuff" by Elowen (theghostoflove.tumblr.com)
  6.  
  7. I don’t mind if the credit is removed if the theme is edited beyond recognition. If not, please keep credit intact. If you get stuck, please feel free to message me! Comments and suggestions are also welcome.
  8. --->
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background"content="#0a0400">
  18. <meta name="color:Border"content="#7a5903">
  19. <meta name="color:Description"content="#000000">
  20. <meta name="color:Entries" content="#d19701">
  21. <meta name="color:Link"content="#000000">
  22. <meta name="color:Link Hover"content="#7a5903">
  23. <meta name="color:Navlinks" content="#000000">
  24. <meta name="color:Navlinks Hover" content="#684b01">
  25. <meta name="color:Scroll" content="#000000">
  26. <meta name="color:Scroll BG" content="#db9f01">
  27. <meta name="color:Text"content="#7a5903">
  28. <meta name="color:Title"content="#000000">
  29.  
  30. <meta name="if:Audio Player Black" content="1">
  31. <meta name="if:Background 1" content="0">
  32. <meta name="if:Background 2" content="0">
  33. <meta name="if:Background 3" content="1">
  34. <meta name="if:Infinite Scroll" content="0">
  35. <meta name="if:Page Support" content="1">
  36. <meta name="if:Posts 400" content="0">
  37.  
  38. <meta name="image:Background" content="https://static.tumblr.com/3f9d251e954b8b47854aa78837b38d77/ougxdjo/kLSmtdr9l/tumblr_static_hufflepuff_common_room.jpg">
  39.  
  40. <meta name="text:Link1" content="">
  41. <meta name="text:Link1URL" content="">
  42. <meta name="text:Link2" content="">
  43. <meta name="text:Link2URL" content="">
  44. <meta name="text:Link3" content="" >
  45. <meta name="text:Link3URL" content="">
  46. <meta name="text:Link4" content="">
  47. <meta name="text:Link4URL" content="">
  48. <meta name="text:Link5" content="">
  49. <meta name="text:Link5URL" content="">
  50. <meta name="text:Link6" content="">
  51. <meta name="text:Link6URL" content="">
  52. <meta name="text:Link7" content="">
  53. <meta name="text:Link7URL" content="">
  54.  
  55. <style type="text/css">
  56.  
  57. /**BASICS**/
  58.  
  59. body {
  60. font-family:lora, serif;
  61. font-size:12px;
  62. color:{color:text};
  63. background:{color:background} url('{image:Background}');
  64. background-size:100% auto;
  65. background-repeat:no-repeat;
  66. background-attachment:fixed;
  67. background-position: {block:ifBackground1}top;{/block:ifBackground1} {block:IfBackground2}center;{/block:ifBackground2} {block:ifBackground3}bottom{/block:ifBackground3}
  68. }
  69.  
  70. blockquote {border-left:2px solid {color:border};margin-left:3px;padding-left:5px;}
  71.  
  72. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:scroll bg};}::-webkit-scrollbar-corner {background:{color:scroll bg};}::-webkit-scrollbar-thumb:vertical {background:{color:scroll};}::-webkit-scrollbar-thumb:horizontal {background:{color:scroll};}
  73.  
  74. ::selection {color:{color:background};background-color: {color:text};}::-moz-selection {color:{color:background};background-color: {color:text};}::-webkit-selection {color:{color:background};background-color:{color:text};}
  75.  
  76. b { font-weight:bold; color:{color:text}; }
  77. i { font-weight:italic; color:{color:text}; }
  78. u {text-decoration:none; border-bottom:1px solid {color:text}; }
  79.  
  80. a { color:{color:link};
  81. text-decoration:none;-moz-transition-duration:0.5s;
  82. -webkit-transition-duration:0.5s;
  83. -o-transition-duration:0.5s;}
  84. a:hover {color:{color:link hover};}
  85.  
  86. h1 {font-family:book antiqua;font-size:26px;margin-top:-10px;}
  87. h3 {font-family:book antiqua; font-size:20px; text-align:center;margin:-1px 0px -1px; line-height:100%}
  88.  
  89. #title {
  90. font-family:book antiqua;
  91. font-weight:normal;
  92. text-transform:uppercase;
  93. text-align:center;
  94. width:340px;
  95. margin:50px 5px 0px 75px;
  96. position:absolute;
  97. font-size:44px;
  98. color:{color:title};
  99. }
  100.  
  101. #post {
  102. margin-left:5px;
  103. margin-top:10px;
  104. margin-bottom:10px;
  105. padding-bottom:10px;
  106. {block:ifnotPosts400}width:520px;{/block:ifnotPosts400} {block:ifPosts400}width:420px;{/block:ifPosts400}
  107. background-color:{color:post};
  108. }
  109.  
  110. #links {
  111. margin-top:-10px;
  112. width:71px;
  113. text-align:center;
  114. }
  115. #links a {
  116. display:inline-block;
  117. padding-bottom:5px;
  118. color:{color:Navlinks};
  119. }
  120. #links a:hover {
  121. text-decoration:underline;
  122. color:{color:Navlinks hover};
  123. }
  124.  
  125. #sidebar {
  126. top:0px;
  127. left:0px;
  128. position:fixed;
  129. width:240px;
  130. height:500px;
  131. background-image:url('https://media.tumblr.com/2ae9a49374c6d5dad3fc62e8c5e47b5d/tumblr_inline_mtdx64MldE1qk6lff.png');
  132. background-repeat:no-repeat;
  133. background-attachment:fixed;
  134. background-position:top left;
  135. }
  136.  
  137. #description {
  138. overflow:hidden;
  139. margin-top:30px;
  140. margin-left:14px;
  141. text-align:justify;
  142. position:fixed;
  143. width:187px;
  144. height:270px;
  145. padding:10px;
  146. color:{color:description};
  147. }
  148.  
  149. #info {
  150. padding:5px;
  151. font-size:10px;
  152. margin-top:0px;
  153. letter-spacing:1px;
  154. padding:10px;
  155. background-image:url('https://media.tumblr.com/84b85f7e2f5f27d0723fa0779aedaa97/tumblr_inline_mt9r6k7bMy1qk6lff.png');
  156. background-size:100% auto;
  157. {block:ifPosts400}width:400px;{/block:ifPosts400}{block:ifNotPosts400}width:500px;{/block:ifNotPosts400}
  158. }
  159.  
  160. #info2 {
  161. padding:5px;
  162. font-size:10px;
  163. margin:-45px 0px 10px 5px;
  164. letter-spacing:1px;
  165. padding:10px;
  166. padding-bottom:5px;
  167. background-image:url('https://media.tumblr.com/883dbde935ce1da3a84317cc3f2b0ecb/tumblr_inline_mtdaemih9A1qk6lff.png');
  168. background-size:100% auto;
  169. {block:ifPosts400}width:400px;{/block:ifPosts400}{block:ifNotPosts400}width:500px;{/block:ifNotPosts400}
  170. }
  171.  
  172. #tags {
  173. padding-top:5px;
  174. padding-bottom:5px;
  175. font-size:10px;
  176. margin-top:10px;
  177. text-align:left;
  178. }
  179.  
  180. .note {
  181. text-transform:normal;
  182. font-style:normal;
  183. letter-spacing:0px;
  184. font-size: 10px;
  185. text-align:left;
  186. line-height:100%;
  187. width:500px;
  188. margin-left:-10px;
  189. }
  190. .note li {
  191. list-style-type:none;
  192. text-align:left;
  193. padding-top:5px;
  194. padding-bottom:5px;
  195. margin-left:-20px;
  196. }
  197.  
  198. #pagination {
  199. font-family:Georgia;
  200. font-size:25px;
  201. text-align:center;
  202. }
  203. #pagination a {
  204. color:{color:navlinks}
  205. }
  206. #pagination a:hover {
  207. text-decoration:none;
  208. color:{color:navlinks hover};
  209. }
  210.  
  211. #credit {position:fixed;font-size:8px;font-weight:normal;line-height:150%;letter-spacing:0px;right:10px;bottom:10px;text-transform:normal;text-align:center;}
  212. #credit a {color:#fff;background-color:#000}
  213. #credit a:hover {color:#000;background-color:#fff}
  214. #enchantingly {font-size: 8px;display: inline;text-transform: uppercase;opacity: 0;padding-right:5px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  215. #credit:hover #enchantingly {opacity: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
  216.  
  217. /**NITTY GRITTY STUFF**/
  218.  
  219. {block:ifPosts400}
  220. #entries {
  221. padding:10px;
  222. float:left;
  223. margin-left:270px;
  224. margin-top:-159px;
  225. width:430px;
  226. margin-bottom:10px;
  227. background-color:{color:Entries};
  228. border-left:double 5px {color:border};
  229. border-right:double 5px {color:border};
  230. border-bottom:double 5px {color:border};
  231. }
  232.  
  233. #entriesimage {
  234. z-index:-10;
  235. margin-top:-300px;
  236. margin-left:250px;
  237. height:500px;
  238. width:800px;
  239. background-repeat:no-repeat;
  240. background-image:url('https://media.tumblr.com/88bc7b94e329f86966ad54bea85be5ae/tumblr_inline_mtdsxuwmBV1qk6lff.png');
  241. }
  242.  
  243. #linksb {
  244. position:fixed;
  245. margin-left:770px;
  246. margin-top:-295px;
  247. padding-top:40px;
  248. padding-left:20px;
  249. height:390px;
  250. width:90px;
  251. background-image:url('https://media.tumblr.com/aafeb60070f6f0c31c8bc3ba114a46a2/tumblr_inline_mtdupbHmyc1qk6lff.png');
  252. background-repeat:no-repeat;
  253. background-size:110px;
  254. }
  255.  
  256. #header {
  257. z-index:10;
  258. margin-top:-10px;
  259. margin-left:260px;
  260. height:300px;
  261. width:500px;
  262. background-image:url('https://media.tumblr.com/5e8da61027c24578f1efc05ce0124a6b/tumblr_inline_mtdr31xT6l1qk6lff.png');
  263. background-repeat:no-repeat;
  264. }
  265. {/block:ifPosts400}
  266.  
  267. {block:ifNotPosts400}
  268. #entries {
  269. padding:10px;
  270. float:left;
  271. margin-left:330px;
  272. margin-top:-101px;
  273. width:530px;
  274. margin-bottom:10px;
  275. background-color:{color:Entries};
  276. border-bottom:double 5px {color:border};
  277. border-left:double 5px {color:border};
  278. border-right:double 5px {color:border};
  279. }
  280.  
  281. #entriesimage {
  282. margin-top:-400px;
  283. margin-left:310px;
  284. height:500px;
  285. width:800px;
  286. background-repeat:no-repeat;
  287. background-size:600px;
  288. background-image:url('https://media.tumblr.com/88bc7b94e329f86966ad54bea85be5ae/tumblr_inline_mtdsxuwmBV1qk6lff.png');
  289. }
  290.  
  291. #linksb {
  292. position:fixed;
  293. margin-left:980px;
  294. margin-top:-295px;
  295. padding-top:40px;
  296. padding-left:20px;
  297. height:390px;
  298. width:90px;
  299. background-image:url('https://media.tumblr.com/aafeb60070f6f0c31c8bc3ba114a46a2/tumblr_inline_mtdupbHmyc1qk6lff.png');
  300. background-repeat:no-repeat;
  301. background-size:110px;
  302. }
  303.  
  304. #header {
  305. z-index:10;
  306. margin-top:-10px;
  307. margin-left:375px;
  308. height:300px;
  309. width:500px;
  310. background-image:url('https://media.tumblr.com/5e8da61027c24578f1efc05ce0124a6b/tumblr_inline_mtdr31xT6l1qk6lff.png');
  311. background-repeat:no-repeat;
  312. }
  313. {/block:ifNotPosts400}
  314.  
  315. /**POST TYPES**/
  316.  
  317. #text {
  318. padding:10px;
  319. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  320. background-size:100% auto;
  321. background-repeat:repeat;
  322. }
  323.  
  324. #photo {
  325. padding:10px;
  326. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  327. background-size:100% auto;
  328. background-repeat:repeat;
  329. }
  330.  
  331. #photoset {
  332. padding:10px;
  333. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  334. background-size:100% auto;
  335. background-repeat:repeat;
  336. }
  337.  
  338. #linkposts {
  339. padding-bottom:10px;
  340. padding-top:10px;
  341. font-family:book antiqua;
  342. font-size:16px;
  343. border:2px dotted {color:Border};
  344. }
  345.  
  346. #link {
  347. padding:10px;
  348. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  349. background-size:100% auto;
  350. background-repeat:repeat;
  351. }
  352.  
  353. #question {
  354. font-size:13px;
  355. letter-spacing:1px;
  356. padding:10px;
  357. border:2px dotted {color:Border};
  358. }
  359. #asker {
  360. text-align:right;
  361. font-size:12px;
  362. letter-spacing:1px;
  363. padding-bottom:0px;
  364. margin-top:20px;
  365. }
  366. #asker img {
  367. vertical-align:left;
  368. float:right;
  369. margin-left:10px;
  370. margin-right:10px;
  371. margin-top:-10px;
  372. border:1px solid {color:Border};
  373. }
  374. #ask {
  375. padding:10px;
  376. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  377. background-size:100% auto;
  378. background-repeat:repeat;
  379. }
  380.  
  381. #audio {
  382. padding:10px;
  383. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  384. background-size:100% auto;
  385. background-repeat:repeat;
  386. }
  387. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  388. .album img {width:100px; height:100px}
  389. .audio {opacity:.5;overflow:hidden;display:block; position:absolute; width:28px; height:30px; margin-top:35px; margin-left:35px;}
  390. .audiobox {height:100px;z-index:-1; margin-left:100px;}
  391. .audiotext {text-align:center; padding-top:30px; max-width:300px;overflow:hidden;}
  392. .pc {padding: 8px 13px;height:13px;float:right;font-size: 12px;text-transform: lowercase;z-index:-1}
  393.  
  394. #chat {
  395. padding:10px;
  396. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  397. background-size:100% auto;
  398. background-repeat:repeat;
  399. }
  400. .chat {margin: 3px 3px 0 3px;font-size: 11px;font-family:georgia;}
  401. .chat .lines {margin-left: 1px;}
  402. .chat .lines .line {margin-bottom: 1px;padding: 3px 5px;}
  403. .chat .lines .line.even {}
  404.  
  405. #quote {
  406. padding:10px;
  407. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  408. background-size:100% auto;
  409. background-repeat:repeat;
  410. }
  411.  
  412. #video {
  413. padding:10px;
  414. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  415. background-size:100% auto;
  416. background-repeat:repeat;
  417. }
  418.  
  419. /**MISC STYLING**/
  420.  
  421. {block:ifNotPosts400}
  422. #borderleft {margin-left:-10px;margin-top:-10px;width:225px; height:0px; border-top:solid 1px {color:border};}
  423.  
  424. #borderright {margin-left:285px;margin-top:0px;width:225px; height:0px; border-top:solid 1px {color:border};}
  425. {/block:ifNotPosts400}
  426.  
  427. {block:ifPosts400}
  428. #borderleft {margin-left:-10px;margin-top:-10px;width:175px; height:0px; border-top:solid 1px {color:border};}
  429.  
  430. #borderright {margin-left:235px;margin-top:0px;width:175px; height:0px; border-top:solid 1px {color:border};}
  431. {/block:ifPosts400}
  432.  
  433. #feather {}
  434. #feather img {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
  435. #feather img:hover {-webkit-transform: rotate(50deg);-moz-transform: rotate(50deg);-ms-transform: rotate(50deg);-o-transform: rotate(50deg);-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;brightness(150%);-webkit-filter: brightness(150%);-moz-filter: brightness(150%);-o-filter: brightness(150%);-ms-filter: brightness(150%);}
  436.  
  437. {CustomCSS}</style>
  438.  
  439. <script src="https://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  440.  
  441. <script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  442.  
  443. <script src="https://static.tumblr.com/n82fyzo/XjQmg8058/cufon-yui.js" type="text/javascript"></script>
  444. <script src="https://static.tumblr.com/ougxdjo/Ubpmt2nud/cookie_400.font.js" type="text/javascript"></script>
  445. <script type="text/javascript"> Cufon.replace('h1'); </script>
  446.  
  447. </head>
  448. <body>
  449.  
  450. <div id="header">
  451. <a href="/"><div id="title">{Title}</div></a>
  452. </div>
  453.  
  454. <div id="sidebar">
  455. <div id="description">{Description}</div>
  456. </div>
  457.  
  458. <div id="linksb">
  459. <div id="links">
  460. <a href="/">home</a><br>
  461. <a href="/ask">owlery</a><br>
  462. <a href="/archive">history</a><br>
  463. {block:ifNotPageSupport}
  464. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a><br>{/block:ifLink1}
  465. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a><br>{/block:ifLink2}
  466. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a><br>{/block:ifLink3}
  467. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a><br>{/block:ifLink4}
  468. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a><br>{/block:ifLink5}
  469. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a><br>{/block:ifLink6}
  470. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a><br>{/block:ifLink7}
  471. {/block:ifNotPageSupport}
  472. {block:ifPageSupport}
  473. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a><br>{/block:Pages}{/block:HasPages}
  474. {/block:ifPageSupport}
  475. {block:ifnotInfiniteScroll}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:ifnotInfiniteScroll}
  476. </div>
  477. </div>
  478.  
  479. <div id="entriesimage"></div>
  480. <div id="entries">
  481. {block:Posts}
  482. {block:ifInfiniteScroll}<div class = "autopagerize_page_element" >{/block:ifInfiniteScroll}
  483. <div id="post">
  484.  
  485. {block:Text}
  486. <div id="text">
  487. {block:Title}<h3>{Title}</h3>{/block:Title}
  488. {Body}
  489. </div>{/block:Text}
  490.  
  491. {block:ifnotPosts400}
  492. {block:Photo}<div id="photo"><center>{OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  493. {/block:ifnotPosts400}
  494. {block:ifPosts400}
  495. {block:Photo}<div id="photo"><center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  496. {/block:ifPosts400}
  497.  
  498. {block:ifnotPosts400}
  499. {block:Photoset}
  500. <div id="photoset">
  501. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  502. </div>{/block:Photoset}
  503. {/block:ifnotPosts400}
  504. {block:ifPosts400}
  505. {block:Photoset}
  506. <div id="photoset">
  507. <center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}
  508. </div>
  509. {/block:Photoset}
  510. {/block:ifPosts400}
  511.  
  512. {block:Quote}
  513. <div id="quote">
  514. <h2>“{Quote}”</h2>
  515. <div align="right">
  516. {block:Source}<h1>- {Source}</h1>{/block:Source}
  517. </div></div>
  518. {/block:Quote}
  519.  
  520. {block:ifnotPosts400}
  521. {block:Video}<div id="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  522. {/block:ifnotPosts400}
  523. {block:ifPosts400}
  524. {block:Video}<div id="video">{Video-400}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  525. {/block:ifPosts400}
  526.  
  527. {block:Link}<div id="link"><div id="linkposts">
  528. <a href="{URL}" class="link" {Target}><center>{Name} →</center></a><BR>
  529. <center><small><small>{URL}</small></small></center></div>
  530. {block:Description}{Description}{/block:Description}</div>
  531. {/block:Link}
  532.  
  533. {block:Chat}<div id="chat">
  534. {block:Title}<h4>{Title}</h4>{/block:Title}
  535. <div class="chat">
  536. <div class="lines">
  537. {block:Lines}
  538. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  539. {/block:Lines}
  540. </div>
  541. </div>
  542. </div>
  543. {/block:Chat}
  544.  
  545. {block:Audio}
  546. <div id="audio">
  547. {block:AlbumArt}
  548. <div class="album"><img src="{AlbumArtURL}"></div>
  549. {/block:AlbumArt}
  550. <div class="audio">{block:ifNotAudioPlayerBlack}{AudioPlayerWhite}{/block:ifNotAudioPlayerBlack}{block:ifAudioPlayerBlack}{AudioPlayerBlack}{/block:ifAudioPlayerBlack}
  551. </div><div class="pc">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div><center>
  552. <div class="audiobox"><div class="audiotext">{block:TrackName}<i><big><big>"{TrackName}"</big></i>{/block:TrackName}{block:Artist}<br>by {Artist}{/block:Artist}</big></div></div></center>
  553. {block:Caption}{Caption}{/block:Caption}
  554. </div>
  555. {/block:Audio}
  556.  
  557. {block:Answer}
  558. <div id="ask">
  559. <div id="question">
  560. {Question}
  561. <div id="asker"><img src="{AskerPortraitURL-30}">- {Asker}</div><br>
  562. </div>
  563. <br>
  564. {Answer}
  565. </div>
  566. {/block:Answer}
  567.  
  568. {block:Date}
  569. <div id="info">
  570. <div id="borderleft"></div>
  571. <div id="borderright"></div>
  572. <center><div id="feather"><a href="{Permalink}" title="Permalink" target="_blank"><img src="https://media.tumblr.com/0992e433d8299178e75858cd40e7d684/tumblr_inline_mta0a6xUUc1qk6lff.png" style="width:20px;margin-top:-13px;"></a></div></center>
  573. {/block:Date}
  574. </div></div>
  575.  
  576. {block:PermalinkPage}
  577. {block:Date}
  578. <div id="info2">
  579. <a href="{Permalink}"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear} at {12Hour}.{Minutes}{ampm}</a> | <a href="{Permalink}"> {NoteCountWithLabel}</a>
  580. <div align="right" style="margin-top:-13px;">{block:RebloggedFrom} &nbsp;&nbsp;&nbsp; <a href="{ReblogParentURL}" title="{ReblogParentName}"> via </a> {/block:RebloggedFrom}
  581. {block:Reblog} / <a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a>{/block:Reblog} |{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank"> reblog</a>
  582. </div>
  583. {/block:Date}
  584.  
  585. {block:HasTags}<div id="tags" style="margin-top:3px; margin-bottom:-5px">{block:Tags} <small> #</small><a href="{TagURL}" target="_blank">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  586.  
  587. {block:PostNotes}<div class="note"> {PostNotes}</div></div></div>{/block:PostNotes}
  588. {/block:PermalinkPage}
  589.  
  590. {/block:Posts}
  591. </div></div></div>
  592.  
  593. <div id="credit"><div id="enchantingly">theghostoflove</div> <a href="https://theghostoflove.tumblr.com/" target="_blank">CREDIT</a></div>
  594.  
  595. </div>
  596. </body>
  597. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!