enchantingly

Theme 14v1 - Gryffindor

Sep 17th, 2013
2,212
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.11 KB | None | 0 0
  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 14v1 - "Gryffindor" 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="#fcccad">
  18. <meta name="color:Border"content="#680101">
  19. <meta name="color:Description"content="#fdfafa">
  20. <meta name="color:Entries" content="#360000">
  21. <meta name="color:Link"content="#a77a02">
  22. <meta name="color:Link Hover"content="#805d03">
  23. <meta name="color:Navlinks" content="#fdf3f3">
  24. <meta name="color:Navlinks Hover" content="#fcb805">
  25. <meta name="color:Scroll" content="#fcc52f">
  26. <meta name="color:Scroll BG" content="#990202">
  27. <meta name="color:Text"content="#990202">
  28. <meta name="color:Title"content="#ffbf11">
  29.  
  30. <meta name="if:Audio Player Black" content="1">
  31. <meta name="if:Infinite Scroll" content="0">
  32. <meta name="if:Page Support" content="1">
  33. <meta name="if:Posts 400" content="0">
  34.  
  35. <meta name="image:Background" content="https://media.tumblr.com/2bbe667b7c8497df0ed989a93a0ce0d7/tumblr_inline_mt9utsQ4hd1qk6lff.jpg">
  36.  
  37. <meta name="text:Link1" content="">
  38. <meta name="text:Link1URL" content="">
  39. <meta name="text:Link2" content="">
  40. <meta name="text:Link2URL" content="">
  41. <meta name="text:Link3" content="" >
  42. <meta name="text:Link3URL" content="">
  43. <meta name="text:Link4" content="">
  44. <meta name="text:Link4URL" content="">
  45. <meta name="text:Link5" content="">
  46. <meta name="text:Link5URL" content="">
  47. <meta name="text:Link6" content="">
  48. <meta name="text:Link6URL" content="">
  49. <meta name="text:Link7" content="">
  50. <meta name="text:Link7URL" content="">
  51.  
  52. <style type="text/css">
  53.  
  54. /**BASICS**/
  55.  
  56. body {
  57. font-family:lora, serif;
  58. font-size:12px;
  59. color:{color:text};
  60. background:{color:background} url('{image:Background}');
  61. background-size:100% 100%;
  62. background-repeat:no-repeat;
  63. background-attachment:fixed;
  64. }
  65.  
  66. blockquote {border-left:2px solid {color:border};margin-left:3px;padding-left:5px;}
  67.  
  68. ::-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};}
  69.  
  70. ::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};}
  71.  
  72. b { font-weight:bold; color:{color:text}; }
  73. i { font-weight:italic; color:{color:text}; }
  74. u {text-decoration:none; border-bottom:1px solid {color:text}; }
  75.  
  76. a { color:{color:link};
  77. text-decoration:none;-moz-transition-duration:0.5s;
  78. -webkit-transition-duration:0.5s;
  79. -o-transition-duration:0.5s;}
  80. a:hover {color:{color:link hover};}
  81.  
  82. h1 {font-family:book antiqua;font-size:26px;margin-top:-10px;}
  83. h3 {font-family:book antiqua; font-size:20px; text-align:center;margin:-1px 0px -1px; line-height:100%}
  84.  
  85. #title {
  86. font-family:book antiqua;
  87. font-weight:normal;
  88. text-transform:uppercase;
  89. text-align:center;
  90. width:340px;
  91. margin:40px 5px 0px 80px;
  92. position:absolute;
  93. font-size:44px;
  94. color:{color:title};
  95. }
  96.  
  97. #post {
  98. margin-left:5px;
  99. margin-top:10px;
  100. margin-bottom:15px;
  101. padding-bottom:10px;
  102. {block:ifnotPosts400}width:520px;{/block:ifnotPosts400} {block:ifPosts400}width:420px;{/block:ifPosts400}
  103. background-color:{color:post};
  104. }
  105.  
  106. #links {
  107. padding-top:10px;
  108. width:71px;
  109. text-align:center;
  110. }
  111. #links a {
  112. display:inline-block;
  113. padding-bottom:5px;
  114. color:{color:Navlinks};
  115. }
  116. #links a:hover {
  117. text-decoration:underline;
  118. color:{color:Navlinks hover};
  119. }
  120.  
  121. #sidebar {
  122. top:0px;
  123. left:0px;
  124. position:fixed;
  125. width:240px;
  126. height:400px;
  127. background-image:url('https://i1238.photobucket.com/albums/ff496/IcePhoenix140/Harry%20Potter%20-%20Pottermore%20Stuff/Flag-GryffindorwithLion02.png');
  128. background-repeat:no-repeat;
  129. background-attachment:fixed;
  130. background-position:top left;
  131. }
  132.  
  133. #description {
  134. overflow:hidden;
  135. margin-top:70px;
  136. margin-left:20px;
  137. text-align:left;
  138. position:fixed;
  139. width:180px;
  140. max-height:270px;
  141. padding:10px;
  142. color:{color:description};
  143. -webkit-transition: all 2.1s ease-in-out;-moz-transition: all 2.1s ease-in-out;-o-transition: all 2.1s ease-in-out;transition: all 2.1s ease-in-out;;
  144. }
  145. #description a {
  146. font-size:11px;
  147. font-family:Georgia;padding:3px;}
  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/84b85f7e2f5f27d0723fa0779aedaa97/tumblr_inline_mt9r6k7bMy1qk6lff.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. #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;}
  213. #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;}
  214.  
  215. /**NITTY GRITTY STUFF**/
  216.  
  217. {block:ifPosts400}
  218. #entries {
  219. padding:10px;
  220. float:left;
  221. margin-left:270px;
  222. margin-top:-178px;
  223. width:430px;
  224. margin-bottom:10px;
  225. background-color:{color:Entries};
  226. border-left:double 5px {color:border};
  227. border-right:double 5px {color:border};
  228. border-bottom:double 5px {color:border};
  229. }
  230.  
  231. #entriesimage {
  232. z-index:-10;
  233. margin-top:-300px;
  234. margin-left:250px;
  235. height:500px;
  236. width:800px;
  237. background-repeat:no-repeat;
  238. background-image:url('https://media.tumblr.com/2c91e545d006fcb1def7767dc01bccfd/tumblr_inline_mt8lc3cWEP1qk6lff.png');
  239. }
  240.  
  241. #linksb {
  242. position:fixed;
  243. margin-left:770px;
  244. margin-top:-311px;
  245. padding-top:40px;
  246. padding-left:20px;
  247. height:320px;
  248. width:90px;
  249. background-image:url('https://media.tumblr.com/7050e1242fa5bfc96c12347ce2ef8646/tumblr_inline_mt8hguXr2E1qk6lff.png');
  250. background-repeat:no-repeat;
  251. background-size:110px;
  252. }
  253.  
  254. #header {
  255. z-index:10;
  256. margin-top:-10px;
  257. margin-left:250px;
  258. height:300px;
  259. width:500px;
  260. background-image:url('https://media.tumblr.com/0efcd37bdb00674b799915b8cc511064/tumblr_inline_mt8afiBI311qk6lff.png');
  261. background-repeat:no-repeat;
  262. }
  263. {/block:ifPosts400}
  264.  
  265. {block:ifNotPosts400}
  266. #entries {
  267. padding:10px;
  268. float:left;
  269. margin-left:330px;
  270. margin-top:-113px;
  271. width:530px;
  272. margin-bottom:10px;
  273. background-color:{color:Entries};
  274. border-bottom:double 5px {color:border};
  275. border-left:double 5px {color:border};
  276. border-right:double 5px {color:border};
  277. }
  278.  
  279. #entriesimage {
  280. margin-top:-370px;
  281. margin-left:310px;
  282. height:500px;
  283. width:800px;
  284. background-repeat:no-repeat;
  285. background-size:600px;
  286. background-image:url('https://media.tumblr.com/2c91e545d006fcb1def7767dc01bccfd/tumblr_inline_mt8lc3cWEP1qk6lff.png');
  287. }
  288.  
  289. #linksb {
  290. position:fixed;
  291. margin-left:980px;
  292. margin-top:-308px;
  293. padding-top:40px;
  294. padding-left:20px;
  295. height:320px;
  296. width:90px;
  297. background-image:url('https://media.tumblr.com/7050e1242fa5bfc96c12347ce2ef8646/tumblr_inline_mt8hguXr2E1qk6lff.png');
  298. background-repeat:no-repeat;
  299. background-size:110px;
  300. }
  301.  
  302. #header {
  303. z-index:10;
  304. margin-top:-10px;
  305. margin-left:358px;
  306. height:300px;
  307. width:500px;
  308. background-image:url('https://media.tumblr.com/0efcd37bdb00674b799915b8cc511064/tumblr_inline_mt8afiBI311qk6lff.png');
  309. background-repeat:no-repeat;
  310. }
  311. {/block:ifNotPosts400}
  312.  
  313. /**POST TYPES**/
  314.  
  315. #text {
  316. padding:10px;
  317. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  318. background-size:100% auto;
  319. background-repeat:repeat;
  320. }
  321.  
  322. #photo {
  323. padding:10px;
  324. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  325. background-size:100% auto;
  326. background-repeat:repeat;
  327. }
  328.  
  329. #photoset {
  330. padding:10px;
  331. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  332. background-size:100% auto;
  333. background-repeat:repeat;
  334. }
  335.  
  336. #linkposts {
  337. padding-bottom:10px;
  338. padding-top:10px;
  339. font-family:book antiqua;
  340. font-size:16px;
  341. border:2px dotted {color:Border};
  342. }
  343.  
  344. #link {
  345. padding:10px;
  346. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  347. background-size:100% auto;
  348. background-repeat:repeat;
  349. }
  350.  
  351. #question {
  352. font-size:13px;
  353. letter-spacing:1px;
  354. padding:10px;
  355. border:2px dotted {color:Border};
  356. }
  357. #asker {
  358. text-align:right;
  359. font-size:12px;
  360. letter-spacing:1px;
  361. padding-bottom:0px;
  362. margin-top:20px;
  363. }
  364. #asker img {
  365. vertical-align:left;
  366. float:right;
  367. margin-left:10px;
  368. margin-right:10px;
  369. margin-top:-10px;
  370. border:1px solid {color:Border};
  371. }
  372. #ask {
  373. padding:10px;
  374. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  375. background-size:100% auto;
  376. background-repeat:repeat;
  377. }
  378.  
  379. #audio {
  380. padding:10px;
  381. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  382. background-size:100% auto;
  383. background-repeat:repeat;
  384. }
  385. .album {position:absolute; margin-top:0px; width:100px; height:100px;}
  386. .album img {width:100px; height:100px}
  387. .audio {opacity:.5;overflow:hidden;display:block; position:absolute; width:28px; height:30px; margin-top:35px; margin-left:35px;}
  388. .audiobox {height:100px;z-index:-1; margin-left:100px;}
  389. .audiotext {text-align:center; padding-top:30px; max-width:300px;overflow:hidden;}
  390. .pc {padding: 8px 13px;height:13px;float:right;font-size: 12px;text-transform: lowercase;z-index:-1}
  391.  
  392. #chat {
  393. padding:10px;
  394. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  395. background-size:100% auto;
  396. background-repeat:repeat;
  397. }
  398. .chat {margin: 3px 3px 0 3px;font-size: 11px;font-family:georgia;}
  399. .chat .lines {margin-left: 1px;}
  400. .chat .lines .line {margin-bottom: 1px;padding: 3px 5px;}
  401. .chat .lines .line.even {}
  402.  
  403. #quote {
  404. padding:10px;
  405. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  406. background-size:100% auto;
  407. background-repeat:repeat;
  408. }
  409.  
  410. #video {
  411. padding:10px;
  412. background-image:url('https://media.tumblr.com/6384e7672d484a915b6ebf6bfccf4549/tumblr_inline_mt9rv1ukpU1qk6lff.png');
  413. background-size:100% auto;
  414. background-repeat:repeat;
  415. }
  416.  
  417. /**MISC STYLING**/
  418.  
  419. {block:ifNotPosts400}
  420. #borderleft {margin-left:-10px;margin-top:-10px;width:225px; height:0px; border-top:solid 1px {color:border};}
  421.  
  422. #borderright {margin-left:285px;margin-top:0px;width:225px; height:0px; border-top:solid 1px {color:border};}
  423. {/block:ifNotPosts400}
  424.  
  425. {block:ifPosts400}
  426. #borderleft {margin-left:-10px;margin-top:-10px;width:175px; height:0px; border-top:solid 1px {color:border};}
  427.  
  428. #borderright {margin-left:235px;margin-top:0px;width:175px; height:0px; border-top:solid 1px {color:border};}
  429. {/block:ifPosts400}
  430.  
  431. #feather {}
  432. #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;}
  433. #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%);}
  434.  
  435. {CustomCSS}</style>
  436.  
  437. <script src="https://static.tumblr.com/ougxdjo/7cPmrvjid/lora.js" type="text/javascript"></script>
  438.  
  439. <script type="text/javascript" src="https://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  440.  
  441. <script src="https://static.tumblr.com/n82fyzo/XjQmg8058/cufon-yui.js" type="text/javascript"></script>
  442. <script src="https://static.tumblr.com/ougxdjo/Ubpmt2nud/cookie_400.font.js" type="text/javascript"></script>
  443. <script type="text/javascript"> Cufon.replace('h1'); </script>
  444.  
  445. </head>
  446. <body>
  447.  
  448. <div id="header">
  449. <div id="title">{Title}</div>
  450. </div>
  451.  
  452. <div id="sidebar">
  453. <div id="description">{Description}</div>
  454. </div>
  455.  
  456. <div id="linksb">
  457. <div id="links">
  458. <a href="/">home</a><br>
  459. <a href="/ask">owlery</a><br>
  460. <a href="/archive">history</a><br>
  461. <a href="/random">random</a><br>
  462. {block:ifNotPageSupport}
  463. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a><br>{/block:ifLink1}
  464. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a><br>{/block:ifLink2}
  465. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a><br>{/block:ifLink3}
  466. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a><br>{/block:ifLink4}
  467. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a><br>{/block:ifLink5}
  468. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a><br>{/block:ifLink6}
  469. {block:ifLink7}<a href="{text:Link7URL}">{text:Link7}</a><br>{/block:ifLink7}
  470. {/block:ifNotPageSupport}
  471. {block:ifPageSupport}
  472. {block:HasPages}{block:Pages}<a href="{URL}" class="page">{Label}</a><br>{/block:Pages}{/block:HasPages}
  473. {/block:ifPageSupport}
  474. {block:ifnotInfiniteScroll}<br><div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:ifnotInfiniteScroll}
  475. </div>
  476. </div>
  477.  
  478. <div id="entriesimage"></div>
  479. <div id="entries">
  480. {block:Posts}
  481. {block:ifInfiniteScroll}<div class = "autopagerize_page_element" >{/block:ifInfiniteScroll}
  482. <div id="post">
  483.  
  484. {block:Text}
  485. <div id="text">
  486. {block:Title}<h3>{Title}</h3>{/block:Title}
  487. {Body}
  488. </div>{/block:Text}
  489.  
  490. {block:ifnotPosts400}
  491. {block:Photo}<div id="photo"><center>{OpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  492. {/block:ifnotPosts400}
  493. {block:ifPosts400}
  494. {block:Photo}<div id="photo"><center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  495. {/block:ifPosts400}
  496.  
  497. {block:ifnotPosts400}
  498. {block:Photoset}
  499. <div id="photoset">
  500. <center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  501. </div>{/block:Photoset}
  502. {/block:ifnotPosts400}
  503. {block:ifPosts400}
  504. {block:Photoset}
  505. <div id="photoset">
  506. <center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}
  507. </div>
  508. {/block:Photoset}
  509. {/block:ifPosts400}
  510.  
  511. {block:Quote}
  512. <div id="quote">
  513. <h2>“{Quote}”</h2>
  514. <div align="right">
  515. {block:Source}<h1>- {Source}</h1>{/block:Source}
  516. </div></div>
  517. {/block:Quote}
  518.  
  519. {block:ifnotPosts400}
  520. {block:Video}<div id="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  521. {/block:ifnotPosts400}
  522. {block:ifPosts400}
  523. {block:Video}<div id="video">{Video-400}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  524. {/block:ifPosts400}
  525.  
  526. {block:Link}<div id="link"><div id="linkposts">
  527. <a href="{URL}" class="link" {Target}><center>{Name} →</center></a><BR>
  528. <center><small><small>{URL}</small></small></center></div>
  529. {block:Description}{Description}{/block:Description}</div>
  530. {/block:Link}
  531.  
  532. {block:Chat}<div id="chat">
  533. {block:Title}<h4>{Title}</h4>{/block:Title}
  534. <div class="chat">
  535. <div class="lines">
  536. {block:Lines}
  537. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  538. {/block:Lines}
  539. </div>
  540. </div>
  541. </div>
  542. {/block:Chat}
  543.  
  544. {block:Audio}
  545. <div id="audio">
  546. {block:AlbumArt}
  547. <div class="album"><img src="{AlbumArtURL}"></div>
  548. {/block:AlbumArt}
  549. <div class="audio">{block:ifNotAudioPlayerBlack}{AudioPlayerWhite}{/block:ifNotAudioPlayerBlack}{block:ifAudioPlayerBlack}{AudioPlayerBlack}{/block:ifAudioPlayerBlack}
  550. </div><div class="pc">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div><center>
  551. <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>
  552. {block:Caption}{Caption}{/block:Caption}
  553. </div>
  554. {/block:Audio}
  555.  
  556. {block:Answer}
  557. <div id="ask">
  558. <div id="question">
  559. {Question}
  560. <div id="asker"><img src="{AskerPortraitURL-30}">- {Asker}</div><br>
  561. </div>
  562. <br>
  563. {Answer}
  564. </div>
  565. {/block:Answer}
  566.  
  567. {block:Date}
  568. <div id="info">
  569. <div id="borderleft"></div>
  570. <div id="borderright"></div>
  571. <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>
  572. {/block:Date}
  573. </div></div>
  574.  
  575. {block:PermalinkPage}
  576. {block:Date}
  577. <div id="info2">
  578. <a href="{Permalink}"><a href="{Permalink}">{DayOfMonth}{DayOfMonthSuffix} {ShortMonth} '{ShortYear} at {12Hour}.{Minutes}{ampm}</a> | <a href="{Permalink}"> {NoteCountWithLabel}</a>
  579. <div align="right" style="margin-top:-13px;">{block:RebloggedFrom} &nbsp;&nbsp;&nbsp; <a href="{ReblogParentURL}" title="{ReblogParentName}"> via </a> {/block:RebloggedFrom}
  580. {block:Reblog} / <a href="{ReblogRootURL}" title="{ReblogRootName}">origin</a>{/block:Reblog} |{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank"> reblog</a>
  581. </div>
  582. {/block:Date}
  583.  
  584. {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}
  585.  
  586. {block:PostNotes}<div class="note"> {PostNotes}</div></div></div>{/block:PostNotes}
  587. {/block:PermalinkPage}
  588.  
  589. {/block:Posts}
  590. </div></div></div>
  591.  
  592. <div id="credit"><div id="enchantingly">theghostoflove</div> <a href="https://theghostoflove.tumblr.com/" target="_blank">CREDIT</a></div>
  593.  
  594. </div>
  595. </body>
  596. </html>
Advertisement
Add Comment
Please, Sign In to add comment