API tools faq
paste
Advertisement
dylanohelps

VI - Simplicity

dylanohelps
Apr 11th, 2014
606
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---------------
  4.  
  5.  
  6.  
  7.  
  8. THEME-HUNTER THEME SUBMISSION BY WINCHESTERWRITES
  9. Rules and Regulations:
  10. #1: Please DO NOT commit thievery and steal this theme/page. I've worked hard on in so I'd appreciate if you didn't.
  11.  
  12. #2: DO NOT redistribute this theme/page,
  13.  
  14. #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.
  15.  
  16.  
  17.  
  18. ---------------->
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  23.  
  24. <title>{Title}</title>
  25.  
  26. <meta charset="utf-8">
  27.  
  28. <meta name="description" content="{MetaDescription}" />
  29.  
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800,900,500' rel='stylesheet' type='text/css'>
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  40.  
  41. <script src="http://use.edgefonts.net/londrina-sketch.js"></script>
  42. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  43.  
  44. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300' rel='stylesheet' type='text/css'>
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans:400,100italic,500italic' rel='stylesheet' type='text/css'>
  49.  
  50. <script type="text/javascript">
  51.  
  52. $(document).ready(function() {
  53.  
  54. //ACCORDION BUTTON ACTION
  55. $('.accordionButton').click(function() {
  56. $('.accordionContent').slideUp('normal');
  57. $(this).next().slideDown('normal');
  58. });
  59.  
  60. //HIDE THE DIVS ON PAGE LOAD
  61. $(".accordionContent").hide();
  62.  
  63. });
  64.  
  65.  
  66.  
  67.  
  68.  
  69. </script>
  70.  
  71.  
  72. <meta name="image:Header" content="">
  73. <meta name="image:Music Post BG" content="http://static.tumblr.com/kamm2qy/mAqn3t9yr/3_s17.jpg">
  74.  
  75. <meta name="text:Section A" content="">
  76. <meta name="text:Section B" content="">
  77. <meta name="text:Section C" content="">
  78.  
  79. <meta name="text:Link 1a" content="">
  80. <meta name="text:Link 1a URL" content="">
  81. <meta name="text:Link 2a" content="">
  82. <meta name="text:Link 2a URL" content="">
  83. <meta name="text:Link 3a" content="">
  84. <meta name="text:Link 3a URL" content="">
  85. <meta name="text:Link 4a" content="">
  86. <meta name="text:Link 4a URL" content="">
  87. <meta name="text:Link 5a" content="">
  88. <meta name="text:Link 5a URL" content="">
  89. <meta name="text:Link 6a" content="">
  90. <meta name="text:Link 6a URL" content="">
  91.  
  92. <meta name="text:Link 1b" content="">
  93. <meta name="text:Link 1b URL" content="">
  94. <meta name="text:Link 2b" content="">
  95. <meta name="text:Link 2b URL" content="">
  96. <meta name="text:Link 3b" content="">
  97. <meta name="text:Link 3b URL" content="">
  98. <meta name="text:Link 4b" content="">
  99. <meta name="text:Link 4b URL" content="">
  100. <meta name="text:Link 5b" content="">
  101. <meta name="text:Link 5b URL" content="">
  102. <meta name="text:Link 6b" content="">
  103. <meta name="text:Link 6b URL" content="">
  104.  
  105. <meta name="text:Link 1c" content="">
  106. <meta name="text:Link 1c URL" content="">
  107. <meta name="text:Link 2c" content="">
  108. <meta name="text:Link 2c URL" content="">
  109. <meta name="text:Link 3c" content="">
  110. <meta name="text:Link 3c URL" content="">
  111. <meta name="text:Link 4c" content="">
  112. <meta name="text:Link 4c URL" content="">
  113. <meta name="text:Link 5c" content="">
  114. <meta name="text:Link 5c URL" content="">
  115. <meta name="text:Link 6c" content="">
  116. <meta name="text:Link 6c URL" content="">
  117.  
  118. <meta name="color:Sidebar BG" content="#FFFFFF">
  119. <meta name="color:Scrollbar" content="#202020">
  120. <meta name="color:Accent" content="#202020">
  121. <meta name="color:Post Text" content="#303030">
  122. <meta name="color:Chat 1" content="#AAAAAA">
  123. <meta name="color:Chat 2" content="#CCCCCC">
  124. <meta name="color:Sidebar BG" content="#FFFFFF">
  125. <meta name="color:Sidebar BG" content="#FFFFFF">
  126. <meta name="color:Sidebar BG" content="#FFFFFF">
  127. <meta name="color:Sidebar BG" content="#FFFFFF">
  128. <meta name="color:Sidebar BG" content="#FFFFFF">
  129.  
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136. </head>
  137. <style type="text/css">
  138. body {
  139. margin: 0px;
  140. list-style: none;
  141. background-color: #eee;
  142. font-family: 'Roboto', sans-serif;
  143. font-weight: 300;
  144. font-size: 10px;
  145. color: #877b76;
  146. background-image: url('http://static.tumblr.com/kamm2qy/BhKn3t79b/graphy.png');
  147. background-attachment: fixed;
  148. }
  149.  
  150. a {
  151. text-decoration: none;
  152. color: {color:Accent};
  153. }
  154.  
  155. b,i,strong,em {
  156. color: {color:Accent};
  157. }
  158.  
  159. ::-webkit-scrollbar-thumb:vertical {
  160. background-color: {color:Scrollbar};
  161. height: 10px;
  162. }
  163. ::-webkit-scrollbar-thumb:horizontal {
  164. background-color: {color:Scrollbar};
  165. height: 7px!important;
  166. }
  167. ::-webkit-scrollbar {
  168. background-color: {color:Sidebar BG};
  169. height: 3px;
  170. width: 3px;
  171. }
  172.  
  173. #side {
  174. display: inline-block;
  175. width: 250px;
  176. padding: 60px;
  177. height: 100%;
  178. position: fixed;
  179. background-color: {color:Sidebar BG};
  180. margin-right: 15px;
  181. float: left;
  182. }
  183.  
  184. #posts {
  185. width: 540px;
  186. padding: 20px;
  187. background-color: transparent;
  188. display: inline-block;
  189. height: auto;
  190. margin-left: 450px;
  191. }
  192.  
  193. #postblock {
  194. width: 500px;
  195. height: 100%;
  196. background-color: #FFF;
  197. padding: 20px;
  198. margin-bottom: 20px;
  199. color: {color:Post Text};
  200. font-family: 'Lora';
  201. }
  202.  
  203. .head {
  204. width: 225px;
  205. display: block;
  206. height: 300px;
  207. padding: 15px;
  208. }
  209.  
  210. .header {
  211. width: 255px;
  212. background-color: {color:Accent};
  213. margin-top: -15px;
  214. margin-left: -15px;
  215. height: 150px;
  216. }
  217.  
  218. .titles {
  219. display: block;
  220. }
  221.  
  222. .icon {
  223. width: 48px;
  224. height: 48px;
  225. border: 5px solid #ffffff;
  226. background-color: #202020;
  227. border-radius: 48px;
  228. position: absolute;
  229. margin-top: -17px;
  230. }
  231.  
  232. .names {
  233. display: block;
  234. width: 170px;
  235. background-color: #fff;
  236. color: {color:Accent};
  237. padding: 5px;
  238. height: auto;
  239. margin-left: -15px;
  240. font-family: 'cambria';
  241. font-size: 12px;
  242. font-style: italic;
  243. padding-left: 80px;
  244. }
  245.  
  246. .desc {
  247. height: 110px;
  248. width: 100%;
  249. display: block;
  250. margin-top: 20px;
  251. overflow: auto;
  252. font-family: 'cambria';
  253. font-size: 10px;
  254. color: {color:Post Text};
  255. padding: 5px;
  256. text-align: justify;
  257. }
  258.  
  259. .links {
  260. width: 245px;
  261. display: block;
  262. margin-top: 30px;
  263. padding: 5px;
  264. }
  265.  
  266. .accordionButton {
  267. width: 237px;
  268. float: left;
  269. background: {color:Accent};
  270. cursor: pointer;
  271. padding: 4px 0px 4px 8px;
  272. font-family: 'cambria';
  273. font-size: 8px;
  274. color: #eee;
  275. letter-spacing: 1px;
  276. font-style: italic;
  277. border-bottom: 1px solid #fff;
  278. text-transform: uppercase;
  279. }
  280.  
  281. .accordionContent {
  282. width: 233px;
  283. float: left;
  284. display: none;
  285. padding: 5px;
  286. color: #eee;
  287. font-family: 'cambria';
  288. font-size: 10px;
  289. columns:100px 2;
  290. -webkit-columns:102px 2;
  291. -moz-columns:100px 2;
  292. border-left: 1px dotted #909090;
  293. border-right: 1px dotted #909090;
  294. }
  295.  
  296. .accordionContent a {
  297. display: block;
  298. padding-left: 5px;
  299. text-align: left;
  300. border-left: 10px solid {color:Accent};
  301. font-family: 'cambria';
  302. font-size: 8px;
  303. font-style: italic;
  304. text-transform: uppercase;
  305. margin-bottom: 3px;
  306. color: #404040;
  307. -webkit-transition: all 0.2s ease-in-out;
  308. -moz-transition: all 0.2s ease-in-out;
  309. -o-transition: all 0.2s ease-in-out;
  310. -ms-transition: all 0.2s ease-in-out;
  311. transition: all 0.2s ease-in-out;
  312. }
  313.  
  314.  
  315. .accordionContent a:hover {
  316. background-color: {color:Accent};
  317. color: #fff;
  318. padding-left: 10px;
  319. border-left: 10px solid #fff;
  320. }
  321.  
  322. .ttitle {
  323. display: block;
  324. padding: 15px 20px;
  325. text-align: right;
  326. font-size: 10px;
  327. color: #aaa;
  328. margin-bottom: 10px;
  329. font-family: cambria;
  330. text-transform: uppercase;
  331. font-style: italic;
  332. background-color: #eee;
  333. letter-spacing: 2px;
  334. }
  335.  
  336. blockquote {
  337. margin-left: 10px;
  338. padding-left: 5px;
  339. border-left: 2px solid {color:Accent};
  340. max-width: 100%;
  341. }
  342.  
  343. #postblock a {
  344. color: #aaa;
  345. -webkit-transition: all 0.2s ease-in-out;
  346. -moz-transition: all 0.2s ease-in-out;
  347. -o-transition: all 0.2s ease-in-out;
  348. -ms-transition: all 0.2s ease-in-out;
  349. transition: all 0.2s ease-in-out;
  350. }
  351.  
  352. #postblock a:hover {
  353. color: #404040;
  354. }
  355.  
  356. .albumart {
  357. background-color: #fff;
  358. width: 500px;
  359. height: 100px;
  360. }
  361.  
  362. .album {
  363. height: 100px;
  364. margin-bottom: 20px;
  365. }
  366.  
  367. .musicinfo {
  368. width: 100%;
  369. display: block;
  370. margin-bottom: 20px;
  371. margin-top: -50px;
  372. }
  373.  
  374. .button {
  375. width: 25px;
  376. height: 28px;
  377. overflow: hidden;
  378. z-index: 1000;
  379. margin-left: 3px;
  380. margin-top: 3px;
  381. }
  382.  
  383. .musicplayer {
  384. background-color: #FFFFFF;
  385. padding: 20px;
  386. width: 30px;
  387. height: 30px;
  388. border-radius: 60px;
  389. margin-top: -35px;
  390. margin-left: 30px;
  391. display: inline-block;
  392. z-index: 1000;
  393. webkit-transition: all 0.3s ease-in-out;
  394. -moz-transition: all 0.3s ease-in-out;
  395. -o-transition: all 0.3s ease-in-out;
  396. -ms-transition: all 0.3s ease-in-out;
  397. transition: all 0.3s ease-in-out;
  398. }
  399.  
  400. .minfo {
  401. display: inline-block;
  402. font-family: 'calibri';
  403. font-style: italic;
  404. font-weight: 700;
  405. text-transform: uppercase;
  406. font-size: 10px;
  407. color: #aaa;
  408. position: absolute;
  409. margin-left: 30px;
  410. margin-top: -21px;
  411. padding: 10px 15px;
  412. background-color:rgba(255, 255, 255, 0.6);
  413. width: 250px;
  414. vertical-align: middle;
  415. text-align: center;
  416. }
  417.  
  418. /* LINK POST */
  419.  
  420. .link h3 {
  421. display: block;
  422. text-align: center;
  423. font-family: 'Lato';
  424. font-size: 24px;
  425. }
  426.  
  427. /* QUOTE POST */
  428.  
  429. .quote {
  430. text-align: center;
  431. display: block;
  432. font-family: 'Lato';
  433. font-size: 14px;
  434. font-weight: 700;
  435. font-style: italic;
  436. color: {color:Accent};
  437. }
  438.  
  439. .source {
  440. font-size: 10px;
  441. text-transform: uppercase;
  442. padding-top: 4px;
  443. border-top: 3px double #ccc;
  444. font-weight: 300;
  445. }
  446.  
  447. /* CHAT POST */
  448.  
  449. .chat .convo li {
  450. list-style: none;
  451. text-align: justify;
  452. margin-top: 5px;
  453. }
  454.  
  455. .chat h2 {
  456. font-family: 'roboto condensed';
  457. font-size: 20px;
  458. text-align: center;
  459. display: block;
  460. color: {color:Text Post Title};
  461. text-transform: uppercase;
  462. }
  463.  
  464. .line_odd .label {
  465. color: {color:Chat 1};
  466. text-transform: uppercase;
  467. border-bottom: 1px dotted {color:Chat 1};
  468. padding: 2px;
  469. }
  470.  
  471. .line_even .label {
  472. color: {color:Chat 2};
  473. text-transform: uppercase;
  474. border-bottom: 1px dotted {color:Chat 2};
  475. padding: 2px;
  476. }
  477.  
  478. .question {
  479. display: block;
  480. width: 480px;
  481. padding: 10px;
  482. height: 100%;
  483. }
  484.  
  485. .bar {
  486. display: block;
  487. width: 380px;
  488. padding: 10px 15px;
  489. padding-left: 105px;
  490. background-color: {color:Accent};
  491. margin-left: -10px;
  492. font-family: 'cambria';
  493. font-size: 8px;
  494. text-transform: uppercase;
  495. color: #505050;
  496. font-style: italic;
  497. position: absolute;
  498. letter-spacing: 1px;
  499. }
  500.  
  501. .bar a {
  502. color: #ffffff;
  503. }
  504.  
  505. .portrait {
  506. width: 40px;
  507. height: 40px;
  508. border-radius: 40px;
  509. border: 5px solid {color:Accent};
  510. position: absolute;
  511. margin-top: -10px;
  512. margin-left: 35px;
  513. }
  514.  
  515. .questionbox {
  516. display: block;
  517. width: 100%;
  518. background-color: {color:Accent};
  519. color: #ffffff;
  520. font-family: 'cambria';
  521. font-size: 10px;
  522. font-style: italic;
  523. height: auto;
  524. margin-top: 30px;
  525. padding: 10px;
  526. margin-left: -10px;
  527. text-align: justify;
  528. letter-spacing: 1px;
  529.  
  530. }
  531.  
  532. .answer {
  533. display: block;
  534. width: 480px;
  535. color: #202020;
  536. font-family: 'cambria';
  537. font-size: 10px;
  538. font-style: italic;
  539. height: auto;
  540. padding: 10px;
  541. text-align: justify;
  542. letter-spacing: 1px;
  543. margin-top: -10px;
  544. background-color: transparent;
  545. }
  546.  
  547. #timestamp {
  548. display: block;
  549. width: 100%;
  550. font-family: 'cambria';
  551. font-size: 8px;
  552. text-transform: uppercase;
  553. color: #505050;
  554. margin-top: 10px;
  555. height: auto;
  556. font-style: italic;
  557. padding-top: 5px;
  558. border-top: 2px solid #ccc;
  559. letter-spacing: 1px;
  560. }
  561.  
  562. .date {
  563. margin-right: 5px;
  564. display: inline-block;
  565. }
  566.  
  567. .notes {
  568. margin-right: 5px;
  569. margin-left: 5px;
  570. display: inline-block;
  571. }
  572.  
  573. .tags {
  574. display: block;
  575. }
  576.  
  577. .tags a {
  578. margin-right: 7px;
  579. }
  580.  
  581. .info {
  582. display: block;
  583. position: absolute;
  584. margin-left: 550px;
  585. width: 150px;
  586. height: auto;
  587. font-family: 'cambria';
  588. font-size: 8px;
  589. letter-spacing: 1px;
  590. color: {color:Accent};
  591. text-transform: uppercase;
  592. font-style: italic;
  593. }
  594.  
  595. .postnotes ol {
  596. list-style-type: none;
  597. padding: 5px;
  598. text-align: left;
  599. color: #202020;
  600.  
  601. }
  602.  
  603. .postnotes ol li {
  604. line-height: 120%;
  605. font-size: 8px;
  606. font-style: italic;
  607. padding-left: 10px;
  608. padding-right: 0px;
  609. margin-top: 5px;
  610. }
  611.  
  612. .postnotes a {
  613. color: #505050;
  614. }
  615.  
  616. .postnotes ol img {
  617. margin-right: 10px;
  618. vertical-align: middle;
  619. width: 16px;
  620. height: 16px;
  621. }
  622.  
  623. .via {
  624. display: block;
  625. }
  626.  
  627. .via img {
  628. vertical-align: middle;
  629. margin-right: 5px;
  630. width: 16px;
  631. height: 16px;
  632. border-radius: 16px;
  633.  
  634. }
  635.  
  636. .reblog {
  637. margin-bottom: 10px;
  638. }
  639.  
  640. .pagination {
  641. position: fixed;
  642. bottom: 0px;
  643. padding: 20px;
  644. background-color: #FFFFFF;
  645. width: 500px;
  646. text-transform: uppercase;
  647. letter-spacing: 1px;
  648.  
  649. }
  650.  
  651. .numbers {
  652. font-family: 'cambria';
  653. font-style: italic;
  654. font-size: 8px;
  655. text-align: center;
  656.  
  657. }
  658.  
  659. .number a.current {
  660. background-color: #ddd;
  661. }
  662.  
  663. .numbers a {
  664. color: #fff;
  665. padding: 2px 5px;
  666. background-color: {color:Accent};
  667. margin: 0px 4px;
  668.  
  669. }
  670.  
  671. .pgs a:hover {
  672. color: {color:Accent};
  673. background-color: #fff;
  674. }
  675.  
  676. .navig {
  677. letter-spacing: 1px;
  678. margin: 4px;
  679. }
  680.  
  681. .cred a {
  682. bottom: 10px;
  683. right: 10px;
  684. padding: 5px 7px;
  685. background-color: {color:Accent};
  686. position: fixed;
  687. color: #eee;
  688. font-family: 'cambria';
  689. font-size: 8px;
  690. text-transform: uppercase;
  691. border: 1px solid #fff;
  692. webkit-transition: all 0.3s ease-in-out;
  693. -moz-transition: all 0.3s ease-in-out;
  694. -o-transition: all 0.3s ease-in-out;
  695. -ms-transition: all 0.3s ease-in-out;
  696. transition: all 0.3s ease-in-out;
  697. }
  698.  
  699. .cred a:hover {
  700. background-color: #FFF;
  701. border: 1px solid #505050;
  702. color: {color:Accent};
  703. }
  704.  
  705. </style>
  706. <body>
  707. <div id="side">
  708.  
  709. <div class="head">
  710. <div class="header" style="background-image:url('{image:Header}');"></div>
  711. <div class="titles">
  712.  
  713. <a href="/"><div class="icon" style="background-image:url('{PortraitURL-48}');"></div></a>
  714. <div class="names">{Title}</div>
  715. <div class="desc">{Description}</div>
  716. </div>
  717. </div>
  718.  
  719. <div class="links">
  720. <div class="accordionButton">{text:Section A}</div>
  721. <div class="accordionContent">
  722. <a href="{text:Link 1a URL}">{text:Link 1a}</a>
  723. <a href="{text:Link 2a URL}">{text:Link 2a}</a>
  724. <a href="{text:Link 3a URL}">{text:Link 3a}</a>
  725. <a href="{text:Link 4a URL}">{text:Link 4a}</a>
  726. <a href="{text:Link 5a URL}">{text:Link 5a}</a>
  727. <a href="{text:Link 6a URL}">{text:Link 6a}</a>
  728. </div>
  729. <div class="accordionButton">{text:Section B}</div>
  730. <div class="accordionContent">
  731. <a href="{text:Link 1b URL}">{text:Link 1b}</a>
  732. <a href="{text:Link 2b URL}">{text:Link 2b}</a>
  733. <a href="{text:Link 3b URL}">{text:Link 3b}</a>
  734. <a href="{text:Link 4b URL}">{text:Link 4b}</a>
  735. <a href="{text:Link 5b URL}">{text:Link 5b}</a>
  736. <a href="{text:Link 6b URL}">{text:Link 6b}</a>
  737. </div>
  738. <div class="accordionButton">{text:Section C}</div>
  739. <div class="accordionContent">
  740. <a href="{text:Link 1c URL}">{text:Link 1c}</a>
  741. <a href="{text:Link 2c URL}">{text:Link 2c}</a>
  742. <a href="{text:Link 3c URL}">{text:Link 3c}</a>
  743. <a href="{text:Link 4c URL}">{text:Link 4c}</a>
  744. <a href="{text:Link 5c URL}">{text:Link 5c}</a>
  745. <a href="{text:Link 6c URL}">{text:Link 6c}</a>
  746. </div>
  747.  
  748.  
  749. </div>
  750.  
  751.  
  752.  
  753. </div>
  754.  
  755. <div id="posts">
  756. {block:Posts}
  757.  
  758. <div id="postblock">
  759.  
  760. <div class="info">
  761. <div class="via">{block:RebloggedFrom}<a href="{ReblogParentURL}"><div class="reblog" style="display: block;"><img src="{ReblogParentPortraitURL-16}">{ReblogParentName}</a></div>
  762. <a href="{ReblogRootURL}"><div class="reblog"style="display: block;"><img src="{ReblogRootPortraitURL-16}">{ReblogRootName}</a></div>{/block:RebloggedFrom}</div>
  763.  
  764. <a href="{ReblogURL}" style="text-align: center; display: block;
  765. padding: 3px; background-color: #fff; text-align: center;
  766. margin-bottom: 3px;">Reblog</a>
  767.  
  768.  
  769. </div>
  770.  
  771. <!-------------------
  772. TEXT POST
  773. -------------------->
  774. {block:Text}
  775. <a href="{Permalink}">{block:Title}<div class="ttitle">{Title}</div>{/block:Title}</a>
  776. {Body}
  777. {/block:Text}
  778.  
  779.  
  780. <!----------------------
  781. PHOTO POST
  782. ----------------------->
  783. {block:Photo}
  784. <center><img src="{PhotoURL-500}" /></center>
  785. {block:Caption}{Caption}{block:Caption}
  786. {/block:Photo}
  787.  
  788.  
  789. <!------------------
  790. PHOTOSET POST
  791. --------------------->
  792. {block:Photoset}
  793. {Photoset-500}
  794. {block:Caption}{Caption}{block:Caption}
  795. {/block:Photoset}
  796.  
  797.  
  798. <!-------------------
  799. VIDEO POST
  800. --------------------->
  801. {block:Video}
  802. {Video-500}
  803. {block:Caption}{Caption}{block:Caption}
  804. {/block:Video}
  805.  
  806.  
  807. <!------------------
  808. AUDIO POST
  809. -------------------->
  810. {block:Audio}
  811. <div class="album"><div class="albumart" style="background-image:url('{image:Music Post BG}'); background-position: center; background-size: 100%;">
  812. </div>
  813. <div class="musicinfo">
  814. <div class="musicplayer" style="background-image:url({block:AlbumArt}'{AlbumArtURL}'{/block:AlbumArt}); background-position: center; background-size: 100%;"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  815. <div class="minfo">{block:TrackName}{TrackName}{/block:TrackName}<br />
  816. {block:Artist}{Artist}{/block:Artist}
  817. </div>
  818. </div>
  819. </div>
  820.  
  821. {block:Caption}{Caption}{/block:Caption}
  822. {/block:Audio}
  823.  
  824.  
  825. <!-------------------
  826. CHAT POST
  827. --------------------->
  828. {block:Chat}
  829. <div class="chat">
  830. {block:Title}<h2>{Title}</h2>{/block:Title}
  831. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  832. {Line}</li>{/block:Lines}</ul>
  833. </div>
  834. {/block:Chat}
  835.  
  836.  
  837. <!----------------------
  838. LINK POST
  839. ---------------------->
  840. {block:Link}
  841. <div class="link"> <a href="{URL}"><h3>{Name}</h3></a></div>
  842. {block:Description}{Description}{/block:Description}
  843. {/block:Link}
  844.  
  845. {block:Quote}<div class="quote"><h3>"{Quote}"</h3> <div class="source">-{Source}</div></div>{/block:Quote}
  846.  
  847.  
  848.  
  849. <!-------------------
  850. ANSWER POST
  851. -------------------->
  852. {block:Answer}
  853. <div class="question">
  854.  
  855. <div class="bar">{Asker} asked</div>
  856. <div class="portrait" style="background-image:url('{AskerPortraitURL-40}');"></div>
  857.  
  858. <div class="questionbox">{Question}</div>
  859.  
  860. </div>
  861. <div class="answer">
  862. {Answer}
  863. </div>
  864.  
  865.  
  866. {/block:Answer}
  867.  
  868.  
  869. <!-------------------
  870. TAGS AND TIMESTAMP
  871. --------------------->
  872. <div id="timestamp">
  873. <div class="date">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}</div> &hearts; <div class="notes">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  874. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  875.  
  876. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  877.  
  878. </div>
  879.  
  880.  
  881.  
  882.  
  883. <!-- {block:ContentSource}
  884. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  885. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  886. {/block:SourceLogo}
  887. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  888. {/block:ContentSource} -->
  889.  
  890. </div>
  891.  
  892. <div class="pagination">
  893. {block:Pagination}
  894. <div class="numbers">
  895.  
  896. {block:PreviousPage}<a href="{PreviousPage}" class="navig">Back</a>
  897. {/block:PreviousPage}
  898.  
  899. {block:JumpPagination length="5"}
  900. {block:CurrentPage}<a class="current" style="background-color: #ddd; color: #aaa;">{PageNumber}</a>
  901. {/block:CurrentPage}
  902.  
  903. {block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>
  904. {/block:JumpPage}
  905. {/block:JumpPagination}
  906.  
  907. {block:NextPage}<a href="{NextPage}" class="navig">Forth</a>
  908. {/block:NextPage}
  909.  
  910. </div>
  911. {/block:Pagination}
  912. </div>
  913. {/block:Posts}
  914. </div>
  915.  
  916. <div class="cred"><a href="http://winchesterwrites.tumblr.com">winchesterwrites</a></div>
  917.  
  918.  
  919. </body>
  920. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!