Advertisement
angelicxi

THEME #04: SKETCHBOOK (LIGHT ver.) by angelicxi

Jul 7th, 2015
5,418
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{title}</title>
  3. <link rel="shortcut icon" href="{favicon}">
  4.  
  5.  
  6. <!--------------------------------------------------------------------
  7.  
  8. THEME #04: SKETCHBOOK (LIGHT ver.) BY ANGELICXI
  9. published july 7, 2015
  10. ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ
  11. ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ.
  12.  
  13. Terms of Use:
  14. - DO NOT USE AS A BASE CODE.
  15. - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS.
  16. - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION.
  17.  
  18. By using this theme, you indicate that you have read & agreed to these terms. Any violation will be prosecuted against. If there's anything you'd like me to make clear, please contact me via PM. Enjoy!
  19.  
  20. ~Lia
  21.  
  22. --------------------------------------------------------------------->
  23.  
  24.  
  25. <!---META: COLORS--->
  26. <meta name="color:Background" content="#e2e4e6"/>
  27. <meta name="color:Sidebar Background" content="#c1c7cc"/>
  28. <meta name="color:Sidebar Border" content="#f2f3f5"/>
  29. <meta name="color:Description Background" content="#c1c7cc"/>
  30. <meta name="color:Description Text" content="#ffffff"/>
  31. <meta name="color:Post Background" content="#f3f4f4"/>
  32. <meta name="color:Post Border" content="#c1c7cc"/>
  33. <meta name="color:Post Title Background" content="#edeef1"/>
  34. <meta name="color:Post Title" content="#2c222f"/>
  35. <meta name="color:Title" content="#72759d"/>
  36. <meta name="color:Subtitle" content="#72759d"/>
  37. <meta name="color:Text" content="#2c222f"/>
  38. <meta name="color:Bold" content="#72759d"/>
  39. <meta name="color:Italic" content="#72759d"/>
  40. <meta name="color:Underline" content="#72759d"/>
  41. <meta name="color:Links" content="#9092b2"/>
  42. <meta name="color:Links Hover" content="#505273"/>
  43. <meta name="color:Post Data" content="#ffffff"/>
  44. <meta name="color:Info" content="#ffffff"/>
  45. <meta name="color:Info Hover" content="#505273"/>
  46. <meta name="color:Tags" content="#9092b2"/>
  47. <meta name="color:Tags Hover" content="#505273"/>
  48. <meta name="color:Name" content="#72759d"/>
  49. <meta name="color:Quote First Letter" content="#72759d"/>
  50. <meta name="color:Question Background" content="#edeef1"/>
  51. <meta name="color:Audio Title" content="#72759d"/>
  52. <meta name="color:Music Player Background" content=""/>
  53.  
  54.  
  55.  
  56. <!---META: FEATURES--->
  57. <meta name="image:Background"/>
  58. <meta name="image:Sidebar"/>
  59. <meta name="image:Sidebar Background"/>
  60. <meta name="image:Post Border"/>
  61. <meta name="text:Title"/>
  62. <meta name="text:Subtitle"/>
  63. <meta name="if:Show Twitter" content="1"/>
  64. <meta name="if:Show About" content="1"/>
  65. <meta name="if:Show Navigation" content="1"/>
  66. <meta name="if:Show Link One" content="1"/>
  67. <meta name="if:Show Link Two" content="1"/>
  68. <meta name="if:Show Link Three" content="1"/>
  69. <meta name="if:Show Link Four" content="1"/>
  70. <meta name="text:Twitter" content="input the link to your twitter"/>
  71. <meta name="text:About" content="input the link to your about">
  72. <meta name="text:Navigation" content="input the link to your navigation page"/>
  73. <meta name="text:Link One Title"/>
  74. <meta name="text:Link One"/>
  75. <meta name="text:Link Two Title"/>
  76. <meta name="text:Link Two"/>
  77. <meta name="text:Link Three Title"/>
  78. <meta name="text:Link Three"/>
  79. <meta name="text:Link Four Title"/>
  80. <meta name="text:Link Four"/>
  81.  
  82.  
  83.  
  84. <!---META: FONTS--->
  85. <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  86. <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
  87. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  88. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  89.  
  90.  
  91.  
  92. <style type="text/css">
  93.  
  94. /* BASICS */
  95.  
  96. body {
  97. background-color: {color:background};
  98. background-image: url('{image:background}');
  99. background-attachment: fixed;
  100. color: {color:text};
  101. font-family: 'Source Sans Pro';
  102. font-size: 11px;
  103. text-align: left;
  104. word-wrap: normal;
  105. word-break: normal;
  106. line-height: 100%;
  107. margin: 0px;
  108. }
  109.  
  110.  
  111. a, a:active, a:visited {
  112. color: {color:links};
  113. text-decoration: none;
  114. }
  115.  
  116.  
  117. a:hover {
  118. color: {color:links hover};
  119. text-decoration: none;
  120. }
  121.  
  122.  
  123. b, strong {
  124. color: {color:bold};
  125. font-weight: 600;
  126. }
  127.  
  128.  
  129. i, em {
  130. color: {color:italic};
  131. }
  132.  
  133.  
  134. u, underline {
  135. color: {color:underline};
  136. text-decoration: underline;
  137. }
  138.  
  139.  
  140. small {
  141. font-size: 90%;
  142. }
  143.  
  144.  
  145. pre {
  146. font-size: 90%;
  147. word-wrap: break-word;
  148. letter-spacing: 1px;
  149. }
  150.  
  151.  
  152. p {
  153. margin: 10px;
  154. }
  155.  
  156.  
  157. blockquote {
  158. word-wrap: normal;
  159. word-break: normal;
  160. margin-left: 10px;
  161. margin-right: 0px;
  162. padding: 5px;
  163. border-left: 1px solid {color:post border};
  164. }
  165.  
  166.  
  167. blockquote blockquote {
  168. word-wrap: normal;
  169. word-break: normal;
  170. margin-left: 15px;
  171. margin-right: 0px;
  172. padding: 5px;
  173. border-left: 1px solid {color:post border};
  174. }
  175.  
  176.  
  177. blockquote img {
  178. width: auto;
  179. max-width: 475px;
  180. overflow: hidden;
  181. }
  182.  
  183.  
  184. blockquote blockquote img {
  185. width: auto;
  186. max-width: 465px;
  187. overflow: hidden;
  188. }
  189.  
  190.  
  191. u, li img {
  192. width: auto;
  193. max-width: 425px;
  194. overflow: hidden;
  195. }
  196.  
  197.  
  198. h1 {
  199. color: {color:title};
  200. font-family: 'Alex Brush';
  201. font-size: 20px;
  202. font-weight: 400;
  203. text-transform: lowercase;
  204. text-align: center;
  205. width: 275px;
  206. margin-top: 315px;
  207. margin-left: 25px;
  208. margin-right: auto;
  209. position: fixed;
  210. z-index: 9;
  211. }
  212.  
  213.  
  214. h2 {
  215. font-size: 11px;
  216. text-indent: 25px;
  217. text-transform: uppercase;
  218. text-align: left;
  219. }
  220.  
  221.  
  222. h3 {
  223. color: {color:subtitle};
  224. font-family: 'Source Code Pro';
  225. font-size: 7px;
  226. font-weight: 300;
  227. text-transform: uppercase;
  228. text-align: center;
  229. width: 275px;
  230. border-top: 1px solid {color:subtitle};
  231. margin-top: 325px;
  232. margin-left: 25px;
  233. margin-right: auto;
  234. position: fixed;
  235. z-index: 9;
  236. }
  237.  
  238.  
  239. h4 {
  240. font-family: 'Source Code Pro';
  241. font-size: 8px;
  242. font-weight: normal;
  243. letter-spacing: 1px;
  244. text-transform: uppercase;
  245. text-align: right;
  246. margin-top: 0px;
  247. }
  248.  
  249.  
  250. h4::first-letter {
  251. font-family: 'Source Code Pro';
  252. font-size: 8px;
  253. font-weight: normal;
  254. letter-spacing: 1px;
  255. text-transform: uppercase;
  256. }
  257.  
  258.  
  259. h5 {
  260. background-color: {color:post title background};
  261. color: {color:post title};
  262. font-family: 'Montserrat';
  263. font-size: 10px;
  264. font-weight: 300;
  265. letter-spacing: 1px;
  266. text-transform: uppercase;
  267. text-align: center;
  268. width: 492px;
  269. padding-top: 15px;
  270. padding-bottom: 15px;
  271. margin-top: 5px;
  272. margin-bottom: 5px;
  273. border: 4px double {color:post border};
  274. }
  275.  
  276.  
  277.  
  278. /* SIDEBAR */
  279.  
  280. #sidebar {
  281. background-image: url('{image:sidebar background}');
  282. background-color: {color:sidebar background};
  283. text-align: center;
  284. height: 100%;
  285. width: 325px;
  286. margin-top: -50px;
  287. margin-left: 0px;
  288. border-right: 2px solid {color:sidebar border};
  289. position: fixed;
  290. z-index: 9;
  291. }
  292.  
  293.  
  294. #imagebar {
  295. background: url('{image:sidebar}');
  296. height: 175px;
  297. width: 175px;
  298. border: 10px solid {color:sidebar border};
  299. border-radius: 100px;
  300. -webkit-border-radius: 100px;
  301. -moz-border-radius: 100px;
  302. -o-border-radius: 100px;
  303. margin-top: 105px;
  304. margin-left: 65px;
  305. margin-right: auto;
  306. position: fixed;
  307. z-index: 9;
  308. }
  309.  
  310.  
  311. #imagebar img {
  312. border: 10px solid {color:sidebar border};
  313. border-radius: 200px;
  314. -webkit-border-radius: 100px;
  315. -moz-border-radius: 100px;
  316. -o-border-radius: 100px;
  317. }
  318.  
  319.  
  320. #description {
  321. background-color: {color:description background};
  322. color: {color:description text};
  323. font-family: 'Source Sans Pro';
  324. font-size: 10px;
  325. text-align: justified;
  326. height: 150px;
  327. width: 220px;
  328. margin-top: 345px;
  329. margin-left: 50px;
  330. padding: 5px;
  331. border: 1px solid {color:sidebar border};
  332. overflow-y: auto;
  333. position: fixed;
  334. float: right;
  335. display: block;
  336. z-index: 9;
  337. }
  338.  
  339.  
  340. #menu {
  341. background-color: transparent;
  342. text-align: center;
  343. height: 204px;
  344. width: 20px;
  345. margin-top: 90px;
  346. margin-left: 318px;
  347. padding: 5px;
  348. position: fixed;
  349. z-index: 1;
  350. }
  351.  
  352.  
  353. .item {
  354. background-color: {color:sidebar background};
  355. text-align: center;
  356. height: 19px;
  357. width: 19px;
  358. margin-bottom: 5px;
  359. padding-top: 4px;
  360. padding-left: 4px;
  361. padding-right: 2px;
  362. border-radius: 5px;
  363. -webkit-border-radius: 5px;
  364. -moz-border-radius: 5px;
  365. -o-border-radius: 5px;
  366. }
  367.  
  368.  
  369. .item:hover {
  370. background-color: {color:sidebar border};
  371. padding-left: 8px;
  372. padding-right: 8px;
  373. }
  374.  
  375.  
  376.  
  377. /* POSTS */
  378.  
  379. #entries {
  380. color: {color:text};
  381. font-family: 'Source Sans Pro';
  382. font-size: 10px;
  383. word-wrap: normal;
  384. word-break: normal;
  385. width: 500px;
  386. margin-top: 50px;
  387. margin-left: 575px;
  388. margin-right: auto;
  389. }
  390.  
  391.  
  392. #post {
  393. background-color: {color:post background};
  394. color: {color:text};
  395. font-family: 'Source Sans Pro';
  396. font-size: 11px;
  397. word-wrap: normal;
  398. width: 500px;
  399. margin-top: 0px;
  400. padding: 20px;
  401. border-bottom: 1px solid {color:post border};
  402. border-right: 1px solid {color:post border};
  403. border-left: 1px solid {color:post border};
  404.  
  405. }
  406.  
  407.  
  408. #post a, a:active, a:visited {
  409. color: {color:links};
  410. text-decoration: none;
  411. }
  412.  
  413.  
  414. #post a:hover {
  415. color: {color:links hover};
  416. }
  417.  
  418.  
  419. #info {
  420. background-color: {color:post border};
  421. background-image: url('{image:post border}');
  422. color: {color:post data};
  423. font-family: 'Montserrat';
  424. font-size: 8px;
  425. font-weight: 300;
  426. letter-spacing: 1px;
  427. text-transform: uppercase;
  428. text-shadow: 1px -1px 4px {color:data}, -1px 1px 4px {color:post data};
  429. width: 522px;
  430. margin-top: 0px;
  431. margin-bottom: 0px;
  432. margin-right: auto;
  433. padding-top: 10px;
  434. padding-bottom: 20px;
  435. padding-left: 10px;
  436. padding-right: 10px;
  437. }
  438.  
  439.  
  440. #info img {
  441. height: 100%;
  442. width: 522px;
  443. overflow: hidden;
  444. }
  445.  
  446.  
  447. #info a, a:active, a:visited {
  448. color: {color:info} ;
  449. text-decoration: none;
  450. text-shadow: 1px -1px 4px {color:data}, -1px 1px 4px {color:post data};
  451. }
  452.  
  453.  
  454. #info a:hover {
  455. color: {color:info hover};
  456. }
  457.  
  458.  
  459. #tags {
  460. background-color: transparent;
  461. color: {color:tags};
  462. font-family: 'Source Code Pro';
  463. font-size: 7px;
  464. font-weight: 400;
  465. text-transform: uppercase;
  466. letter-spacing: 1px;
  467. width: 520px;
  468. line-height: 10px;
  469. margin-top: 0px;
  470. margin-bottom: 50px;
  471. margin-right: -40px;
  472. padding: 5px
  473. }
  474.  
  475.  
  476. #tags a, a:active, a:visited {
  477. color: {color:tags};
  478. text-decoration: none;
  479. }
  480.  
  481.  
  482. #tags a:hover {
  483. color: {color:tags hover};
  484. }
  485.  
  486.  
  487.  
  488. /* QUOTES */
  489.  
  490. .quote {
  491. font-family: 'Montserrat';
  492. font-size: 10px;
  493. font-weight: 300;
  494. font-style: italic;
  495. text-indent: 15px;
  496. text-align: center;
  497. margin-top: 20px;
  498. padding: 10px;
  499. }
  500.  
  501.  
  502. .quote::first-letter {
  503. color: {color:quote first letter};
  504. font-family: 'Alex Brush';
  505. font-size: 25px;
  506. }
  507.  
  508.  
  509.  
  510. /* ASK */
  511.  
  512. .question {
  513. background-color: transparent;
  514. width: 500px;
  515. border-bottom: 1px solid {color:name};
  516. }
  517.  
  518.  
  519. .asker {
  520. color: {color:name};
  521. font-family: 'Montserrat';
  522. font-size: 8px;
  523. font-weight: 500;
  524. letter-spacing: 1px;
  525. text-transform: uppercase;
  526. text-align: left;
  527. margin-top: 10px;
  528. margin-left: 10px;
  529. }
  530.  
  531.  
  532. .asker a, a:active, a:visited {
  533. color: {color:name};
  534. }
  535.  
  536.  
  537. .asker a:hover {
  538. color: {color:link hover};
  539. }
  540.  
  541.  
  542. .ask {
  543. background-color: {color:question background};
  544. margin-top: 5px;
  545. margin-bottom: 10px;
  546. margin-left: 10px;
  547. margin-right: 10px;
  548. padding: 5px;
  549. border: 1px dotted {color:post border};
  550. }
  551.  
  552.  
  553. .reply {
  554. background-color: {color:question background};
  555. width: 478px;
  556. margin-top: 10px;
  557. margin-left: 10px;
  558. border: 1px dotted {color:post border};
  559. }
  560.  
  561.  
  562. .answerer {
  563. color: {color:name};
  564. font-family: 'Montserrat';
  565. font-size: 8px;
  566. font-weight: 500;
  567. letter-spacing: 1px;
  568. text-transform: uppercase;
  569. text-align: right;
  570. margin-top: 5px;
  571. margin-right: 5px;
  572. }
  573.  
  574.  
  575. .answerer a, a:active, a:visited {
  576. color: {color:name};
  577. }
  578.  
  579.  
  580. .answerer a:hover {
  581. color: {color:link hover};
  582. }
  583.  
  584.  
  585.  
  586. /* CHAT */
  587.  
  588. .chat {
  589. height: auto;
  590. width: auto;
  591. border-top: 1px solid {color:post border};
  592. border-left: 1px solid {color:post border};
  593. border-right: 1px solid {color:post border};
  594. }
  595.  
  596.  
  597. .line {
  598. height: auto;
  599. width: auto;
  600. border-bottom: 1px solid {color:post border};
  601. }
  602.  
  603.  
  604.  
  605. /* AUDIO */
  606.  
  607. .audio {
  608. background-image: url('{image:music player background}');
  609. background-color: {color:music player background};
  610. width: 492px;
  611. height: 50px;
  612. border: 4px double {color:post border};
  613. }
  614.  
  615.  
  616. .player {
  617. background-color: {color:music player background};
  618. height: 50px;
  619. width: 50px;
  620. margin-top: 0px;
  621. margin-left: 10px;
  622. opacity: 0.8;
  623. filter: alpha(opacity=80);
  624. -webkit-transition: all 0.7s ease;
  625. -moz-transition: all 0.7s ease;
  626. -o-transition: all 0.7s ease;
  627. float: right;
  628. overflow: hidden;
  629. }
  630.  
  631.  
  632. .player:hover {
  633. opacity: 0.8;
  634. filter:alpha(opacity=80);
  635. }
  636.  
  637.  
  638. .playero {
  639. height: 25px;
  640. width: 25px;
  641. margin-top: 10px;
  642. margin-left: 8px;
  643. padding: 3px;
  644. overflow: hidden;
  645. }
  646.  
  647.  
  648. .albumart {
  649. margin-left: 0px;
  650. margin-right: 10px;
  651. float: left;
  652. z-index: 9;
  653. }
  654.  
  655.  
  656. .track {
  657. color: {color:text};
  658. font-family: 'Source Code Pro';
  659. font-size: 8px;
  660. letter-spacing: 1px;
  661. text-transform: uppercase;
  662. text-align: left;
  663. height: 30px;
  664. margin-top: 20px;
  665. margin-left: 0px;
  666. padding: 0px;
  667. float: left;
  668. }
  669.  
  670.  
  671. .caption {
  672. font-style: italic;
  673. text-indent: 10px;
  674. margin-top: 0px;
  675. }
  676.  
  677.  
  678. /* TUMBLR CONTROLS */
  679. .iframe-controls--desktop {
  680. padding-top: 5px;
  681. padding-right: 7px;
  682. transform: scale(0.8);
  683. transform-origin: 100% 0;
  684. -webkit-transform: scale(0.8);
  685. -webkit-transform-origin: 100% 0;
  686. -moz-transform: scale(0.8);
  687. -moz-transform-origin: 100% 0;
  688. -ms-transform: scale(0.8);
  689. -ms-transform-origin: 100% 0;
  690. -o-transform: scale(0.8);
  691. -o-transform-origin: 100% 0;
  692. }
  693.  
  694.  
  695. </style></head>
  696.  
  697. <body>
  698. <div id="sidebar">
  699. <div id="imagebar"></div>
  700. <h1>{text:title}</h1>
  701. <h3>{text:subtitle}</h3>
  702. <div id="description">{Description}</div>
  703. </div>
  704. <div id="menu">
  705. <div class="item"><a href="/" title="ʀᴇғʀᴇsʜ"><img src="http://i.imgur.com/dir8IR3.png"></a></div>
  706. <div class="item"><a href="/ask" title="ᴍᴇssᴀɢᴇ"><img src="http://i.imgur.com/VWLuTgv.png"></a></div>
  707. {block:IfShowTwitter}<div class="item"><a href="{text:Twitter}" title="ᴛᴡɪᴛᴛᴇʀ"><img src="http://i.imgur.com/HAXvHZG.png"></a></div>{/block:IfShowTwitter}
  708. {block:IfShowAbout}<div class="item"><a href="{text:About}" title="ᴀʙᴏᴜᴛ"><img src="http://i.imgur.com/2L6kIll.png"></a></div>{/block:IfShowAbout}
  709. {block:IfShowNavigation}<div class="item"><a href="{text:Navigation}" title="ɴᴀᴠɪɢᴀᴛɪᴏɴ"><img src="http://i.imgur.com/D7G0Vvc.png"></a></div>{/block:IfShowNavigation}
  710. {block:IfShowLinkOne}<div class="item"><a href="{text:Link One}" title="{text:Link One Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkOne}
  711. {block:IfShowLinkTwo}<div class="item"><a href="{text:Link Two}" title="{text:Link Two Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkTwo}
  712. {block:IfShowLinkThree}<div class="item"><a href="{text:Link Three}" title="{text:Link Three Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkThree}
  713. {block:IfShowLinkFour}<div class="item"><a href="{text:Link Four}" title="{text:Link Four Title}"><img src="http://i.imgur.com/MtNntNK.png"></a></div>{/block:IfShowLinkFour}
  714. {block:Pagination}
  715. {block:NextPage}<div class="item"><a href="{NextPage}" title="ɴᴇxᴛ"><img src="http://i.imgur.com/Q7BlIPT.png"></a></div>{/block:NextPage}
  716. {block:PreviousPage}<div class="item"><a href="{PreviousPage}" title="ᴘʀᴇᴠɪᴏᴜs"><img src="http://i.imgur.com/ukoQhnC.png"></a></div>{/block:PreviousPage}
  717. {/block:Pagination}
  718. <div class="item"><a href="http://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ."><img src="http://i.imgur.com/bqUvAf4.png"></a></div>
  719. </div>
  720.  
  721. <div id="entries">
  722. {block:Posts}
  723. <div id="info"><span style="float:left">posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCount}&nbsp;notes</a></span>
  724. <span style="float:right"> <a href="{ReblogURL}" target="_blank" class="details">reblog</a>&nbsp;{block:RebloggedFrom}/&nbsp;<a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;{block:ContentSource}/&nbsp;<a href="{SourceURL}">origin</a> {/block:ContentSource} {/block:RebloggedFrom}</span></div>
  725.  
  726.  
  727. <div id="post">{block:Text}{block:Title}<h5>{Title}</h5>{/block:Title}{Body}</span>{/block:Text}
  728.  
  729. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  730.  
  731. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  732.  
  733. {block:Quote}
  734. <div class="quote">{Quote}</div>
  735. {block:Source}
  736. <h4>&mdash; {Source} &nbsp;</h4>
  737. {/block:Source}
  738. {/block:Quote}
  739.  
  740.  
  741. {block:Link}<h5><a href="{URL}" {Target}>{Name}</a></h5>{block:Description}{Description}{/block:Description}{/block:Link}
  742.  
  743.  
  744. {block:Chat}
  745. {block:Title}<h5>{Title}</h5>{/block:Title}
  746. <div class="chat">
  747. {block:Lines}
  748. <div class="line"><p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p></div>
  749. {/block:Lines}
  750. </div>
  751. {/block:Chat}
  752.  
  753.  
  754. {block:Audio}
  755. <div class="audio">
  756. <div class="player"><div class="playero">{AudioPlayerWhite}</div></div>
  757. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  758. <div class="track">{block:Artist}{Artist}{/block:Artist}&nbsp; &ndash; &nbsp;<span style="color:{color:audio title};font-family:'Alex Brush';font-size: 15px;text-transform:lowercase">{block:TrackName}{TrackName}{/block:TrackName}</span></div></div>
  759. <div class="caption">{block:caption}{Caption}{/block:caption}</div>
  760. {/block:Audio}
  761.  
  762.  
  763. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  764.  
  765.  
  766. {block:Answer}
  767. <div class="question">
  768. <div class="asker">{Asker} {text:asker} said:</div>
  769. <div class="ask"><p>{Question}</p></div>
  770. </div>
  771. {block:Answerer}
  772. <div class="reply">
  773. {Answer}
  774. </div>
  775. <div class="answerer">&mdash; &nbsp; {Answerer}</div>
  776. {/block:Answerer}
  777. {Replies}
  778. {/block:Answer}
  779. </div>
  780.  
  781. <div id="tags">{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>
  782.  
  783. {/block:Posts}
  784. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  785. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement