Advertisement
angelicxi

THEME #01: WEDDING DRESS by angelicxi

Jun 14th, 2015
2,815
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.14 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 #01: WEDDING DRESS BY ANGELICXI
  9. published june 14, 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. <!---META: COLORS--->
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Sidebar Border" content="#f3edf1"/>
  27. <meta name="color:Description Background" content="#fdfcfd"/>
  28. <meta name="color:Title" content="#dfced9"/>
  29. <meta name="color:Text" content="#b096a7"/>
  30. <meta name="color:Bold" content="#b091b5"/>
  31. <meta name="color:Italic" content="#b091b5"/>
  32. <meta name="color:Underlined" content="#b091b5"/>
  33. <meta name="color:Links" content="#b091b5"/>
  34. <meta name="color:Links Hover" content="#805a86"/>
  35. <meta name="color:Post Background" content="#ffffff"/>
  36. <meta name="color:Post Border" content="#dfced9"/>
  37. <meta name="color:Post Title Background" content="#fdfcfd"/>
  38. <meta name="color:Info Background" content="#fdfcfd"/>
  39. <meta name="color:Info" content="#b091b5"/>
  40. <meta name="color:Info Hover" content="#805a86"/>
  41. <meta name="color:Tags" content="#b091b5"/>
  42. <meta name="color:Tags Hover" content="#805a86"/>
  43. <meta name="color:Name" content="#b091b5"/>
  44. <meta name="color:Question Background" content="#fdfcfd"/>
  45. <meta name="color:Music Player" content="#ffffff"/>
  46. <meta name="color:Audio Title" content="#b091b5"/>
  47.  
  48.  
  49. <!---META: FEATURES--->
  50. <meta name="image:Sidebar"/>
  51. <meta name="text:Title" content="this is the title that appears on the sidebar"/>
  52. <meta name="text:Link One Title"/>
  53. <meta name="text:Link One"/>
  54. <meta name="text:Link Two Title"/>
  55. <meta name="text:Link Two"/>
  56. <meta name="text:Link Three Title"/>
  57. <meta name="text:Link Three"/>
  58.  
  59.  
  60. <!---META: FONTS--->
  61. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66.  
  67. /* BASICS */
  68.  
  69. body {
  70. background-color: {color:background};
  71. color: {color:Text};
  72. font-family: 'Arial';
  73. font-size: 10px;
  74. font-weight: 300;
  75. word-wrap: normal;
  76. word-break: keep-all;
  77. line-height: 100%;
  78. margin: 0px;
  79. }
  80.  
  81.  
  82. a, a:active, a:visited {
  83. color: {color:links};
  84. text-decoration: none;
  85. }
  86.  
  87.  
  88. a:hover {
  89. color: {color:links hover};
  90. text-decoration: none;
  91. }
  92.  
  93.  
  94. b, strong {
  95. color: {color:bold};
  96. font-weight: 600;
  97. }
  98.  
  99.  
  100. i, em {
  101. color: {color:italic};
  102. }
  103.  
  104.  
  105. u, underline {
  106. color: {color:underline};
  107. text-decoration: underline;
  108. }
  109.  
  110.  
  111. small {
  112. font-size: 100%;
  113. }
  114.  
  115.  
  116. pre {
  117. font-size: 100%;
  118. word-wrap: normal;
  119. word-break: keep-all;
  120. letter-spacing: 1px;
  121. }
  122.  
  123.  
  124. p {
  125. margin: 10px;
  126. }
  127.  
  128.  
  129. blockquote {
  130. word-wrap: normal;
  131. word-break: keep-all;
  132. margin-left: 10px;
  133. margin-right: 0px;
  134. padding: 5px;
  135. border-left: 1px solid {color:post border};
  136. }
  137.  
  138.  
  139. blockquote blockquote {
  140. word-wrap: normal;
  141. word-break: keep-all;
  142. margin-left: 15px;
  143. margin-right: 0px;
  144. padding: 5px;
  145. border-left: 1px solid {color:post border};
  146. }
  147.  
  148.  
  149. blockquote img {
  150. width: auto;
  151. max-width: 475px;
  152. overflow: hidden;
  153. }
  154.  
  155.  
  156. blockquote blockquote img {
  157. width: auto;
  158. max-width: 465px;
  159. overflow: hidden;
  160. }
  161.  
  162.  
  163. u, li img {
  164. width: auto;
  165. max-width: 425px;
  166. overflow: hidden;
  167. }
  168.  
  169.  
  170. /* THIS HEADER STYLES THE TITLE ON YOUR SIDEBAR. */
  171. h1 {
  172. color: {color:title};
  173. font-family: 'Allura';
  174. font-size: 25px;
  175. font-weight: 300;
  176. text-transform: lowercase;
  177. text-align: center;
  178. width: 275px;
  179. margin-top: 115px;
  180. margin-left: 225px;
  181. margin-right: auto;
  182. position: fixed;
  183. z-index: 9;
  184. }
  185.  
  186.  
  187. /* TUMBLR RECENTLY INTRODUCED HEADINGS TO TEXTPOSTS. THIS STYLES IT. */
  188. h2 {
  189. font-size: 12px;
  190. text-indent: 25px;
  191. text-transform: uppercase;
  192. text-align: left;
  193. }
  194.  
  195.  
  196. /* THIS STYLES THE POST TITLE. */
  197. h3 {
  198. background-color: {color:post title background};
  199. font-family: 'Arial';
  200. font-size: 15px;
  201. font-weight: 600;
  202. letter-spacing: 1px;
  203. padding: 20px;
  204. margin-top: 0px;
  205. }
  206.  
  207.  
  208. /* THIS STYLES THE SOURCE ON QUOTES. */
  209. h4 {
  210. font-family: 'Arial';
  211. font-size: 7px;
  212. font-weight: normal;
  213. font-style: none;
  214. letter-spacing: 1px;
  215. text-transform: uppercase;
  216. text-align: right;
  217. margin-top: 10px;
  218. margin-bottom: -5px;
  219. }
  220.  
  221.  
  222. h4::first-letter {
  223. font-family: 'Arial';
  224. font-size: 7px;
  225. font-weight: normal;
  226. font-style: none;
  227. letter-spacing: 1px;
  228. text-transform: uppercase;
  229. }
  230.  
  231.  
  232.  
  233. /* SIDEBAR */
  234.  
  235. /* THIS IS THE IMAGE ON THE SIDEBAR. */
  236. #sidebar {
  237. background-image: url('{image:sidebar}');
  238. height: 125px;
  239. width: 125px;
  240. margin-top: 100px;
  241. margin-left: 75px;
  242. border: 7px solid {color:sidebar border};
  243. border-radius: 75px;
  244. -webkit-border-radius: 75px;
  245. -moz-border-radius: 75px;
  246. -o-border-radius: 75px;
  247. position: fixed;
  248. z-index: 10;
  249. }
  250.  
  251.  
  252. #sidebar img {
  253. height: 125px;
  254. width: 125px;
  255. }
  256.  
  257.  
  258. /* THIS IS THE DESCRIPTION ON THE SIDEBAR. */
  259. #description {
  260. background-color: {color:description background};
  261. height: 95px;
  262. width: 275px;
  263. margin-top: 125px;
  264. margin-left: 225px;
  265. border: 2px solid {color:sidebar border};
  266. position: fixed;
  267. overflow-y: auto;
  268. z-index: 8;
  269. }
  270.  
  271.  
  272. /* BELOW ARE THE SIX LINKS OF THE MENU. */
  273. #it1 {
  274. background-color: {color:sidebar border};
  275. font-family: 'Arial';
  276. font-size: 8px;
  277. font-weight: 500;
  278. letter-spacing: 2px;
  279. text-align: center;
  280. height: 10px;
  281. width: 10px;
  282. margin-top: 93px;
  283. margin-left: 83px;
  284. margin-right: 5px;
  285. padding: 5px;
  286. border-radius: 30px;
  287. -webkit-border-radius: 30px;
  288. -moz-border-radius: 30px;
  289. -o-border-radius: 30px;
  290. position: fixed;
  291. z-index: 8;
  292. }
  293.  
  294. #it1 a:hover {
  295. text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
  296. }
  297.  
  298.  
  299. #it2 {
  300. background-color: {color:sidebar border};
  301. font-family: 'Arial';
  302. font-size: 8px;
  303. font-weight: 500;
  304. letter-spacing: 2px;
  305. text-align: center;
  306. height: 10px;
  307. width: 10px;
  308. margin-top: 115px;
  309. margin-left: 63px;
  310. margin-right: 5px;
  311. padding: 5px;
  312. border-radius: 30px;
  313. -webkit-border-radius: 30px;
  314. -moz-border-radius: 30px;
  315. -o-border-radius: 30px;
  316. position: fixed;
  317. z-index: 8;
  318. }
  319.  
  320. #it2 a:hover {
  321. text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
  322. }
  323.  
  324.  
  325. #it3 {
  326. background-color: {color:sidebar border};
  327. font-family: 'Arial';
  328. font-size: 8px;
  329. font-weight: 500;
  330. letter-spacing: 2px;
  331. text-align: center;
  332. height: 10px;
  333. width: 10px;
  334. margin-top: 142px;
  335. margin-left: 52px;
  336. margin-right: 5px;
  337. padding: 5px;
  338. border-radius: 30px;
  339. -webkit-border-radius: 30px;
  340. -moz-border-radius: 30px;
  341. -o-border-radius: 30px;
  342. position: fixed;
  343. z-index: 8;
  344. }
  345.  
  346. #it3 a:hover {
  347. text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
  348. }
  349.  
  350.  
  351. #it4 {
  352. background-color: {color:sidebar border};
  353. font-family: 'Arial';
  354. font-size: 8px;
  355. font-weight: 500;
  356. letter-spacing: 2px;
  357. text-align: center;
  358. height: 10px;
  359. width: 10px;
  360. margin-top: 170px;
  361. margin-left: 51px;
  362. margin-right: 5px;
  363. padding: 5px;
  364. border-radius: 30px;
  365. -webkit-border-radius: 30px;
  366. -moz-border-radius: 30px;
  367. -o-border-radius: 30px;
  368. position: fixed;
  369. z-index: 8;
  370. }
  371.  
  372. #it4 a:hover {
  373. text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
  374. }
  375.  
  376.  
  377. #it5 {
  378. background-color: {color:sidebar border};
  379. font-family: 'Arial';
  380. font-size: 8px;
  381. font-weight: 500;
  382. letter-spacing: 2px;
  383. text-align: center;
  384. height: 10px;
  385. width: 10px;
  386. margin-top: 197px;
  387. margin-left: 59px;
  388. margin-right: 5px;
  389. padding: 5px;
  390. border-radius: 30px;
  391. -webkit-border-radius: 30px;
  392. -moz-border-radius: 30px;
  393. -o-border-radius: 30px;
  394. position: fixed;
  395. z-index: 8;
  396. }
  397.  
  398. #it5 a:hover {
  399. text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
  400. }
  401.  
  402.  
  403. #it6 {
  404. background-color: {color:sidebar border};
  405. font-family: 'Arial';
  406. font-size: 8px;
  407. font-weight: 500;
  408. letter-spacing: 2px;
  409. text-align: center;
  410. height: 10px;
  411. width: 10px;
  412. margin-top: 220px;
  413. margin-left: 76px;
  414. margin-right: 5px;
  415. padding: 5px;
  416. border-radius: 30px;
  417. -webkit-border-radius: 30px;
  418. -moz-border-radius: 30px;
  419. -o-border-radius: 30px;
  420. position: fixed;
  421. z-index: 8;
  422. }
  423.  
  424. #it6 a:hover {
  425. text-shadow: 1px -1px 2px {color:links}, -1px 1px 2px {color:links};
  426. }
  427.  
  428.  
  429. /* THIS IS THE SNAZZY PAGINATION. */
  430. #pagination {
  431. width: 275px;
  432. font-family: 'Arial';
  433. font-size: 9px;
  434. font-weight: 300;
  435. letter-spacing: 2px;
  436. text-align: right;
  437. margin-top: 230px;
  438. margin-left: 225px;
  439. position: fixed;
  440. z-index: 9;
  441. }
  442.  
  443.  
  444.  
  445. /* POSTS */
  446.  
  447. .photo {
  448. width: 500px;
  449. }
  450.  
  451. .photo img {
  452. width: 500px;
  453. }
  454.  
  455. /* THIS IS THE POST CONTAINER! */
  456. #entries {
  457. color: {color:text};
  458. font-family: 'Arial';
  459. font-size: 10px;
  460. word-wrap: normal;
  461. word-break: keep-all;
  462. width: 500px;
  463. margin-top: 50px;
  464. margin-left: 600px;
  465. margin-right: auto;
  466. }
  467.  
  468.  
  469. /* THIS IS THE POST ITSELF */
  470. #post {
  471. background-color: {color:post background};
  472. color: {color:text};
  473. font-family: 'Arial';
  474. font-size: 10px;
  475. word-wrap: normal;
  476. word-break: keep-all;
  477. width: 500px;
  478. padding: 20px;
  479. border-top: 1px dotted {color:post border};
  480. border-left: 1px dotted {color:post border};
  481. border-right: 1px dotted{color:post border};
  482. }
  483.  
  484.  
  485. /* THIS IS THE INFO + TAGS CONTAINER */
  486. #data {
  487. background-color: {color:info background};
  488. height: 45px;
  489. width: 540px;
  490. margin-bottom: 50px;
  491. border-left: 1px solid {color:post border};
  492. border-right: 1px solid {color:post border};
  493. border-bottom: 1px solid {color:post border};
  494. }
  495.  
  496.  
  497. /* THIS IS THE PERMALINK + REBLOG/VIA/ORG */
  498. #info {
  499. font-family: 'Arial';
  500. font-size: 9px;
  501. text-transform: uppercase;
  502. text-align: center;
  503. border-top: 1px dotted {color:post border};
  504. margin-top: 0px;
  505. margin-left: 0px;
  506. margin-right: auto;
  507. padding-top: 15px;
  508. width: 540px;
  509. }
  510.  
  511. #info a, a:active, a:visited {
  512. color: {color:info};
  513. }
  514.  
  515. #info a:hover {
  516. color: {color:info hover};
  517. }
  518.  
  519.  
  520. /* THESE ARE THE TAGS. */
  521. #tags {
  522. font-family: 'Arial';
  523. font-size: 7px;
  524. font-weight: 400;
  525. letter-spacing: 1px;
  526. text-transform: uppercase;
  527. text-align: center;
  528. margin-top: 2px;
  529. margin-left: 0px;
  530. margin-bottom: 40px;
  531. width: 540px;
  532. }
  533.  
  534. #tags a, a:active, a:visited {
  535. color: {color:tags};
  536. }
  537.  
  538. #tags a:hover {
  539. color: {color:tags hover};
  540. }
  541.  
  542.  
  543.  
  544. /* QUOTES */
  545.  
  546. /* THIS IS THE QUOTE. */
  547. .quote {
  548. font-family: 'Arial';
  549. font-size: 9px;
  550. font-weight: 300;;
  551. font-style: italic;
  552. letter-spacing: 1px;
  553. text-indent: 15px;
  554. text-align: center;
  555. line-height: 22px;
  556. padding-top: 10px;
  557. padding-left: 10px;
  558. padding-right: 10px;
  559. }
  560.  
  561.  
  562. /* THIS IS THE QUOTE'S PSEUDO-PROPERTY OF FIRST-LETTER, WHICH ALLOWS YOU TO DO COOL STUFF WITH THE FIRST LETTER OF PRETTY MUCH ANYTHING. THIS IS COMMONLY USED ON P (PARAGRAPHS) TO GIVE THEM SOME JAZZ-UP. */
  563. .quote::first-letter {
  564. color: {color:quote first letter};
  565. font-family: 'Allura';
  566. font-size: 25px;
  567. line-height: 20px;
  568. }
  569.  
  570.  
  571.  
  572. /* ASK */
  573.  
  574. /* THIS IS THE QUESTION CONTAINER. */
  575. .question {
  576. background-color: transparent;
  577. width: 500px;
  578. border-bottom: 1px solid {color:post border};
  579. }
  580.  
  581.  
  582. /* THIS IS THE ASKER'S NAME. */
  583. .asker {
  584. color: {color:name};
  585. font-family: 'Arial';
  586. font-size: 8px;
  587. font-weight: 500;
  588. letter-spacing: 1px;
  589. text-transform: uppercase;
  590. text-align: left;
  591. margin-top: 10px;
  592. margin-left: 10px;
  593. }
  594.  
  595.  
  596. .asker a, a:active, a:visited {
  597. color: {color:name};
  598. }
  599.  
  600.  
  601. .asker a:hover {
  602. color: {color:link hover};
  603. }
  604.  
  605.  
  606. /* THIS IS THE ASK. */
  607. .ask {
  608. background-color: {color:question background};
  609. margin-top: 5px;
  610. margin-bottom: 10px;
  611. margin-left: 10px;
  612. margin-right: 10px;
  613. padding: 5px;
  614. }
  615.  
  616.  
  617. /* THIS IS THE REPLY. */
  618. .reply {
  619. width: 500px;
  620. margin-top: 10px;
  621. }
  622.  
  623.  
  624. /* THIS IS THE ANSWERER. IT ONLY SHOWS UP ON REBLOGGED ASKS. */
  625. .answerer {
  626. color: {color:name};
  627. font-family: 'Arial';
  628. font-size: 8px;
  629. font-weight: 500;
  630. letter-spacing: 1px;
  631. text-transform: uppercase;
  632. text-align: left;
  633. }
  634.  
  635.  
  636. .answerer a, a:active, a:visited {
  637. color: {color:name};
  638. }
  639.  
  640.  
  641. .answerer a:hover {
  642. color: {color:link hover};
  643. }
  644.  
  645.  
  646.  
  647. /* CHAT */
  648.  
  649. /* THIS IS THE CHAT CONTAINER. */
  650. .chat {
  651. height: auto;
  652. width: 500px;
  653. border-top: 1px solid {color:post title background};
  654. border-left: 1px solid {color:post title background};
  655. border-right: 1px solid {color:post title background};
  656. }
  657.  
  658.  
  659. /* THIS IS THE CHAT LINE. */
  660. .line {
  661. height: auto;
  662. width: 500px;
  663. border-bottom: 1px solid {color:post title background};
  664. }
  665.  
  666.  
  667.  
  668. /* AUDIO */
  669.  
  670. /* THIS IS THE CONTAINER. */
  671. .audio {
  672. background-color: {color:music player};
  673. width: 500px;
  674. height: 50px;
  675. }
  676.  
  677. /* THIS IS THE PLAYER. */
  678. .player {
  679. background-color: {color:music player};
  680. height: 50px;
  681. width: 50px;
  682. margin-top: 0px;
  683. margin-left: 10px;
  684. opacity: 0.8;
  685. filter: alpha(opacity=60);
  686. -webkit-transition: all 0.7s ease;
  687. -moz-transition: all 0.7s ease;
  688. -o-transition: all 0.7s ease;
  689. float: right;
  690. overflow: hidden;
  691. }
  692.  
  693.  
  694. .player:hover {
  695. opacity: 0.8;
  696. filter:alpha(opacity=60);
  697. }
  698.  
  699.  
  700. .playero {
  701. height: 25px;
  702. width: 25px;
  703. margin-top: 10px;
  704. margin-left: 8px;
  705. padding: 3px;
  706. overflow: hidden;
  707. }
  708.  
  709.  
  710. /* THIS IS THE ALBUM ART OF THE TRACK. */
  711. .albumart {
  712. margin-left: 0px;
  713. margin-right: 10px;
  714. float: left;
  715. }
  716.  
  717.  
  718. /* THIS IS THE TRACK'S DETAILS. */
  719. .track {
  720. color: {color:text};
  721. font-family: 'Arial';
  722. font-size: 8px;
  723. letter-spacing: 1px;
  724. text-transform: uppercase;
  725. text-align: left;
  726. height: 30px;
  727. margin-top: 20px;
  728. margin-left: 0px;
  729. padding: 0px;
  730. float: left;
  731. }
  732.  
  733.  
  734. /* THIS IS THE CAPTION, AKA THE DESCRIPTION YOU PUT IN THE AUDIO POST. */
  735. .caption {
  736. text-indent: 10px;
  737. margin-top: 0px;
  738. }
  739.  
  740.  
  741. /* TUMBLR CONTROLS */
  742. .iframe-controls--desktop {
  743. padding-top: 5px;
  744. padding-right: 7px;
  745. transform: scale(0.8);
  746. transform-origin: 100% 0;
  747. -webkit-transform: scale(0.8);
  748. -webkit-transform-origin: 100% 0;
  749. -moz-transform: scale(0.8);
  750. -moz-transform-origin: 100% 0;
  751. -ms-transform: scale(0.8);
  752. -ms-transform-origin: 100% 0;
  753. -o-transform: scale(0.8);
  754. -o-transform-origin: 100% 0;
  755. }
  756.  
  757. </style></head>
  758.  
  759. <body>
  760. <div id="it1"><a href="/" title="ʀᴇғʀᴇsʜ">01</a></div>
  761. <div id="it2"><a href="/ask" title="ᴀsᴋ">02</a></div>
  762. <div id="it3"><a href="{text:Link One}" title="{text:Link One Title}">03</a></div>
  763. <div id="it4"><a href="{text:Link Two}" title="{text:Link Two Title}">04</a></div>
  764. <div id="it5"><a href="{text:Link Three}" title="{text:Link Three Title}">05</a></div>
  765. <div id="it6"><a href="http://www.angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ.">©.</a></div>
  766. <div id="sidebar"></div>
  767. <h1>{text:Title}</h1>
  768. <div id="description"><p>{Description}</p></div>
  769. <div id="pagination">
  770. {block:Pagination}
  771. {block:PreviousPage}<a href="{PreviousPage}">ɢᴏ ʙᴀᴄᴋ</a>{/block:PreviousPage} &nbsp; — &nbsp; {block:NextPage}<a href="{NextPage}">ɢᴏ ғᴏʀᴛʜ</a>{/block:NextPage}
  772. {/block:Pagination}
  773. </div>
  774.  
  775. <div id="entries">
  776. {block:Posts}
  777.  
  778. <div id="post">{block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}</span>{/block:Text}
  779.  
  780. {block:Photo}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  781.  
  782. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  783.  
  784. {block:Quote}
  785. <div class="quote">{Quote}</div>
  786. {block:Source}
  787. <h4>{Source}</h4> &nbsp;
  788. {/block:Source}
  789. {/block:Quote}
  790.  
  791.  
  792. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
  793.  
  794.  
  795. {block:Chat}
  796. {block:Title}<h3>{Title}</h3>{/block:Title}
  797. <div class="chat">
  798. {block:Lines}
  799. <div class="line"><p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p></div>
  800. {/block:Lines}
  801. </div>
  802. {/block:Chat}
  803.  
  804.  
  805. {block:Audio}
  806. <div class="audio">
  807. <div class="player"><div class="playero">{AudioPlayerWhite}</div></div>
  808. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  809. <div class="track">{block:Artist}{Artist}{/block:Artist}&nbsp; &ndash; &nbsp;<span style="color:{color:audio title};font-family:'Allura';font-size: 20px;text-transform:lowercase">{block:TrackName}{TrackName}{/block:TrackName}</span></div></div>
  810. <div class="caption">{block:caption}{Caption}{/block:caption}</div>
  811. {/block:Audio}
  812.  
  813.  
  814. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  815.  
  816.  
  817. {block:Answer}
  818. <div class="question">
  819. <div class="asker">{Asker} {text:asker} said:</div>
  820. <div class="ask"><p>{Question}</p></div>
  821. </div>
  822. {block:Answerer}
  823. <div class="reply">
  824. <div class="answerer">{Answerer}:</div>
  825. {Answer}
  826. </div>
  827. {/block:Answerer}
  828. {Replies}
  829. {/block:Answer}
  830. </div>
  831.  
  832.  
  833. <div id="data">
  834. <div id="info">
  835. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} &nbsp; with &nbsp; <a href="{Permalink}">{NoteCount}&nbsp; notes </a></span> &nbsp; • &nbsp; <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}</div>
  836.  
  837. <div id="tags">
  838. {block:HasTags}<span style="color:{color:text}">filed under:</span>&nbsp;{block:Tags}<a href="{TagURL}">{Tag};</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  839. </div>
  840. </div>
  841.  
  842. {/block:Posts}
  843. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  844.  
  845. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement