williamhiddles

THEME 16

Oct 25th, 2019
485
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.73 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----------base code by clumhood
  5. ADAPTED BY @ SOLDIERWINTER
  6. ------------>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!--------DEFAULT VARIABLES-------->
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:text" content="#333333"/>
  18. <meta name="color:links" content="#5b5b5b"/>
  19. <meta name="color:links hover" content="#c9c9c9"/>
  20. <meta name="color:scrollbar bg" content="#ffffff"/>
  21. <meta name="color:scrollbar" content="#eeeeee">
  22. <meta name="color:accent" content="#000000"/>
  23. <meta name="color:title line" content="#000000"/>
  24. <meta name="color:bold" content="#333333"/>
  25.  
  26. <meta name="image:sidebar image" content=""/>
  27. <meta name="image:background image" content=""/>
  28.  
  29. <meta name="text:link 1 title" content="link">
  30. <meta name="text:link 1 url" content=" ">
  31. <meta name="text:link 2 title" content="link">
  32. <meta name="text:link 2 url" content=" ">
  33. <meta name="text:link 3 title" content="link">
  34. <meta name="text:link 3 url" content=" ">
  35.  
  36. <meta name="if:show link 1" content="1" />
  37. <meta name="if:show link 2" content="1" />
  38. <meta name="if:show link 3" content="1" />
  39. <meta name="if:show sidebar image" content="1" />
  40. <meta name="if:show side title" content="1" />
  41.  
  42.  
  43. <!----------------SCRIPTS---------------->
  44. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  45. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  46. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  47. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  48. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.9/css/all.css" integrity="sha384-5SOiIsAziJl6AWe0HWRKTXlfcSHKmYV4RBF18PPJ173Kzn7jzMyFuTtk8JA7QQG1" crossorigin="anonymous">
  49. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  50. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  51. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  52. <link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  53. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. (function($){
  56. $(document).ready(function(){
  57. $("[title]").style_my_tooltips({
  58. tip_follows_cursor:true,
  59. tip_delay_time:200,
  60. tip_fade_speed:300
  61. });
  62. });
  63. })(jQuery);
  64. </script>
  65.  
  66. <script>// video resizing script by shythemes
  67. $(document).ready(function(){
  68. resizeVideos();
  69. });
  70. function resizeVideos() {
  71. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  72. var vw = $(this).width();
  73. var vh = $(this).height();
  74. var scale = $(this).parents('.video').width() / vw;
  75. $(this).attr({
  76. width: Math.floor($(this).attr('width') * scale),
  77. height: Math.floor($(this).attr('height') * scale)
  78. });
  79. $(this).parents('.video').addClass('resized');
  80. });
  81. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  82. var vw = $(this).width();
  83. var vh = $(this).height();
  84. var scale = $(this).parents('.video').width() / vw;
  85. $(this).css({
  86. 'transform': 'scale(' + scale + ')',
  87. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  88. });
  89. $(this).parents('.tumblr_video_container').css({
  90. width: Math.floor(vw * ( scale + 1 ) / 2),
  91. height: Math.floor(vh * ( scale + 1 ) / 2)
  92. });
  93. $(this).parents('.video').addClass('resized');
  94. });
  95. }
  96.  
  97. </script>
  98.  
  99. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  100. <script>
  101. /* questions? ask oddhour.tumblr.com */
  102. /* Script edited by arianagrandes.tumblr.com, all credits goes to oddhour */
  103. var updatePhotosetCss = "<style id='updatePhotosetStyle'> .photoset .photoset_row img { display: block; } .photoset .photoset_row.photoset_row_1 img { max-width: 540px; } .photoset .photoset_row.photoset_row_2 img { max-width: 268px; } .photoset .photoset_row.photoset_row_3 img { max-width: 178px; } .photoset .photoset_row .photoset_photo { margin-left: 2px; } .photoset .photoset_row { text-align: center; width: 540px; } .photoset { width: 540px; }</style>";
  104. function updatePhotoset() {
  105.  
  106. $(".photoset:not(.540-resized)").each( function (i, e) {
  107. if($(this.contentDocument).find("#updatePhotosetStyle").size() <= 0)
  108. $(this.contentDocument).find("head").append(updatePhotosetCss);
  109. var photoset = $(this.contentDocument).find(".photoset");
  110. var photosetRows = photoset.find(".photoset_row");
  111. photoset.find(".photoset_photo")
  112. .each(function () {
  113. var hiResSrc = $(this).attr("href");
  114. var img = $(this).find('img');
  115. img.attr("src", hiResSrc );
  116. img.attr("style", "");
  117. });
  118. photosetRows.attr("style", "").css("margin-bottom", "-8px");
  119. photoset.attr("style","");
  120. photoset.addClass("540-resized");
  121. $(this).height($(this.contentDocument.body).height());
  122. });
  123. }
  124.  
  125. updatePhotoset();
  126.  
  127. var photosetTimer = setInterval(updatePhotoset, 1500);
  128. $(window).on('load', function () { setTimeout(function() {clearInterval(photosetTimer)}, 2000); })
  129. </script>
  130. <!-------------------------------------------------------------------->
  131.  
  132.  
  133. <!------------------------UNNEST SCRIPT--------------------->
  134. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  135. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  136. <script>
  137. $(function(){ $('.posts').unnest({
  138. yourCaption: ".caption",
  139. wrapName: ".cap",
  140. newCaptionUsername: true,
  141. originalPostCaptionUsername: false,
  142. tumblrAvatars: true,
  143. tumblrAvatarClass: ".icon",
  144. usernameColon: false
  145. }); }); </script>
  146. <!------------------------TOOLTIPS SCRIPT--------------------->
  147.  
  148. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
  149. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  150. <link href="https://fonts.googleapis.com/css?family=Sunflower:300,500,700" rel="stylesheet">
  151. <link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i" rel="stylesheet">
  152. <link href="https://fonts.googleapis.com/css?family=Mina:400,700" rel="stylesheet">
  153. <link href="https://fonts.googleapis.com/css?family=Rosario:400,400i,700,700i" rel="stylesheet">
  154.  
  155. <style type="text/css">
  156.  
  157. ul {
  158. list-style: none;
  159. }
  160.  
  161. ul li:before {
  162. content: "— ";
  163. font-size:12px;
  164. color:{color:links hover};
  165.  
  166. }
  167.  
  168. /*----------tooltips---------*/
  169.  
  170. #s-m-t-tooltip {
  171. max-width:300px;
  172. margin:15px;
  173. padding:3px;
  174. border:1px solid #eeeeee;
  175. border-radius:0px;
  176. background:#ffffff;
  177. color:{color:text};
  178. z-index:999999;
  179. font-size:10px;
  180. font-style:none;
  181. font-weight:none;
  182. letter-spacing:1px;
  183. font-family:'Roboto', sans-serif;
  184. text-transform:normal;
  185. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  186. -webkit-transition:all 0.3s;
  187. -moz-transition:all 0.3s;
  188. -ms-transition:all 0.3s;
  189. -o-transition:all 0.3s;
  190. transition:all 0.3s;
  191. }
  192.  
  193. /*----------SCROLLBAR---------*/
  194.  
  195. ::-webkit-scrollbar {
  196. background-color: {color:scrollbar bg};
  197. height:8px;
  198. width:5px;
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb:vertical {
  202. background-color:{color:scrollbar};
  203. height:50px;
  204. }
  205.  
  206. ::-webkit-scrollbar-thumb:horizontal {
  207. background-color:{color:scrollbar bg};
  208. height:8px;
  209. }
  210.  
  211. /*----------unnest---------*/
  212.  
  213. .tumblr_blog {
  214. display:block;
  215. vertical-align:middle; /* this is to center the url to the height of the icon */
  216. line-height:20px; /* change this to the height of the icon */
  217. margin-bottom:5px;
  218. font-family: 'Mina', sans-serif;
  219. font-size:12px;
  220. text-transform:lowercase;
  221. font-weight:bold!important;
  222. color:{color:links};
  223. }
  224.  
  225. .tumblr_blog a:hover {
  226. text-decoration:underline;
  227. color:{color:links};
  228. }
  229.  
  230. .icon {
  231. width:23px; /* size of the icon */
  232. height:23px; /* size of the icon */
  233. margin-right:10px; /* space between icon and url */
  234. display:inline-block;
  235. float:left;
  236. border-radius:30px; /* change to 100% for circular icon */
  237. }
  238.  
  239. .cap {
  240. margin-left:0px;
  241. width:540px;
  242. }
  243.  
  244. .cap blockquote {
  245. width:540px;
  246. margin-left:0px;
  247. }
  248.  
  249. /*----------BASICS---------*/
  250.  
  251. body {
  252. background:{color:background} url({image:background image}) repeat right top fixed;
  253. color:{color:text};
  254. font-family: 'Roboto', sans-serif;
  255. line-height:15px;
  256. font-size:11px;
  257. margin:100px auto;
  258. text-align:left;
  259. padding-left:250px;
  260. width:540px;
  261. }
  262.  
  263. blockquote {
  264. padding-left:10px;
  265. border-left:1px solid;
  266. border-color:#eeeeee;
  267. margin:10px;
  268. }
  269.  
  270. a {
  271. color:{color:links};
  272. text-decoration:none;
  273. }
  274.  
  275. u {
  276. text-decoration:underline;
  277. }
  278.  
  279. a:hover {
  280. text-decoration:none;
  281. color: {color:links hover};
  282. -webkit-transition:all 0.5s;
  283. -moz-transition:all 0.5s;
  284. -ms-transition:all 0.5s;
  285. -o-transition:all 0.5s;
  286. transition:all 0.5s;
  287. }
  288.  
  289. img {
  290. opacity:1;
  291. text-decoration:none;
  292. }
  293.  
  294. small {
  295. font-size:10px;
  296. font-weight:none;
  297. }
  298.  
  299. h1 {
  300. font-size:15px;
  301. font-weight:bold;
  302. }
  303.  
  304. /*----------SELECTION---------*/
  305.  
  306. ::-moz-selection {
  307. color: {color:background};
  308. background: {color:accent};
  309. }
  310.  
  311. ::selection {
  312. color: {color:background};
  313. background: {color:accent};
  314. }
  315.  
  316. /*----------SIDEBAR---------*/
  317.  
  318. .sidebar {
  319. position:fixed;
  320. top:145px;
  321. width:268px;
  322. margin-left:-400px;
  323. margin-top:0px;
  324. height:100%;
  325. }
  326.  
  327. .sidebarimage {
  328. width:268px;
  329. }
  330.  
  331. .title {
  332. font-size:10px;
  333. text-align:left;
  334. text-transform:lowercase;
  335. font-family: 'Rosario', sans-serif;
  336. font-weight:bold;
  337. letter-spacing:2px;
  338. color:{color:links};
  339. margin-top:10px;
  340. padding: 5px;
  341. width:263px;
  342.  
  343. }
  344.  
  345. .title a {
  346. color:{color:links};
  347. box-shadow: {color:title line} 0 -3px inset;
  348. }
  349.  
  350.  
  351. .description {
  352. width:263px;
  353. text-align:justify;
  354. font-family: 'Roboto', sans-serif;
  355. margin-top:5px;
  356. }
  357.  
  358. .links {
  359. margin-top:10px;
  360. text-align:center;
  361. font-size:18px;
  362. width:263px;
  363. text-transform:uppercase;
  364. font-family: 'Mina', sans-serif;
  365. font-weight:bold;
  366. color:{color:links};
  367. }
  368.  
  369. .links a {
  370. display:inline-block;
  371. padding:3px;
  372. font-size:18px;
  373. color:{color:links};
  374. letter-spacing:0px;
  375. border-bottom:0px solid #eee;
  376. }
  377.  
  378. .links a:hover {
  379. font-size:18px;
  380. padding:3px;
  381. color:{color:links};
  382. text-decoration:none;
  383. box-shadow: {color:title line} 0 -3px inset;
  384. letter-spacing:0px;
  385.  
  386. }
  387.  
  388.  
  389. /*----------PAGINATION---------*/
  390.  
  391.  
  392. .pagination {
  393. padding:20px;
  394. margin-top:10px;
  395. margin-left:auto;
  396. margin-right:auto;
  397. font-size:20px;
  398. font-family: 'Sunflower', sans-serif;
  399. text-align:center;
  400. font-weight:bold;
  401. letter-spacing:1px;
  402. }
  403.  
  404. .pagination a {
  405. box-shadow: {color:title line} 0 -3px inset;
  406. }
  407.  
  408. /*----------POSTS---------*/
  409.  
  410. .entries {
  411. margin-left:580px;
  412. margin-top:50px;
  413. width:540px;
  414. margin:50px 0px;
  415. }
  416.  
  417. .posts {
  418. width:540px;
  419. margin-bottom:80px;
  420. position:relative;
  421. padding:10px;
  422. }
  423.  
  424. .oddhour-high-res { width: 540px; text-align: center; }
  425. .oddhour-high-res img { max-width: 100%; }
  426.  
  427. /*----------quotes---------*/
  428.  
  429. .quote {
  430. text-transform:uppercase;
  431. font-size:14px;
  432. font-weight:bold;
  433. text-align:center;
  434. }
  435.  
  436. .quotesource {
  437. text-align:center;
  438. margin-top:10px;
  439. }
  440.  
  441. /*----------CHAT---------*/
  442.  
  443. .chat {
  444. line-height:150%;
  445. list-style:none;
  446. }
  447.  
  448. .line.odd {
  449. padding:10px;
  450. background:#f8f8f8;
  451. }
  452.  
  453. .line.even {
  454. padding:10px;
  455. }
  456.  
  457. .label {
  458. text-transform:uppercase;
  459. font-size:10px;
  460. letter-spacing:1px;
  461. font-weight:bold;
  462. }
  463.  
  464. /*----------AUDIO---------*/
  465.  
  466. .cover {
  467. position:relative;
  468. z-index:1;
  469. width:78px;
  470. height:78px;
  471. padding:10px;
  472. float:left;
  473. }
  474.  
  475. .cover img {
  476. width:73px;
  477. height:73px;
  478. float:left;
  479.  
  480. }
  481.  
  482. .playerbutton {
  483. position:relative;
  484. width:30px;
  485. height:35px;
  486. overflow:hidden;
  487. }
  488.  
  489. .playerbuttonhug {
  490. position: absolute;
  491. top:-7px;
  492. left:2px;
  493. }
  494.  
  495. .tumblr_audio_player {
  496. height:50px;
  497. width:500px;
  498. }
  499.  
  500. .playerbuttonbg {
  501. position:absolute;
  502. width:35px;
  503. height:35px;
  504. background-color:#fff;
  505. padding:10px;
  506. }
  507.  
  508. .trackdetails {
  509. width:auto;
  510. display:inline-block;
  511. margin-left:70px;
  512. font-size:10px;
  513. letter-spacing:1px;
  514. text-transform:lowercase;
  515. padding:5px;
  516. line-height:15px;
  517. }
  518.  
  519. .audiowrapper {
  520. position:relative;
  521. display:inline-block;
  522. }
  523.  
  524. .spotify_audio_player {
  525.  
  526. height: 80px !important;
  527.  
  528. }
  529.  
  530. /*----------questions---------*/
  531.  
  532. .question {
  533. padding:10px;
  534. text-align:justify;
  535.  
  536. }
  537.  
  538. .asker {width:540px; margin-bottom:5px; padding-left:10px; padding:5px; text-align:justify; font-family: 'Mina', sans-serif; text-transform:uppercase; color:{color:accent};
  539.  
  540. }
  541.  
  542. .askericon {
  543. position:relative;
  544. }
  545.  
  546. .askericon img {
  547. border: solid 1px #eee;
  548. padding: 5px;
  549. z-index:999!important;
  550. }
  551.  
  552. .answer {
  553. padding:10px;
  554. margin-left:5px;
  555. float: left;
  556. margin-top:-15px;
  557. width:475px;
  558. }
  559.  
  560.  
  561. /*----------INFO---------*/
  562.  
  563. .info {
  564. padding:10px;
  565. font-family: 'Mina', sans-serif;
  566. font-size:10px;
  567. font-weight:none;
  568. color:{color:text};
  569. text-transform:uppercase;
  570. border-top:1px solid #eee;
  571. margin-top:25px;
  572. }
  573.  
  574.  
  575. .tags {
  576. margin-left:10px;
  577. margin-top:-5px;
  578. font-size:12px;
  579. font-family: 'Rosario', sans-serif;
  580. letter-spacing:0px;
  581. font-style:normal;
  582. text-transform:lowercase;
  583. }
  584.  
  585. .tags a {
  586. margin-right:10px;
  587. letter-spacing:0px;
  588. }
  589. .tags a:hover {
  590. color:{color:links hover};
  591. }
  592. /*----------POST NOTES---------*/
  593.  
  594. ol.notes {
  595. padding:0px;
  596. margin:25px 0px 0px -10px;
  597. list-style-type:none;
  598. }
  599.  
  600. ol.notes li.note {
  601. padding:10px;
  602. }
  603.  
  604. ol.notes li.note img.avatar {
  605. vertical-align:-4px;
  606. margin-right:10px;
  607. width:20px;
  608. height:20px;
  609. border-radius:50px;
  610. }
  611.  
  612. ol.notes li.note span.action {
  613. font-weight:none;
  614. }
  615.  
  616. ol.notes li.note .answer_content {
  617. font-weight:normal;
  618. }
  619.  
  620. ol.notes li.note blockquote {
  621. padding:4px 10px;
  622. margin:10px 0px 0px 25px;
  623. }
  624.  
  625. ol.notes li.note blockquote a {
  626. text-decoration:none;
  627. }
  628.  
  629.  
  630. /*----------credit---------*/
  631.  
  632. .credit {
  633. font-size:11px;
  634. position:fixed;
  635. font-weight:bold;
  636. border:1px solid #eeeeee;
  637. bottom:7px;
  638. right:15px;
  639. z-index:10;
  640. text-align:right;
  641. letter-spacing:1px;
  642. padding:2px;
  643. }
  644.  
  645. .credit a {
  646. color:{color:links};
  647. text-decoration:none;
  648. }
  649.  
  650. .credit a:hover {
  651. color:{color:accent};
  652. text-decoration:none;
  653. cursor:help;
  654. }
  655.  
  656. /*----------tumblr controls---------*/
  657. iframe.tmblr-iframe {
  658. z-index:99999999999999!important;
  659. top:0!important;
  660. right:0!important;
  661. opacity:0.4;
  662. /* delete invert(1) from here */
  663. filter:invert(1) contrast(150%);
  664. -webkit-filter:invert(1) contrast(150%);
  665. -o-filter:invert(1) contrast(150%);
  666. -moz-filter:invert(1) contrast(150%);
  667. -ms-filter:invert(1) contrast(150%);
  668. /* to here if your blog has a dark background */
  669. transform:scale(0.65);
  670. transform-origin:100% 0;
  671. -webkit-transform:scale(0.65);
  672. -webkit-transform-origin:100% 0;
  673. -o-transform:scale(0.65);
  674. -o-transform-origin:100% 0;
  675. -moz-transform:scale(0.65);
  676. -moz-transform-origin:100% 0;
  677. -ms-transform:scale(0.65);
  678. -ms-transform-origin:100% 0;}
  679.  
  680. iframe.tmblr-iframe:hover {
  681. opacity:0.6!important;}
  682.  
  683. </style>
  684. </head>
  685.  
  686. <body>
  687.  
  688. <div class="credit">
  689. <a title="theme by billfhader" href="https://billfhader.tumblr.com/" target="_blank"><i class="far fa-star" aria-hidden="true"></i></a></div>
  690.  
  691. <div class="sidebar">
  692. {block:IfShowSidebarImage}
  693. <div class="sidebarimage"><a href="/" title="{Title}"><img src="{image:sidebar image}"></a></div>
  694. {/block:IfShowSidebarImage}
  695.  
  696. {block:IfShowSideTitle}
  697. <div class="title"><a href="/" title="refresh">{Title}</a></div>
  698. {/block:IfShowSideTitle}
  699.  
  700. <div class="description">{Description}</div><br>
  701.  
  702. <div class="links">
  703. <a href="/" title="home"><span class="sf sf-home-o"></span></a>
  704. <a href="/ask" title="ask"><span class="sf sf-chat-o"></span></a>
  705. {block:IfShowLink1}
  706. <a href="{text:link 1 url}" title="{text:link 1 title}"><span class="sf sf-menu-o"></span></a>
  707. {/block:IfShowLink1}
  708.  
  709. {block:IfShowLink2}
  710. <a href="{text:link 2 url}"title="{text:link 2 title}"><span class="sf sf-tags-o"></span></a>
  711. {/block:IfShowLink2}
  712.  
  713. {block:IfShowLink3}
  714. <a href="{text:link 3 url}"title="{text:link 3 title}"><span class="sf sf-code-o"></span></a>
  715. {/block:IfShowLink3}
  716. </div></center>
  717.  
  718. </div>
  719.  
  720. <div class="entries">
  721. {block:Posts}
  722. <div class="posts">
  723.  
  724. {block:Text}
  725. <h1>{block:Title}{Title}{/block:Title}</h1>
  726. <div class="caption">
  727. {Body}
  728. </div>
  729. {/block:Text}
  730.  
  731.  
  732. {block:Photo}
  733. {LinkOpenTag}<div class="oddhour-high-res">
  734. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  735. </div>{LinkCloseTag}
  736. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  737. {/block:Photo}
  738.  
  739.  
  740. {block:Photoset}
  741. <div class="media">{photoset}</div>
  742. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  743. {/block:Photoset}
  744.  
  745.  
  746. {block:Quote}
  747. <div class="quote">"{Quote}"</div>
  748. {block:Source}<div class="quotesource"> — {Source}</div>
  749. {/block:Source}{/block:Quote}
  750.  
  751.  
  752. {block:Link}
  753. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  754. {block:Description}{Description}{/block:Description}
  755. {/block:Link}
  756.  
  757.  
  758. {block:Chat}
  759. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  760. {/block:Chat}
  761.  
  762.  
  763. {block:Audio}
  764. {block:AlbumArt}<img src="{AlbumArtURL}" width="78px" height="78px" align="left" style="margin-right:10px" />{/block:AlbumArt}
  765. {block:AudioPlayer}
  766. <div class="audiowrapper">
  767. <div class="playerbuttonbg">
  768. <div class="playerbutton">
  769. <div class="playerbuttonhug">
  770. {AudioPlayerGrey}
  771. </div></div></div>
  772.  
  773. <div class="trackdetails">
  774. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  775.  
  776. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  777.  
  778. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  779. {/block:AudioPlayer}
  780.  
  781. {block:Caption}
  782. <div class="caption">{Caption}</div>
  783. {/block:Caption}
  784. {/block:Audio}
  785.  
  786.  
  787. {block:Video}
  788. {Video-500}
  789. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  790. {/block:Video}
  791.  
  792.  
  793. {block:Answer}
  794. <div class="askericon"><img align="left" src="{AskerPortraitURL-30}"style="border-radius:10px;"></div> <div id="question" style="width:500px;font-style:bold;"> <b>{Asker}</b>said: {Question}</div> <br><br>
  795. <div class="caption">
  796. {Answer}
  797. </div>
  798. {/block:Answer}
  799.  
  800.  
  801. <div class="info">
  802. {block:Date}<a href="{Permalink}" title="{Month} {DayOfMonth}, {Year}"><font style="font-weight:bold">{TimeAgo}</font></a>
  803.  
  804. &nbsp;&nbsp;
  805. <font style="font-size:11px"><a href="{Permalink}"> {NoteCount}</a> <font style= "color:{color:accent}">♥</font></font>
  806. &nbsp;&nbsp;
  807.  
  808. <a href="{ReblogURL}" target="_blank" class="details"><i class="fas fa-retweet" aria-hidden="true"></i></a>
  809.  
  810.  
  811. <font style="float:right">
  812. {block:RebloggedFrom}
  813. <a href="{ReblogParentURL}" title="{ReblogParentName}"><img style="border-radius:80%" src="{ReblogParentPortraitURL-16}"></a>
  814. {block:ContentSource}
  815. <big>/</big> <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}"> <img style="border-radius:80%" src="{ReblogRootPortraitURL-16}"></a>
  816. {/block:ContentSource}
  817. {/block:RebloggedFrom}
  818.  
  819. </font style>
  820.  
  821.  
  822. </div>
  823.  
  824.  
  825. {block:HasTags}
  826. <div class="tags">
  827. {block:Tags}
  828. <a href="{TagURL}">{Tag}</a>
  829. {/block:Tags}
  830. </div>
  831. {/block:HasTags}
  832.  
  833. </div> {/block:Date}
  834.  
  835.  
  836. {block:PostNotes}
  837. {PostNotes}
  838. {/block:PostNotes}
  839.  
  840. {/block:Posts}
  841.  
  842. <div class="pagination">
  843. {block:Pagination}
  844. {block:PreviousPage}
  845. <a style="float:left;" href="{PreviousPage}">previous</a>
  846. {/block:PreviousPage}
  847.  
  848. {block:NextPage}
  849. <a style="float:right;" href="{NextPage}">next</a>
  850. {/block:NextPage}
  851. {/block:Pagination}
  852. </div>
  853.  
  854. {block:ContentSource}
  855. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  856. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  857. {/block:SourceLogo}
  858. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  859. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  860.  
  861. </body>
Advertisement
Add Comment
Please, Sign In to add comment