Advertisement
Levraivoleur

Tumblr code

Jan 20th, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.58 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 #007: VITRALIS BY ANGELICXI
  10. published september 22, 2016
  11. ᴀʟʟ ʀɪɢʜᴛs ʀᴇsᴇʀᴠᴇᴅ © ᴀɴɢᴇʟɪᴄxɪ ᴜɴᴅᴇʀ ɢᴘʟ ʟɪᴄᴇɴsɪɴɢ
  12. ᴜɴᴀᴜᴛʜᴏʀɪᴢᴇᴅ ʀᴇᴅɪsᴛʀɪʙᴜᴛɪᴏɴ ɪs sᴛʀɪᴄᴛʟʏ ᴘʀᴏʜɪʙɪᴛᴇᴅ.
  13.  
  14. Terms of Use:
  15. - DO NOT USE AS A BASE CODE.
  16. - DO NOT REDISTRIBUTE, REPRODUCE, OR CLAIM AS YOURS.
  17. - DO NOT MODIFY BEYOND THE POINT OF RECOGNITION.
  18.  
  19. 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!
  20.  
  21. ~Lia
  22.  
  23. PS: To customize the music player, ctrl+f <div class="embed">, and paste the code generated by billy between it and its' closing </div> tag. The dimensions for the sidebar images are 175x500.
  24.  
  25. --------------------------------------------------------------------->
  26.  
  27. <!---META: COLORS--->
  28. <meta name="color:Background" content="#eeeeec"/>
  29. <meta name="color:Sidebar Border" content="#E37C8A"/>
  30. <meta name="color:Description" content="#E37C8A"/>
  31. <meta name="color:Text" content="#000000"/>
  32. <meta name="color:Bold" content="#E37C8A"/>
  33. <meta name="color:Italic" content="#E37C8A"/>
  34. <meta name="color:Underlined" content="#E37C8A"/>
  35. <meta name="color:Links" content="#E37C8A"/>
  36. <meta name="color:Links Hover" content="#f5af32"/>
  37. <meta name="color:Title" content="#E37C8A"/>
  38. <meta name="color:Navigation Links" content="#E37C8A"/>
  39. <meta name="color:Navigation Links Hover" content="#f5af32"/>
  40. <meta name="color:Pagination" content="#E37C8A"/>
  41. <meta name="color:Pagination Hover" content="#f5af32"/>
  42. <meta name="color:Post Container" content="#eeeeec"/>
  43. <meta name="color:Post Date" content="#ffffff"/>
  44. <meta name="color:Post Date Hover" content="#ffffff"/>
  45. <meta name="color:Post Title" content="#ffffff"/>
  46. <meta name="color:Post Title Background" content="#E37C8A"/>
  47. <meta name="color:Post Background" content="#f6f6f6"/>
  48. <meta name="color:Post Border"content="#E37C8A"/>
  49. <meta name="color:Tags" content="#E37C8A"/>
  50. <meta name="color:Tags Hover" content="#f5af32"/>
  51. <meta name="color:Music Player" content="#E37C8A"/>
  52. <meta name="color:Quote First Letter" content="#E37C8A"/>
  53. <meta name="color:Question Background" content="#f6f6f6"/>
  54. <meta name="color:Audio Post Title" content="#E37C8A"/>
  55.  
  56.  
  57.  
  58. <!---META: FEATURES--->
  59. <meta name="image:Background"/>
  60. <meta name="image:Left Sidebar"/>
  61. <meta name="image:Right Sidebar"/>
  62. <meta name="image:Sidebar BG Texture"/>
  63. <meta name="image:Avatar"/>
  64. <meta name="text:Rightbar Text" content""/>
  65. <meta name="text:Title" content="[ title ]"/>
  66. <meta name="text:Link One" content="home link here"/>
  67. <meta name="text:Link One Title" content="home"/>
  68. <meta name="text:Link Two" content="ask link here"/>
  69. <meta name="text:Link Two Title" content="ask"/>
  70. <meta name="text:Link Three" content="link three here"/>
  71. <meta name="text:Link Three Title" content="link three title"/>
  72. <meta name="text:Link Four" content="link four here"/>
  73. <meta name="text:Link Four Title" content="link four title"/>
  74. <meta name="text:Link Five" content="link five here"/>
  75. <meta name="text:Link Five Title" content="link five title"/>
  76.  
  77.  
  78. <!---META: FONTS--->
  79. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  80. <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
  81. <link href='https://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  82.  
  83. <style type="text/css">/* BASICS */
  84.  
  85. body {
  86. background-color: {color:background};
  87. background-image: url('{image:background}');
  88. margin: 0px;
  89. }
  90.  
  91. a, a:active, a:visited {
  92. color: {color:links};
  93. text-decoration: none;
  94. }
  95.  
  96.  
  97. a:hover {
  98. color: {color:links hover};
  99. text-decoration: none;
  100. }
  101.  
  102.  
  103. b, strong {
  104. color: {color:bold};
  105. font-weight: 600;
  106. }
  107.  
  108.  
  109. i, em {
  110. color: {color:italic};
  111. }
  112.  
  113.  
  114. u, underline {
  115. color: {color:underline};
  116. text-decoration: underline;
  117. }
  118.  
  119.  
  120. small {
  121. font-size: 95%;
  122. }
  123.  
  124.  
  125. pre {
  126. font-size: 90%;
  127. word-wrap: break-all;
  128. word-break: break-all;
  129. letter-spacing: 1px;
  130. }
  131.  
  132.  
  133. p {
  134. margin: 10px;
  135. }
  136.  
  137. hr {
  138. color: {color:post border};
  139. height: 1px;
  140. }
  141.  
  142.  
  143. blockquote {
  144. word-wrap: normal;
  145. word-break: normal;
  146. margin-left: 10px;
  147. margin-right: 0px;
  148. padding: 5px;
  149. border-left: 1px solid {color:post border};
  150. }
  151.  
  152.  
  153. blockquote blockquote {
  154. word-wrap: normal;
  155. word-break: normal;
  156. margin-left: 15px;
  157. margin-right: 0px;
  158. padding: 5px;
  159. border-left: 1px solid {color:post border};
  160. }
  161.  
  162.  
  163. blockquote img {
  164. width: auto;
  165. max-width: 460px;
  166. overflow: hidden;
  167. }
  168.  
  169.  
  170. blockquote blockquote img {
  171. width: auto;
  172. max-width: 425px;
  173. overflow: hidden;
  174. }
  175.  
  176.  
  177. u, li img {
  178. width: auto;
  179. max-width: 425px;
  180. overflow: hidden;
  181. }
  182.  
  183. h1 {
  184. width: 154px;
  185. color: {color:title};
  186. font-family: 'Arial';
  187. font-size: 12px;
  188. font-weight: 300;
  189. font-variant: small-caps;
  190. text-align: center;
  191. text-transform: lowercase;
  192. letter-spacing: 1px;
  193. margin-top: 12px;
  194. margin-left: 11px;
  195. }
  196.  
  197.  
  198. h2 {
  199. font-size: 11px;
  200. text-indent: 25px;
  201. text-transform: uppercase;
  202. text-align: left;
  203. }
  204.  
  205.  
  206. h3 {
  207. background-color: {color:post title background};
  208. color: {color:post title};
  209. font-family: 'Arial';
  210. font-size: 13px;
  211. font-weight: 500;
  212. font-variant: small-caps;
  213. letter-spacing: 2px;
  214. text-transform: lowercase;
  215. text-align: center;
  216. width: 492px;
  217. padding-top: 15px;
  218. padding-bottom: 15px;
  219. margin-top: 5px;
  220. margin-bottom: 5px;
  221. border: 4px double {color:post border};
  222. }
  223.  
  224. h4 {
  225. color: {color:post border};
  226. font-family: 'Arial';
  227. font-size: 13px;
  228. font-weight: bold;
  229. font-variant: small-caps;
  230. letter-spacing: 2px;
  231. text-transform: lowercase;
  232. text-align: center;
  233. margin-top: 15px;
  234. margin-bottom: -5px;
  235. }
  236.  
  237.  
  238. /* SIDEBARS */
  239.  
  240. #around {
  241. width: 1070px;
  242. margin-top: 75px;
  243. margin-left: auto;
  244. margin-right: auto;
  245. }
  246.  
  247. #leftbar {
  248. background-image: url('{image:left sidebar}');
  249. height: 500px;
  250. width: 175px;
  251. border: 2px solid {color:sidebar border};
  252. box-shadow: -2px -2px 5px #cacac4;
  253. margin-top: 0px;
  254. z-index: 8;
  255. }
  256.  
  257. #leftbar:hover .leftdesc {
  258. opacity: 1;
  259. }
  260.  
  261. .leftdesc {
  262. background: rgba(231,230,230,0.9);
  263. background-image: url('{image:Sidebar BG Texture}');
  264. height: 500px;
  265. width: 175px;
  266. display: block;
  267. transition: all 0.7s ease-in-out;
  268. -webkit-transition: all 0.7s ease-in-out;
  269. -moz-transition: all 0.7s ease-in-out;
  270. -o-transition: all 0.7s ease-in-out;
  271. -ms-transition: all 0.7s ease-in-out;
  272. opacity: 0;
  273. position: absolute;
  274.  
  275. }
  276.  
  277. .ava {
  278. background-image: url('{image:avatar}');
  279. height: 110px;
  280. width: 110px;
  281. margin-top: 55px;
  282. margin-left: 31px;
  283. border: 2px solid {color:sidebar border};
  284. border-radius: 110px;
  285. -webkit-border-radius: 110px;
  286. -moz-border-radius: 110px;
  287. -o-border-radius: 110px;
  288. }
  289.  
  290. .menu {
  291. width: 154px;
  292. color: {color:navigation links};
  293. font-family: 'Arial';
  294. font-size: 9px;
  295. font-weight: bold;
  296. text-align: center;
  297. letter-spacing: 1px;
  298. border-top: 1px solid {color:sidebar border};
  299. margin-top: -5px;
  300. margin-left: 11px;
  301.  
  302. }
  303.  
  304. .menu a, a:active, a:visited {
  305. color: {color:navigation links};
  306. }
  307.  
  308. .menu a:hover {
  309. color: {color:navigation links hover};
  310. }
  311.  
  312. .desc {
  313. height: 175px;
  314. width: 154px;
  315. color: {color:description};
  316. font-family: 'Raleway';
  317. font-size: 9px;
  318. text-align: center;
  319. margin-top: 15px;
  320. margin-left: 11px;
  321. overflow-y: auto;
  322. }
  323.  
  324. .pagination {
  325. width: 154px;
  326. color: {color:pagination};
  327. font-family: 'Arial';
  328. font-size: 10px;
  329. font-variant: small-caps;
  330. text-align: center;
  331. text-transform: lowercase;
  332. margin-top: 10px;
  333. margin-left: 11px;
  334. }
  335.  
  336. .pagination a, a:active, a:visited {
  337. color: {color:pagination};
  338. }
  339.  
  340. .pagination a:hover {
  341. color: {color:pagination hover};
  342. }
  343.  
  344. #rightbar {
  345. background-image: url('{image:right sidebar}');
  346. height: 500px;
  347. width: 175px;
  348. border: 2px solid {color:sidebar border};
  349. box-shadow: 2px -2px 5px #cacac4;
  350. margin-top: -504px;
  351. margin-left: 895px;
  352. z-index: 8;
  353. }
  354.  
  355. #rightbar:hover .rightdesc {
  356. opacity: 1;
  357. }
  358.  
  359. .rightdesc {
  360. background: rgba(231,230,230,0.9);
  361. background-image: url('{image:Sidebar BG Texture}');
  362. height: 500px;
  363. width: 175px;
  364. display: block;
  365. transition: all 0.7s ease-in-out;
  366. -webkit-transition: all 0.7s ease-in-out;
  367. -moz-transition: all 0.7s ease-in-out;
  368. -o-transition: all 0.7s ease-in-out;
  369. -ms-transition: all 0.7s ease-in-out;
  370. opacity: 0;
  371. position: absolute;
  372.  
  373. }
  374.  
  375. #musicplayer {
  376. background-color: {color:music player};
  377. height: 10px;
  378. width: 15px;
  379. border-radius: 35px;
  380. -webkit-border-radius: 35px;
  381. -moz-border-radius: 35px;
  382. -o-border-radius: 35px;
  383. margin-top: 55px;
  384. margin-left: 70px;
  385. padding-top: 8px;
  386. padding-left: 10px;
  387. padding-right: 10px;
  388. padding-bottom: 17px;
  389. -webkit-transition: all 0.7s ease-in-out;
  390. -moz-transition: all 0.7s ease-in-out;
  391. -o-transition: all 0.7s ease-in-out;
  392. -ms-transition: all 0.7s ease-in-out;
  393. overflow: hidden;
  394. z-index: 9;
  395. }
  396.  
  397. #musicplayer:hover {
  398. width: 135px;
  399. border-radius: 10px;
  400. -webkit-border-radius: 10px;
  401. -moz-border-radius: 10px;
  402. -o-border-radius: 30px;
  403. margin-left: 10px;
  404.  
  405. }
  406.  
  407. .embed {
  408. height: 35px;
  409. width: 155px;
  410. margin-top: -17px;
  411. margin-left: 0px;
  412. font-family: Arial;
  413. font-size: 8px;
  414. -webkit-transition: all 0.7s ease-in-out;
  415. -moz-transition: all 0.7s ease-in-out;
  416. -o-transition: all 0.7s ease-in-out;
  417. -ms-transition: all 0.7s ease-in-out;
  418. opacity: 0;
  419. z-index: 8;
  420. }
  421.  
  422. .embed:hover {
  423. opacity: 1;
  424. z-index: 10;
  425. }
  426.  
  427. .rdesc {
  428. height: 335px;
  429. width: 154px;
  430. color: {color:description};
  431. font-family: 'Raleway';
  432. font-size: 9px;
  433. text-align: center;
  434. margin-top: 15px;
  435. margin-left: 11px;
  436. overflow-y: auto;
  437.  
  438. }
  439.  
  440.  
  441. /* POST & ENTRIES */
  442.  
  443. #container {
  444. background-color: {color:post container};
  445. height: 500px;
  446. width: 700px;
  447. border: 2px solid {color:sidebar border};
  448. box-shadow: 1px -1px 5px #cacac4, -1px 1px 5px #cacac4;
  449. margin-top: -504px;
  450. margin-left: 185px;
  451. overflow-y: auto;
  452. z-index: 9;
  453. }
  454.  
  455.  
  456. #post {
  457. background-color: {color:post background};
  458. color: {color:text};
  459. font-family: 'Source Sans Pro';
  460. font-size: 11px;
  461. word-wrap: normal;
  462. width: 500px;
  463. margin-top: 0px;
  464. margin-left: 85px;
  465. padding: 20px;
  466. border-bottom: 1px solid {color:post border};
  467. border-right: 1px solid {color:post border};
  468. border-left: 1px solid {color:post border};
  469.  
  470. }
  471.  
  472.  
  473. #post a, a:active, a:visited {
  474. color: {color:links};
  475. text-decoration: none;
  476. }
  477.  
  478.  
  479. #post a:hover {
  480. color: {color:links hover};
  481. }
  482.  
  483.  
  484. #info {
  485. background-color: {color:post border};
  486. color: {color:post date};
  487. font-family: 'Raleway';
  488. font-size: 7px;
  489. font-weight: 500;
  490. letter-spacing: 1px;
  491. text-transform: uppercase;
  492. width: 522px;
  493. margin-top: 45px;
  494. margin-left: 85px;
  495. margin-bottom: 0px;
  496. padding-top: 10px;
  497. padding-bottom: 20px;
  498. padding-left: 10px;
  499. padding-right: 10px;
  500. }
  501.  
  502.  
  503. #info a, a:active, a:visited {
  504. color: {color:post date} ;
  505. text-decoration: none;
  506. }
  507.  
  508.  
  509. #info a:hover {
  510. color: {color:post date hover};
  511. }
  512.  
  513.  
  514. #tags {
  515. background-color: transparent;
  516. color: {color:tags};
  517. font-family: 'Raleway';
  518. font-size: 7px;
  519. font-weight: normal;
  520. text-transform: uppercase;
  521. letter-spacing: 1px;
  522. word-wrap: normal;
  523. word-break: normal;
  524. width: 520px;
  525. line-height: 10px;
  526. margin-top: 0px;
  527. margin-left: 85px;
  528. margin-bottom: 45px;
  529. padding: 5px
  530. }
  531.  
  532.  
  533. #tags a, a:active, a:visited {
  534. color: {color:tags};
  535. text-decoration: none;
  536. }
  537.  
  538.  
  539. #tags a:hover {
  540. color: {color:tags hover};
  541. }
  542.  
  543. .postnote {
  544. width: 520px;
  545. font-family: 'Arial';
  546. font-size: 9px;
  547. font-variant: small-caps;
  548. letter-spacing: 1px;
  549. text-transform: lowercase;
  550. margin-left: 65px;
  551. }
  552.  
  553.  
  554.  
  555. /* QUOTES */
  556.  
  557. .quote {
  558. font-family: 'Arial';
  559. font-size: 10px;
  560. font-weight: 500;
  561. font-style: italic;
  562. text-indent: 15px;
  563. text-align: center;
  564. margin-top: 20px;
  565. padding-top: 0px;
  566. padding-left: 10px;
  567. padding-right: 10px;
  568. padding-bottom: 20px;
  569. border-bottom: 1px solid {color:post border};
  570. }
  571.  
  572.  
  573. .quote::first-letter {
  574. color: {color:quote first letter};
  575. font-family: 'Alex Brush';
  576. font-size: 25px;
  577. }
  578.  
  579.  
  580. .qusource {
  581. font-family: 'Raleway';
  582. font-size: 7px;
  583. font-weight: normal;
  584. letter-spacing: 1px;
  585. text-transform: uppercase;
  586. text-align: right;
  587. margin-top: 7px;
  588. }
  589.  
  590.  
  591.  
  592. /* CHAT */
  593.  
  594. .chat {
  595. height: auto;
  596. width: auto;
  597. border-top: 1px solid {color:post border};
  598. border-left: 1px solid {color:post border};
  599. border-right: 1px solid {color:post border};
  600. }
  601.  
  602.  
  603. .line {
  604. height: auto;
  605. width: auto;
  606. border-bottom: 1px solid {color:post border};
  607. }
  608.  
  609.  
  610.  
  611. /* ASK */
  612.  
  613. .question {
  614. background-color: transparent;
  615. width: 500px;
  616. border-bottom: 1px solid {color:post border};
  617. }
  618.  
  619. .asker {
  620. color: {color:links};
  621. font-size: 8px;
  622. font-weight: 500;
  623. letter-spacing: 1px;
  624. text-transform: uppercase;
  625. text-align: left;
  626. margin-top: 10px;
  627. margin-left: 10px;
  628. }
  629.  
  630.  
  631. .asker a, a:active, a:visited {
  632. color: {color:links};
  633. }
  634.  
  635.  
  636. .asker a:hover {
  637. color: {color:links hover};
  638. }
  639.  
  640.  
  641. .ask {
  642. background-color: {color:question background};
  643. border: 4px double {color:post border};
  644. margin-top: 5px;
  645. margin-bottom: 10px;
  646. margin-left: 10px;
  647. margin-right: 10px;
  648. padding: 5px;
  649. }
  650.  
  651.  
  652. .reply {
  653. width: 500px;
  654. margin-top: 10px;
  655. }
  656.  
  657.  
  658. .answerer {
  659. color: {color:links};
  660. font-size: 8px;
  661. font-weight: 500;
  662. letter-spacing: 1px;
  663. text-transform: uppercase;
  664. text-align: right;
  665. margin-top: 10px;
  666. margin-right: 10px;
  667. }
  668.  
  669.  
  670. .answerer a, a:active, a:visited {
  671. color: {color:links};
  672. }
  673.  
  674.  
  675. .answerer a:hover {
  676. color: {color:links hover};
  677. }
  678.  
  679. .answer {
  680. background-color: {color:question background};
  681. border: 4px double {color:post border};
  682. margin-top: 10px;
  683. margin-left: 10px;
  684. margin-right: 10px;
  685. padding: 5px;
  686. }
  687.  
  688. .answer img {
  689. max-width: 445px;
  690. max-height: auto;
  691. }
  692.  
  693.  
  694.  
  695. /* AUDIO */
  696.  
  697. #audio {
  698. width: 498px;
  699. height: 75px;
  700. }
  701.  
  702. .player {
  703. background-color: transparent;
  704. opacity: 0.8;
  705. width: 25px;
  706. height: 25px;
  707. margin-top: -50px;
  708. margin-left: 25px;
  709. border-radius: 25px;
  710. -moz-border-radius: 25px;
  711. -webkit-border-radius: 25px;
  712. -o-border-radius: 25px;
  713. overflow: hidden;
  714. z-index: 6;
  715. }
  716.  
  717. .albumart {
  718. width: 65px;
  719. height: 65px;
  720. border: 5px solid {color:Post Border};
  721. border-radius: 65px;
  722. -moz-border-radius: 65px;
  723. -webkit-border-radius: 65px;
  724. -o-border-radius: 65px;
  725. z-index: 5;
  726. }
  727.  
  728. .albumart img {
  729. width: 65px;
  730. height: 65px;
  731. border-radius: 65px;
  732. -moz-border-radius: 65px;
  733. -webkit-border-radius: 65px;
  734. -o-border-radius: 65px;
  735. }
  736.  
  737. .albumdetails {
  738. width: 413px;
  739. height: 75px;
  740. margin-left: 85px;
  741. margin-top: -35px;
  742.  
  743. }
  744.  
  745. .acaption {
  746. width: 500px;
  747. border-top: 1px solid {color:post border};
  748. margin-top: 10px;
  749. }
  750.  
  751. .photo {
  752. width: 500px;
  753. }
  754.  
  755. .photo img {
  756. width: 500px;
  757. }
  758.  
  759.  
  760.  
  761. /* SCROLLBAR (Only works for Chrome.) */
  762. ::-webkit-scrollbar {
  763. background-color: #eeeeec; /* This is the color for the scrollbar background.*/
  764. height: 4px;
  765. width: 4px;
  766. }
  767.  
  768. ::-webkit-scrollbar-thumb {
  769. background-color: #E37C8A; /* This is the color for the scroll button!*/
  770. border-radius: 2px;
  771. -webkit-border-radius: 2px;
  772. }
  773.  
  774. /* TUMBLR CONTROLS */
  775. .iframe-controls--desktop {
  776. padding-top: 5px;
  777. padding-right: 7px;
  778. transform: scale(0.8);
  779. transform-origin: 100% 0;
  780. -webkit-transform: scale(0.8);
  781. -webkit-transform-origin: 100% 0;
  782. -moz-transform: scale(0.8);
  783. -moz-transform-origin: 100% 0;
  784. -ms-transform: scale(0.8);
  785. -ms-transform-origin: 100% 0;
  786. -o-transform: scale(0.8);
  787. -o-transform-origin: 100% 0;
  788. }
  789.  
  790.  
  791.  
  792. </style></head>
  793.  
  794. <body>
  795. <div id="around">
  796.  
  797.  
  798. <div id="leftbar">
  799. <div class="leftdesc">
  800. <div class="ava"></div>
  801. <h1>{text:title}</h1>
  802. <div class="menu">
  803. <a href="{text:link one}" title="{text:link one title}">i.</a> &nbsp;
  804. <a href="{text:link two}" title="{text:link two title}">ii.</a> &nbsp;
  805. <a href="{text:link three}" title="{text:link three title}">iii.</a> &nbsp;
  806. <a href="{text:link four}" title="{text:link four title}">iv.</a> &nbsp;
  807. <a href="{text:link five}" title="{text:link five title}">v.</a> &nbsp;
  808. <a href="https://angelicxi.tumblr.com/" title="ᴛʜᴇᴍᴇ ʙʏ ᴀɴɢᴇʟɪᴄxɪ">c.</a></div>
  809. <div class="desc">{description}</div>
  810. <div class="pagination">
  811. {block:Pagination}
  812. {block:PreviousPage}<a href="{PreviousPage}">rewind</a> &nbsp; /&nbsp;/ &nbsp; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}
  813. {/block:Pagination}</div>
  814. </div>
  815. </div>
  816.  
  817.  
  818. <div id="container">
  819. {block:Posts}
  820. <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>
  821. <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>
  822.  
  823. <div id="post">
  824.  
  825. {block:Text}{block:Title}<h3>{Title}</h3>{/block:Title}{Body}</span>{/block:Text}
  826.  
  827. {block:Photo}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  828.  
  829. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  830.  
  831. {block:Quote}
  832. <div class="quote">{Quote}</div>
  833. {block:Source}
  834. <div class="qusource">&mdash; {Source} &nbsp; </div>
  835. {/block:Source}
  836. {/block:Quote}
  837.  
  838.  
  839. {block:Link}<h3><a href="{URL}" {Target}>{Name}</a></h3>{block:Description}{Description}{/block:Description}{/block:Link}
  840.  
  841.  
  842. {block:Chat}
  843. {block:Title}<p><h3>{Title}</h3></p>{/block:Title}
  844. <div class="chat">
  845. {block:Lines}
  846. <div class="line"><p>{block:Label}<b>{Label}</b>{/block:Label} {Line}</p></div>
  847. {/block:Lines}
  848. </div>
  849. {/block:Chat}
  850.  
  851.  
  852. {block:Audio}
  853. <div id="audio"><div class="albumart">{block:AlbumArt}
  854. <img src="{AlbumArtURL}">
  855. {/block:AlbumArt}</div>
  856. <div class="player">{AudioPlayer}</div>
  857. <div class="albumdetails">
  858. {block:TrackName}
  859. <span style="font-family: 'Arial'; font-size: 15px; font-style: italic; font-weight: bold; color: {color:Audio Title}; text-transform: lowercase;">{TrackName}</span>
  860. {/block:TrackName}<br>
  861. <span style="font-variant: small-caps; text-transform: lowercase;">{block:Artist}{Artist}{/block:Artist}{block:Album} &nbsp; | &nbsp; {Album}{/block:Album}</span><br>
  862. <span style="font-size: 8px; text-transform: uppercase; letter-spacing: 1px">{PlayCountWithLabel}</style>
  863. </div>
  864. </div>
  865. {block:Caption}<div class="acaption"> {Caption} </div>{/block:Caption}
  866. {/block:Audio}
  867.  
  868.  
  869. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  870.  
  871.  
  872. {block:Answer}
  873. <div class="question">
  874. <div class="asker">{Asker} {text:asker} said:</div>
  875. <div class="ask"><p>{Question}</p></div>
  876. </div>
  877. {block:Answerer}
  878. <div class="reply">
  879. <div class="answer">{Answer}</div>
  880. <div class="answerer">&mdash; {Answerer}</div>
  881. </div>
  882. {/block:Answerer}
  883. {Replies}
  884. {/block:Answer}
  885. </div>
  886.  
  887. <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>
  888.  
  889. {/block:Posts}
  890. <div class="postnote">
  891. {block:PostNotes}{PostNotes}{/block:PostNotes}
  892. </div>
  893.  
  894. </div>
  895.  
  896.  
  897. <div id="rightbar">
  898. <div class="rightdesc">
  899. <div id="musicplayer"><img src="https://i.imgur.com/yo5Ad39.gif">
  900. <div class="embed"><embed src="https://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/y96n02q3ehvex6b/ls.mp3?dl=1&t0=It's Changed&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash"/></div></div>
  901. <div class="rdesc">{text:rightbar text}</div>
  902. </div>
  903. </div>
  904.  
  905.  
  906. </div>
  907. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement