alithegreat

ALICATWRITES | 024: TIMELESS (V1).

Mar 10th, 2018
2,207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.54 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  8.  
  9. <link href="https://fonts.googleapis.com/css?family=Karla|Lato|Montserrat|Noto+Sans|Open+Sans|Poppins|Roboto+Condensed" rel="stylesheet">
  10.  
  11. <link href="https://fonts.googleapis.com/css?family=Ubuntu+Condensed" rel="stylesheet">
  12.  
  13. <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans|Oxygen|Roboto+Mono|Signika" rel="stylesheet">
  14.  
  15. <head>
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <!----
  23.  
  24. #24 (v1) - timeless
  25. by alicatwrites
  26. --->
  27.  
  28. <meta name="image:Icon1" content="https://via.placeholder.com/80x80"/>
  29. <meta name="image:Icon2" content="https://via.placeholder.com/80x80"/>
  30. <meta name="image:Background" content=""/>
  31.  
  32. <meta name="color:Accent One" content="#000000"/>
  33. <meta name="color:Accent Two" content="#818181"/>
  34. <meta name="color:Background" content="#f8f8f8"/>
  35. <meta name="color:Blockquote" content="#d4d4d4"/>
  36. <meta name="color:Border" content="#d4d4d4"/>
  37. <meta name="color:Container" content="#f0f0f0"/>
  38. <meta name="color:Entries" content="#ffffff"/>
  39. <meta name="color:Link" content="#767676"/>
  40. <meta name="color:Navigation" content="#f0f0f0"/>
  41. <meta name="color:Question" content="#f0f0f0"/>
  42. <meta name="color:Scrollbar" content="#f0f0f0"/>
  43. <meta name="color:Tags" content="#3c3636"/>
  44. <meta name="color:Text" content="#3c3636"/>
  45. <meta name="color:Title" content="#000000"/>
  46.  
  47. <meta name="select:body font" content="Dosis" title="Dosis" />
  48. <meta name="select:body font" content="Karla" title="Karla" />
  49. <meta name="select:body font" content="Nanum Gothic" title="Nanum Gothic" />
  50. <meta name="select:body font" content="Oswald" title="Oswald" />
  51. <meta name="select:body font" content="Oxygen" title="Oxygen" />
  52. <meta name="select:body font" content="Roboto Mono" title="Roboto Mono" />
  53. <meta name="select:body font" content="Source Sans Pro" title="Source Sans Pro" />
  54. <meta name="select:body font" content="Ubuntu Condensed" title="Ubuntu Condensed" />
  55.  
  56. <meta name="select:title font" content="Brushgyo" title="Brushgyo" />
  57. <meta name="select:title font" content="Nazeefa" title="Nazeefa" />
  58. <meta name="select:title font" content="Shellahera" title="Shellahera" />
  59. <meta name="select:title font" content="Signerica" title="Signerica" />
  60. <meta name="select:title font" content="Wildy" title="Wildy" />
  61. <meta name="select:title font" content="Ting Tong" title="Ting Tong" />
  62. <meta name="select:title font" content="Valledofas" title="Valledofas" />
  63.  
  64. <meta name="text:title text size" content="26px">
  65. <meta name="text:post title text size" content="16px">
  66. <meta name="text:navigation text size" content="9px">
  67. <meta name="text:body text size" content="11px">
  68. <meta name="text:small text size" content="10px">
  69.  
  70. <meta name="text:sidebar title" content="sidebar title">
  71.  
  72. <meta name="if:title rotate" content="1"/>
  73.  
  74. <meta name="if:500 posts" content="0"/>
  75. <meta name="if:400 posts" content="1"/>
  76.  
  77. <meta name="if:small caps" content="0"/>
  78.  
  79. <meta name="text:link one url" content="link one"/>
  80. <meta name="text:link one label" content="one label"/>
  81. <meta name="text:link two url" content="link two"/>
  82. <meta name="text:link two label" content="two label"/>
  83.  
  84. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85.  
  86. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  87.  
  88. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  89.  
  90. <script>
  91.  
  92. (function($){
  93.  
  94. $(document).ready(function(){
  95.  
  96. $("a[title]").style_my_tooltips({
  97.  
  98. tip_follows_cursor:true,
  99.  
  100. tip_delay_time:90,
  101.  
  102. tip_fade_speed:600,
  103.  
  104. attribute:"title"
  105.  
  106. });
  107.  
  108. });
  109.  
  110. })(jQuery);
  111.  
  112. </script>
  113.  
  114. <style type="text/css">
  115.  
  116.  
  117. @font-face {
  118. font-family: "brushgyo";
  119. src: url('https://dl.dropbox.com/s/326q7k9d6vqcbwm/brushgyo%20personal%20use.otf?dl=0'); ;}
  120.  
  121. @font-face {
  122. font-family: "nazeefa";
  123. src: url('https://dl.dropbox.com/s/98m4w0dsre4djww/nazeefa-demo.otf?dl=0'); ;}
  124.  
  125. @font-face {
  126. font-family: "shellahera";
  127. src: url('https://dl.dropbox.com/s/n7opwmufueovklc/ShellaheraScriptDemo.otf?dl=0'); ;}
  128.  
  129. @font-face {
  130. font-family: "signerica";
  131. src: url('https://dl.dropbox.com/s/rf65lvmxgi5qnfy/Signerica_Fat.ttf?dl=0'); ;}
  132.  
  133. @font-face {
  134. font-family: "wildy";
  135. src: url('https://dl.dropbox.com/s/l564hq68lqrwpuv/Stay%20Wildy.ttf?dl=0'); ;}
  136.  
  137. @font-face {
  138. font-family: "ting tong";
  139. src: url('https://dl.dropbox.com/s/d2yzpd3scyb9f6x/TingTong.ttf?dl=0'); ;}
  140.  
  141. @font-face {
  142. font-family: "valledofas";
  143. src: url('https://dl.dropbox.com/s/4me2ifechy8648e/Valledofas%20just%20personal%20only.otf?dl=0') ;}
  144.  
  145. #s-m-t-tooltip {
  146. background-color:{color:accent one};
  147. font-size:10px;
  148. font-weight:bold;
  149. border-radius:5px 5px 5px 5px;
  150. color:{color:entries};
  151. letter-spacing:1px;
  152. text-transform:lowercase;
  153. padding:10px;
  154. margin:20px 0px 0px 20px;
  155. z-index:9999999999999999999999;
  156.  
  157. }
  158.  
  159. ::-webkit-scrollbar-thumb {
  160. background-color:{color:Scrollbar};
  161. }
  162.  
  163. ::-webkit-scrollbar-track {
  164. background-color:{color:Entries};
  165. }
  166.  
  167. ::-webkit-scrollbar {
  168. height:4px;
  169. width:4px;
  170. }
  171.  
  172. ul {
  173. list-style-type: circle;
  174. padding-left:24px;
  175. line-height:13px;
  176. }
  177.  
  178. li {
  179. padding-left: 0px;
  180. margin-bottom: 0px;
  181. list-style: none;
  182. }
  183.  
  184. li:before {
  185. color: {color:title};
  186. content: "\f00d";
  187. font-family: FontAwesome;
  188. font-size:7px;
  189. display: inline-block;
  190. margin-left: -1.5em;
  191. width: 1.5em;
  192. }
  193.  
  194. hr {
  195. display:block;
  196. border-style:dotted;
  197. border-color:{color:border};
  198. }
  199.  
  200. body {
  201. background: {color:Background};
  202. background-image:url('{image:Background}');
  203. background-attachment:fixed;
  204. font-family: '{select:body font}', sans-serif;
  205. font-size: {text:body text size};
  206. line-height:15px;
  207. color: {color:Text};
  208. }
  209.  
  210. blockquote {
  211. text-align:justify;
  212. margin-top: 5px;
  213. margin-bottom: 5px;
  214. margin-left: 5px;
  215. padding-left: 10px;
  216. border-left: 3px solid {color:blockquote};
  217. margin-right:5px;
  218. }
  219.  
  220. a {
  221. text-decoration: none;
  222. color: {color:Link};
  223. }
  224.  
  225. small, sub {
  226. font-size:{text:small text size};
  227. }
  228.  
  229. b, strong {
  230. color:{color:Title};
  231. }
  232.  
  233. pre {
  234. padding:6px;
  235. border-bottom:1px dotted {color:border};
  236. text-align:center;
  237. text-transform:lowercase;
  238. font-family:{select:body font};
  239. font-size:{small text size};
  240. color:{color:title};
  241. }
  242.  
  243. h1 {
  244. font-family:{select:title font};
  245. line-height:120%;
  246. font-size:{text:post title text size};
  247. color:{color:title};
  248. text-align:center;
  249. font-weight:300;
  250. letter-spacing:2px;
  251. text-transform:lowercase;
  252. }
  253.  
  254. h2 {
  255. font-family:{select:body font};
  256. font-size:{text:small text size};
  257. color:{color:title};
  258. text-align:center;
  259. text-transform:uppercase;
  260. letter-spacing:3px;
  261. word-spacing:3px;
  262. }
  263.  
  264. #contain {
  265. margin:20px auto;
  266. padding:20px;
  267. height:130%;
  268. {block:If400posts}
  269. width:735px;
  270. {/block:If400posts}
  271. {block:If500posts}
  272. width:835px;
  273. {/block:If500posts}
  274. overflow:hidden;
  275. }
  276.  
  277.  
  278. #bloggerback {
  279. margin-top:85px;
  280. position:fixed;
  281. width:250px;
  282. }
  283.  
  284. #bloggerdeets {
  285. width:174px;
  286. padding:0px;
  287. margin-top:5px;
  288. margin-bottom:10px;
  289. text-align:justify;
  290. {block:IfSmallCaps}
  291. font-variant:small-caps;
  292. font-size:10px;
  293. font-family:Ubuntu Condensed;
  294. line-height:15px;
  295. letter-spacing:1px;
  296. {/block:IfSmallCaps}
  297. }
  298.  
  299. #photobar1 {
  300. text-align:center;
  301. display:inline-block;
  302. width:80px;
  303. height:80px;
  304. background-color:{color:accent one};
  305. padding:3px;
  306. border-radius:5px;
  307. }
  308.  
  309. #photobar1 img {
  310. width:80px;
  311. height:80px;
  312. padding:0px;
  313. float:left;
  314. border-radius:5px;}
  315.  
  316. #photobar2 {
  317. background-color:{color:accent two};
  318. padding:3px;
  319. text-align:center;
  320. display:inline-block;
  321. width:80px;
  322. height:80px;
  323. border-radius:5px;
  324. }
  325.  
  326. #photobar2 img {
  327. width:80px;
  328. height:80px;
  329. padding:0px;
  330. float:right;
  331. border-radius:5px;}
  332.  
  333. #navigation {
  334. margin-top:1px;
  335. }
  336.  
  337. #navigation a {
  338. text-align:right;
  339. border-bottom:none;
  340. display:block;
  341. width:174px;
  342. font-size:{text:navigation text size};
  343. border-radius:8px 8px 8px 8px;
  344. text-transform:lowercase;
  345. -webkit-transition: all 0.5s ease-in-out;
  346. -moz-transition: all 0.5s ease-in-out;
  347. -o-transition: all 0.5s ease-in-out;
  348. }
  349.  
  350. #navigation a thing {
  351. background-color:{color:accent one};
  352. color:{color:navigation};
  353. width:12px;
  354. height:12px;
  355. line-height:12px;
  356. padding:5px;
  357. float:left;
  358. margin-bottom:2px;
  359. display:block;
  360. text-align:center;
  361. border-radius:5px;
  362. }
  363.  
  364. #navigation a other {
  365. color:{color:navigation};
  366. background-color:{color:accent two};
  367. width:140px;
  368. height:12px;
  369. padding:5px;
  370. line-height:12px;
  371. margin-bottom:2px;
  372. display:block;
  373. float:right;
  374. text-align:right;
  375. border-radius:5px;
  376. }
  377.  
  378. #toptitle {
  379. font-family:{select:title font};
  380. line-height:{text:title text size};
  381. text-transform:lowercase;
  382. font-size:{text:title text size};
  383. letter-spacing:0px;
  384. color:{color:title};
  385. display:block;
  386. text-align:center;
  387. width:174px;
  388. margin-bottom:10px;
  389. z-index:99999999999999;
  390. {block:IfTitleRotate}
  391. transform: rotate(-3deg);
  392. {/block:IfTitleRotate}
  393.  
  394. }
  395.  
  396.  
  397. #entries {
  398. position:absolute;
  399. {block:If400posts}
  400. width:430px;
  401. {/block:If400posts}
  402. {block:If500posts}
  403. width:530px;
  404. {/block:If500posts}
  405. margin-left:290px;
  406. margin-top:20px;
  407. border: 0px solid {color:Border};}
  408.  
  409.  
  410. #entry {
  411. background-color:{color:Entries};
  412. margin-bottom:55px;
  413. border-radius:8px 8px 8px 8px;
  414. padding:15px;}
  415.  
  416. img {
  417. max-width: 100%;
  418. }
  419.  
  420. #posttitles {
  421. font-family:{select:title font};
  422. line-height:130%;
  423. font-size:{text:post title text size};
  424. color:{color:title};
  425. padding:5px;
  426. text-align:center;
  427. text-transform:lowercase;
  428. }
  429.  
  430. #boujee {
  431. text-align:center;
  432. letter-spacing:0px;
  433. display: block;
  434. width:174px;
  435. text-transform:uppercase;
  436. letter-spacing:1px;
  437. font-family:karla;
  438. font-size:8px;
  439. margin-top:8px;
  440. border-radius:8px 8px 8px 8px;
  441. color:{color:text};
  442. }
  443.  
  444. #boujee a {
  445. color:{color:accent two};
  446. font-weight:bold;
  447. }
  448.  
  449. #ask {
  450. text-align:center;
  451. line-height:120%;
  452. color:{color:text};
  453. padding:5px;
  454. }
  455.  
  456. .ask {
  457. float:left;
  458. z-index:10;
  459. font-size:11px;
  460. font-family:{select:body font};
  461. text-align:center;
  462. font-weight:bold;
  463. text-transform:lowercase;
  464. letter-spacing:1px;
  465. line-height:14px;
  466. color:{color:entries};
  467. background-color:{color:accent one};
  468. margin-top:-13px;
  469. margin-right:0px;
  470. margin-left:0px;
  471. border-radius:5px;
  472. padding-left:10px;
  473. padding-right:10px;
  474. padding-top:5px;
  475. padding-bottom:5px;
  476. }
  477.  
  478. .ask a {
  479. color:{color:entries};
  480. }
  481.  
  482. .askline {
  483. height:1px;
  484. margin-top:5px;
  485. margin-left:0px;
  486. background-color:{color:Border};
  487. z-index:-1;
  488. word-wrap:break-word;
  489. }
  490.  
  491. .question {
  492. color:{color:text};
  493. font-size:{text:small text size};
  494. border-left:1px solid {color:border};
  495. padding:15px;
  496. display:block;
  497. text-align:right;
  498. margin-left:10px;
  499. word-wrap:break-word;
  500.  
  501. }
  502.  
  503. #questionbox {
  504. word-wrap:break-word;
  505. padding:10px;
  506.  
  507. }
  508.  
  509.  
  510. #ans {
  511. text-align:justify;
  512. padding-top:2px;
  513. display:block;
  514. margin-top:20px;
  515. color:{color:text};
  516. }
  517.  
  518. #audioplayer {
  519. width:30px;
  520. height:30px;
  521. background-color:{color:ffffff};
  522. overflow:hidden;
  523. -moz-border-radius: 30px;
  524. -webkit-border-radius: 30px;
  525. border-radius: 30px;
  526. position:absolute;
  527. margin-top:25px;
  528. margin-left:25px;
  529. opacity: 0.7;
  530. filter:alpha(opacity=70);
  531. -moz-opacity: 0.7;
  532. -khtml-opacity: 0.7;
  533. }
  534.  
  535. #albumart {
  536. float:left;
  537. margin:0px 0px;
  538. -moz-border-radius: 80px;
  539. -webkit-border-radius: 80px;
  540. border-radius: 80px;}
  541.  
  542. #albumart img {
  543. -moz-border-radius: 80px;
  544. -webkit-border-radius: 80px;
  545. border-radius: 80px;
  546. }
  547.  
  548. tehe {
  549. font-size:10px;
  550. text-transform:uppercase;
  551. padding-left:50px;
  552. padding-right:50px;
  553. padding-bottom:15px;
  554. display:block;
  555. margin-top:10px;
  556. margin-left:80px;
  557. text-align:center;
  558. }
  559.  
  560. #permalink {
  561. text-align: center;
  562. border:none;
  563. position: relative;
  564. font-size:10px;
  565. text-transform:lowercase;
  566. margin-top: 20px;
  567. display:block;
  568. padding: 10px;
  569. background-color:{color:background};
  570. border-radius:8px 8px 8px 8px;
  571. }
  572.  
  573. #permalink a {
  574. border-bottom:none;
  575. }
  576.  
  577.  
  578.  
  579. .dateline {
  580. height:0px;
  581. margin-left:0px;
  582. border:none;
  583. background-color:{color:border};
  584. z-index:-1;
  585. }
  586.  
  587. .date {
  588. color:{color:text};
  589. font-size:9px;
  590. z-index:10;
  591. text-transform:lowercase;
  592. border:none;
  593. text-align:right;
  594. }
  595.  
  596. .date iconback {
  597. width:25px;
  598. margin-right:10px;
  599. height:25px;
  600. font-size:9px;
  601. background-color:{color:entries};
  602. line-height:25px;
  603. text-align:center;
  604. border-radius:8px 8px 8px 8px;
  605. display:inline-block;
  606. }
  607.  
  608. timeicon {
  609. padding-left: 1.2em;
  610. list-style: none;
  611. }
  612. timeicon:before {
  613. content: "\f011";
  614. font-family: FontAwesome;
  615. display: inline-block;
  616. margin-left: -1.2em;
  617. width: 1.2em;
  618. }
  619.  
  620. noteicon {
  621. padding-left: 1.2em;
  622. list-style: none;
  623. }
  624. noteicon:before {
  625. content: "\f08a";
  626. font-family: FontAwesome;
  627. display: inline-block;
  628. margin-left: -1.2em;
  629. width: 1.2em;
  630. }
  631.  
  632. reblogicon {
  633. padding-left: 1.2em;
  634. list-style: none;
  635. }
  636. reblogicon:before {
  637. content: "\f021";
  638. font-family: FontAwesome;
  639. display: inline-block;
  640. margin-left: -1.2em;
  641. width: 1.2em;
  642. }
  643.  
  644. viaicon {
  645. padding-left: 1.2em;
  646. list-style: none;
  647. }
  648. viaicon:before {
  649. content: "\f041";
  650. font-family: FontAwesome;
  651. display: inline-block;
  652. margin-left: -1.2em;
  653. width: 1.2em;
  654. }
  655.  
  656. sourceicon {
  657. padding-left: 1.2em;
  658. list-style: none;
  659. }
  660. sourceicon:before {
  661. content: "\f1d9";
  662. font-family: FontAwesome;
  663. display: inline-block;
  664. margin-left: -1.2em;
  665. width: 1.2em;
  666. }
  667.  
  668. .tags {
  669. color:{color:tags};
  670. font-size:9px;
  671. margin-top:10px;
  672. text-align:right;
  673. border:none;
  674. text-transform:lowercase;
  675. }
  676.  
  677. .tags a{
  678. color:{color:tags};
  679. }
  680.  
  681. tagsicon {
  682. padding-left: 1.2em;
  683. list-style: none;
  684. }
  685. tagsicon:before {
  686. content: "\f00d";
  687. font-size:7px;
  688. padding-right:3px;
  689. color:{color:title};
  690. font-family: FontAwesome;
  691. display: inline-block;
  692. margin-left: -1.2em;
  693. width: 1.2em;
  694. }
  695.  
  696. #credit {
  697. font-size:9px;
  698. float:center;
  699. position:fixed;
  700. bottom:25px;
  701. letter-spacing:1px;
  702. right:25px;
  703. font-family:Roboto Mono;
  704. text-transform:lowercase;
  705. padding:8px;
  706. border-radius:5px;
  707. color:{color:entries};
  708. background-color:{color:accent one};
  709. }
  710.  
  711. #credit a {
  712. color:{color:entries};
  713. }
  714.  
  715. cred {
  716. padding-left: .5em;
  717. list-style: none;
  718. }
  719. cred:before {
  720. content: "\f121";
  721. font-family: FontAwesome;
  722. display: inline-block;
  723. margin-left: -.5em;
  724. width: .5em;
  725. }
  726.  
  727. </style>
  728.  
  729. </head>
  730.  
  731. <body>
  732.  
  733. <div id="contain">
  734.  
  735. <div id="bloggerback">
  736.  
  737. <div id="toptitle">{text:sidebar title}</div>
  738.  
  739. <div id="photobar1"><img src="{image:Icon1}">
  740. </div>
  741.  
  742. <div id="photobar2"><img src="{image:Icon2}">
  743. </div>
  744.  
  745. <div id="bloggerdeets">
  746. {description}
  747.  
  748. <div id="boujee">
  749. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> &nbsp;&nbsp;{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;&nbsp;<a href="{NextPage}">next</a>{/block:NextPage} {/block:Pagination}
  750. </div>
  751.  
  752. </div>
  753.  
  754.  
  755. <div id="navigation">
  756. <a href="/"><thing>01</thing> <other>refresh</other></a><br>
  757. <a href="/ask"><thing>02</thing> <other>message</other></a><br>
  758. <a href="{text:link one url}"><thing>03</thing> <other>{text:link one label}</other></a><br>
  759. <a href="{text:link two url}"><thing>04</thing> <other>{text:link two label}</other></a>
  760. </div>
  761.  
  762.  
  763. </div>
  764.  
  765. <div id="entries">
  766. {block:Posts}
  767. <div id="entry">
  768.  
  769.  
  770. {block:Text}
  771. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  772. {Body}
  773. {/block:Text}
  774.  
  775. {block:Photo}
  776. {LinkOpenTag}{block:If400posts}<img src="{PhotoURL-400}">{/block:If400posts}{block:If500posts}<img src="{PhotoURL-500}">{/block:If500posts} {LinkCloseTag}
  777. {block:Caption}{Caption}{/block:Caption}
  778. {/block:Photo}
  779.  
  780. {block:Photoset}
  781. {block:If400posts}
  782. {Photoset-400}
  783. {/block:If400posts}
  784. {block:If500posts}
  785. {Photoset-500}
  786. {/block:If500posts}
  787. {block:Caption}{Caption}{/block:Caption}
  788. {/block:Photoset}
  789.  
  790. {block:Quote}
  791. <div id="posttitles">{Quote}</div>
  792. {block:Source}<br>—{Source}{/block:Source}
  793. {/block:Quote}
  794.  
  795. {block:Link}
  796. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  797. {block:Description}{Description}{/block:Description}
  798. {/block:Link}
  799.  
  800. {block:Chat}
  801. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  802. {block:Lines}
  803. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  804. {/block:Lines}
  805. {/block:Chat}
  806.  
  807. {block:Audio}
  808. <div id="audioplayer">{AudioPlayerWhite} </div>
  809. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  810. <tehe>
  811. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
  812. <br>
  813. <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
  814. <br>
  815. <b>CURRENTLY:</b> {PlayCountWithLabel}
  816. </tehe>
  817. {block:caption}{caption}{/block:caption}
  818. {/block:Audio}
  819.  
  820. {block:Video}
  821. {block:If400posts}
  822. {Video-400}
  823. {/block:If400posts}
  824. {block:If500posts}
  825. {Video-500}
  826. {/block:If500posts}
  827. {block:Caption}{Caption}{/block:Caption}
  828. {/block:Video}
  829.  
  830. {block:Answer}
  831. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  832. <div id="ans">{Answer}</div>
  833. {/block:Answer}
  834.  
  835.  
  836. <div id="permalink">
  837. <div class="date">
  838. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><timeicon></timeicon></a></iconback>
  839.  
  840. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><noteicon></noteicon></a></iconback>
  841.  
  842. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><reblogicon></reblogicon></a></iconback>
  843.  
  844. {block:RebloggedFrom}
  845.  
  846. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><viaicon></viaicon></a></iconback>
  847.  
  848. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><sourceicon></sourceicon></a></iconback>
  849.  
  850. {/block:RebloggedFrom}</div>
  851.  
  852.  
  853. </div>
  854.  
  855. <div class="tags">{block:HasTags} {block:Tags} <tagsicon></tagsicon><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  856.  
  857.  
  858.  
  859. <!-- /div entry ---> </div>
  860.  
  861. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  862.  
  863. <div id="credit"><cred> &nbsp;<a href="https://alicatwrites.tumblr.com/">ali</a></cred></div>
  864.  
  865. </body>
  866.  
  867. </html>
Advertisement
Add Comment
Please, Sign In to add comment