API tools faq
paste
Advertisement
stormbornthemes

Theme 01- Rebel Droid

stormbornthemes
Feb 23rd, 2016
491
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.29 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Theme 01: Rebel Droid
  3.  
  4. Features:
  5. -Infinite Scroll
  6. -Hover Tags Option
  7. -Image Fade Option
  8. -Smooth Scrolling
  9. -Customized Audio Player
  10. -Hover Description
  11.  
  12. Terms of Use:
  13. - Please do not remove or alter the credit.
  14. - Please do not redistribute, or claim as your own.
  15. - Enjoy!
  16.  
  17. ∠( ᐛ 」∠)＿
  18. stormborn-themes.tumblr.com
  19. *********************************************-->
  20.  
  21. <!DOCTYPE html>
  22.  
  23. <html lang="en">
  24. <head>
  25. <meta charset="utf-8">
  26. <meta name="viewport" content="width=device-width">
  27. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <!--***********************************
  31. #BLOG TITLE, FAVICON, POST TITLE
  32. *********************************** -->
  33. <link rel="shortcut icon" href="{Favicon}">
  34.  
  35. <title>
  36. {Title}
  37. {block:PostTitle}
  38. - {PostTitle}
  39. {/block:PostTitle}
  40. </title>
  41.  
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <!--***********************************
  47. #META TAGS FOR BASIC CUSTOMIZATION
  48. *********************************** -->
  49.  
  50. <!-- Custom Images-->
  51. <meta name="image:Sidebar Image" content=""/>
  52.  
  53. <!-- Boolean Toggles -->
  54. <meta name="if:Image Fade" content="1"/>
  55. <meta name="if:Hover Tags" content="1"/>
  56. <meta name="if:Show Title" content="1"/>
  57. <meta name="if:Show Description" content="1"/>
  58. <meta name="if:Show Sidebar Image" content="1"/>
  59.  
  60. <!-- Custom Links -->
  61. <meta name="text:Link1" content="">
  62. <meta name="text:Link1 Url" content="/">
  63. <meta name="text:Link2" content="">
  64. <meta name="text:Link2 Url" content="/">
  65. <meta name="text:Link3" content="">
  66. <meta name="text:Link3 Url" content="/">
  67. <meta name="text:Link4" content="">
  68. <meta name="text:Link4 Url" content="/">
  69.  
  70.  
  71. <!-- ***********************************-->
  72.  
  73. <style type="text/css">
  74.  
  75. /*------------------------------------*\
  76. #CSS RESET
  77.  
  78. http://meyerweb.com/eric/tools/css/reset/
  79. v2.0 | 20110126
  80. License: none (public domain)
  81.  
  82. \*------------------------------------*/
  83.  
  84. html, body, div, span, applet, object, iframe,
  85. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  86. a, abbr, acronym, address, big, cite, code,
  87. del, dfn, em, img, ins, kbd, q, s, samp,
  88. small, strike, strong, sub, sup, tt, var,
  89. b, u, i, center,
  90. dl, dt, dd, ol, ul, li,
  91. fieldset, form, label, legend,
  92. table, caption, tbody, tfoot, thead, tr, th, td,
  93. article, aside, canvas, details, embed,
  94. figure, figcaption, footer, header, hgroup,
  95. menu, nav, output, ruby, section, summary,
  96. time, mark, audio, video {
  97. /*margin: 0;*/
  98. padding: 0;
  99. border: 0;
  100. font-size: 100%;
  101. font: inherit;
  102. vertical-align: baseline;
  103. }
  104.  
  105. /* HTML5 display-role reset for older browsers */
  106. article, aside, details, figcaption, figure,
  107. footer, header, hgroup, menu, nav, section {
  108. /*display: block;*/
  109. }
  110.  
  111. body {
  112. line-height: 1;
  113. cursor: auto;
  114. background: #ffffff;
  115. }
  116.  
  117. ol, ul, li {
  118. list-style: none;
  119. }
  120.  
  121. table {
  122. border-collapse: collapse;
  123. border-spacing: 0;
  124. }
  125. /* Basic image/video/media handling */
  126. img, video, object, embed {
  127. max-width: 100%;
  128. height: auto !important;
  129. }
  130.  
  131.  
  132. /*-------------- WEBKIT SCROLLBAR, SELECTION ----------------*/
  133.  
  134. ::-webkit-scrollbar {
  135. width: 8px;
  136. height: 8px;
  137. }
  138.  
  139. ::-webkit-scrollbar-thumb {
  140. background:#888888;
  141. }
  142. ::-webkit-scrollbar-thumb:hover {
  143. background:#777777;
  144. }
  145.  
  146. ::selection {
  147. color:#FFF;
  148. background:#999999;
  149. }
  150. ::-moz-selection {
  151. color:#FFF;
  152. background:#999999;
  153. }
  154. ::-webkit-selection {
  155. color:#FFF;
  156. background:#999999;
  157. }
  158.  
  159.  
  160. pre {
  161. white-space: pre-wrap;
  162. white-space: -moz-pre-wrap;
  163. white-space: -pre-wrap;
  164. white-space: -o-pre-wrap;
  165. word-wrap: break-word;
  166. }
  167.  
  168. /*-----------------------------------------*\
  169. DEFAULT LINK STYLES (applies to all links,
  170. unless others are specified)
  171. \*-----------------------------------------*/
  172.  
  173. a {
  174. text-decoration: none;
  175. color: #777777;
  176. font: 'Bookmania', 'Cambria', serif;
  177. }
  178.  
  179. a:hover {
  180. color: #999999;
  181. -webkit-transition: 0.6s ease;
  182. -ms-transition: 0.6s ease;
  183. -moz-transition: 0.6s ease;
  184. -o-transition: 0.6s ease;
  185. transition: 0.6s ease;
  186. }
  187.  
  188.  
  189.  
  190. /*-------- SIDEBAR -------------*/
  191.  
  192. .sidebar {
  193. width: 210px;
  194. position: fixed;
  195. top: 100px;
  196. text-align: center;
  197. margin: 100px 10px 0 25px;
  198. letter-spacing: 0.8px;
  199. }
  200.  
  201. .title {
  202. color: #999999;
  203. font: 16px 'Bookmania', 'Cambria', serif;
  204. padding: 5px 1px;
  205. letter-spacing: 1.5px;
  206. text-transform: uppercase;
  207. }
  208.  
  209. .title:hover {
  210. color: #aaaaaa;
  211. -webkit-transition: 0.6s ease;
  212. -ms-transition: 0.6s ease;
  213. -moz-transition: 0.6s ease;
  214. -o-transition: 0.6s ease;
  215. transition: 0.6s ease;
  216. }
  217.  
  218. .sidebar .sidebar-links {
  219. font: 10px 'Brutal Type', 'Helvetica Neue', sans-serif;
  220. padding: 1px 1px;
  221. margin: 2px 0;
  222. letter-spacing: 1px;
  223. line-height: 1.2;
  224. font-style: italic;
  225. text-transform: uppercase;
  226. display: inline-block;
  227. -webkit-transition: 0.6s ease;
  228. -ms-transition: 0.6s ease;
  229. -moz-transition: 0.6s ease;
  230. -o-transition: 0.6s ease;
  231. transition: 0.6s ease;
  232. }
  233.  
  234. .sidebar-link-container {
  235. padding: 3px 5px;
  236. }
  237.  
  238. .sidebar .sidebar-links a {
  239. -webkit-transition: 0.6s ease;
  240. -ms-transition: 0.6s ease;
  241. -moz-transition: 0.6s ease;
  242. -o-transition: 0.6s ease;
  243. transition: 0.6s ease;
  244. }
  245.  
  246. .sidebar-image {
  247. {block:IfShowSidebarImage}
  248. margin-top: 5px;
  249. max-width: 200px;
  250. max-height: 200px;
  251. {/block:IfShowSidebarImage}
  252. }
  253.  
  254. .sidebar:hover .desc {
  255. margin-top: 10px;
  256. opacity: 1;
  257. -webkit-transition: 0.6s ease;
  258. -ms-transition: 0.6s ease;
  259. -moz-transition: 0.6s ease;
  260. -o-transition: 0.6s ease;
  261. transition: 0.6s ease;
  262. }
  263.  
  264. .desc {
  265. opacity: 0;
  266. z-index: -1;
  267. padding: 4px 2px;
  268. color: #999999;
  269. max-width: 210px;
  270. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  271. cursor: default;
  272. letter-spacing: 1px;
  273. text-transform: uppercase;
  274. font-style: italic;
  275. line-height: 1.5;
  276. }
  277.  
  278.  
  279. /*-------- C -------------*/
  280.  
  281. .c {
  282. display: inline-block;
  283. position: fixed;
  284. right: 10px;
  285. bottom: 15px;
  286. cursor: default;
  287. z-index: 10;
  288. }
  289.  
  290. .c a {
  291. border: 1px solid #bbbbbb;
  292. font: 8px 'Brutal Type', 'Helvetica Neue', sans-serif;
  293. color: #bbbbbb;
  294. font-style: italic;
  295. padding: 4px;
  296. text-align: center;
  297. }
  298.  
  299. .c a:hover {
  300. cursor: pointer;
  301. color: #bbbbbb;
  302. -webkit-transition: 0.6s ease;
  303. -ms-transition: 0.6s ease;
  304. -moz-transition: 0.6s ease;
  305. -o-transition: 0.6s ease;
  306. transition: 0.6s ease;
  307. }
  308.  
  309. /*------- POST-CONTAINER/ENTRIES ---------*/
  310.  
  311. .posts-container {
  312. margin-left: 40%;
  313. width: 400px;
  314. position: relative;
  315. }
  316.  
  317. /* basic margin between posts, removes list style from posts,
  318. styles reply text */
  319. .posts-container .entry {
  320. width: 400px;
  321. margin-top: 70px;
  322. list-style: none;
  323. letter-spacing: 1px;
  324. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  325. color: #888888;
  326. }
  327.  
  328.  
  329. /*-------- HEADERS/CAPTIONS -------------*/
  330.  
  331. /* (URLs in post captions/sources) */
  332. .entry p a {
  333. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  334. font-style: italic;
  335. }
  336.  
  337. /* post caption container */
  338. blockquote {
  339. cursor: default;
  340. padding: 0;
  341. margin: 5px 10px;
  342. }
  343.  
  344. /* captions text body */
  345. .caption {
  346. cursor: default;
  347. margin: 2px 10px;
  348. }
  349.  
  350. /* captions text body, "source:" */
  351. .caption p {
  352. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  353. line-height: 1.5;
  354. }
  355.  
  356. /* caption text itself */
  357. blockquote p {
  358. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  359. cursor: default;
  360. padding: 0;
  361. margin: 0;
  362. }
  363.  
  364. /* misc text headers, includes "Ask" text above ask box*/
  365. h3 .text-title,
  366. .text-title {
  367. font: 14px 'Brutal Type', 'Helvetica Neue', sans-serif;
  368. }
  369.  
  370. .entry p img, .entry blockquote img {
  371. max-width: 100%;
  372. }
  373.  
  374. /* TEXT POSTS */
  375.  
  376. .text-body,
  377. .text-body p {
  378. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  379. }
  380.  
  381. .text-body a {
  382. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  383. }
  384.  
  385. /* CHAT POSTS */
  386. .chat {
  387. font-style: italic;
  388. }
  389.  
  390. .chat li {
  391. padding: 5px;
  392. font-size: 11px;
  393. }
  394.  
  395. .chat .label {
  396. font-size: 12px;
  397. padding-right: 3px;
  398. }
  399.  
  400. /* QUOTE POSTS */
  401. .quote-text p {
  402. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  403. font-style: italic;
  404. cursor: default;
  405. }
  406.  
  407. .quote-source {
  408. margin-left: 10px;
  409. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  410. cursor: default;
  411. }
  412.  
  413. .quote-source a {
  414. font: 10px 'Brutal Type', 'Helvetica Neue', sans-serif;
  415. }
  416.  
  417. /* LINK POSTS */
  418. .link-name {
  419. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  420. }
  421.  
  422. .link-description {
  423. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  424. }
  425.  
  426. /* AUDIO POSTS */
  427.  
  428. .playerbutton {
  429. position: relative;
  430. width: 30px;
  431. height: 35px;
  432. border-radius: 30px;
  433. overflow: hidden;
  434. }
  435.  
  436. .playerbuttonhug {
  437. position: absolute;
  438. top: -7px;
  439. left: 2px;
  440. }
  441.  
  442. .tumblr_audio_player {
  443. height: 50px;
  444. width: 500px;
  445. }
  446.  
  447. .playerbuttonbg {
  448. position: absolute;
  449. width: 35px;
  450. height: 35px;
  451. border: 1px solid #ededed;
  452. border-radius: 30px;
  453. padding: 10px;
  454. }
  455.  
  456.  
  457. .trackdetails {
  458. width: auto;
  459. display: inline-block;
  460. margin-left: 80px;
  461. padding: 5px;
  462. margin-top: 5px;
  463. margin-bottom: 20px;
  464. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  465. color: #999;
  466. font-style: italic;
  467. cursor: default;
  468. letter-spacing: 1px;
  469. }
  470.  
  471. .audiowrapper {
  472. position: relative;
  473. display: inline-block;
  474. margin-bottom: 10px;
  475. }
  476.  
  477.  
  478. /* ASK POSTS */
  479.  
  480. /* contains avatar, url, question/answer */
  481. .question {
  482. padding: 7px 10px;
  483. cursor: default;
  484. text-align: center;
  485.  
  486. }
  487.  
  488. /*asker url*/
  489. .asker {
  490. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  491. color: #999999;
  492. display: block;
  493. text-align: center;
  494. font-style: italic;
  495. text-transform: lowercase;
  496. padding: 3px 5px;
  497. }
  498.  
  499. .asker-question {
  500. font: 13px 'Brutal Type', 'Helvetica Neue', sans-serif;
  501. font-style: italic;
  502. text-align: center;
  503. margin: 20px 5px 10px 5px;
  504. }
  505.  
  506. /* contains avatar, url, question/answer */
  507. .answer {
  508. padding: 10px 10px;
  509. cursor: default;
  510. }
  511.  
  512. /*answerer url*/
  513. .answerer {
  514. font: 11px 'Bookmania', 'Cambria', serif;
  515. color: #999999;
  516. display: block;
  517. text-align: center;
  518. text-transform: lowercase;
  519. padding: 3px 5px;
  520. }
  521.  
  522. .answerer-answer,
  523. .replies {
  524. font: 12px 'Brutal Type', 'Helvetica Neue', sans-serif;
  525. color: #999999;
  526. text-align: justify;
  527. line-height: 1.5;
  528. margin: 20px 5px 10px 5px;
  529. }
  530.  
  531. .question .avatar img,
  532. .answer .avatar img {
  533. margin-left: 40%;
  534. }
  535.  
  536. /* SUBMISSION POSTS */
  537. .submission-info {
  538. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  539. }
  540.  
  541. .submitter-URL {
  542. font: 11px 'Bookmania', 'Cambria', serif;
  543. }
  544.  
  545.  
  546. /*-------- POST INFO-------------*/
  547.  
  548. .post-info {
  549. color: #777777;
  550. display: inline-block;
  551. font: 12px 'Bookmania', 'Cambria', serif;
  552. padding: 10px 0 10px 0;
  553. width: 400px;
  554. text-align: center;
  555. }
  556.  
  557. .post-info-left {
  558. float:left;
  559. }
  560.  
  561. .date {
  562. display: inline-block;
  563. cursor: default;
  564. }
  565.  
  566. .note-count:hover {
  567. color: #999999;
  568. }
  569.  
  570. .post-info-right {
  571. float: right;
  572. }
  573.  
  574. .via,
  575. .source {
  576. color: #777777;
  577. font: 12px 'Bookmania', 'Cambria', serif;
  578. }
  579.  
  580. .via:hover,
  581. .source:hover {
  582. color: #999999;
  583. }
  584.  
  585. .post-info-center {
  586. display: inline-block;
  587. margin-top: 20px;
  588. }
  589.  
  590.  
  591. .post-info-center .reblog-link {
  592. width: auto;
  593. display: block;
  594. color: #999999;
  595. padding: 15px 0 5px 0;
  596. text-transform: uppercase;
  597. letter-spacing: 0.8px;
  598. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  599. margin-left: 147.5px;
  600. margin-right: 147.5px;
  601. }
  602.  
  603. .reblog-link:hover {
  604. color: #aaaaaa;
  605. -webkit-transition: 0.6s ease;
  606. -ms-transition: 0.6s ease;
  607. -moz-transition: 0.6s ease;
  608. -o-transition: 0.6s ease;
  609. transition: 0.6s ease;
  610. }
  611.  
  612.  
  613. /*----------- TAGS ----------------*/
  614.  
  615. .tags {
  616. display: inline-block;
  617. font: 10px 'Brutal Type', 'Helvetica Neue', sans-serif;
  618. color: #999999;
  619. padding: 3px 5px;
  620. line-height: 1.3;
  621. letter-spacing: 1.1px;
  622. font-style: italic;
  623. }
  624.  
  625. .tags:first-child {
  626. {block:IfHoverTags}
  627. opacity: 0;
  628. margin: 0;
  629. height: 0;
  630. overflow: hidden;
  631. -webkit-transition: 0.6s ease;
  632. -ms-transition: 0.6s ease;
  633. -moz-transition: 0.6s ease;
  634. -o-transition: 0.6s ease;
  635. transition: 0.6s ease;
  636. {/block:IfHoverTags}
  637. }
  638.  
  639. .entry:hover .tags{
  640. {block:IfHoverTags}
  641. opacity: 1;
  642. overflow: visible;
  643. {/block:IfHoverTags}
  644. }
  645.  
  646. .comma {
  647. color: #999999;
  648. }
  649.  
  650. .tags .comma:last-child {
  651. display: none;
  652. }
  653.  
  654. /* hover tags on permalink pages*/
  655. ul .tags-perma {
  656. {block:IfHoverTags}
  657. opacity: 0;
  658. margin: 0;
  659. height: 0;
  660. overflow: hidden;
  661. -webkit-transition: 0.6s ease;
  662. -ms-transition: 0.6s ease;
  663. -moz-transition: 0.6s ease;
  664. -o-transition: 0.6s ease;
  665. transition: 0.6s ease;
  666. {/block:IfHoverTags}
  667. }
  668.  
  669.  
  670. /* -------- NOTES LIST ON PERMALINK PAGES --------*/
  671.  
  672. .perma-notes {
  673. font: 11px 'Brutal Type', 'Helvetica Neue', sans-serif;
  674. margin-top: 20px;
  675. }
  676.  
  677. ol.notes {
  678. padding: 0;
  679. margin: 25px 0;
  680. list-style-type: none;
  681. border-bottom: solid 1px #eeeeee;
  682. }
  683.  
  684. ol.notes li.note {
  685. border-bottom: solid 1px #eeeeee;
  686. padding: 10px;
  687. }
  688.  
  689. ol.notes li.note img.avatar {
  690. vertical-align: -4px;
  691. margin-right: 10px;
  692. width: 16px;
  693. height: 16px;
  694. }
  695.  
  696. ol.notes li.note span.action a {
  697. font-style: italic;
  698. }
  699.  
  700. ol.notes li.note .answer_content {
  701. font-weight: normal;
  702. }
  703.  
  704. ol.notes li.note blockquote {
  705. border-color: #f2f2f2;
  706. padding: 4px 10px;
  707. margin: 10px 0 0 25px;
  708. }
  709.  
  710. ol.notes li.note blockquote a {
  711. text-decoration: none;
  712. }
  713.  
  714. /*-------- IMAGE FADE -------------*/
  715.  
  716. .photo,
  717. .photoset,
  718. .panorama,
  719. .post div,
  720. div .video-container,
  721. div #video {
  722. {block:IfImageFade}
  723. opacity: 0.8;
  724. -webkit-transition: 0.6s ease;
  725. -ms-transition: 0.6s ease;
  726. -moz-transition: 0.6s ease;
  727. -o-transition: 0.6s ease;
  728. transition: 0.6s ease;
  729. {/block:IfImageFade}
  730. }
  731.  
  732. .photo:hover,
  733. .photoset:hover,
  734. .panorama:hover,
  735. .post div:hover,
  736. div .video-container:hover,
  737. div #video:hover {
  738. {block:IfImageFade}
  739. opacity: 1;
  740. {/block:IfImageFade}
  741. }
  742.  
  743. {CustomCSS}
  744.  
  745. </style>
  746.  
  747. <!--********** SCRIPTS **********-->
  748. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  749.  
  750. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  751.  
  752.  
  753. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  754.  
  755.  
  756. </head>
  757.  
  758. <body>
  759.  
  760.  
  761. <!--***************** SIDEBAR *********************-->
  762. <div class="sidebar">
  763.  
  764. {block:IfShowTitle}
  765. <div class="title">
  766. <a href="/" title="{Title}">{Title}</a>
  767. </div>
  768. {/block:IfShowTitle}
  769.  
  770. <div class="sidebar-link-container">
  771.  
  772. {block:IfLink1}
  773. <a href="{text:link1 url}" title="{text:link1}" class="sidebar-links">{text:link1}</a>
  774. {/block:IfLink1}
  775.  
  776. {block:IfLink2}
  777. <a href="{text:link2 url}" title="{text:link2}" class="sidebar-links">{text:link2}</a>
  778. {/block:IfLink2}
  779.  
  780. {block:IfLink3}
  781. <a href="{text:link3 url}" title="{text:link3}" class="sidebar-links">{text:link3}</a>
  782. {/block:IfLink3}
  783.  
  784. {block:IfLink4}
  785. <a href="{text:link4 url}" title="{text:link4}" class="sidebar-links">{text:link4}</a>
  786. {/block:IfLink4}
  787.  
  788. {block:IfLink5}
  789. <a href="{text:link5 url}" title="{text:link5}" class="sidebar-links">{text:link5}</a>
  790. {/block:IfLink5}
  791. </div>
  792.  
  793. {block:IfShowSidebarImage}
  794. <img src="{image:Sidebar Image}" class="sidebar-image">
  795. {block:IfShowSidebarImage}
  796.  
  797. {block:IfShowDescription}
  798. <div class="desc">
  799. {Description}
  800. </div>
  801. {block:IfShowDescription}
  802.  
  803.  
  804. <!-- end of sidebar div -->
  805. </div>
  806.  
  807.  
  808. <div class="c">
  809. <a href="http://stormborn-themes.tumblr.com/" title="c" target="_blank">T-S</a>
  810. </div>
  811.  
  812. <!--****** BEGINNING OF POSTS/ POSTS-CONTAINER *******-->
  813.  
  814. <div class="posts-container">
  815. <ol class="posts">
  816.  
  817. <div class="autopagerize_page_element">
  818.  
  819. {block:Posts}
  820.  
  821. <div class="entry">
  822.  
  823. <!-- *********** TYPES OF POSTS *************** -->
  824. <!-- Text posts -->
  825. {block:Text}
  826. <li class="post text">
  827.  
  828. {block:Title}
  829. <h3><a title="{Title}" href="{Permalink}" class="text-title">{Title}</a></h3>
  830. {/block:Title}
  831.  
  832. <div class="text-body">{Body}</div>
  833.  
  834. </li>
  835. {/block:Text}
  836.  
  837. <!-- Single photo posts -->
  838. {block:Photo}
  839. <li class="post photo">
  840.  
  841. <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  842.  
  843. {block:Caption}
  844. <div class="caption photo-caption">{Caption}</div>
  845. {/block:Caption}
  846.  
  847. </li>
  848. {/block:Photo}
  849.  
  850. <!-- Panorama photo posts -->
  851. {block:Panorama}
  852. <li class="post panorama">
  853.  
  854. {LinkOpenTag}
  855. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  856. {LinkCloseTag}
  857.  
  858. {block:Caption}
  859. <div class="caption panorama-caption">{Caption}</div>
  860. {/block:Caption}
  861.  
  862. </li>
  863. {/block:Panorama}
  864.  
  865. <!-- Photoset posts -->
  866. {block:Photoset}
  867. <li class="post photoset">
  868.  
  869. {Photoset-400}
  870.  
  871. {block:Caption}
  872. <div class="caption photoset-caption">{Caption}</div>
  873. {/block:Caption}
  874.  
  875. </li>
  876. {/block:Photoset}
  877.  
  878. <!-- Chat posts -->
  879. {block:Chat}
  880. <li class="post chat">
  881.  
  882. {block:Title}
  883. <h3><a title="{Title}" href="{Permalink}">{Title}</a></h3>
  884. {/block:Title}
  885.  
  886. <ul class="chat">
  887. {block:Lines}
  888. <li class="{Alt} user_{UserNumber}">
  889.  
  890. {block:Label}
  891. <span class="label">{Label}</span>
  892. {/block:Label}
  893.  
  894. {Line}
  895.  
  896. </li>
  897. {/block:Lines}
  898. </ul>
  899.  
  900. </li>
  901. {/block:Chat}
  902.  
  903. <!-- Quote posts -->
  904. {block:Quote}
  905. <li class="post quote">
  906.  
  907. <div class="quote-text">{Quote}</div>
  908.  
  909. {block:Source}
  910. <div class="quote-source" target="_blank">{Source}</div>
  911. {/block:Source}
  912.  
  913. </li>
  914. {/block:Quote}
  915.  
  916. <!-- Link posts -->
  917. {block:Link}
  918. <li class="post link">
  919.  
  920. <a title="{Name}" href="{URL}" class="link-name" {Target}>{Name}</a>
  921.  
  922. <!-- (rendered if it has a description) -->
  923. {block:Description}
  924. <div class="link-description">{Description}</div>
  925. {/block:Description}
  926.  
  927. </li>
  928. {/block:Link}
  929.  
  930. <!-- Video posts -->
  931. {block:Video}
  932. <li class="post video">
  933.  
  934. <div class="video-player">{video-400}</div>
  935.  
  936. {block:Caption}
  937. <div class="caption video-caption">{Caption}</div>
  938. {/block:Caption}
  939.  
  940. </li>
  941. {/block:Video}
  942.  
  943. <!-- Audio posts -->
  944.  
  945. {block:Audio}
  946. <li class="audio">
  947. {block:AudioPlayer}
  948. <div class="audiowrapper">
  949. <div class="playerbuttonbg">
  950. <div class="playerbutton">
  951. <div class="playerbuttonhug">
  952. {AudioPlayer}
  953. </div>
  954. </div>
  955. </div>
  956.  
  957. <div class="trackdetails">
  958. {block:TrackName} {TrackName}{/block:TrackName}<br>
  959.  
  960. {block:Artist} {Artist}{/block:Artist}<br>
  961.  
  962. </div>
  963.  
  964. </div>
  965. {/block:AudioPlayer}
  966.  
  967. {block:Caption}
  968. <div class="caption audio-caption">{Caption}</div>
  969. {/block:Caption}
  970.  
  971. </li>
  972. {/block:Audio}
  973.  
  974. <!-- Ask/Answer posts -->
  975. {block:Answer}
  976.  
  977. <div class="question">
  978. <img class="avatar asker-avatar" src="{AskerPortraitURL-30}" alt="">
  979. <div class="asker">{Asker}</div>
  980.  
  981. <div class="asker-question">{Question}</div>
  982. </div>
  983.  
  984. {block:Answerer}
  985. <div class="answer">
  986. <img class="avatar answerer-avatar" src="{AnswererPortraitURL-30}" alt="">
  987. <div class="answerer">{Answerer}</div>
  988. <div class="answerer-answer">{Answer}</div>
  989.  
  990. </div>
  991. {/block:Answerer}
  992.  
  993. <div class="replies">{Replies}</div>
  994.  
  995. {/block:Answer}
  996.  
  997. <!-- Submission post -->
  998. {block:SubmissionsEnabled}
  999.  
  1000. {block:Submission}
  1001. <div class="submission-info">
  1002.  
  1003. <img class="submitter-pic">{SubmitterPortraitURL-30}</div>
  1004. <div class="submitter-URL">{SubmitterURL}</div>
  1005.  
  1006. <!-- End of .entry div. (Yes, it goes here.) -->
  1007. </div>
  1008. {/block:Submission}
  1009. {/block:SubmissionsEnabled}
  1010.  
  1011.  
  1012. <!--**************** POST INFO *********************-->
  1013. <div class="post-info">
  1014. <!-- (floated left, notes/permalink and date) -->
  1015. <div class="post-info-left">
  1016.  
  1017. <a title="{lang:Permalink}" class="note-count" href="{Permalink}">
  1018. {block:NoteCount}
  1019. {NoteCountWithLabel}&nbsp; /&nbsp;
  1020. {/block:NoteCount}
  1021. </a>
  1022.  
  1023. {block:Date}
  1024. <div class="date">{TimeAgo}</div>
  1025.  
  1026. <!-- end of .post-info-left -->
  1027. </div>
  1028.  
  1029. <!-- (floated right, via/source) -->
  1030. <div class="post-info-right">
  1031. {block:RebloggedFrom}
  1032. <a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}" title="{ReblogParentURL}" target="_blank" class="via"> via &nbsp;/&nbsp;</a>
  1033. <a href="{ReblogRootURL}"title="{lang:Originally from ReblogRootName}" title="{ReblogRootURL}"target="_blank" class="source">source</a>
  1034. {/block:RebloggedFrom}
  1035. </div>
  1036. <div class="post-info-center">
  1037. <a title="Reblog" href="{ReblogURL}" target=”_blank” class="reblog-link">
  1038. Reblog</a>
  1039.  
  1040. <!--Date block wraps around all post-info to ensure 'ghost div' doesn't appear underneath ask box, etc. -->
  1041. {/block:Date}
  1042.  
  1043. <div class="tags">
  1044. {block:HasTags}
  1045. <ul class="tags">
  1046. {block:Tags}
  1047. <!-- adds comma in between tags -->
  1048. <a href="{TagURL}" title="{Tag}">{Tag}</a><span class="comma">,&nbsp;</span>
  1049. {/block:Tags}
  1050. </ul>
  1051. {/block:HasTags}
  1052. </div>
  1053. </div>
  1054. <!-- End of .post-info Div -->
  1055. </div>
  1056.  
  1057. <!--********** PERMALINK PAGE, FINAL CLOSING TAGS ***********-->
  1058. {block:PermalinkPage}
  1059.  
  1060. {block:PostNotes}
  1061. <div class="perma-notes">
  1062. {PostNotes-16}
  1063. </div>
  1064. {/block:PostNotes}
  1065.  
  1066. {/block:PermalinkPage}
  1067.  
  1068. <!-- End of .entry Div -->
  1069. </div>
  1070.  
  1071. {/block:Posts}
  1072.  
  1073. </div>
  1074.  
  1075. <!-- Posts -->
  1076. </ol>
  1077. <!-- End of .post-container div -->
  1078. </div>
  1079.  
  1080. </body>
  1081. </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!