superfrown

Theme #25

Jun 26th, 2016
296
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.78 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/block:Description}
  11.  
  12. <head>
  13. <!----
  14.  
  15. Theme #25 The Clan
  16. by: strawberryjeon.tumblr.com (previously superfrown)
  17.  
  18. You may:
  19. Edit as much as you like
  20. Move the credit to a secondary page
  21.  
  22. You may not:
  23. Claim as your own
  24. Remove the credit
  25.  
  26. ---->
  27.  
  28.  
  29.  
  30.  
  31. <meta name="image:Background" content=""/>
  32. <meta name="image:Sidebar Image" content="" />
  33. <meta name="image:Side Image" content="" />
  34. <meta name="image:Post Background Image" content="" />
  35.  
  36. <meta name="color:Background" content="#c6c6c6" />
  37. <meta name="color:Post Background" content="#ffffff" />
  38. <meta name="color:Info Background" content="#c6c6c6" />
  39. <meta name="color:Borders" content="#4c6786" />
  40. <meta name="color:Text" content="#2e2e2e" />
  41. <meta name="color:Bold" content="#151515" />
  42. <meta name="color:Link" content="#4c6786" />
  43. <meta name="color:Link hover" content="#ebf4ff" />
  44. <meta name="color:Blog Name" content="#4c6786" />
  45. <meta name="color:Blog Name Hover" content="#ebf4ff" />
  46. <meta name="color:Description Text Color" content="#2e2e2e" />
  47. <meta name="color:Sidebar Links" content="#4c6786" />
  48. <meta name="color:Sidebar Links Hover" content="#ebf4ff" />
  49. <meta name="color:Sidebar Links Hover Background" content="#ffffff" />
  50. <meta name="color:Sidebar Links Hover Text" content="#4c6786" />
  51.  
  52.  
  53. <meta name="if:500px" content="1">
  54. <meta name="if:Show Tags" content="1">
  55. <meta name="if:Fade Posts" content="1">
  56. <meta name="if:Side Image" content="1">
  57. <meta name="if:Show Link1" content="1">
  58. <meta name="if:Show Link2" content="1">
  59. <meta name="if:Show Link3" content="1">
  60. <meta name="if:Show Link4" content="1">
  61. <meta name="if:Show Link5" content="1">
  62. <meta name="if:Show Link6" content="1">
  63. <meta name="if:Show Link7" content="1">
  64. <meta name="if:Show Link8" content="1">
  65. <meta name="if:Show Link9" content="1">
  66.  
  67.  
  68. <meta name="text:Text Size" content="11px" />
  69. <meta name="text:Description Text Size" content="11px" />
  70.  
  71. <meta name="text:Link 1 URL" content="http://" />
  72. <meta name="text:Link 1" content="Link 1" />
  73. <meta name="text:Link 2 URL" content="http://" />
  74. <meta name="text:Link 2" content="Link 2" />
  75. <meta name="text:Link 3 URL" content="http://" />
  76. <meta name="text:Link 3" content="Link 3" />
  77. <meta name="text:Link 4 URL" content="http://" />
  78. <meta name="text:Link 4" content="Link 4" />
  79. <meta name="text:Link 5 URL" content="http://" />
  80. <meta name="text:Link 5" content="Link 5" />
  81. <meta name="text:Link 6 URL" content="http://" />
  82. <meta name="text:Link 6" content="Link 6" />
  83. <meta name="text:Link 7 URL" content="http://" />
  84. <meta name="text:Link 7" content="Link 7" />
  85. <meta name="text:Link 8 URL" content="http://" />
  86. <meta name="text:Link 8" content="Link 8" />
  87. <meta name="text:Link 9 URL" content="http://" />
  88. <meta name="text:Link 9" content="Link 9" />
  89.  
  90. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  91.  
  92. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  93.  
  94. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  95. <script>
  96. (function($){
  97. $(document).ready(function(){
  98. $("[title]").style_my_tooltips({
  99. tip_follows_cursor:true,
  100. tip_delay_time:200,
  101. tip_fade_speed:300
  102. }
  103. );
  104. });
  105. })(jQuery);
  106. </script>
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. /* MAIN */
  112.  
  113. body {
  114. background-color:{color:Background};
  115. background-image: url('{image:Background}');
  116. background-attachment: fixed;
  117. background-repeat: repeat;
  118. color:{color:Text};
  119. font-family:calibri;
  120. font-weight:0px;
  121. font-style:0px;
  122. letter-spacing:1px;
  123. font-size: {text:Text Size};}
  124.  
  125. a:link, a:active {
  126. text-decoration:none;
  127. color: {color:Link};
  128. -webkit-transition: all 0.6s ease-in-out;
  129. -moz-transition: all 0.6s ease-in-out;
  130. -o-transition: all 0.6s ease-in-out;
  131. transition: all 0.6s ease-in-out;}
  132.  
  133. a:visited {
  134. text-decoration:none;
  135. color: {color:Link};
  136. -webkit-transition: all 0.6s ease-in-out;
  137. -moz-transition: all 0.6s ease-in-out;
  138. -o-transition: all 0.6s ease-in-out;
  139. transition: all 0.6s ease-in-out;}
  140.  
  141. a:hover {
  142. text-decoration:none;
  143. color: {color:Link hover};
  144. -webkit-transition: all 0.6s ease-in-out;
  145. -moz-transition: all 0.6s ease-in-out;
  146. -o-transition: all 0.6s ease-in-out;
  147. transition: all 0.6s ease-in-out;}
  148.  
  149. b, strong, .strong {color:{color:Bold};}
  150.  
  151. blockquote {
  152. margin-left:18px;
  153. margin-bottom:18px;
  154. border-left:2px solid {color:Text};
  155. padding-left:8px; }
  156.  
  157. #tumblr_controls{ position:fixed!important; right: 0px; top:0px; z-index:999;}
  158.  
  159.  
  160.  
  161.  
  162. ::-webkit-scrollbar {
  163. height:8px;
  164. width:8px;
  165. background-color: {color:Background};}
  166.  
  167. ::-webkit-scrollbar-thumb:vertical {
  168. background-color: {color:Borders};}
  169.  
  170. ::-webkit-scrollbar-thumb:horizontal {
  171. background-color: {color:Borders};}
  172.  
  173.  
  174. /* CONTENT */
  175.  
  176. .contentwhole {
  177. {block:if500px}width:545px;{/block:if500px}
  178. {block:ifnot500px}width:445px;{/block:ifnot500px}
  179. margin-top:100px;;
  180. margin-bottom:80px;
  181. margin-left:450px;
  182. }
  183.  
  184.  
  185. .content {
  186. {block:ifFadePosts}opacity:0.7;{/block:ifFadePosts}
  187. {block:if500px}width:500px;{/block:if500px}
  188. {block:ifnot500px}width:400px;{/block:ifnot500px}
  189. margin-top:75px;
  190. margin-left:0px;
  191. padding:20px;
  192. border:2px solid {color:Borders};
  193. border-radius:10px 10px 0px 0px;
  194. background-image: url('{image:Post Background Image}');
  195. background-color: {color:Post Background};
  196. -webkit-transition: all 0.6s ease-in-out;
  197. -moz-transition: all 0.6s ease-in-out;
  198. -o-transition: all 0.6s ease-in-out;
  199. transition: all 0.6s ease-in-out;
  200. }
  201.  
  202. .content:hover {
  203. {block:ifFadePosts}opacity:1;{/block:ifFadePosts}
  204. -webkit-transition: all 0.6s ease-in-out;
  205. -moz-transition: all 0.6s ease-in-out;
  206. -o-transition: all 0.6s ease-in-out;
  207. transition: all 0.6s ease-in-out;
  208. }
  209.  
  210.  
  211.  
  212. .info {
  213. {block:if500px}width:530px;{/block:if500px}
  214. {block:ifnot500px}width:430px;{/block:ifnot500px}
  215. margin-top:0px;
  216. font-size:11px;
  217. text-align:center;
  218. letter-spacing:1px;
  219. text-transform:lowercase;
  220. padding:10px 5px 10px 5px;
  221. border-bottom:2px solid {color:Borders};
  222. border-left:2px solid {color:Borders};
  223. border-right:2px solid {color:Borders};
  224. border-radius:0px 0px 10px 10px;
  225. background-color:{color:Info Background};
  226. }
  227.  
  228.  
  229. .tags {
  230. {block:if500px}width:542px;{/block:if500px}
  231. {block:ifnot500px}width:442px;{/block:ifnot500px}
  232. font-size:10px;
  233. text-align:center;
  234. letter-spacing:1px;
  235. margin-top:2px;
  236. color:{color:Link};
  237. }
  238.  
  239.  
  240. .title {
  241. font-size: 13px;
  242. letter-spacing:2px;
  243. font-weight:bold;
  244. text-align: center;
  245. }
  246.  
  247. #pn {
  248. width:520px;
  249. text-align:left;
  250. margin:0 auto;
  251. }
  252.  
  253.  
  254. /* Asks */
  255. .questions {
  256. text-align:center;
  257. padding:6px;
  258. border-bottom:1px solid {color:Text};}
  259.  
  260. .reply {
  261. padding: 6px;}
  262.  
  263.  
  264. /* Quote */
  265. #quote {
  266. font-size: 13px;}
  267. #source {
  268. font-size: 11px;
  269. letter-spacing:1px;
  270. margin-top: 10px;}
  271.  
  272.  
  273. /* Audio */
  274. .playerbuttonbg {
  275. position: absolute;
  276. left: 14px;
  277. top: 14px;
  278. width: 30px;
  279. height: 30px;
  280. background-color: #ffffff;
  281. padding: 10px;
  282. opacity: .4;
  283. filter: alpha(opacity=40);
  284. -moz-opacity: 0.4;
  285. -khtml-opacity: 0.4;
  286. transition: opacity .7s ease-in-out;
  287. -moz-transition: opacity .7s ease-in-out;
  288. -webkit-transition: opacity .7s ease-in-out;
  289. }
  290.  
  291. .playerbuttonbg:hover {
  292. opacity: 1;
  293. filter: alpha(opacity=100);
  294. -moz-opacity: 1;
  295. -khtml-opacity: 1;
  296. }
  297.  
  298. .newplayerbutton {
  299. position: relative;
  300. width: 30px;
  301. height: 30px;
  302. overflow: hidden;
  303. }
  304.  
  305. .playerbuttonhug {
  306. position: absolute;
  307. top: -29px;
  308. left: -9px;
  309. }
  310.  
  311. .tumblr_audio_player {
  312. height: 90px;
  313. width: 270px;
  314. -moz-transform: scale(0.60, 0.60);
  315. -webkit-transform: scale(0.60, 0.60);
  316. -o-transform: scale(0.60, 0.60);
  317. -ms-transform: scale(0.60, 0.60);
  318. transform: scale(0.60, 0.60);
  319. -moz-transform-origin: top left;
  320. -webkit-transform-origin: top left;
  321. -o-transform-origin: top left;
  322. -ms-transform-origin: top left;
  323. transform-origin: top left;
  324. }
  325.  
  326. .audioimgwrapper {
  327. position: absolute;
  328. left: 0px;
  329. top: 0px;
  330. overflow: hidden;
  331. width: 79px;
  332. height: 79px;
  333. }
  334.  
  335. .audioimgwrapper img {
  336. width: 100%;
  337. height: auto;
  338. }
  339.  
  340. .trackdetails {
  341. width: auto;
  342. display:inline-block;
  343. margin-left: 90px;
  344. min-height: 85px;
  345. }
  346.  
  347. .audiowrapper {
  348. position: relative;
  349. display:inline-block;
  350. }
  351.  
  352.  
  353.  
  354. /* BLOGNAME */
  355.  
  356. #blogname {
  357. width:auto;
  358. margin-top:5px;
  359. margin-left:5px;
  360. padding:2px;
  361. text-align:center;
  362. background:transparent;
  363. }
  364.  
  365. #blogname a {
  366. font-size:18px;
  367. font-family:calibri;
  368. text-transform:lowercase;
  369. letter-spacing:3px;
  370. color: {color:Blog Name};
  371. -webkit-transition: all 0.6s ease-in-out;
  372. -moz-transition: all 0.6s ease-in-out;
  373. -o-transition: all 0.6s ease-in-out;
  374. transition: all 0.6s ease-in-out;}
  375.  
  376. #blogname a:hover {
  377. color: {color:Blog Name Hover};
  378. -webkit-transition: all 0.6s ease-in-out;
  379. -moz-transition: all 0.6s ease-in-out;
  380. -o-transition: all 0.6s ease-in-out;
  381. transition: all 0.6s ease-in-out;}
  382.  
  383.  
  384.  
  385. /* SIDEBAR */
  386.  
  387. .sidebar {
  388. width:260px;
  389. height:auto;
  390. top:15px;
  391. left:10px;
  392. position:fixed;
  393. z-index:2;
  394. }
  395.  
  396.  
  397. .sidebarimage {
  398. position:fixed;
  399. height:auto;
  400. margin-top:10px;
  401. margin-left:5px;}
  402.  
  403. .sidebarimage img {
  404. width:120px;
  405. border:5px solid {color:Borders};
  406. border-radius:25px;
  407. -webkit-transition: all 0.6s ease-in-out;
  408. -moz-transition: all 0.6s ease-in-out;
  409. -o-transition: all 0.6s ease-in-out;
  410. transition: all 0.6s ease-in-out;
  411. }
  412.  
  413. .sidebarimage img:hover {
  414. border-radius:0px;
  415. border:5px solid {color:Blog Name Hover};
  416. -webkit-transition: all 0.6s ease-in-out;
  417. -moz-transition: all 0.6s ease-in-out;
  418. -o-transition: all 0.6s ease-in-out;
  419. transition: all 0.6s ease-in-out;
  420. }
  421.  
  422.  
  423.  
  424.  
  425. /* DESCRIPTION */
  426.  
  427. .description {
  428. margin-top:2px;
  429. margin-left:5px;
  430. text-align:center;
  431. padding:2px;
  432. width: 246px;
  433. font-family:calibri;
  434. font-size:{text:Description Text Size};
  435. font-weight:normal;
  436. font-style:normal;
  437. letter-spacing:1px;
  438. background:transparent;
  439. color: {color:Description Text Color};}
  440.  
  441.  
  442. /* PAGINATION */
  443.  
  444. .pagination {
  445. position:fixed;
  446. bottom:10px;
  447. left:280px;
  448. text-align:right;
  449. background:transparent;
  450. width:140px;
  451. }
  452.  
  453. .pagination a {
  454. display:inline-block;
  455. width:30px;
  456. margin:4px 10px 4px 10px;
  457. color: {color:Sidebar Links Hover Text};
  458. background:transparent;
  459. -webkit-transition: all 0.6s ease-in-out;
  460. -moz-transition: all 0.6s ease-in-out;
  461. -o-transition: all 0.6s ease-in-out;
  462. transition: all 0.6s ease-in-out;}
  463.  
  464. .pagination a:hover {
  465. color: {color:Sidebar Links Hover Background};
  466. -webkit-transition: all 0.6s ease-in-out;
  467. -moz-transition: all 0.6s ease-in-out;
  468. -o-transition: all 0.6s ease-in-out;
  469. transition: all 0.6s ease-in-out;}
  470.  
  471.  
  472. /* NAVIGATION */
  473.  
  474. #navigation {
  475. width:115px;
  476. margin-left:140px;
  477. margin-top:5px;
  478. }
  479.  
  480. #navigation a {
  481. display:inline-block;
  482. width:15px;
  483. height:15px;
  484. text-align:center;
  485. margin:10px;
  486. color:{color:Sidebar Links};
  487. -webkit-transition: all 0.6s ease-in-out;
  488. -moz-transition: all 0.6s ease-in-out;
  489. -o-transition: all 0.6s ease-in-out;
  490. transition: all 0.6s ease-in-out;
  491. }
  492.  
  493. #navigation a:hover {
  494. color:{color:Sidebar Links Hover};
  495. -webkit-transition: all 0.6s ease-in-out;
  496. -moz-transition: all 0.6s ease-in-out;
  497. -o-transition: all 0.6s ease-in-out;
  498. transition: all 0.6s ease-in-out;
  499. }
  500.  
  501.  
  502.  
  503.  
  504. /* CREDIT */
  505.  
  506. #credit {
  507. bottom:10px;
  508. right:5px;
  509. text-align:center;
  510. position: fixed;}
  511.  
  512. #credit a {
  513. padding:4px;
  514. font-size:11px;
  515. letter-spacing:2px;
  516. font-weight:bold;
  517. color: {color:Link};
  518. background-color: {color:Post Background};
  519. -webkit-transition: all 0.6s ease-in-out;
  520. -moz-transition: all 0.6s ease-in-out;
  521. -o-transition: all 0.6s ease-in-out;
  522. transition: all 0.6s ease-in-out;}
  523.  
  524. #credit a:hover {
  525. color: {color:Link Hover};
  526. -webkit-transition: all 0.6s ease-in-out;
  527. -moz-transition: all 0.6s ease-in-out;
  528. -o-transition: all 0.6s ease-in-out;
  529. transition: all 0.6s ease-in-out;}
  530.  
  531.  
  532. #s-m-t-tooltip{
  533. max-width:300px;
  534. margin:5px 20px;
  535. padding:2px 8px;
  536. border:1px solid {color:Borders};
  537. background: {color:Sidebar Links Hover Background};
  538. color: {color:Sidebar Links Hover Text};
  539. z-index:999999;
  540. font-size:11px;
  541. letter-spacing:2px;
  542. text-transform:uppercase;}
  543.  
  544.  
  545. </style>
  546.  
  547.  
  548. </head>
  549.  
  550. <body>
  551.  
  552.  
  553. <div id="credit">
  554. <a href="http://strawberryjeon.tumblr.com"> theme </a>
  555. </div>
  556.  
  557.  
  558. <div class="pagination">
  559. {block:PreviousPage}<a href="{PreviousPage}"> <i class="fa fa-arrow-left fa-2x"></i> </a>{/block:PreviousPage}
  560. {block:NextPage}<a href="{NextPage}"> <i class="fa fa-arrow-right fa-2x"></i> </a>{/block:NextPage}
  561. </div>
  562.  
  563.  
  564.  
  565.  
  566.  
  567. <div class="sidebar">
  568.  
  569.  
  570. <div id="blogname">
  571. <a href="/">{title}</a>
  572. </div>
  573.  
  574.  
  575. <div class="description">
  576. {description}
  577. </div>
  578.  
  579. <div class="sidebarimage"><a href="/"><img src="{image:Sidebar Image}"></a></div>
  580.  
  581.  
  582. <div id="navigation">
  583. <a href="/" title="Home"> <i class="fa fa-home fa-lg"></i> </a>
  584. <a href="/ask" title="Message"> <i class="fa fa-envelope fa-lg"></i> </a>
  585. <a href="/archive" title="Archive"> <i class="fa fa-history fa-lg"></i> </a>
  586. {block:IfShowLink1}<a href="{text:Link 1 url}" title="{text:Link 1}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink1}
  587. {block:IfShowLink2}<a href="{text:Link 2 url}" title="{text:Link 2}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink2}
  588. {block:IfShowLink3}<a href="{text:Link 3 url}" title="{text:Link 3}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink3}
  589. {block:IfShowLink4}<a href="{text:Link 4 url}" title="{text:Link 4}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink4}
  590. {block:IfShowLink5}<a href="{text:Link 5 url}" title="{text:Link 5}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink5}
  591. {block:IfShowLink6}<a href="{text:Link 6 url}" title="{text:Link 6}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink6}
  592. {block:IfShowLink7}<a href="{text:Link 7 url}" title="{text:Link 7}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink7}
  593. {block:IfShowLink8}<a href="{text:Link 8 url}" title="{text:Link 8}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink8}
  594. {block:IfShowLink9}<a href="{text:Link 9 url}" title="{text:Link 9}"> <i class="fa fa-star fa-lg"></i> </a>{/block:IfShowLink9}
  595.  
  596. </div>
  597.  
  598.  
  599. </div>
  600.  
  601.  
  602. {block:ifSideImage}
  603. <img style="position:fixed; opacity: 1.0; max-width: 220px; height: auto; BOTTOM:0px; LEFT:0px; z-index: 1;" src="{image:Side Image}">
  604. {/block:ifSideImage}
  605.  
  606.  
  607. <div class="contentwhole">
  608.  
  609. {block:Posts}
  610.  
  611.  
  612.  
  613.  
  614. <div class="content">
  615.  
  616. <div class="title">
  617. {block:Title}
  618. {Title}
  619. {/block:Title}
  620. </div>
  621.  
  622. {block:Text}
  623. {Body}
  624. {/block:Text}
  625.  
  626. {block:Photo}
  627. {LinkOpenTag}{block:if500px}<img src="{PhotoURL-500}">{/block:if500px}
  628. {block:ifnot500px}<img src="{PhotoURL-400}">{/block:ifnot500px}{LinkCloseTag}
  629. {block:Caption}{Caption}{/block:Caption}
  630. {/block:Photo}
  631.  
  632. {block:Photoset}
  633. {block:if500px}{Photoset-500}{/block:if500px}
  634. {block:ifnot500px}{Photoset-400}{/block:ifnot500px}
  635. {block:Caption}{Caption}{/block:Caption}
  636. {/block:Photoset}
  637.  
  638. {block:Quote}
  639. <div id="quote">
  640.  
  641. <center>
  642. "{Quote}"
  643. </center>
  644.  
  645. </div>
  646. {block:Source}
  647. <div id="source">
  648. <center>
  649. - {Source}
  650. </center>
  651. </div>{/block:Source}
  652. {/block:Quote}
  653.  
  654. {block:Link}
  655. <a href="{URL}" target="{Target}" class="title"> {Name} → </a>
  656. {block:Description}{Description}{/block:Description}
  657. {/block:Link}
  658.  
  659. {block:Chat}
  660. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  661.  
  662. {/block:Lines}
  663. {/block:Chat}
  664.  
  665.  
  666. {block:Audio}
  667. {block:AudioPlayer}
  668. <div class="audiowrapper">
  669. {block:AlbumArt}
  670. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  671. {/block:AlbumArt}
  672.  
  673. <div class="playerbuttonbg">
  674. <div class="newplayerbutton">
  675. <div class="playerbuttonhug">
  676.  
  677. {AudioPlayerWhite}
  678.  
  679. </div>
  680. </div>
  681. </div>
  682.  
  683. <div class="trackdetails">
  684.  
  685. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  686. {block:Artist} <b>Artist:</b> {Artist}{/block:Artist}<br/>
  687. {block:Album} <b>Album:</b> {Album}{/block:Album}<br/>
  688. <b>Played:</b> {PlayCount} times
  689.  
  690. </div>
  691. </div>
  692. {/block:AudioPlayer}
  693.  
  694. {block:Caption}{Caption}{/block:Caption}
  695. {/block:Audio}
  696.  
  697. {block:Video}
  698. {block:if500px}{Video-500}{/block:if500px}
  699. {block:ifnot500px}{Video-400}{/block:ifnot500px}
  700. {block:Caption}{Caption}{/block:Caption}
  701. {/block:Video}
  702.  
  703. {block:Answer}
  704. <div class="questions"><b>{Asker}</b> asked: {Question}
  705. </div>
  706. <div class="reply">{Answer}</div>
  707. {/block:Answer}
  708.  
  709.  
  710.  
  711.  
  712. </div>
  713.  
  714.  
  715. <div class="info">
  716. {block:Date}<a href="{Permalink}" title="{TimeAgo}"><i class="fa fa-clock-o"></i></a>{/block:Date}
  717. {block:NoteCount}&nbsp;&nbsp;&nbsp;<a href="{Permalink}" title="{NoteCount} notes"> <i class="fa fa-bars"></i> </a>{/block:NoteCount}
  718. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}" title="via"><i class="fa fa-circle-o"></i> </a>{/block:RebloggedFrom}
  719. {block:ContentSource}&nbsp;&nbsp;&nbsp;<a href="{SourceURL}" title="source"> <i class="fa fa-circle"></i> </a>{/block:ContentSource}
  720. </div>
  721.  
  722. <div class="tags">
  723. {block:IfShowTags}{block:HasTags}{block:Tags}&nbsp;<i class="fa fa-tag"></i><a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  724. </div>
  725.  
  726.  
  727. <div id="pn">
  728. {block:PostNotes}{PostNotes}{/block:PostNotes}
  729. </div>
  730.  
  731. {/block:Posts}
  732.  
  733.  
  734.  
  735. </div>
  736.  
  737. </body>
  738. </html>
Add Comment
Please, Sign In to add comment