angelicxi

THEME #005: PORTFOLIO

Jul 12th, 2016
3,005
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{title}</title>
  3. <link rel="shortcut icon" href="{favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!--------------------------------------------------------------------
  8.  
  9. THEME #005: PORTFOLIO BY ANGELICXI
  10. published july 12, 2016
  11. ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ
  12.  
  13. Terms of Use:
  14. - DO NOT REPRODUCE (STEAL) THE CODE OR PARTS OF IT.
  15. - DO NOT MODIFY IT TO THE POINT WHERE IT IS NO LONGER RECOGNIZABLE.
  16. - UNDER NO CIRCUMSTANCES REMOVE THE CREDIT FROM ITS' SPOT.
  17. - UNDER NO CIRCUMSTANCES CLAIM AS YOUR OWN WORK.
  18.  
  19. By using this theme, you agree to the aforementioned rules. I think everything is well-detailed enough to be easy to customize from the panel alone, but if you've got any questions, drop me an ask!
  20.  
  21. ~Lia
  22.  
  23. --------------------------------------------------------------------->
  24.  
  25.  
  26. <!---META: COLORS--->
  27. <meta name="color:Background" content="#ececec"/>
  28. <meta name="color:Sidebar Border" content="#05b8aa"/>
  29. <meta name="color:Sidebar Background" content="#ffffff"/>
  30. <meta name="color:Blog Title" content="#05b8aa"/>
  31. <meta name="color:Name Title" content="#c31423"/>
  32. <meta name="color:Description" content="#000000"/>
  33. <meta name="color:Pagination" content="#05b8aa"/>
  34. <meta name="color:Pagination Hover" content="#c31423"/>
  35. <meta name="color:Navigation" content="#c31423"/>
  36. <meta name="color:Text" content="#000000"/>
  37. <meta name="color:Bold" content="#05b8aa"/>
  38. <meta name="color:Italic" content="#05b8aa"/>
  39. <meta name="color:Underline" content="#05b8aa"/>
  40. <meta name="color:Links" content="#05b8aa"/>
  41. <meta name="color:Links Hover" content="#c31423"/>
  42. <meta name="color:Post Background" content="#ffffff"/>
  43. <meta name="color:Post Border" content="#05b8aa"/>
  44. <meta name="color:Post Date" content="#ffffff"/>
  45. <meta name="color:Post Title" content="#ffffff"/>
  46. <meta name="color:Tags" content="#c31423"/>
  47. <meta name="color:Tags Hover" content="#05b8aa"/>
  48. <meta name="color:Quote First Letter" content="#05b8aa"/>
  49. <meta name="color:Audio Title" content="#05b8aa"/>
  50. <meta name="color:Ask Name" content="#c31423"/>
  51.  
  52.  
  53. <!---META: FEATURES--->
  54. <meta name="if:500px Posts" content="1"/>
  55. <meta name="if:700px Posts" content="0">
  56. <meta name="image:Avatar"/>
  57. <meta name="text:Title" content="this is the title that appears on the topbar :)"/>
  58. <meta name="text:Artist" content="your name goes here!"/>
  59. <meta name="text:Link One" content="This is your home link. I suggest putting your tumblr link in full!"/>
  60. <meta name="text:Link Two" content="This is your ask link."/>
  61. <meta name="text:Link Three Title" content="link three."/>
  62. <meta name="text:Link Three" content="This is your third link."/>
  63. <meta name="text:Link Four Title" content="link four."/>
  64. <meta name="text:Link Four" content="This is your fourth link."/>
  65. <meta name="text:Link Five Title" content="link five."/>
  66. <meta name="text:Link Five" content="This is the fifth link."/>
  67.  
  68.  
  69. <!---META: FONTS--->
  70. <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">
  71. <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. /* BASICS */
  77.  
  78. body {
  79. background-color: {color:background};
  80. margin: 0px;
  81.  
  82. }
  83.  
  84. a, a:active, a:visited {
  85. color: {color:links};
  86. text-decoration: none;
  87. }
  88.  
  89. a:hover {
  90. color: {color:links hover};
  91. }
  92.  
  93. b, strong {
  94. color: {color:bold};
  95. font-weight: 600;
  96. }
  97.  
  98. i, em {
  99. color: {color:italic};
  100.  
  101. }
  102.  
  103. u, underline {
  104. color: {color:underline};
  105. text-decoration: underline;
  106.  
  107. }
  108.  
  109. small {
  110. font-size: 95%;
  111. }
  112.  
  113. pre {
  114. font-size: 90%;
  115. word-wrap: break-all;
  116. word-break: break-all;
  117. letter-spacing: 1px;
  118. }
  119.  
  120. p {
  121. margin: 10px;
  122. }
  123.  
  124. hr {
  125. color: {color:post border};
  126. height: 1px;
  127. }
  128.  
  129.  
  130. blockquote {
  131. word-wrap: normal;
  132. word-break: normal;
  133. margin-left: 10px;
  134. margin-right: 0px;
  135. padding: 5px;
  136. border-left: 1px solid {color:post border};
  137. }
  138.  
  139.  
  140. blockquote blockquote {
  141. word-wrap: normal;
  142. word-break: normal;
  143. margin-left: 15px;
  144. margin-right: 0px;
  145. padding: 5px;
  146. border-left: 1px solid {color:post border};
  147. }
  148.  
  149.  
  150. blockquote img {
  151. width: auto;
  152. max-width: 460px;
  153. overflow: hidden;
  154. }
  155.  
  156.  
  157. blockquote blockquote img {
  158. width: auto;
  159. max-width: 425px;
  160. overflow: hidden;
  161. }
  162.  
  163.  
  164. h1 {
  165. color: {color:blog title};
  166. font-family: 'Great Vibes';
  167. font-size: 30px;
  168. font-weight: 500;
  169. text-transform: lowercase;
  170. letter-spacing: 2px;
  171. margin-left: 20px;
  172. position: fixed;
  173. margin-top: 5px;
  174. z-index: 10;
  175.  
  176. }
  177.  
  178. h2 {
  179. font-size: 11px;
  180. text-indent: 25px;
  181. text-transform: uppercase;
  182. text-align: left;
  183. }
  184.  
  185. h3 {
  186. color: {color:name title};
  187. font-family: 'Arial';
  188. font-size: 13px;
  189. font-weight: bold;
  190. text-transform: uppercase;
  191. text-align: center;
  192. letter-spacing: 1px;
  193. {block:If500pxPosts}
  194. width: 300px;
  195. margin-left: 25px;
  196. {/block:If500pxPosts}
  197. {block:If700pxPosts}
  198. width: 205px;
  199. margin-left: 35px;
  200. {/block:If700pxPosts}
  201. margin-top: 240px;
  202. position: fixed;
  203. z-index: 9;
  204. }
  205.  
  206. h4 {
  207. background-color: {color:post border};
  208. color: {color:post title};
  209. font-family: 'Arial';
  210. font-size: 11px;
  211. font-weight: bold;
  212. letter-spacing: 2px;
  213. text-transform: uppercase;
  214. text-align: center;
  215. {block:If500pxPosts}
  216. width: 500px;
  217. {/block:If500pxPosts}
  218. {block:IF700pxPosts}
  219. width: 700px;
  220. {/block:If700pxPosts}
  221. padding-top: 15px;
  222. padding-bottom: 15px;
  223. margin-top: 5px;
  224. margin-bottom: 5px;
  225. }
  226.  
  227.  
  228.  
  229. /* TOPBAR & SIDEBAR */
  230.  
  231. #topbar {
  232. background-color: {color:sidebar background};
  233. height: 55px;
  234. width: 100%;
  235. border-bottom: 3px solid {color:sidebar border};
  236. margin-top: -100px;
  237. position: fixed;
  238. z-index: 9;
  239. }
  240.  
  241. #navigation {
  242. color: {color:sidebar border};
  243. font-family: 'Roboto';
  244. font-size: 9px;
  245. letter-spacing: 1px;
  246. text-transform: uppercase;
  247. margin-top: 35px;
  248. margin-left: 20px;
  249. position: fixed;
  250. z-index: 10;
  251.  
  252. }
  253.  
  254. #navigation a, a:active, a:visited {
  255. color: {color:navigation};
  256. }
  257.  
  258. #sidebar {
  259. background-color: {color:sidebar background};
  260. height: 1200px;
  261. {block:If500pxPosts}
  262. width: 350px;
  263. {/block:If500pxPosts}
  264. {block:If700pxPosts}
  265. width: 275px;
  266. {/block:If700pxPosts}
  267. border-right: 3px solid {color:sidebar border};
  268. margin-top: -45px;
  269. position: fixed;
  270. z-index: 8;
  271. }
  272.  
  273. #author {
  274. background-image: url('{image:avatar}');
  275. height: 125px;
  276. width: 125px;
  277. margin-top: 100px;
  278. {block:If500pxPosts}
  279. margin-left: 108px;
  280. {/block:If500pxPosts}
  281. {block:If700pxPosts}
  282. margin-left: 70px;
  283. {/block:If700pxPosts}
  284. border: 5px solid {color:sidebar border};
  285. border-radius: 125px;
  286. -webkit-border-radius: 125px;
  287. -moz-border-radius: 125px;
  288. -o-border-radius: 125px;
  289. position: fixed;
  290. z-index: 9;
  291. }
  292.  
  293. #description {
  294. color: {color:description};
  295. font-family: 'Roboto';
  296. font-size: 9px;
  297. font-weight: 300;
  298. text-align: center;
  299. height: 150px;
  300. margin-top: 265px;
  301. {block:If500pxPosts}
  302. width: 300px;
  303. margin-left: 25px;
  304. {/block:If500pxPosts}
  305. {block:If700pxPosts}
  306. width: 205px;
  307. margin-left: 35px;
  308. {/block:If700pxPosts}
  309. overflow-y: auto;
  310. position: fixed;
  311. z-index: 9;
  312. }
  313.  
  314. #description a, a:active, a:visited {
  315. color: {color:links};
  316. text-decoration: none;
  317. }
  318.  
  319. #description a:hover {
  320. color: {color:links hover};
  321. }
  322.  
  323.  
  324.  
  325. /* PAGINATION */
  326.  
  327. #ppage {
  328. background-color: {color:sidebar background};
  329. color: {color:pagination};
  330. font-size: 75px;
  331. font-weight: bold;
  332. text-align: center;
  333. height: 1200px;
  334. {block:If500pxPosts}
  335. width: 120px;
  336. {/block:If500pxPosts}
  337. {block:If700pxPosts}
  338. width: 95px;
  339. {/block:If700pxPosts}
  340. margin-top: -45px;
  341. {block:If500pxPosts}
  342. margin-left: 353px;
  343. {/block:If500pxPosts}
  344. {block:If700pxPosts}
  345. margin-left: 278px;
  346. {/block:If700pxPosts}
  347. border-right: 3px solid {color:sidebar border};
  348. position: fixed;
  349. z-index: 7;
  350. }
  351.  
  352. #ppage a, a:active, a:visited {
  353. color: {color:pagination};
  354. }
  355.  
  356. #ppage a:hover {
  357. color: {color:pagination hover};
  358. }
  359.  
  360. #npage {
  361. background-color: {color:sidebar background};
  362. color: {color:pagination};
  363. font-size: 75px;
  364. font-weight: bold;
  365. text-align: center;
  366. height: 1200px;
  367. {block:If500pxPosts}
  368. width: 120px;
  369. {/block:If500pxPosts}
  370. {block:If700pxPosts}
  371. width: 95px;
  372. {/block:If700pxPosts}
  373. margin-top: -45px;
  374. {block:If500pxPosts}
  375. margin-left: 1231px;
  376. {/block:If500pxPosts}
  377. {block:If700pxPosts}
  378. margin-left: 1259px;
  379. {/block:If700pxPosts}
  380. padding-right: 1200px;
  381. border-left: 3px solid {color:sidebar border};
  382. overflow-x: hidden;
  383. position: fixed;
  384. z-index: 7;
  385. }
  386.  
  387. #npage a, a:active, a:visited {
  388. color: {color:pagination};
  389. }
  390.  
  391. #npage a:hover {
  392. color: {color:pagination hover};
  393. }
  394.  
  395.  
  396.  
  397. /* POSTS */
  398.  
  399. #entry {
  400. {block:If500pxPosts}
  401. margin-left: 586px;
  402. width: 500px;
  403. {/block:If500pxPosts}
  404. {block:If700pxPosts}
  405. margin-left: 446px;
  406. width: 700px;
  407. {/block:If700pxPosts}
  408. }
  409.  
  410. #info {
  411. background-color: {color:post border};
  412. color: {color:post date};
  413. font-family: 'Roboto';
  414. font-size: 8px;
  415. font-weight: 400;
  416. text-align: center;
  417. letter-spacing: 2px;
  418. {block:If500pxPosts}
  419. width: 522px;
  420. {/block:If500pxPosts}
  421. {block:If700pxPosts}
  422. width: 722px;
  423. {/block:If700pxPosts}
  424. margin-top: 100px;
  425. margin-bottom: 0px;
  426. padding-top: 15px;
  427. padding-left: 10px;
  428. padding-right: 10px;
  429. padding-bottom: 15px;
  430. }
  431.  
  432.  
  433. #info a, a:active, a:visited {
  434. color: {color:post date} ;
  435. text-decoration: none;
  436. }
  437.  
  438. #post {
  439. background-color: {color:post background};
  440. color: {color:text};
  441. font-family: 'Arial';
  442. font-size: 11px;
  443. word-wrap: normal;
  444. {block:If500pxPosts}
  445. width: 500px;
  446. {/block:If500pxPosts}
  447. {block:If700pxPosts}
  448. width: 700px;
  449. {/block:If700pxPosts}
  450. margin-top: 0px;
  451. padding: 20px;
  452. border-bottom: 1px solid {color:post border};
  453. border-right: 1px solid {color:post border};
  454. border-left: 1px solid {color:post border};
  455. }
  456.  
  457. #post a, a:active, a:visited {
  458. color: {color:links};
  459. text-decoration: none;
  460. }
  461.  
  462. #post a:hover {
  463. color: {color:links hover};
  464. }
  465.  
  466. .photo {
  467. width: 700px;
  468. }
  469.  
  470. #tags {
  471. background-color: transparent;
  472. color: {color:tags};
  473. font-family: 'Roboto';
  474. font-size: 8px;
  475. font-weight: 400;
  476. text-transform: uppercase;
  477. letter-spacing: 1px;
  478. word-wrap: normal;
  479. word-break: normal;
  480. {block:If500pxPosts}
  481. width: 520px;
  482. {/block:If500pxPosts}
  483. {block:If700pxPosts}
  484. width: 720px;
  485. {/block:If700pxPosts}
  486. line-height: 10px;
  487. margin-top: 5px;
  488. margin-bottom: 45px;
  489. margin-right: -40px;
  490. padding: 5px
  491. }
  492.  
  493. #tags a, a:active, a:visited {
  494. color: {color:tags};
  495. text-decoration: none;
  496. }
  497.  
  498. #tags a:hover {
  499. color: {color:tags hover};
  500. }
  501.  
  502.  
  503.  
  504. /* QUOTES */
  505.  
  506. .quote {
  507. font-family: 'Arial';
  508. font-size: 10px;
  509. font-weight: 300;
  510. font-style: italic;
  511. text-indent: 15px;
  512. text-align: center;
  513. margin-top: 0px;
  514. padding: 10px;
  515. }
  516.  
  517.  
  518. .quote::first-letter {
  519. color: {color:quote first letter};
  520. font-family: 'Great Vibes';
  521. font-size: 30px;
  522. }
  523.  
  524. .qsource {
  525. font-family: 'Roboto';
  526. font-size: 7px;
  527. font-weight: normal;
  528. letter-spacing: 1px;
  529. text-transform: uppercase;
  530. text-align: right;
  531. margin-top: 5px;
  532. padding-bottom: 10px;
  533.  
  534. }
  535.  
  536.  
  537.  
  538. /* CHAT */
  539.  
  540. .chat {
  541. height: auto;
  542. width: auto;
  543. border-top: 1px solid {color:post border};
  544. border-left: 1px solid {color:post border};
  545. border-right: 1px solid {color:post border};
  546. }
  547.  
  548.  
  549. .line {
  550. height: auto;
  551. width: auto;
  552. border-bottom: 1px solid {color:post border};
  553. }
  554.  
  555.  
  556.  
  557. /* ASK */
  558.  
  559. .question {
  560. background-color: transparent;
  561. {block:If500pxPosts}
  562. width: 500px;
  563. {/block:If500pxPosts}
  564. {block:If700pxPosts}
  565. width: 700px;
  566. {/block:If700pxPosts}
  567. border-bottom: 1px solid {color:post border};
  568. }
  569.  
  570.  
  571. .asker {
  572. color: {color:name};
  573. font-size: 8px;
  574. font-weight: 500;
  575. letter-spacing: 1px;
  576. text-transform: uppercase;
  577. text-align: left;
  578. margin-top: 10px;
  579. margin-left: 10px;
  580. }
  581.  
  582.  
  583. .asker a, a:active, a:visited {
  584. color: {color:name};
  585. }
  586.  
  587.  
  588. .asker a:hover {
  589. color: {color:link hover};
  590. }
  591.  
  592.  
  593. .ask {
  594. background-color: {color:question background};
  595. border: 4px double {color:post border};
  596. margin-top: 5px;
  597. margin-bottom: 10px;
  598. margin-left: 10px;
  599. margin-right: 10px;
  600. padding: 5px;
  601. }
  602.  
  603.  
  604. .reply {
  605. {block:If500pxPosts}
  606. width: 500px;
  607. {/block:If500pxPosts}
  608. {block:If700pxPosts}
  609. width: 700px;
  610. {/block:If700pxPosts}
  611. margin-top: 10px;
  612. }
  613.  
  614.  
  615. .answerer {
  616. color: {color:name};
  617. font-size: 8px;
  618. font-weight: 500;
  619. letter-spacing: 1px;
  620. text-transform: uppercase;
  621. text-align: right;
  622. margin-top: 10px;
  623. margin-right: 10px;
  624. }
  625.  
  626.  
  627. .answerer a, a:active, a:visited {
  628. color: {color:name};
  629. }
  630.  
  631.  
  632. .answerer a:hover {
  633. color: {color:link hover};
  634. }
  635.  
  636. .answer {
  637. background-color: {color:question background};
  638. border: 4px double {color:post border};
  639. margin-top: 10px;
  640. margin-left: 10px;
  641. margin-right: 10px;
  642. padding: 5px;
  643. }
  644.  
  645. .answer img {
  646. max-width: 445px;
  647. max-height: auto;
  648. }
  649.  
  650.  
  651.  
  652. /* AUDIO */
  653.  
  654. #audio {
  655. {block:If500pxPosts}
  656. width: 498px;
  657. {/block:If500pxPosts}
  658. {block:If700pxPosts}
  659. width: 698px;
  660. {/block:If700pxPosts}
  661. height: 75px;
  662. }
  663.  
  664. .player {
  665. background-color: transparent;
  666. opacity: 0.8;
  667. width: 25px;
  668. height: 25px;
  669. margin-top: -50px;
  670. margin-left: 25px;
  671. border-radius: 25px;
  672. -moz-border-radius: 25px;
  673. -webkit-border-radius: 25px;
  674. -o-border-radius: 25px;
  675. overflow: hidden;
  676. z-index: 6;
  677. }
  678.  
  679. .albumart {
  680. width: 65px;
  681. height: 65px;
  682. border: 5px solid {color:Post Border};
  683. border-radius: 65px;
  684. -moz-border-radius: 65px;
  685. -webkit-border-radius: 65px;
  686. -o-border-radius: 65px;
  687. z-index: 5;
  688. }
  689.  
  690. .albumart img {
  691. width: 65px;
  692. height: 65px;
  693. border-radius: 65px;
  694. -moz-border-radius: 65px;
  695. -webkit-border-radius: 65px;
  696. -o-border-radius: 65px;
  697. }
  698.  
  699. .albumdetails {
  700. {block:If500pxPosts}
  701. width: 413px;
  702. {/block:If500pxPosts}
  703. {block:If700pxPosts}
  704. width: 613px;
  705. {/block:If700pxPosts}
  706. height: 75px;
  707. margin-left: 85px;
  708. margin-top: -35px;
  709.  
  710. }
  711.  
  712. .acaption {
  713. {block:If500pxPosts}
  714. width: 500px;
  715. {/block:If500pxPosts}
  716. {block:If700pxPosts}
  717. width: 700px;
  718. {/block:If700pxPosts}
  719. border-top: 1px solid {color:post border};
  720. margin-top: 10px;
  721. }
  722.  
  723. </style></head>
  724.  
  725.  
  726. <body>
  727. <div id="topbar"><h1>{text:title}</h1>
  728. <div id="navigation">
  729. <a href="{text:link one}">home.</a> &nbsp; / / &nbsp;
  730. <a href="{text:link two}">message.</a> &nbsp; / / &nbsp;
  731. <a href="{text:link three}">{text:link three title}</a> &nbsp; / / &nbsp;
  732. <a href="{text:link four}">{text:link four title}</a> &nbsp; / / &nbsp;
  733. <a href="{text:link five}">{text:link five title}</a> &nbsp; / / &nbsp;
  734. <a href="http://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">♛</a>
  735. </div>
  736. </div>
  737.  
  738. <div id="sidebar">
  739. <div id="author"></div>
  740. <h3>{text:artist}</h3>
  741. <div id="description">{description}</div>
  742. </div>
  743. {block:Pagination}
  744. <div id="ppage">{block:PreviousPage}<a href="{PreviousPage}"><br><br><br>←</a>{/block:PreviousPage}</div>
  745. <div id="npage">{block:NextPage}<a href="{NextPage}"><br><br><br>→</a>{/block:NextPage}</div>
  746. {/block:Pagination}
  747.  
  748.  
  749. <div id="entry">
  750. {block:Posts}
  751. <div id="info">{block:Date}<span style="font-family: 'Arial'; font-size: 15px; font-weight: normal; text-transform: uppercase;"><a href="{Permalink}">{DayOfMonthWithZero}&nbsp;{Month}&nbsp;{Year}</a></span>{/block:Date}<br>
  752. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  753. </div>
  754.  
  755. <div id="post">
  756.  
  757. {block:Text}{block:Title}<h4>{Title}</h4>{/block:Title}{Body}</span>{/block:Text}
  758.  
  759. {block:Link}<h4><a href="{URL}" {Target}>{Name}</a></h4>{block:Description}{Description}{/block:Description}{/block:Link}
  760.  
  761. {block:Quote}
  762. <div class="quote">{Quote}</div>
  763. {block:Source}
  764. <div class="qsource">&mdash; {Source} &nbsp; </div>
  765. {/block:Source}
  766. {/block:Quote}
  767.  
  768. {block:Chat}
  769. {block:Title}<p><h4>{Title}</h4></p>{/block:Title}
  770. <div class="chat">
  771. {block:Lines}
  772. <div class="line"><p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p></div>
  773. {/block:Lines}
  774. </div>
  775. {/block:Chat}
  776.  
  777. {block:Photo}
  778. {block:If500pxPosts}
  779. {LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}{/block:If500pxPosts}
  780. {block:If700pxPosts}
  781. <div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>{/block:If700pxPosts}
  782. {block:Caption}{Caption}{/block:Caption}
  783. {/block:Photo}
  784.  
  785. {block:Photoset}
  786. {block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  787. {block:If700pxPosts}{Photoset-700}{/block:If700pxPosts}
  788. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  789.  
  790. {block:Video}
  791. {block:If500pxPosts}{Video-500}{/block:If500pxPosts}
  792. {block:If700pxPosts}{Video-700}{/block:If700pxPosts}
  793. {block:Caption}{Caption}{/block:Caption}
  794. {/block:Video}
  795.  
  796. {block:Audio}
  797. <div id="audio"><div class="albumart">{block:AlbumArt}
  798. <img src="{AlbumArtURL}">
  799. {/block:AlbumArt}</div>
  800. <div class="player">{AudioPlayer}</div>
  801. <div class="albumdetails">
  802. {block:TrackName}
  803. <span style="font-family: 'Arial'; font-size: 15px; font-style: italic; font-weight: bold; color: {color:Audio Title}; text-transform: lowercase;">{TrackName}</span>
  804. {/block:TrackName}<br>
  805. <span style="font-variant: small-caps; text-transform: lowercase;">{block:Artist}{Artist}{/block:Artist}{block:Album} &nbsp; | &nbsp; {Album}{/block:Album}</span><br>
  806. <span style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px">{PlayCountWithLabel}</style>
  807. </div>
  808. </div>
  809. {block:Caption}<div class="acaption"> {Caption} </div>{/block:Caption}
  810. {/block:Audio}
  811.  
  812. {block:Answer}
  813. <div class="question">
  814. <div class="asker">{Asker} {text:asker} said:</div>
  815. <div class="ask"><p>{Question}</p></div>
  816. </div>
  817. {block:Answerer}
  818. <div class="reply">
  819. <div class="answer">{Answer}</div>
  820. <div class="answerer">&mdash; {Answerer}</div>
  821. </div>
  822. {/block:Answerer}
  823. {Replies}
  824. {/block:Answer}
  825. </div>
  826.  
  827.  
  828. <div id="tags">
  829. {block:HasTags}<span style="color:{color:text}">filed under:</span>&nbsp;{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  830. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  831.  
  832. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment