Advertisement
heikes

bophades theme

Oct 16th, 2020 (edited)
1,788
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.16 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-----
  5.  
  6. BOPHADES THEME BY HEIKE @SUBSTATS !
  7.  
  8. TOS: ok to change credit emoji or use a pixel as long as you dont delete it, ok to edit the theme but dont copy my code or use it as base
  9.  
  10. ----->
  11.  
  12.  
  13. {block:ifredirect}
  14. <script>
  15. if(window.location.pathname == '/') location.replace('/tagged/{text:Redirect}');
  16. </script>
  17. {/block:ifredirect}
  18.  
  19. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  20.  
  21. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  22. <link href="https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet">
  23. <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">
  24. <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
  25. <link href="https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/css2?family=Grenze+Gotisch&display=swap" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
  28. <link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
  29. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  30. <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet" type="text/css">
  31. <link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
  32. <link href="https://fonts.googleapis.com/css2?family=Lacquer&display=swap" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap" rel="stylesheet">
  34. <link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
  35. <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
  36. <link href="https://fonts.googleapis.com/css2?family=Girassol&display=swap" rel="stylesheet">
  37. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  38.  
  39. <meta name="color:Background" content="#ffffff"/>
  40. <meta name="color:Perma Background" content="#ffffff"/>
  41. <meta name="color:Links Background" content="#ffffff"/>
  42. <meta name="color:Sidebar Background" content="#a195a1"/>
  43. <meta name="color:Searchbar Background" content="#ffffff"/>
  44. <meta name="color:Post Background" content="#ffffff"/>
  45. <meta name="color:Shadow 1" content="#ffffff"/>
  46. <meta name="color:Shadow 2" content="#000"/>
  47. <meta name="color:Title Color" content="#1a1019"/>
  48. <meta name="color:Tooltip" content="#000"/>
  49. <meta name="color:Tooltip Background"content="#ffffff"/>
  50. <meta name="color:Scrollbar Thumb" content="#1a1019"/>
  51. <meta name="color:Text" content="#1a1019"/>
  52. <meta name="color:Link" content="#c5458d"/>
  53. <meta name="color:Text Shadow" content="#000"/>
  54. <meta name="color:Link Shadow" content="#000"/>
  55. <meta name="color:Link Hover" content="#ecb6d2"/>
  56. <meta name="color:Border" content="##1c121b"/>
  57. <meta name="color:Perma" content="#ffffff"/>
  58. <meta name="color:Selection Background" content="#ffffff"/>
  59. <meta name="color:Selection Text" content="#ffffff"/>
  60.  
  61. <meta name="image:Background" content=""/>
  62. <meta name="image:Favicon" content="https://66.media.tumblr.com/5e3ad8dc23a72167084c2a149cf61698/fbeb9aa7ec92c18f-97/s250x400/cf67826c2ce03f97f078965228cdeb1b1a30a917.png"/>
  63. <meta name="image:Sidebar Background" content=""/>
  64. <meta name="image:Tooltip Background" content=""/>
  65. <meta name="image:Perma Background" content=""/>
  66. <meta name="image:Sidebar Image" content=""/>
  67. <meta name="image:Post Background" content=""/>
  68. <meta name="image:Links Background" content=""/>
  69.  
  70. <meta name="if:Show Title" content="1"/>
  71. <meta name="if:Title Blur" content="1"/>
  72. <meta name="if:Text Shadow" content="1"/>
  73. <meta name="if:Link Shadow" content="1"/>
  74. <meta name="if:Rainbow Title"content="0"/>
  75. <meta name="if:Rainbow Border"content="0"/>
  76. <meta name="if:Rainbow Links"content="0"/>
  77. <meta name="if:Rainbow Hover"content="0"/>
  78. <meta name="if:Rounded"content="1"/>
  79. <meta name="if:Show Tags" content="1"/>
  80. <meta name="if:Show Notes" content="1"/>
  81.  
  82. <meta name="if:Custom Link 1" content="1"/>
  83. <meta name="if:Custom Link 2" content="1"/>
  84. <meta name="if:Custom Link 3" content="1"/>
  85.  
  86. <meta name="text:Custom Title" content="heres your custom title">
  87. <meta name="text:Searchbar Text" content="bophades nuts lol"
  88. <meta name="text:Note Symbol"content="%">
  89. <meta name="text:Font Size"content="20px">
  90. <meta name="text:Sidebar Font Size"content="20px">
  91. <meta name="text:Title Size"content="40px">
  92. <meta name="text:Border Size" content="2px">
  93. <meta name="text:Perma Size"content="23px">
  94. <meta name="text:Link Divider" content ="+">
  95. <meta name="text:Link 1" content="one"/>
  96. <meta name="text:Link 1 URL" content="/"/>
  97. <meta name="text:Link 2" content="two"/>
  98. <meta name="text:Link 2 URL" content="/"/>
  99. <meta name="text:Link 3" content="three"/>
  100. <meta name="text:Link 3 URL" content="/"/>
  101. <meta name="text:Prev Page"content="previous"/>
  102. <meta name="text:Next Page"content="next"/>
  103. <meta name="text:Redirect" content="leave this empty if you dont want it"/>
  104.  
  105. <meta name="select:Border" content="solid">
  106. <meta name="select:Border" content="dashed">
  107. <meta name="select:Border" content="dotted">
  108. <meta name="select:Border" content="double">
  109. <meta name="select:Border" content="groove">
  110. <meta name="select:Border" content="ridge">
  111. <meta name="select:Border" content="inset">
  112. <meta name="select:Border" content="outset">
  113.  
  114. <meta name="select:Font" content="VT323">
  115. <meta name="select:Font" content="Girassol">
  116. <meta name="select:Font" content="Bungee Shade">
  117. <meta name="select:Font" content="Lacquer">
  118. <meta name="select:Font" content="Times New Roman">
  119. <meta name="select:Font" content="Georgia">
  120. <meta name="select:Font" content="Amatic SC">
  121. <meta name="select:Font" content="Helvetica">
  122. <meta name="select:Font" content="Sacramento">
  123. <meta name="select:Font" content="Courier">
  124. <meta name="select:Font" content="Arial">
  125. <meta name="select:Font" content="MS Gothic">
  126. <meta name="select:Font" content="Comic Sans MS">
  127. <meta name="select:Font" content="Orbitron">
  128. <meta name="select:Font" content="Bebas Neue">
  129. <meta name="select:Font" content="Cinzel">
  130. <meta name="select:Font" content="Indie Flower">
  131. <meta name="select:Font" content="Caveat">
  132. <meta name="select:Font" content="Permanent Marker">
  133. <meta name="select:Font" content="Special Elite">
  134. <meta name="select:Font" content="Grenze Gotisch">
  135. <meta name="select:Font" content="Major Mono Display">
  136.  
  137. <link rel="shortcut icon" href="{image:favicon}">
  138. <title>{Title}</title>
  139.  
  140.  
  141. <style type="text/css">
  142.  
  143. /* SCROLLBAR */
  144.  
  145. ::-webkit-scrollbar {
  146. width:12px;
  147. }
  148.  
  149. /* Track */
  150. ::-webkit-scrollbar-track {
  151. }
  152.  
  153. /* Handle */
  154. ::-webkit-scrollbar-thumb {
  155. background: {color:Scrollbar Thumb};
  156. }
  157.  
  158. /*Selection */
  159. ::selection {
  160. background-color: {color:Selection Background};
  161. color:{color:Selection Text};
  162. }
  163. ::-moz-selection {
  164. color: {color:Accent};
  165. background: {color:Background};
  166. }
  167.  
  168. .tooltip {
  169. display: inline;
  170. position: relative;
  171. }
  172.  
  173. #s-m-t-tooltip {
  174. transition:.5s ease-in-out;
  175. text-align:center;
  176. max-width:250px;
  177. padding:5px 5px 5px 5px;
  178. margin:20px;
  179. {block:ifrainbowborder}
  180. border: {text:Border Size} solid transparent;
  181. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  182. border-image-slice:1;
  183. {/block:ifrainbowborder}
  184. background-color:{color:Tooltip Background};
  185. background-size:cover;
  186. background-image: url({image:Tooltip Background});
  187. {block:ifnotrainbowborder}
  188. border: {text:Border Size} {select:Border} {color:Border};
  189. {/block:ifnotrainbowborder}
  190. color:{color:tooltip};
  191. z-index:999999999999999999999999999999999999;
  192. {block:ifrounded}
  193. border-radius:10px;
  194. {/block:ifrounded}
  195. }
  196.  
  197. body {
  198. font-family:{select:Font};
  199. background-color: {color:Background};
  200. color:{color:Text};
  201. background-image: url({image:Background});
  202. background-size:cover;
  203. background-attachment:fixed;
  204. }
  205.  
  206. #title {
  207. {block:iftitleblur}
  208. -webkit-filter:blur(1px);
  209. {/block:iftitleblur}
  210. margin:20px auto;
  211. font-weight:bold;
  212. font-size:{text:Title Size};
  213. text-align: center;
  214. {block:ifnotrainbowtitle}
  215. color:{color:Title Color};
  216. {/block:ifnotrainbowtitle}
  217. {block:ifrainbowtitle}
  218. background-image: linear-gradient(to left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  219. background-clip: text;
  220. -webkit-background-clip: text;
  221. color: transparent;
  222. {/block:ifrainbowtitle}
  223. }
  224.  
  225. @keyframes rainbow {
  226. 0% {color:#b827fc;}
  227. 20% {color: #2c90fc;}
  228. 40% {color: #b8fd33;}
  229. 60% {color:#fec837;}
  230. 800% {color: #fd1892;}
  231. 100% {color:#b827fc;}
  232. }
  233.  
  234. a {
  235. text-decoration:none;
  236. {block:iflinkshadow}
  237. text-shadow: 0px 0px 2px {color:Link Shadow};
  238. {/block:iflinkshadow}
  239. {block:ifnotrainbowlinks}
  240. color:{color:Link};
  241. {/block:ifnotrainbowlinks}
  242. {block:ifrainbowlinks}
  243. background-image: linear-gradient(to left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  244. background-clip: text;
  245. -webkit-background-clip: text;
  246. color: transparent;
  247. {/block:ifrainbowlinks}
  248. transition: .5s ease-in-out;
  249. }
  250.  
  251. a:hover {
  252. {block:ifrainbowhover}
  253. color: #b827fc;
  254. animation-name: rainbow;
  255. animation-duration: 2.5s;
  256. animation-iteration-count: infinite;
  257. {/block:ifrainbowhover}
  258. {block:ifnotrainbowlinks}
  259. color:{color:Link Hover};
  260. {/block:ifnotrainbowlinks}
  261. }
  262.  
  263. blockquote {
  264. padding-left:5px;
  265. border-left:1px dotted;
  266. color: {color:Text};
  267. margin-left:3px;
  268. margin-bottom:5px;
  269. }
  270.  
  271. iframe, img, embed, object, video {
  272. max-width: 100%;
  273. }
  274.  
  275. img {
  276. height: auto;
  277. width: auto;
  278. }
  279.  
  280. #bonazzo {
  281. font-size:{text:Sidebar Font Size};
  282. margin:20px auto;
  283. transition: 1s ease-in-out;
  284. {block:iftextshadow}
  285. text-shadow: 0px 0px 2px {color:Text Shadow};
  286. {/block:iftextshadow}
  287. {block:ifrainbowborder}
  288. border: {text:Border Size} solid transparent;
  289. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  290. border-image-slice:1;
  291. {/block:ifrainbowborder}
  292. background-attachment:fixed;
  293. background-color: {color:Sidebar Background};
  294. background-image: url({image:Sidebar Background});
  295. background-size:cover;
  296. width:200px;
  297. padding:10px;
  298. {block:ifnotrainbowborder}
  299. border: {text:Border Size} {select:Border} {color:Border};
  300. {/block:ifnotrainbowborder}
  301. background-size:cover;
  302. background-attachment:fixed;
  303. text-align:center;
  304. {block:ifrounded}
  305. border-radius:10px;
  306. {/block:ifrounded}
  307. }
  308.  
  309. #bonazzo:hover{
  310. box-shadow: 0px 0px 15px 12px {color:Shadow 1}, 0px 0px 15px 15px {color:Shadow 2};
  311. }
  312.  
  313. input[type=text] {
  314. width: 202px;
  315. font-family:{select:Font};
  316. font-size:20px;
  317. overflow:hidden;
  318. margin:5px auto;
  319. box-sizing: border-box;
  320. {block:ifrainbowborder}
  321. border: {text:Border Size} solid transparent;
  322. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  323. border-image-slice:1;
  324. {/block:ifrainbowborder}
  325. {block:ifnotrainbowborder}
  326. border: {text:Border Size} {select:Border} {color:Border};
  327. {/block:ifnotrainbowborder}
  328. {block:ifrounded}
  329. border-radius:10px;
  330. {/block:ifrounded}
  331. background-color: {color:Searchbar Background};
  332. padding:5px;
  333. -webkit-transition: 0.4s ease-in-out;
  334. transition: 0.4s ease-in-out;
  335. text-align:center;
  336. }
  337.  
  338. input[type=text]:focus {
  339. background-color:#DEDEDE;
  340. }
  341.  
  342. #fico{
  343. width:250px;
  344. margin:20px auto;
  345. position:fixed;
  346. right:18%;
  347. }
  348.  
  349. #sidebar img{
  350. width:100%;
  351. max-height:250px;
  352. object-fit:cover;
  353. overflow:auto;
  354. }
  355.  
  356. #cazzone {
  357. width:800px;
  358. max-width:1920px;
  359. margin:10px auto;
  360. }
  361.  
  362. .description {
  363. width:185px;
  364. padding:5px;
  365. background-color: {color:Links Background};
  366. background-image: url({image:Links Background});
  367. background-size:cover;
  368. text-align:center;
  369. {block:ifrainbowborder}
  370. border: {text:Border Size} solid transparent;
  371. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  372. border-image-slice:1;
  373. {/block:ifrainbowborder}
  374. {block:ifnotrainbowborder}
  375. border: {text:Border Size} {select:Border} {color:Border};
  376. {/block:ifnotrainbowborder}
  377. margin:5px;
  378. {block:ifrounded}
  379. border-radius:10px;
  380. {/block:ifrounded}
  381. }
  382.  
  383. .woa {
  384. width:200px;
  385. {block:ifrounded}
  386. border-radius:10px;
  387. {/block:ifrounded}
  388. {block:ifrainbowborder}
  389. border: {text:Border Size} solid transparent;
  390. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  391. border-image-slice:1;
  392. {/block:ifrainbowborder}
  393. {block:ifnotrainbowborder}
  394. border: {text:Border Size} {select:Border} {color:Border};
  395. {/block:ifnotrainbowborder}
  396. }
  397.  
  398. article {
  399. font-size:{text:Font Size};
  400. background-color: {color:Post Background};
  401. background-image: url({image:Post Background});
  402. background-size:cover;
  403. float:left;
  404. {block:iftextshadow}
  405. text-shadow: 0px 0px 2px {color:Text Shadow};
  406. {/block:iftextshadow}
  407. {block:ifrainbowborder}
  408. border: {text:Border Size} solid transparent;
  409. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  410. border-image-slice:1;
  411. {/block:ifrainbowborder}
  412. {block:ifnotrainbowborder}
  413. border: {text:Border Size} {select:Border} {color:Border};
  414. {/block:ifnotrainbowborder}
  415. background-color:{color:Post Background};
  416. overflow:none;
  417. width:500px;
  418. padding:10px;
  419. font-family: {select:Font};
  420. position:relative;
  421. margin:20px auto;
  422. {block:ifrounded}
  423. border-radius:10px;
  424. {/block:ifrounded}
  425. transition: box-shadow 1s ease-in-out;
  426. }
  427.  
  428. article:hover {
  429. box-shadow: 0px 0px 15px 12px {color:Shadow 1}, 0px 0px 15px 15px {color:Shadow 2};
  430. }
  431.  
  432. article img {
  433. }
  434.  
  435. .photo {
  436. }
  437.  
  438. .photoset {
  439. }
  440.  
  441. .quote {
  442. text-align:center;
  443. }
  444.  
  445. .link {
  446. }
  447.  
  448. .audio {
  449. width:100%;
  450. }
  451.  
  452. .video{
  453. }
  454.  
  455. .video-player {
  456. }
  457.  
  458. .answer {
  459. }
  460.  
  461. .ques {
  462. font-weight:bolder;
  463. }
  464.  
  465. .ans {
  466. font-style:normal;
  467. }
  468.  
  469. .chat{
  470. margin-left:-30px;
  471. }
  472.  
  473. .chat span {
  474. float: left;
  475. margin-right: 10px;
  476. }
  477.  
  478. .chat:nth-child(even) {
  479. background:#f9f9f9;
  480. }
  481.  
  482. .odd{
  483. background:#f6f6f6;
  484. }
  485.  
  486. #perma {
  487. background-color: {color:Perma Background};
  488. background-image: url({image:Perma Background});
  489. background-size:cover;
  490. {block:ifrounded}
  491. border-radius:10px;
  492. {/block:ifrounded}
  493. {block:ifrainbowborder}
  494. border: {text:Border Size} solid transparent;
  495. border-image:linear-gradient(to top left,#b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  496. border-image-slice:1;
  497. {/block:ifrainbowborder}
  498. {block:ifnotrainbowborder}
  499. border: {text:Border Size} {select:Border} {color:Border};
  500. {/block:ifnotrainbowborder}
  501. width:500px;
  502. text-align:center;
  503. position: relative;
  504. color:{color:Perma};
  505. font-size:{text:Perma Size};
  506. {block:PermalinkPage}
  507. {/block:PermalinkPage}
  508. }
  509.  
  510. #perma:hover {
  511. transition: 1s ease;
  512. }
  513.  
  514. .tumblr_audio_player {
  515. width: 100%;
  516. height: 100px;
  517. overflow: hidden;
  518. position: relative;
  519. z-index: 1000;
  520. }
  521.  
  522. .pagination {
  523. text-align:center;
  524. margin:10px auto;
  525. }
  526.  
  527. caption {
  528. margin:12px;
  529. }
  530.  
  531. </style>
  532. </head>
  533. <body>
  534.  
  535. <div id="cazzone">
  536.  
  537. {block:ifshowtitle}
  538. <div align="center"id="title">{text:custom title}</a></div>
  539. {/block:ifshowtitle}
  540.  
  541. <div id="fico">
  542. <div id="bonazzo">
  543.  
  544. <form>
  545. <input type="text" name="search" placeholder="{text:Searchbar Text}">
  546. </form>
  547.  
  548.  
  549. <a href="/"><img src={image:Sidebar Image} class="woa"></a>
  550.  
  551. <div class="description">
  552.  
  553. {block:ifcustomlink1}<a href="{text:link 1 url}">{text:link 1}</a>{/block:ifcustomlink1}
  554. {block:ifcustomlink2} {text:Link Divider} <a href="{text:link 2 url}">{text:link 2}</a>{/block:ifcustomlink2}
  555. {block:ifcustomlink3} {text:Link Divider} <a href="{text:link 3 url}">{text:link 3}</a>{/block:ifcustomlink3}
  556.  
  557. </div>
  558.  
  559. </div>
  560.  
  561. {block:Pagination}
  562. <div class="pagination">
  563. <div class="pagi">
  564. {block:PreviousPage}<a href="{PreviousPage}"style="font-size:50px">{text:Prev Page}</a>{/block:PreviousPage}
  565. {block:NextPage}<a href="{NextPage}"style="font-size:50px">{text:Next Page}</a>{/block:NextPage}
  566. </div></div>
  567. {/block:Pagination}
  568. </div>
  569.  
  570. <nav>
  571. <ul>
  572. {block:HasPages}
  573. {block:Pages}
  574. <li> <a href="{URL}">{Label}</a></li>
  575. {/block:Pages}
  576. {/block:HasPages}
  577. </ul>
  578. </nav>
  579.  
  580. {block:Posts}
  581. <article>
  582. {block:Text}
  583. <div class="text">
  584. {block:Title}<h1 class="title">
  585. <a href="{Permalink}">{Title}</a>
  586. </h1><hr>{/block:Title}
  587. {Body}
  588. {/block:Text}
  589.  
  590. {block:Photo}
  591. <div class="photo">
  592. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  593. {block:Caption}{Caption}{/block:Caption}
  594. {/block:Photo}
  595.  
  596. {block:Photoset}
  597. <div class="photoset">
  598. {block:IndexPage}
  599. {Photoset-500}
  600. {/block:IndexPage}
  601. {block:PermalinkPage}
  602. {Photoset-500}
  603. {/block:PermalinkPage}
  604. {block:Caption}{Caption}{/block:Caption}
  605. {/block:Photoset}
  606.  
  607. {block:Quote}
  608. <div class="quote">
  609. "{Quote}"
  610. <br><br>{block:Source}<cite>&mdash; {Source}</cite>{/block:Source}
  611. {/block:Quote}
  612.  
  613. {block:Link}
  614. <div class="link">
  615. <h1 class="title"><a href="{URL}">{Name}</a><hr></h1>
  616. {block:Description}{Description}{/block:Description}
  617. {/block:Link}
  618.  
  619. {block:Chat}
  620. <div class="chat">
  621. <ul>
  622. {block:Lines}
  623. <div class="{Alt} user_{UserNumber}">
  624. {block:Label}
  625. <b>{Label}</b>{/block:Label}
  626. {Line}
  627. </div>
  628. {/block:Lines}
  629. </ul>
  630. {/block:Chat}
  631.  
  632. {block:Audio}
  633. <div class="audio">
  634. {block:AlbumArt}
  635. <img src="{AlbumArtURL}" width="150px" height="150px"/>
  636. {/block:AlbumArt}
  637. {block:AudioEmbed}
  638. {AudioEmbed}
  639. {/block:AudioEmbed}<br>
  640. {block:TrackName}
  641. <b>track:</b> {TrackName}
  642. {/block:TrackName}</span><br>
  643. {block:Artist}
  644. <b>artist:</b> {Artist}
  645. {/block:Artist}
  646. {block:Caption}
  647. {Caption}
  648. {/block:Caption}
  649. {/block:Audio}
  650.  
  651. {block:Video}
  652. <div class="video">
  653. <div class="video-player">{Video-500}</div>
  654. {block:Caption}{Caption}{/block:Caption}
  655. {/block:Video}
  656.  
  657. {block:Answer}
  658. <div class="answer">
  659. {Asker} asked: <b><div class="ques">{Question}</div></b>
  660. <div class="ans">{Answer}</div>
  661. {/block:Answer}
  662. </div>
  663.  
  664. <div id="perma">
  665. {block:ifShowNotes}
  666. <a href="{Permalink}" title="{NoteCount}%" style="color:{color:Perma}" ><i class="fa fa-heart"></i></a>
  667. {/block:ifShowNotes}
  668.  
  669. <a href="{reblogURL}" title="RB?" style="color:{color:Perma}" > ⭯ </a>
  670.  
  671. {block:ifShowTags}{block:HasTags} <a href="{Permalink}"title="{block:Tags}#{Tag}{/block:Tags}"style="color:{color:Perma}" > <i class="fa fa-tag"></i> {/block:Tags}</a>{block:HasTags} {/block:ifShowTags}
  672. </div>
  673.  
  674. {block:PermalinkPage}
  675. {block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}
  676. {block:NoteCount} - {NoteCountWithLabel}{/block:NoteCount}
  677. {block:HasTags}</br>tagged as: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  678. {block:RebloggedFrom}</br>source: <a href="{ReblogRootURL}">{ReblogRootName}</a> - via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  679. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  680. </div></div>
  681. {/block:PermalinkPage}
  682. </footer>
  683. </article>
  684. {/block:Posts}
  685. </div>
  686.  
  687. </div>
  688. </body>
  689.  
  690.  
  691. </html>
  692.  
  693. <p style=" position:fixed; right: 10px; bottom: -3px; font-size:14px;"><a href="https://substats.tumblr.com/tagged/my-themes" title="@substats">🐇</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement