pelides

65 / dimple.

Dec 19th, 2017
6,966
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. DIMPLE © asgutd.
  6. base code: sorrism.
  7. fade in: yearsandyears.
  8.  
  9. -->
  10.  
  11. <head>
  12.  
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.min.js"></script>
  14.  
  15. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
  16.  
  17. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  18.  
  19. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  20. <script type="text/javascript">
  21. $(document).ready(function(){
  22. $(".links_body").hide();
  23. $(".links_head").click(function(){
  24. $(this).next(".links_body").slideToggle('fast');
  25. }); }); </script>
  26.  
  27.  
  28. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  33.  
  34. <!--Default Variables-->
  35.  
  36. <meta name="color:Background" content="#ffffff"/>
  37. <meta name="color:Text" content="#999"/>
  38. <meta name="color:Link" content="#999"/>
  39. <meta name="color:Link Hover" content="#aaaaaa"/>
  40. <meta name="color:Scrollbar" content="#eee" />
  41. <meta name="color:Borders" content="#f5f5f5"/>
  42.  
  43. <meta name="select:Icon Radius" content="0" title="0%"/>
  44. <meta name="select:Icon Radius" content="100" title="100%"/>
  45. <meta name="select:Icon Radius" content="10" title="10%"/>
  46. <meta name="select:Icon Radius" content="5" title="5%"/>
  47.  
  48. <meta name="if:Title" content="0"/>
  49. <meta name="if:Hide Captions" content="0"/>
  50.  
  51. <meta name="text:Link 1 URL" content="" />
  52. <meta name="text:Link 1" content="" />
  53. <meta name="text:Link 2 URL" content="" />
  54. <meta name="text:Link 2" content="" />
  55. <meta name="text:Extra Link 1 URL" content="" />
  56. <meta name="text:Extra Link 1" content="" />
  57. <meta name="text:Extra Link 2 URL" content="" />
  58. <meta name="text:Extra Link 2" content="" />
  59. <meta name="text:Extra Link 3 URL" content="" />
  60. <meta name="text:Extra Link 3" content="" />
  61. <meta name="text:Extra Link 4 URL" content="" />
  62. <meta name="text:Extra Link 4" content="" />
  63. <meta name="text:Extra Link 5 URL" content="" />
  64. <meta name="text:Extra Link 5" content="" />
  65. <meta name="text:Extra Link 6 URL" content="" />
  66. <meta name="text:Extra Link 6" content="" />
  67.  
  68. <meta name="text:Home Title" content="index"/>
  69. <meta name="text:Ask Title" content="message"/>
  70.  
  71. <meta name="image:Sidebar" content=""/>
  72.  
  73. <link href='https://fonts.googleapis.com/css?family=Maven+Pro:400,600,500,700' rel='stylesheet' type='text/css'>
  74.  
  75. <!-- jquery -->
  76.  
  77. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  78.  
  79. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  80. <script>
  81. $(document).ready(function() {
  82. $(document).tooltip({
  83. track:true
  84. });
  85. });
  86. </script>
  87.  
  88. <script src="http://static.tumblr.com/c7cvhvu/mCZmb3z94/is.js">
  89. var $container = $('.content');
  90. $container.infinitescroll({
  91. //[your options here],
  92. errorCallback: function(){
  93. $('.load-more').hide();
  94. }
  95. });
  96. $(window).unbind('.infscr');
  97. $('.load-more').click(function(){
  98. $container.infinitescroll('retrieve');
  99. return false
  100. });
  101. </script>
  102.  
  103. <!--CSS customization here. -->
  104.  
  105. <style type="text/css">
  106.  
  107. @font-face {
  108. font-family: 'ostrich';
  109. src: url(http://static.tumblr.com/mdbfvxz/XSPoozpsj/ostrichsansinline-regular.otf);
  110. }
  111.  
  112. @font-face {
  113. font-family: 'ostrich light';
  114. src: url(http://static.tumblr.com/mdbfvxz/j62oozs7d/ostrichsans-light.otf);
  115. }
  116.  
  117. /*tooltip*/
  118.  
  119. .ui-tooltip {
  120. position:Absolute;
  121. z-index:9999;
  122. padding-top:10px;
  123. }
  124.  
  125. .ui-tooltip-content {
  126. background:{color:background};
  127. padding:2px 4px;
  128. font-size:8px;
  129. text-transform:uppercase;
  130. border:1px solid {color:borders};
  131. line-height:10px;
  132. letter-spacing:1px;
  133. }
  134.  
  135. /*tumblr controls and lightbox*/
  136.  
  137. #tumblr_lightbox {
  138. background-color:rgba(255, 255, 255, .9)!important;
  139. z-index:99999!important;
  140. }
  141.  
  142. #tumblr_lightbox img {opacity:0;}
  143.  
  144. #tumblr_lightbox_caption {
  145. font-weight:normal!important;
  146. text-shadow:none!important;
  147. }
  148.  
  149. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  150. -moz-box-shadow:none!important;
  151. -webkit-box-shadow:none!important;
  152. box-shadow:none!important;
  153. -moz-border-radius:0px!important;
  154. -webkit-border-radius:0px!important;
  155. border-radius:0px!important;
  156. opacity:1!important;
  157. }
  158.  
  159. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  160.  
  161. iframe#tumblr_controls {
  162. white-space:nowrap!important;
  163. -webkit-filter:invert(100%)!important;
  164. -moz-filter:invert(100%)!important;
  165. -ms-filter:invert(100%)!important;
  166. -o-filter:invert(100%)!important;
  167. filter:invert(100%)!important;
  168. top:10px!important;
  169. right:10px!important;
  170. position:fixed!important;
  171. opacity:.3!important;
  172. }
  173.  
  174. /*scrollbar*/
  175.  
  176. ::-webkit-scrollbar {
  177. background:{color:background};
  178. width:13px;
  179. height:auto;
  180. }
  181.  
  182. ::-webkit-scrollbar-corner {
  183. background:transparent;
  184. }
  185.  
  186. ::-webkit-scrollbar-increment {
  187. width:5px;
  188. height:5px;
  189. background-color:#fff;
  190. }
  191.  
  192. ::-webkit-scrollbar-thumb:vertical {
  193. width:1px;
  194. border:6px solid {color:background};
  195. background:{color:scrollbar};
  196. }
  197.  
  198. ::-webkit-scrollbar-thumb:horizontal {
  199. background:{color:scrollbar};
  200. height:4px !important;
  201. }
  202.  
  203.  
  204. /*main structure*/
  205.  
  206. body {
  207. background:{color:background};
  208. font-smooth:always;
  209. -webkit-font-smoothing:antialiased;
  210. -moz-osx-font-smoothing:grayscale;
  211. color:{color:text};
  212. font-family: maven pro, arial;
  213. font-size:10px;
  214. font-weight:normal;
  215. position:relative;
  216. text-align:left;
  217. margin:0;
  218. line-height:1.5em;
  219. }
  220.  
  221. .tumblr_parent{border-bottom:0px solid {color:borders};}
  222. .tumblr_blog { margin-bottom:10px; }
  223.  
  224. blockquote {
  225. border-left:1px solid {color:borders};
  226. padding-left:10px;
  227. margin:0px 0;
  228. }
  229.  
  230. blockquote blockquote{
  231. border-left:0px;
  232. padding-left:0px;
  233. }
  234.  
  235. blockquote img {
  236. height:auto;
  237. }
  238.  
  239. pre {
  240. white-space: pre-wrap; /* css-3 */
  241. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  242. white-space: -pre-wrap; /* Opera 4-6 */
  243. white-space: -o-pre-wrap; /* Opera 7 */
  244. word-wrap: break-word; /* Internet Explorer 5.5+ */
  245. }
  246.  
  247. a {
  248. color:{color:link};
  249. text-decoration:none;
  250. border-bottom:1px solid {color:borders};
  251. }
  252.  
  253. a:hover {
  254. text-decoration:none;
  255. color:{color:link hover};
  256. border-color:{color:link hover};
  257. }
  258.  
  259. img {
  260. opacity:1;
  261. border:none;
  262. text-decoration:none;
  263. }
  264.  
  265. p {margin:5px 0;}
  266.  
  267. p:first-of-type {
  268. margin-top:0;
  269. padding-top:0;
  270. }
  271.  
  272. p:last-of-type {
  273. margin-bottom:0;
  274. padding-bottom:0;
  275. }
  276.  
  277. b, strong {color:{color:title};}
  278.  
  279. small, big {font-size:1em;}
  280.  
  281. h1, h2, h3, h4 {
  282. font-size:1em;
  283. color:{color:title};
  284. margin:0;
  285. padding:0;
  286. }
  287.  
  288. /*header*/
  289.  
  290. #sidebar {
  291. width:140px;
  292. position:fixed;
  293. margin-left:190px;
  294. margin-top:10px;
  295. background:#fff;
  296. padding:10px;
  297. }
  298.  
  299. #sidebar img {
  300. width:64px;
  301. border-radius:{select:Icon Radius}%;
  302. pointer-events: none;
  303. }
  304.  
  305. #bastilledan {
  306. width:145px;
  307. margin-top:15px;
  308. text-align:justify;
  309. }
  310.  
  311. #blogtitle {
  312. margin-top:5px;
  313. margin-bottom:5px;
  314. letter-spacing:0px;
  315. text-transform:lowercase;
  316. font-size:13px;
  317. font-family:arial;
  318. font-weight:bold;
  319. color:{color:title};
  320. border:0;
  321. }
  322.  
  323. #description {width:140px; padding-bottom:8px; background:#fff; border-bottom:1px solid #f3f3f3; font-family:arial;text-align:left;}
  324.  
  325. nav {display:inline-block; margin-top:10px; width:150px; font-family: 'maven pro';}
  326.  
  327. nav span { margin-right:2px; line-height:80%; }
  328.  
  329. nav a {
  330. display:inline-block;
  331. margin-right:5px;
  332. border:0;
  333. text-transform:uppercase;
  334. font-size:8px;
  335. letter-spacing:1px;
  336. }
  337.  
  338.  
  339. nav a:after {
  340. margin-left:5px;
  341. }
  342.  
  343. nav a:hover { color:{color:link hover}; }
  344.  
  345. nav a:last-of-type::after {display:none;}
  346.  
  347. nav a:hover::after {color:{color:link};}
  348.  
  349. .sfm .text {
  350. margin-top:10px;
  351. border:0px;
  352. outline:0px;
  353. padding:5px;
  354. font-size:inherit;
  355. font-style:italic;
  356. font-family: 'maven pro';
  357. color:inherit;
  358. border-bottom:1px solid #f3f3f3;
  359. width:45px;
  360. text-align:left;
  361. }
  362.  
  363. .sfm span {
  364. font-size:8px;
  365. }
  366.  
  367. ::-webkit-input-placeholder {color:inherit;}
  368. :-moz-placeholder {color:inherit;opacity:1;}
  369. ::-moz-placeholder {color:inherit;opacity:1;}
  370. :-ms-input-placeholder {color:inherit;}
  371.  
  372. input:focus::-webkit-input-placeholder {color:transparent;}
  373. input:focus:-moz-placeholder {color:transparent;}
  374. input:focus::-moz-placeholder {color:transparent;}
  375. input:focus:-ms-input-placeholder {color:transparent;}
  376.  
  377.  
  378. /*pagination*/
  379.  
  380. #pagination {
  381. width:500px;
  382. color:{color:link};
  383. margin-bottom:50px;
  384. text-align:center;
  385. }
  386.  
  387. .current_page {
  388. font-weight:bold;
  389. color:{color:link hover};
  390. }
  391.  
  392. #pagination a {
  393. display:inline-block;
  394. border:0;
  395. margin:0 5px;
  396. }
  397.  
  398. #infscr-loading {display:none!important;}
  399.  
  400. /*posts*/
  401.  
  402. #entries {
  403. width:500px;
  404. margin:100px auto 0 auto;
  405. }
  406.  
  407. .posts {
  408. width:500px;
  409. {block:indexpage}
  410. margin-bottom:100px;
  411. {/block:indexpage}
  412. position:relative;
  413. display:block;
  414. font-family:'maven pro';
  415. line-height:170%;
  416. text-align:justify;
  417. }
  418.  
  419. .posts img {max-width:400px;}
  420.  
  421. #tags { width:500px; }
  422.  
  423. #tags a { display:inline-block; }
  424.  
  425. ol, ul {
  426. padding:0;
  427. padding-left:5px;
  428. list-style-type:none;
  429. }
  430.  
  431. ol li,
  432. ul li {
  433. position:relative;
  434. padding-left:10px;
  435. }
  436.  
  437. .posts ul li:before {
  438. content:'›';
  439. position:absolute;
  440. margin-top:-1.5px;
  441. left:0;
  442. font-size:10px;list-style:none;
  443. }
  444.  
  445. .media img, .media iframe {
  446. width:500px;
  447. display:block;
  448. }
  449.  
  450. .posts img, .posts li, .posts blockquote {max-width:100%;}
  451.  
  452. .caption {
  453. padding:10px;
  454. margin-top:10px;
  455. padding-bottom:0px;
  456. {block:ifhidecaptions}
  457. {block:indexpage}
  458. display:none;
  459. {/block:indexpage}
  460. {/block:ifhidecaptions}
  461. text-align:justify;
  462. }
  463.  
  464. .caption blockquote {margin:5px;}
  465.  
  466. .caption img, .caption iframe {max-width:100%;}
  467.  
  468. .caption a.tumblr_blog {
  469. border-bottom:0px;
  470. text-decoration:none;
  471. margin-bottom:3px;
  472. }
  473.  
  474. #title {
  475. font-size:14px;
  476. margin-bottom:15px;
  477. color:{color:title};
  478. font-weight:bold;
  479. }
  480.  
  481. #title a {
  482. color:{color:title};
  483. display:inline-block;
  484. border:0;
  485. }
  486.  
  487. #title a:hover {color:{color:link hover};}
  488.  
  489. /*quote*/
  490.  
  491. #titlequote {font-size:12px;line-height:120%; font-family:maven pro; padding:15px; background:#fcfcfc; border-radius:10px;}
  492.  
  493. #source {margin-top:10px;}
  494.  
  495. /* audio post */
  496. .audio {
  497. width:490px;
  498. position:relative;
  499. clear:both;
  500. border:1px solid {color:borders};
  501. padding-left:10px;
  502. border-radius:10px;
  503. }
  504.  
  505. .tumblr_audio_player {
  506. height:30px;
  507. width:32px;
  508. margin-top:13px;
  509. margin-right:20px;
  510. display:block;
  511. float:left;
  512. padding-left:0px;
  513. padding-top:3px;
  514. clear:both;
  515. background-color:#f2f2f2;
  516. border-radius:100%;
  517. overflow:visible;
  518. }
  519.  
  520. .audio-player{
  521. background:black !important;
  522. }
  523.  
  524. .audioinfo {
  525. position:relative;
  526. overflow:visible;
  527. height:60px;
  528. padding-right:10px;
  529. display: table-cell;
  530. vertical-align: middle;
  531. text-transform:lowercase;
  532. text-align:left;
  533. width:{select:post width}px;
  534. }
  535.  
  536. /*asks*/
  537.  
  538. .q {
  539. font-size:11px;
  540. margin-bottom:15px;
  541. background:#fcfcfc;
  542. padding:20px;
  543. text-align:left;
  544. border-radius:10px;
  545. }
  546.  
  547. .a {
  548. border-top:0px solid #fcfcfc;
  549. padding-top:10px;
  550. }
  551.  
  552. .as {
  553. margin-right:5px;
  554. display:inline-block;
  555. }
  556.  
  557. .as a {
  558. color:{color:text};
  559. border:0;
  560. }
  561.  
  562. .as a:hover {color:{color:link hover};}
  563.  
  564. /*chat*/
  565.  
  566. .chat {
  567. margin:0;
  568. padding:0;
  569. list-style:none;
  570. }
  571.  
  572. .l {
  573. border-bottom:0px solid {color:borders};
  574. padding:5px;
  575. }
  576.  
  577. .odd {
  578. background:#fcfcfc;
  579. }
  580.  
  581. .label {
  582. font-weight:bold;
  583. color:{color:title};
  584. display:inline-block;
  585. }
  586.  
  587. .l:first-of-type {margin-top:0;}
  588.  
  589. .l:last-of-type {
  590. padding-bottom:0;
  591. border:0;
  592. }
  593.  
  594. /*permalink and notes*/
  595.  
  596. #when {
  597. text-align:left;
  598. text-transform:lowercase;
  599. margin-top:10px;
  600. padding:10px;
  601. padding-left:0px;
  602. padding-right:0px;
  603. top:10px;
  604. opacity:1;
  605. font-size:10px;
  606. -webkit-transition: all 0.6s ease-in-out;
  607. -moz-transition: all 0.6s ease-in-out;
  608. -o-transition: all 0.6s ease-in-out;
  609. border-bottom:0px solid #f8f8f8;
  610. }
  611.  
  612. #when a {
  613. margin:5px 0px 0px 10px;
  614. margin-left:0px;
  615. margin-right:0px;
  616. border-bottom:0px solid #f3f3f3;
  617. -webkit-transition: all 0.6s ease-in-out;
  618. -moz-transition: all 0.6s ease-in-out;
  619. -o-transition: all 0.6s ease-in-out;
  620. }
  621.  
  622. .posts:hover #when {
  623. opacity:1;
  624. -webkit-transition: all 0.6s ease-in-out;
  625. -moz-transition: all 0.6s ease-in-out;
  626. -o-transition: all 0.6s ease-in-out;
  627. }
  628.  
  629. #when span {
  630. margin-left:5px;
  631. }
  632.  
  633. #permalink {margin-top:15px; text-transform:lowercase;}
  634.  
  635. #permalink a {
  636. display:inline-block;
  637. border:0;
  638. margin-right:5px;
  639. text-transform:lowercase;
  640. }
  641.  
  642. #permalink a:hover {color:{color:link hover};}
  643.  
  644. #permalink span {display:block;}
  645.  
  646. .tags {
  647. {block:indexpage}
  648. {block:ifHideTags}
  649. display:none;
  650. {/block:ifHideTags}
  651. {/block:indexpage}
  652. opacity:0;
  653. margin-top:5px;
  654. -webkit-transition: all 0.6s ease-in-out;
  655. -moz-transition: all 0.6s ease-in-out;
  656. -o-transition: all 0.6s ease-in-out;
  657. }
  658.  
  659. .tags a {
  660. font-size:8px;
  661. border-bottom:0px;
  662. letter-spacing:1px;
  663. text-transform:uppercase;
  664. -webkit-transition: all 0.6s ease-in-out;
  665. -moz-transition: all 0.6s ease-in-out;
  666. -o-transition: all 0.6s ease-in-out;
  667. }
  668.  
  669. #when:hover .tags {
  670. opacity:0.7;
  671. border-bottom:0px;
  672. -webkit-transition: all 0.6s ease-in-out;
  673. -moz-transition: all 0.6s ease-in-out;
  674. -o-transition: all 0.6s ease-in-out;
  675. }
  676.  
  677. .pagenotes {
  678. margin-top:15px;
  679. padding-top:15px;
  680. text-transform:uppercase;
  681. font-size:8px;
  682. letter-spacing:1px;
  683. border-top:1px solid {color:borders};
  684. }
  685.  
  686. .pagenotes a {border:0;}
  687.  
  688.  
  689. ol.notes {
  690. list-style-type:none;
  691. text-align:left;
  692. padding:0px;
  693. margin:0px;
  694. }
  695.  
  696. ol.notes li.note {
  697. display:block;
  698. padding:0;
  699. margin:5px 0;
  700. }
  701.  
  702. ol.notes li.note img.avatar {display:none!important;}
  703.  
  704. a.more_notes_link {
  705. display:block;
  706. text-align:left;
  707. border:0;
  708. color:{color:title};
  709. }
  710.  
  711. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  712. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  713. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  714. .fade-in {
  715. opacity:0;
  716. -webkit-animation:fadeIn ease-in 1;
  717. -moz-animation:fadeIn ease-in 1;
  718. animation:fadeIn ease-in 1;
  719. -webkit-animation-fill-mode:forwards;
  720. -moz-animation-fill-mode:forwards;
  721. animation-fill-mode:forwards;
  722. -webkit-animation-duration:1s;
  723. -moz-animation-duration:1s;
  724. animation-duration:1s;}
  725. .fade-in.one {
  726. -webkit-animation-delay:0s;
  727. -moz-animation-delay:0s;
  728. animation-delay:0s;}
  729. .fade-in.two {
  730. -webkit-animation-delay:0.8s;
  731. -moz-animation-delay:0.8s;
  732. animation-delay:0.8s;}
  733.  
  734. #cred {
  735. right:5px;
  736. bottom:15px;
  737. position:fixed;
  738. font-size:9px;
  739. -webkit-transition: all 0.6s ease-in-out;
  740. -moz-transition: all 0.6s ease-in-out;
  741. -o-transition: all 0.6s ease-in-out;
  742. }
  743.  
  744. #cred a{
  745. color:{color:text};
  746. padding:3px;
  747. padding-left:4px;
  748. padding-right:4px;
  749. text-decoration:none;
  750. border:1px solid #e3e3e3;
  751. border-radius:100%;
  752. -webkit-transition: all 0.6s ease-in-out;
  753. -moz-transition: all 0.6s ease-in-out;
  754. -o-transition: all 0.6s ease-in-out;
  755. }
  756.  
  757. #cred a:hover {
  758. background:#f3f3f3;
  759. border-radius:5px;
  760. -webkit-transition: all 0.6s ease-in-out;
  761. -moz-transition: all 0.6s ease-in-out;
  762. -o-transition: all 0.6s ease-in-out;
  763. }
  764.  
  765. .like-b {
  766. position:relative;
  767. display:inline-block;
  768. height:1em;
  769. line-height:1em;
  770. overflow:hidden;
  771. margin-bottom:-1px;
  772. }
  773. .like-b .like_button iframe {
  774. position:absolute;
  775. top:0;
  776. left:0;
  777. bottom:0;
  778. right:0;
  779. z-index:2;
  780. opacity:0;
  781. }
  782. .like-b .liked + .b {
  783. color:inherit;
  784. }
  785. .like-b .liked + .b:after {
  786. content:'d';
  787. }
  788.  
  789. .links_list { margin:0px; padding:0px; position:relative;}
  790. .links_head { margin-top:2px; }
  791. .links_body { display:none; width:140px; padding:10px; padding-left:0px; }
  792. .links_body a { text-transform:lowercase; line-height:200%; letter-spacing:0px; font-size:10px; border-bottom:1px solid {color:borders}; }
  793.  
  794. {CustomCSS}
  795.  
  796. </style>
  797.  
  798.  
  799. </head>
  800.  
  801. <body>
  802.  
  803. <div id="sidebar" class="fade-in one">
  804. {block:IfSidebarImage}<img src="{image:sidebar}">{/block:IfSidebarImage}
  805. <div id="bastilledan">
  806. {block:ifTitle}<div id="blogtitle" href="/">{title}</div>{/block:IfTitle}
  807. <div id="description">{description}</div>
  808. <nav>
  809. <a href="/" title="{text:Home Title}"><span class="lnr lnr-undo"></span></a>
  810. <a href="/ask" title="{text:Ask Title}"><span class="lnr lnr-bubble"></span></a>
  811. {block:ifLink1}<a href="{text:Link 1 URL}" title="{text:Link 1}"><span class="lnr lnr-user"></span></a>{/block:ifLink1}
  812. {block:ifLink2}<a href="{text:Link 2 URL}" title="{text:Link 2}"><span class="lnr lnr-tag"></span></a>{/block:ifLink2}— &nbsp;
  813. <span class="links_list">
  814. <span class="links_head">more</span>
  815. <div class="links_body">
  816. <a href="{text:Extra Link 1 URL}">{text:Extra Link 1}</a>
  817. <a href="{text:Extra Link 2 URL}">{text:Extra Link 2}</a>
  818. <a href="{text:Extra Link 3 URL}">{text:Extra Link 3}</a><br>
  819. <a href="{text:Extra Link 4 URL}">{text:Extra Link 4}</a>
  820. <a href="{text:Extra Link 5 URL}">{text:Extra Link 5}</a>
  821. <a href="{text:Extra Link 6 URL}">{text:Extra Link 6}</a>
  822. </div></span></nav>
  823. </div>
  824. <form action="/search" method="get" class="sfm">
  825. <span class="lnr lnr-magnifier"></span></nav>
  826. <input type="text" name="q" value="" class="text" placeholder="search">
  827. </form>
  828.  
  829. </div>
  830.  
  831. <section id="entries" class="fade-in two">
  832.  
  833. {block:Posts}
  834. <div class="posts" id="{PostID}">
  835.  
  836. {block:Quote}
  837. <div id="titlequote">{Quote}</div>
  838. {block:Source}<div id="source">{Source}</div>{/block:Source}
  839. {/block:Quote}
  840.  
  841. {block:Text}
  842. {block:Title}<div id="title">{Title}</div>{/block:Title}
  843. {Body}
  844. {/block:Text}
  845.  
  846. {block:Link}
  847. <div id="title"><a href="{URL}">{Name}</a></div>
  848. {block:Description}{Description}{/block:Description}
  849. {/block:Link}
  850.  
  851. {block:Chat}
  852. {block:Title}<div id="title">{Title}</div>{/block:Title}
  853. <ol class="chat">
  854. {block:Lines}
  855. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  856. {/block:Lines}
  857. </ol>
  858. {/block:Chat}
  859.  
  860. {block:Photo}
  861. <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  862. {/block:Photo}
  863.  
  864. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  865.  
  866. {block:Video}<div class="media">{Video-400}</div>{/block:Video}
  867.  
  868. {block:Audio}
  869. <div class="audio">
  870. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  871. <div class="audioinfo">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>⤷ {Artist}{/block:Artist}
  872. </div></div>
  873. {/block:Audio}
  874.  
  875. {block:Answer}
  876. <div class="q"><b>{Asker}</b> / {Question}</div><div class="a">{Answer}</div>
  877. {/block:Answer}
  878.  
  879. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  880.  
  881. {block:indexpage}{block:Date}
  882. <div id="when">
  883. {block:HasTags}
  884. <div id="tags">
  885. {block:Tags}
  886. #<a href="/tagged/{Tag}">{Tag}</a>
  887. {/block:Tags}
  888. </div>
  889. {/Block:HasTags}
  890. {block:NoteCount}<a href="{permalink}">{NoteCount} <i class="fa fa-heart-o" aria-hidden="true" style="font-size:8px;"></i> /</a>{/block:NoteCount} <a href="{Permalink}" class="time-ago">{TimeStamp}</a>.
  891.  
  892. <span style="float:right;">
  893. <a href="{ReblogURL}" target="_blank">reblog</a> /<a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  894. </span>
  895.  
  896. </div>
  897. </div>
  898. {/block:Date}{/block:indexpage}
  899.  
  900. {block:permalinkpage}{block:Date}
  901. <div id="permalink">
  902. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}.</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>/{block:ContentSource} Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  903. {/block:Date}{/block:permalinkpage}
  904.  
  905. </div>
  906.  
  907. {block:PostNotes}
  908. <div class="pagenotes">
  909. <div id="title">{notecountwithlabel}</div>{PostNotes}</div>
  910. {/block:PostNotes}
  911.  
  912. {/block:Posts}
  913.  
  914. {block:Pagination}<footer id="pagination">{block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</footer>{/block:Pagination}
  915.  
  916. <div id="cred">
  917. <a href="http://asgutd.tumblr.com">
  918. <i class="fa fa-heart-o" aria-hidden="true"></i>
  919. </a>
  920. </div>
  921.  
  922. </section>
  923.  
  924. {block:ContentSource}
  925. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  926. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  927. {/block:SourceLogo}
  928. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  929. {/block:ContentSource}
  930.  
  931. <script type="text/javascript" src="http://static.tumblr.com/i5s2zks/9Acok8oo2/bct-timeago.min.js"></script>
  932. <script type="text/javascript">
  933. // timeAgo(); plugin © bychloethemes.tumblr
  934. $(".time-ago").timeAgo({
  935. time: "short",
  936. spaces: false,
  937. words: false,
  938. prefix: "",
  939. suffix: " ago",
  940. });
  941. </script>
  942.  
  943. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment