Advertisement
officialdogblog

what a drag

Jun 21st, 2014
486
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.24 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{PortraitURL-16}" />
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
  11.  
  12. {block:IndexPage}
  13. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  14. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  15. <script>
  16. $(function() {
  17. $( ".box" ).draggable();
  18. });
  19. </script>
  20. {/block:IndexPage}
  21.  
  22. {block:IfEndlessScrolling}
  23. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  24. {/block:IfEndlessScrolling}
  25.  
  26. <meta name="image:Background" content="" />
  27.  
  28. <meta name="color:Background" content="#000000" />
  29. <meta name="color:Bar" content="#CCCCCC" />
  30. <meta name="color:Border" content="#000000" />
  31. <meta name="color:Box Background" content="#FFFFFF" />
  32. <meta name="color:Link" content="#008080" />
  33. <meta name="color:Link Hover" content="#FFFFFF" />
  34. <meta name="color:Text" content="#000000" />
  35.  
  36. <meta name="font:Font" content="" />
  37.  
  38. <meta name="text:Link 3 Title" content="link" />
  39. <meta name="text:Link 3 URL" content="/link" />
  40. <meta name="text:Link 4 Title" content="link" />
  41. <meta name="text:Link 4 URL" content="/link" />
  42. <meta name="text:Link 5 Title" content="link" />
  43. <meta name="text:Link 5 URL" content="/link" />
  44.  
  45. <meta name="if:Endless Scrolling" content="0" />
  46. <meta name="if:Tile Background" content="0" />
  47.  
  48.  
  49. </head>
  50.  
  51. <style type="text/css">
  52.  
  53. ::-webkit-scrollbar {
  54. width: 0px;
  55. }
  56.  
  57. @font-face {
  58. font-family: "littlefont";
  59. src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');
  60. }
  61.  
  62. body {
  63. background: {color:Background} url({image:background}) fixed;
  64. {block:IfNotTileBackground}
  65. background-size: cover;
  66. {/block:IfNotTileBackground}
  67. font-family: open sans;
  68. font-size: 13px;
  69. color: {color:Text};
  70. }
  71.  
  72. body a {
  73. color: {color:Link};
  74. text-decoration: none;
  75. }
  76.  
  77. body a:hover {
  78. color: {color:Link Hover};
  79. }
  80.  
  81. .box {
  82. position: fixed;
  83. background: {color:Box Background};
  84. width: 430px;
  85. height: 600px;
  86. top: 70px;
  87. left: 70px;
  88. padding-top: 50px;
  89. padding-left: 55px;
  90. padding-right: 50px;
  91. overflow: scroll;
  92. box-shadow: 10px 10px rgba(100, 100, 100, 0.5);
  93. }
  94.  
  95. .info {
  96. position: fixed;
  97. width: 519px;
  98. height: 20px;
  99. line-height: 12px;
  100. margin-left: -55px;
  101. margin-top: -50px;
  102. padding-top: 7px;
  103. padding-left: 8px;
  104. padding-right: 8px;
  105. padding-bottom: 5px;
  106. background-color: {color:Bar};
  107. }
  108.  
  109. .info a {
  110. font-family: littlefont;
  111. font-size: 8px;
  112. padding: 3px;
  113. margin-bottom: 5px;
  114. border: 1px solid {color:Link};
  115. text-transform: uppercase;
  116. color: {color:Link};
  117. text-decoration: none;
  118. }
  119.  
  120. .info a:hover {
  121. border: 1px solid {color:Link Hover};
  122. color: {color:Link Hover};
  123. }
  124.  
  125. .bottominfo {
  126. position: fixed;
  127. width: 519px;
  128. height: 25px;
  129. line-height: 17px;
  130. margin-left: -55px;
  131. margin-top: 570px;
  132. padding-top: 5px;
  133. padding-left: 8px;
  134. padding-right: 8px;
  135. background-color: {color:Bar};
  136. }
  137.  
  138. .bottominfo a {
  139. font-family: littlefont;
  140. font-size: 8px;
  141. padding: 3px;
  142. border: 1px solid {color:Link};
  143. text-transform: uppercase;
  144. color: {color:Link};
  145. text-decoration: none;
  146. }
  147.  
  148. .bottominfo a:hover {
  149. border: 1px solid {color:Link Hover};
  150. color: {color:Link Hover};
  151. }
  152.  
  153. .post {
  154. width: 400px;
  155. text-align: justify;
  156. background-color: #fff;
  157. word-wrap: break-word;
  158. padding: 10px;
  159. {block:IndexPage}
  160. border: 1px solid {color:Border};
  161. margin-bottom: 200px;
  162. {/block:IndexPage}
  163. }
  164.  
  165. .post img {
  166. max-width: 100%;
  167. }
  168.  
  169. .title {
  170. font-size: 18px;
  171. font-weight: 100;
  172. font-style: italic;
  173. font-family: {font:Font};
  174. }
  175.  
  176. .quote.short {
  177. font-size: 20px;
  178. font-weight: 100;
  179. }
  180.  
  181. .quote.medium {
  182. font-size: 17px;
  183. font-weight: 100;
  184. }
  185.  
  186. .quote.long {
  187. font-size: 14px;
  188. font-weight: 100;
  189. }
  190.  
  191. .link {
  192. background: {color:Link};
  193. color: #fff;
  194. width: 390px;
  195. padding: 5px;
  196. text-align: center;
  197. text-transform: uppercase;
  198. -webkit-transition: all 0.3s linear;
  199. -moz-transition: all 0.3s linear;
  200. -ms-transition: all 0.3s linear;
  201. -o-transition: all 0.3s linear;
  202. transition: all 0.3s linear;
  203. }
  204.  
  205. .link:hover {
  206. background: {color:Link Hover};
  207. }
  208.  
  209. .answer {
  210. width: 348px;
  211. padding: 6px;
  212. background-color: rgba(150, 150, 150, 0.2);
  213. }
  214.  
  215. drag {
  216. bottom: 15px;
  217. right: 20px;
  218. position: fixed;
  219. font-size: 30px;
  220. text-shadow: 2px 2px #fff;
  221. -webkit-transition: all 0.3s;
  222. -moz-transition: all 0.3s;
  223. -ms-transition: all 0.3s;
  224. -o-transition: all 0.3s;
  225. transition: all 0.3s;
  226. }
  227.  
  228. drag:hover {
  229. -webkit-transform:rotate(360deg);
  230. -moz-transform:rotate(360deg);
  231. -ms-transform:rotate(360deg);
  232. -o-transform:rotate(360deg);
  233. transform:rotate(360deg);
  234. }
  235.  
  236. .hide {
  237. font-size: 10px;
  238. margin-top: -25px;
  239. opacity: 0;
  240. padding-bottom: 15px;
  241. -webkit-transition: all 0.3s;
  242. -moz-transition: all 0.3s;
  243. -ms-transition: all 0.3s;
  244. -o-transition: all 0.3s;
  245. transition: all 0.3s;
  246. }
  247.  
  248. .post:hover .hide {
  249. margin-top: 20px;
  250. opacity: 1;
  251. }
  252.  
  253. .photohide {
  254. font-size: 10px;
  255. margin-top: -20px;
  256. opacity: 0;
  257. padding-top: 5px;
  258. padding-bottom: 10px;
  259. -webkit-transition: all 0.3s;
  260. -moz-transition: all 0.3s;
  261. -ms-transition: all 0.3s;
  262. -o-transition: all 0.3s;
  263. transition: all 0.3s;
  264. }
  265.  
  266. .post:hover .photohide {
  267. padding-top: 0px;
  268. margin-top: 15px;
  269. opacity: 1;
  270. }
  271.  
  272. .linkhide {
  273. font-size: 10px;
  274. margin-top: -15px;
  275. opacity: 0;
  276. padding-top: 2px;
  277. padding-bottom: 13px;
  278. -webkit-transition: all 0.3s;
  279. -moz-transition: all 0.3s;
  280. -ms-transition: all 0.3s;
  281. -o-transition: all 0.3s;
  282. transition: all 0.3s;
  283. }
  284.  
  285. .post:hover .linkhide {
  286. padding-top: 0px;
  287. margin-top: 15px;
  288. opacity: 1;
  289. }
  290.  
  291. .quotehide {
  292. font-size: 10px;
  293. margin-top: -15px;
  294. opacity: 0;
  295. padding-top: 10px;
  296. padding-bottom: 13px;
  297. -webkit-transition: all 0.3s;
  298. -moz-transition: all 0.3s;
  299. -ms-transition: all 0.3s;
  300. -o-transition: all 0.3s;
  301. transition: all 0.3s;
  302. }
  303.  
  304. .post:hover .quotehide {
  305. margin-top: 25px;
  306. opacity: 1;
  307. }
  308.  
  309. .chathide {
  310. font-size: 10px;
  311. margin-top: -15px;
  312. opacity: 0;
  313. padding-top: 3px;
  314. padding-bottom: 12px;
  315. -webkit-transition: all 0.3s;
  316. -moz-transition: all 0.3s;
  317. -ms-transition: all 0.3s;
  318. -o-transition: all 0.3s;
  319. transition: all 0.3s;
  320. }
  321.  
  322. .post:hover .chathide {
  323. margin-top: 5px;
  324. opacity: 1;
  325. }
  326.  
  327. .audiohide {
  328. font-size: 10px;
  329. margin-top: -5px;
  330. opacity: 0;
  331. padding-bottom: 10px;
  332. -webkit-transition: all 0.3s;
  333. -moz-transition: all 0.3s;
  334. -ms-transition: all 0.3s;
  335. -o-transition: all 0.3s;
  336. transition: all 0.3s;
  337. }
  338.  
  339. .post:hover .audiohide {
  340. margin-top: 15px;
  341. opacity: 1;
  342. }
  343.  
  344. .videohide {
  345. font-size: 10px;
  346. margin-top: -15px;
  347. opacity: 0;
  348. padding-top: 3px;
  349. padding-bottom: 12px;
  350. -webkit-transition: all 0.3s;
  351. -moz-transition: all 0.3s;
  352. -ms-transition: all 0.3s;
  353. -o-transition: all 0.3s;
  354. transition: all 0.3s;
  355. }
  356.  
  357. .post:hover .videohide {
  358. padding-top: 0px;
  359. margin-top: 10px;
  360. opacity: 1;
  361. }
  362.  
  363. .answerhide {
  364. font-size: 10px;
  365. margin-top: -30px;
  366. opacity: 0;
  367. padding-top: 5px;
  368. padding-bottom: 10px;
  369. -webkit-transition: all 0.3s;
  370. -moz-transition: all 0.3s;
  371. -ms-transition: all 0.3s;
  372. -o-transition: all 0.3s;
  373. transition: all 0.3s;
  374. }
  375.  
  376. .post:hover .answerhide {
  377. margin-top: 15px;
  378. opacity: 1;
  379. }
  380.  
  381. blockquote {
  382. margin-left: 0px;
  383. padding-left: 7px;
  384. border-left: solid 1px {color:Border};
  385. max-width: 100%;
  386. }
  387.  
  388. </style>
  389.  
  390. <body>
  391.  
  392. <drag>
  393. <strong>
  394. <a title="theme credit" href="http://gay8.tumblr.com/">8</a>
  395. </strong>
  396. </drag>
  397.  
  398. <div class="box">
  399.  
  400. <div class="info">
  401. <span style="float: left;">
  402. <a href="/" style="margin-right: 5px;">home</a>
  403. <a href="/ask" style="margin-right: 5px;">ask</a>
  404. <a href="{text:Link 3 URL}" style="margin-right: 5px;">{text:Link 3 Title}</a>
  405. <a href="{text:Link 4 URL}" style="margin-right: 5px;">{text:Link 4 Title}</a>
  406. <a href="{text:Link 5 URL}" style="margin-right: 5px;">{text:Link 5 Title}</a>
  407. </span>
  408. <span style="float: right;" title="this box is draggable!">
  409. </span>
  410. <div style="clear: both;"></div>
  411. </div>
  412.  
  413. {block:IfNotEndlessScrolling}
  414. {block:Pagination}
  415. <div class="bottominfo">
  416. <span style="float: left;">
  417. {block:PreviousPage}
  418. <a href="{PreviousPage}">previous page</a>
  419. {/block:PreviousPage}
  420. </span>
  421. <span style="float: right;">
  422. {block:NextPage}
  423. <a href="{NextPage}">next page</a>
  424. {/block:NextPage}
  425. </span>
  426. <div style="clear: both;"></div>
  427. </div>
  428. {/block:Pagination}
  429. {/block:IfNotEndlessScrolling}
  430.  
  431. <div style="margin-top: 33px;"></div>
  432.  
  433. {block:IfEndlessScrolling}
  434. <div class="autopagerize_page_element">
  435. {/block:IfEndlessScrolling}
  436. {block:Posts}
  437.  
  438. {block:ContentSource}
  439. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  440. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  441. {/block:SourceLogo}
  442. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  443. {/block:ContentSource}
  444. {block:ReblogParent}{/block:ReblogParent}
  445.  
  446. {block:Text}
  447. <div class="post">
  448. {block:Date}
  449. {block:Title}<span class="title">{Title}</span><br />
  450. <div style="margin-top: 15px;"></div>{/block:Title}
  451. {/block:Date}
  452. <div style="margin-top: -10px;"></div>
  453. {Body}
  454. {block:Date}<div style="margin-bottom: -13px;"></div>{/block:Date}
  455.  
  456. {block:IndexPage}
  457. <div class="hide">
  458. <center>
  459. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  460. </center>
  461. </div>
  462. {/block:IndexPage}
  463. </div>
  464.  
  465. {block:PermalinkPage}
  466.  
  467. <br />
  468.  
  469. {block:Date}
  470. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  471. {/block:Date}
  472.  
  473. {block:RebloggedFrom}
  474. <br />
  475. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  476. {/block:RebloggedFrom}
  477.  
  478. {block:NoteCount}
  479. <br />
  480. number of notes: {NoteCount}
  481. {/block:NoteCount}
  482.  
  483. {block:RebloggedFrom}
  484. <br />
  485. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  486. {/block:RebloggedFrom}
  487.  
  488. {block:HasTags}
  489. <br />
  490. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  491. {/block:HasTags}
  492.  
  493. {/block:PermalinkPage}
  494.  
  495. {/block:Text}
  496.  
  497. {block:Photo}
  498.  
  499. <div class="post">
  500. <img src="{PhotoURL-HighRes}" width="100%" />
  501. <div style="margin-bottom: -5px;"></div>
  502.  
  503. {block:PermalinkPage}
  504. {block:Caption}
  505. {Caption}
  506. <div style="margin-bottom: -10px;"></div>
  507. {/block:Caption}
  508. {/block:PermalinkPage}
  509.  
  510. {block:IndexPage}
  511. <div style="margin-top: -5px;"></div>
  512. <div class="photohide">
  513. <center>
  514. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  515. </center>
  516. </div>
  517. {/block:IndexPage}
  518.  
  519. </div>
  520.  
  521. {block:PermalinkPage}
  522.  
  523. <br />
  524.  
  525. {block:Date}
  526. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  527. {/block:Date}
  528.  
  529. {block:RebloggedFrom}
  530. <br />
  531. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  532. {/block:RebloggedFrom}
  533.  
  534. {block:NoteCount}
  535. <br />
  536. number of notes: {NoteCount}
  537. {/block:NoteCount}
  538.  
  539. {block:RebloggedFrom}
  540. <br />
  541. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  542. {/block:RebloggedFrom}
  543.  
  544. {block:HasTags}
  545. <br />
  546. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  547. {/block:HasTags}
  548.  
  549. {/block:PermalinkPage}
  550.  
  551. {/block:Photo}
  552.  
  553. {block:Photoset}
  554.  
  555. <div class="post">
  556.  
  557. {Photoset}
  558. <div style="margin-bottom: -5px;"></div>
  559.  
  560. {block:PermalinkPage}
  561. {block:Caption}
  562. {Caption}
  563. <div style="margin-bottom: -10px;"></div>
  564. {/block:Caption}
  565. {/block:PermalinkPage}
  566.  
  567. {block:IndexPage}
  568. <div class="photohide">
  569. <center>
  570. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  571. </center>
  572. </div>
  573. {/block:IndexPage}
  574.  
  575. </div>
  576.  
  577. {block:PermalinkPage}
  578.  
  579. <br />
  580.  
  581. {block:Date}
  582. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  583. {/block:Date}
  584.  
  585. {block:RebloggedFrom}
  586. <br />
  587. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  588. {/block:RebloggedFrom}
  589.  
  590. {block:NoteCount}
  591. <br />
  592. number of notes: {NoteCount}
  593. {/block:NoteCount}
  594.  
  595. {block:RebloggedFrom}
  596. <br />
  597. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  598. {/block:RebloggedFrom}
  599.  
  600. {block:HasTags}
  601. <br />
  602. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  603. {/block:HasTags}
  604.  
  605. {/block:PermalinkPage}
  606.  
  607. {/block:Photoset}
  608.  
  609. {block:Quote}
  610.  
  611. <div class="post">
  612. <div class="quote {Length}">“{Quote}”</div>
  613. {block:Source}
  614. <div style="float: right; font-family: georgia; font-size: 12px; margin-top: 5px; {block:IndexPage}height: 20px; overflow: hidden; line-height: 2;{/block:IndexPage}"><i>{Source}</i></div><div style="margin-bottom: {block:IndexPage}16px;{/block:IndexPage}{block:PermalinkPage}30px;{/block:PermalinkPage}"></div>
  615. {/block:Source}
  616.  
  617. {block:PermalinkPage}
  618. {block:Caption}
  619. {Caption}
  620. <div style="margin-bottom: -10px;"></div>
  621. {/block:Caption}
  622. {/block:PermalinkPage}
  623.  
  624. {block:IndexPage}
  625. <div class="quotehide">
  626. <center>
  627. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  628. </center>
  629. </div>
  630. {/block:IndexPage}
  631.  
  632. </div>
  633.  
  634. {block:PermalinkPage}
  635.  
  636. <br />
  637.  
  638. {block:Date}
  639. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  640. {/block:Date}
  641.  
  642. {block:RebloggedFrom}
  643. <br />
  644. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  645. {/block:RebloggedFrom}
  646.  
  647. {block:NoteCount}
  648. <br />
  649. number of notes: {NoteCount}
  650. {/block:NoteCount}
  651.  
  652. {block:RebloggedFrom}
  653. <br />
  654. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  655. {/block:RebloggedFrom}
  656.  
  657. {block:HasTags}
  658. <br />
  659. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  660. {/block:HasTags}
  661.  
  662. {/block:PermalinkPage}
  663.  
  664. {/block:Quote}
  665.  
  666. {block:Link}
  667.  
  668. <div class="post">
  669. <a href="{URL}">
  670. <div class="link">
  671. {Name}
  672. </div>
  673. </a>
  674.  
  675. {block:IndexPage}
  676. <div class="linkhide">
  677. <center>
  678. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  679. </center>
  680. </div>
  681. {/block:IndexPage}
  682.  
  683. {block:PermalinkPage}
  684. {block:Description}
  685. {Description}
  686. <div style="margin-bottom: -10px;"></div>
  687. {/block:Description}
  688. {/block:PermalinkPage}
  689.  
  690. </div>
  691.  
  692. {block:PermalinkPage}
  693.  
  694. <br />
  695.  
  696. {block:Date}
  697. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  698. {/block:Date}
  699.  
  700. {block:RebloggedFrom}
  701. <br />
  702. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  703. {/block:RebloggedFrom}
  704.  
  705. {block:NoteCount}
  706. <br />
  707. number of notes: {NoteCount}
  708. {/block:NoteCount}
  709.  
  710. {block:RebloggedFrom}
  711. <br />
  712. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  713. {/block:RebloggedFrom}
  714.  
  715. {block:HasTags}
  716. <br />
  717. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  718. {/block:HasTags}
  719.  
  720. {/block:PermalinkPage}
  721.  
  722. {/block:Link}
  723.  
  724. {block:Chat}
  725.  
  726. <div class="post">
  727.  
  728. {block:Title}<span class="title">{Title}</span><br />
  729. <div style="margin-top: 20px;"></div>{/block:Title}
  730. {block:Lines}
  731. {block:Label}
  732. <span style="text-transform: uppercase;">{Label}</span>
  733. {/block:Label} <span style="font-size: 12px;">{Line}</span><br />
  734. {/block:Lines}
  735.  
  736. {block:IndexPage}
  737. <div class="chathide">
  738. <center>
  739. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  740. </center>
  741. </div>
  742. {/block:IndexPage}
  743.  
  744. </div>
  745.  
  746. {block:PermalinkPage}
  747.  
  748. <br />
  749.  
  750. {block:Date}
  751. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  752. {/block:Date}
  753.  
  754. {block:RebloggedFrom}
  755. <br />
  756. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  757. {/block:RebloggedFrom}
  758.  
  759. {block:NoteCount}
  760. <br />
  761. number of notes: {NoteCount}
  762. {/block:NoteCount}
  763.  
  764. {block:RebloggedFrom}
  765. <br />
  766. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  767. {/block:RebloggedFrom}
  768.  
  769. {block:HasTags}
  770. <br />
  771. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  772. {/block:HasTags}
  773.  
  774. {/block:PermalinkPage}
  775.  
  776. {/block:Chat}
  777.  
  778. {block:Audio}
  779.  
  780. <div class="post">
  781. <center>
  782. {block:AlbumArt}
  783. <img src="{AlbumArtURL}" width="400px" />
  784. {block:AudioPlayer}<br /><br />{/block:AudioPlayer}
  785. {/block:AlbumArt}
  786.  
  787. {block:AudioEmbed}
  788. {AudioEmbed-400}
  789. {/block:AudioEmbed}
  790.  
  791. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  792. </center>
  793.  
  794. {block:IndexPage}
  795. <div class="audiohide">
  796. <center>
  797. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  798. </center>
  799. </div>
  800. {/block:IndexPage}
  801.  
  802. {block:PermalinkPage}
  803. {block:Caption}{Caption}{/block:Caption}
  804. <div style="margin-bottom: -10px;"></div>
  805. {/block:PermalinkPage}
  806.  
  807. </div>
  808.  
  809. {block:PermalinkPage}
  810.  
  811. <br />
  812.  
  813. {block:Date}
  814. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  815. {/block:Date}
  816.  
  817. {block:RebloggedFrom}
  818. <br />
  819. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  820. {/block:RebloggedFrom}
  821.  
  822. {block:NoteCount}
  823. <br />
  824. number of notes: {NoteCount}
  825. {/block:NoteCount}
  826.  
  827. {block:RebloggedFrom}
  828. <br />
  829. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  830. {/block:RebloggedFrom}
  831.  
  832. {block:HasTags}
  833. <br />
  834. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  835. {/block:HasTags}
  836.  
  837. {/block:PermalinkPage}
  838.  
  839. {/block:Audio}
  840.  
  841. {block:Video}
  842.  
  843. <div class="post">
  844. {VideoEmbed-400}
  845.  
  846. {block:IndexPage}
  847. <div class="videohide">
  848. <center>
  849. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  850. </center>
  851. </div>
  852. {/block:IndexPage}
  853.  
  854. {block:PermalinkPage}
  855. {block:Caption}{Caption}{/block:Caption}
  856. <div style="margin-bottom: -10px;"></div>
  857. {/block:PermalinkPage}
  858.  
  859. </div>
  860.  
  861. {block:PermalinkPage}
  862.  
  863. <br />
  864.  
  865. {block:Date}
  866. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  867. {/block:Date}
  868.  
  869. {block:RebloggedFrom}
  870. <br />
  871. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  872. {/block:RebloggedFrom}
  873.  
  874. {block:NoteCount}
  875. <br />
  876. number of notes: {NoteCount}
  877. {/block:NoteCount}
  878.  
  879. {block:RebloggedFrom}
  880. <br />
  881. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  882. {/block:RebloggedFrom}
  883.  
  884. {block:HasTags}
  885. <br />
  886. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  887. {/block:HasTags}
  888.  
  889. {/block:PermalinkPage}
  890.  
  891. {/block:Video}
  892.  
  893. {block:Answer}
  894.  
  895. <div class="post">
  896.  
  897. <span style="float: left;">
  898. <img src="{AskerPortraitURL-30}" />
  899. </span>
  900. <span class="answer" style="float: right;">
  901. "{Question}"
  902. </span>
  903. <br />
  904. <span style="float: right; text-transform: lowercase; margin-top: 5px;">asked by {Asker}</span>
  905. <div style="clear: both;"></div>
  906. {Answer}
  907.  
  908. <div style="margin-bottom: -13px;"></div>
  909.  
  910. {block:IndexPage}
  911. <div class="answerhide">
  912. <center>
  913. <span style="float: right; margin-left: 7px;">{LikeButton size="14"}</span> <span style="float: right;">{ReblogButton size="15"}</span><span style="float: left;"><a href="{Permalink}" target="_blank">{NoteCount} notes</a></span>
  914. </center>
  915. </div>
  916. {/block:IndexPage}
  917.  
  918. {block:PermalinkPage}
  919. {block:Caption}{Caption}{/block:Caption}
  920. <div style="margin-bottom: -10px;"></div>
  921. {/block:PermalinkPage}
  922.  
  923. </div>
  924.  
  925. {block:PermalinkPage}
  926.  
  927. <br />
  928.  
  929. {block:Date}
  930. posted on: {DayOfMonth} {Month} {Year} at {12Hour}:{Minutes}{AmPm}
  931. {/block:Date}
  932.  
  933. {block:RebloggedFrom}
  934. <br />
  935. reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  936. {/block:RebloggedFrom}
  937.  
  938. {block:NoteCount}
  939. <br />
  940. number of notes: {NoteCount}
  941. {/block:NoteCount}
  942.  
  943. {block:RebloggedFrom}
  944. <br />
  945. posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  946. {/block:RebloggedFrom}
  947.  
  948. {block:HasTags}
  949. <br />
  950. tags: {block:Tags}#<a href="{TagURL}">{Tag}</a>  {block:Tags}
  951. {/block:HasTags}
  952.  
  953. {/block:PermalinkPage}
  954.  
  955. {/block:Answer}
  956.  
  957. {/block:Posts}
  958. {block:IfEndlessScrolling}
  959. </div>
  960. {/block:IfEndlessScrolling}
  961.  
  962. <div style="margin-top: -100px;"></div>
  963.  
  964. </div>
  965.  
  966. </body>
  967.  
  968. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement