Advertisement
officialdogblog

the beach

Jun 19th, 2014
463
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.45 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:IfInfiniteScrolling}
  13. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  14. {/block:IfInfiniteScrolling}
  15.  
  16. <meta name="image:Background" content="" />
  17.  
  18. <meta name="color:Background" content="#eeeeee" />
  19. <meta name="color:Link" content="#008080" />
  20. <meta name="color:Title Link" content="#008080" />
  21. <meta name="color:Text" content="#000000" />
  22.  
  23. <meta name="font:Font" content="" />
  24.  
  25. <meta name="text:Link 3 Title" content="submit" />
  26. <meta name="text:Link 3 URL" content="/submit" />
  27. <meta name="text:Link 4 Title" content="link" />
  28. <meta name="text:Link 4 URL" content="/" />
  29. <meta name="text:Link 5 Title" content="link" />
  30. <meta name="text:Link 5 URL" content="/" />
  31.  
  32. <meta name="if:Infinite Scrolling" content="1" />
  33. <meta name="if:Tile Background" content="0" />
  34.  
  35. </head>
  36.  
  37. <style type="text/css">
  38.  
  39. ::-webkit-scrollbar {
  40. width: 0px;
  41. }
  42.  
  43. body {
  44. background: {color:Background} url({image:background}) fixed;
  45. {block:IfNotTileBackground}
  46. background-size: cover;
  47. {/block:IfNotTileBackground}
  48. font-family: arial;
  49. font-size: 12px;
  50. color: {color:Text};
  51. }
  52.  
  53. body a {
  54. color: {color:Link};
  55. text-transform: uppercase;
  56. text-decoration: none;
  57. -webkit-transition: all 0.3s;
  58. -moz-transition: all 0.3s;
  59. -ms-transition: all 0.3s;
  60. -o-transition: all 0.3s;
  61. transition: all 0.3s;
  62. }
  63.  
  64. body a:hover {
  65. letter-spacing: 1px;
  66. }
  67.  
  68. beach {
  69. position: fixed;
  70. font-family: {font:Font};
  71. top: 0px;
  72. left: 70px;
  73. height: 200px;
  74. width: 900px;
  75. font-size: 50px;
  76. font-weight: 100;
  77. font-style: italic;
  78. text-transform: uppercase;
  79. text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
  80. z-index: 2;
  81. }
  82.  
  83. beach a {
  84. color: {color:Title Link};
  85. text-decoration: none;
  86. -webkit-transition: all 0.3s;
  87. -moz-transition: all 0.3s;
  88. -ms-transition: all 0.3s;
  89. -o-transition: all 0.3s;
  90. transition: all 0.3s;
  91. }
  92.  
  93. one:hover span {
  94. display: none;
  95. }
  96.  
  97. one:hover:before {
  98. content:"home";
  99. }
  100.  
  101. two:hover span {
  102. display: none;
  103. }
  104.  
  105. two:hover:before {
  106. content:"ask";
  107. }
  108.  
  109. three:hover span {
  110. display: none;
  111. }
  112.  
  113. three:hover:before {
  114. content:"{text:Link 3 Title}";
  115. }
  116.  
  117. four:hover span {
  118. display: none;
  119. }
  120.  
  121. four:hover:before {
  122. content:"{text:Link 4 Title}";
  123. }
  124.  
  125. five:hover span {
  126. display: none;
  127. }
  128.  
  129. five:hover:before {
  130. content:"{text:Link 5 Title}";
  131. }
  132.  
  133. .ocean {
  134. position: absolute;
  135. left: 100px;
  136. top: 200px;
  137. }
  138.  
  139. .wave {
  140. text-align: justify;
  141. background-color: #fff;
  142. padding: 10px;
  143. width: 500px;
  144. {block:IndexPage}margin-bottom: 100px;{/block:IndexPage}
  145. {block:PermalinkPage}margin-bottom: 20px;{/block:PermalinkPage}
  146. word-wrap: break-word;
  147. }
  148.  
  149. .wave img {
  150. max-width: 100%;
  151. }
  152.  
  153. .starfish img {
  154. margin-bottom: -5px;
  155. }
  156.  
  157. .seahorse img {
  158. width: 100%;
  159. }
  160.  
  161. .quote {
  162. font-style: italic;
  163. font-family: {font:Font};
  164. }
  165.  
  166. .quote.short {
  167. font-size: 19px;
  168. font-weight: 100;
  169. }
  170.  
  171. .quote.medium {
  172. font-size: 18px;
  173. font-weight: 100;
  174. }
  175.  
  176. .quote.long {
  177. font-size: 16px;
  178. font-weight: 100;
  179. }
  180.  
  181. .wave ul {
  182. list-style: none;
  183. padding: 0;
  184. }
  185.  
  186. .wave li {
  187. padding: 5px;
  188. }
  189.  
  190. .wave .odd {
  191. background: {color:Link};
  192. color: #fff;
  193. }
  194.  
  195. .shell {
  196. width: 447px;
  197. padding: 6px;
  198. background-color: rgba(150, 150, 150, 0.2);
  199. }
  200.  
  201. blockquote {
  202. border-left: 1px solid {color:Link};
  203. margin-left: 5px;
  204. padding-left: 5px;
  205. max-width: 100%;
  206. }
  207.  
  208. .sand {
  209. position: absolute;
  210. margin-left: 100px;
  211. opacity: 0;
  212. background-color: #fff;
  213. height: 26px;
  214. padding-top: 5px;
  215. padding-right: 10px;
  216. margin-top: -8px;
  217. -webkit-transition: all 0.3s;
  218. -moz-transition: all 0.3s;
  219. -ms-transition: all 0.3s;
  220. -o-transition: all 0.3s;
  221. transition: all 0.3s;
  222. }
  223.  
  224. .wave:hover .sand {
  225. opacity: 1;
  226. margin-left: 160px;
  227. }
  228.  
  229. .bucket {
  230. float: left;
  231. }
  232.  
  233. .bucket a {
  234. font-size: 18px;
  235. font-family: {font:Font};
  236. font-style: italic;
  237. text-transform: uppercase;
  238. text-decoration: none;
  239. color: #fff;
  240. background-color: {color:Link};
  241. padding: 5px;
  242. }
  243.  
  244. .bucket a:hover {
  245. letter-spacing: 0px;
  246. }
  247.  
  248. .pearl {
  249. font-size: 18px;
  250. font-style: italic;
  251. text-transform: uppercase;
  252. font-family: {font:Font};
  253. }
  254.  
  255. swim {
  256. color: rgba(0, 0, 0, 0);
  257. }
  258.  
  259. treasure {
  260. bottom: 15px;
  261. right: 20px;
  262. position: fixed;
  263. font-size: 30px;
  264. font-style: italic;
  265. text-shadow: 2px 2px #fff;
  266. -webkit-transition: all 0.3s;
  267. -moz-transition: all 0.3s;
  268. -ms-transition: all 0.3s;
  269. -o-transition: all 0.3s;
  270. transition: all 0.3s;
  271. }
  272.  
  273. treasure:hover {
  274. -webkit-transform:rotate(360deg);
  275. -moz-transform:rotate(360deg);
  276. -ms-transform:rotate(360deg);
  277. -o-transform:rotate(360deg);
  278. transform:rotate(360deg);
  279. }
  280.  
  281. </style>
  282.  
  283. <body>
  284.  
  285. <treasure>
  286. <strong>
  287. <a href="http://gay8.tumblr.com/">8</a>
  288. </strong>
  289. </treasure>
  290.  
  291. <beach>
  292. <br />
  293. <a href="/"><one><span>001</span></one></a>
  294. <a href="/ask"><two><span>002</span></two></a>
  295. <a href="{text:Link 3 URL}"><three><span>003</span></three></a>
  296. <a href="{text:Link 4 URL}"><four><span>004</span></four></a>
  297. <a href="{text:Link 5 URL}"><five><span>005</span></five></a>
  298. {block:IfNotInfiniteScrolling}
  299.    
  300. {block:Pagination}
  301. {block:PreviousPage}
  302. <a href="{PreviousPage}" title="previous page" style="font-style: normal; font-size: 60px;">◀</a>  
  303. {/block:PreviousPage}
  304. {block:NextPage}
  305. <a href="{NextPage}" title="next page">►</a>
  306. {/block:NextPage}
  307. {/block:Pagination}
  308. {/block:IfNotInfiniteScrolling}
  309. </beach>
  310.  
  311. <div class="ocean">
  312.  
  313. {block:IfInfiniteScrolling}
  314. <div class="autopagerize_page_element">
  315. {/block:IfInfiniteScrolling}
  316.  
  317. {block:Posts}
  318.  
  319. {block:ContentSource}<!-- {SourceURL}
  320. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  321. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  322. {/block:ContentSource}
  323.  
  324. {block:ReblogSource}{/block:ReblogSource}
  325.  
  326. {block:Text}
  327. <div class="wave">
  328. {block:Date}
  329. {block:Title}<span class="pearl">{Title}</span></span><br />
  330. <div style="margin-top: 15px;"></div>{/block:Title}
  331. <div style="margin-top: -10px;"></div>
  332. {/block:Date}
  333. <span class="starfish">{Body}</span>
  334. {block:Date}<div style="margin-bottom: -1px;"></div>{/block:Date}
  335.  
  336. {block:IndexPage}
  337. <center>
  338. <div class="sand">
  339. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  340. </div>
  341. </center>
  342. {/block:IndexPage}
  343.  
  344. </div>
  345.  
  346. {block:PermalinkPage}
  347.  
  348. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  349.  
  350. {block:Date}
  351. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  352. {/block:Date}
  353.  
  354. {block:RebloggedFrom}
  355. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  356. {/block:RebloggedFrom}
  357.  
  358. {block:RebloggedFrom}
  359. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  360. {/block:RebloggedFrom}
  361.  
  362. {block:Date}
  363. <br /><strong># of notes:</strong> {NoteCount}
  364. {/block:Date}
  365.  
  366. {block:HasTags}
  367. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  368. {/block:HasTags}
  369.  
  370. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  371.  
  372. <div style="margin-bottom: 50px;"></div>
  373.  
  374. {/block:PermalinkPage}
  375.  
  376. {/block:Text}
  377.  
  378. {block:Photo}
  379. <div class="wave">
  380. <img src="{PhotoURL-500}" />
  381.  
  382. {block:PermalinkPage}
  383. {block:Caption}{Caption}{/block:Caption}
  384. <div style="margin-bottom: -5px;"></div>
  385. {/block:PermalinkPage}
  386.  
  387. {block:IndexPage}
  388. <center>
  389. <div class="sand">
  390. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  391. </div>
  392. </center>
  393. {/block:IndexPage}
  394.  
  395. </div>
  396.  
  397. {block:PermalinkPage}
  398.  
  399. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  400.  
  401. {block:Date}
  402. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  403. {/block:Date}
  404.  
  405. {block:RebloggedFrom}
  406. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  407. {/block:RebloggedFrom}
  408.  
  409. {block:RebloggedFrom}
  410. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  411. {/block:RebloggedFrom}
  412.  
  413. {block:Date}
  414. <br /><strong># of notes:</strong> {NoteCount}
  415. {/block:Date}
  416.  
  417. {block:HasTags}
  418. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  419. {/block:HasTags}
  420.  
  421. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  422.  
  423. <div style="margin-bottom: 50px;"></div>
  424.  
  425. {/block:PermalinkPage}
  426.  
  427. {/block:Photo}
  428.  
  429. {block:Photoset}
  430. <div class="wave">
  431. {Photoset-500}
  432.  
  433. {block:PermalinkPage}
  434. {block:Caption}{Caption}{/block:Caption}
  435. <div style="margin-bottom: -5px;"></div>
  436. {/block:PermalinkPage}
  437.  
  438. {block:IndexPage}
  439. <center>
  440. <div class="sand">
  441. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  442. </div>
  443. </center>
  444. {/block:IndexPage}
  445.  
  446. </div>
  447.  
  448. {block:PermalinkPage}
  449.  
  450. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  451.  
  452. {block:Date}
  453. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  454. {/block:Date}
  455.  
  456. {block:RebloggedFrom}
  457. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  458. {/block:RebloggedFrom}
  459.  
  460. {block:RebloggedFrom}
  461. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  462. {/block:RebloggedFrom}
  463.  
  464. {block:Date}
  465. <br /><strong># of notes:</strong> {NoteCount}
  466. {/block:Date}
  467.  
  468. {block:HasTags}
  469. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  470. {/block:HasTags}
  471.  
  472. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  473.  
  474. <div style="margin-bottom: 50px;"></div>
  475.  
  476. {/block:PermalinkPage}
  477.  
  478. {/block:Photoset}
  479.  
  480. {block:Quote}
  481. <div class="wave">
  482. <span class="quote {Length}">“{Quote}”</span>
  483. <br /> - {Source}
  484. <div style="margin-bottom: 7px;"></div>
  485.  
  486. {block:IndexPage}
  487. <center>
  488. <div class="sand">
  489. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  490. </div>
  491. </center>
  492. {/block:IndexPage}
  493.  
  494. </div>
  495.  
  496. {block:PermalinkPage}
  497.  
  498. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  499.  
  500. {block:Date}
  501. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  502. {/block:Date}
  503.  
  504. {block:RebloggedFrom}
  505. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  506. {/block:RebloggedFrom}
  507.  
  508. {block:RebloggedFrom}
  509. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  510. {/block:RebloggedFrom}
  511.  
  512. {block:Date}
  513. <br /><strong># of notes:</strong> {NoteCount}
  514. {/block:Date}
  515.  
  516. {block:HasTags}
  517. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  518. {/block:HasTags}
  519.  
  520. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  521.  
  522. <div style="margin-bottom: 50px;"></div>
  523.  
  524. {/block:PermalinkPage}
  525.  
  526. {/block:Quote}
  527.  
  528. {block:Link}
  529. <div class="wave">
  530. <span class="pearl"><a href="{URL}">{Name}</a></span>
  531. <br />{block:Description}{Description}{/block:Description}
  532. <div style="margin-bottom: 7px;"></div>
  533.  
  534. {block:IndexPage}
  535. <center>
  536. <div class="sand">
  537. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  538. </div>
  539. </center>
  540. {/block:IndexPage}
  541.  
  542. </div>
  543.  
  544. {block:PermalinkPage}
  545.  
  546. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  547.  
  548. {block:Date}
  549. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  550. {/block:Date}
  551.  
  552. {block:RebloggedFrom}
  553. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  554. {/block:RebloggedFrom}
  555.  
  556. {block:RebloggedFrom}
  557. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  558. {/block:RebloggedFrom}
  559.  
  560. {block:Date}
  561. <br /><strong># of notes:</strong> {NoteCount}
  562. {/block:Date}
  563.  
  564. {block:HasTags}
  565. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  566. {/block:HasTags}
  567.  
  568. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  569.  
  570. <div style="margin-bottom: 50px;"></div>
  571.  
  572. {/block:PermalinkPage}
  573.  
  574. {/block:Link}
  575.  
  576. {block:Chat}
  577. <div class="wave">
  578.  
  579. {block:Title}<span class="pearl">{Title}</span><br />{/block:Title}
  580. <ul>
  581. {block:Lines}<li class="{Alt}">{block:Label} {Label} {/block:Label}{Line}</li>{/block:Lines}
  582. </ul>
  583.  
  584. <div style="margin-bottom: -5px;"></div>
  585.  
  586. {block:IndexPage}
  587. <center>
  588. <div class="sand">
  589. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  590. </div>
  591. </center>
  592. {/block:IndexPage}
  593.  
  594. </div>
  595.  
  596. {block:PermalinkPage}
  597.  
  598. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  599.  
  600. {block:Date}
  601. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  602. {/block:Date}
  603.  
  604. {block:RebloggedFrom}
  605. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  606. {/block:RebloggedFrom}
  607.  
  608. {block:RebloggedFrom}
  609. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  610. {/block:RebloggedFrom}
  611.  
  612. {block:Date}
  613. <br /><strong># of notes:</strong> {NoteCount}
  614. {/block:Date}
  615.  
  616. {block:HasTags}
  617. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  618. {/block:HasTags}
  619.  
  620. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  621.  
  622. <div style="margin-bottom: 50px;"></div>
  623.  
  624. {/block:PermalinkPage}
  625.  
  626. {/block:Chat}
  627.  
  628. {block:Audio}
  629. <div class="wave">
  630. <center>
  631. {block:AlbumArt}
  632. <img src="{AlbumArtURL}" width="500px" />
  633. {block:AudioPlayer}<br /><br />{/block:AudioPlayer}
  634. {/block:AlbumArt}
  635.  
  636. {block:AudioEmbed}
  637. {AudioEmbed-400}
  638. {/block:AudioEmbed}
  639.  
  640. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  641.  
  642. </center>
  643.  
  644. {block:PermalinkPage}
  645. {block:Caption}{Caption}{/block:Caption}
  646. {/block:PermalinkPage}
  647.  
  648. <div style="margin-bottom: 10px;"></div>
  649.  
  650. {block:IndexPage}
  651. <center>
  652. <div class="sand">
  653. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  654. </div>
  655. </center>
  656. {/block:IndexPage}
  657.  
  658. </div>
  659.  
  660. {block:PermalinkPage}
  661.  
  662. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  663.  
  664. {block:Date}
  665. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  666. {/block:Date}
  667.  
  668. {block:RebloggedFrom}
  669. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  670. {/block:RebloggedFrom}
  671.  
  672. {block:RebloggedFrom}
  673. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  674. {/block:RebloggedFrom}
  675.  
  676. {block:Date}
  677. <br /><strong># of notes:</strong> {NoteCount}
  678. {/block:Date}
  679.  
  680. {block:HasTags}
  681. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  682. {/block:HasTags}
  683.  
  684. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  685.  
  686. <div style="margin-bottom: 50px;"></div>
  687.  
  688. {/block:PermalinkPage}
  689.  
  690. {/block:Audio}
  691.  
  692. {block:Video}
  693. <div class="wave">
  694. {VideoEmbed-500}
  695.  
  696. {block:PermalinkPage}
  697. {block:Caption}{Caption}{/block:Caption}
  698. {/block:PermalinkPage}
  699.  
  700. {block:IndexPage}
  701. <center>
  702. <div class="sand">
  703. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  704. </div>
  705. </center>
  706. {/block:IndexPage}
  707.  
  708. </div>
  709.  
  710. {block:PermalinkPage}
  711.  
  712. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  713.  
  714. {block:Date}
  715. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  716. {/block:Date}
  717.  
  718. {block:RebloggedFrom}
  719. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  720. {/block:RebloggedFrom}
  721.  
  722. {block:RebloggedFrom}
  723. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  724. {/block:RebloggedFrom}
  725.  
  726. {block:Date}
  727. <br /><strong># of notes:</strong> {NoteCount}
  728. {/block:Date}
  729.  
  730. {block:HasTags}
  731. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  732. {/block:HasTags}
  733.  
  734. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  735.  
  736. <div style="margin-bottom: 50px;"></div>
  737.  
  738. {/block:PermalinkPage}
  739.  
  740. {/block:Video}
  741.  
  742. {block:Answer}
  743. <div class="wave">
  744. <span style="float: left;">
  745. <img src="{AskerPortraitURL-30}" />
  746. </span>
  747. <span class="shell" style="float: right;">
  748. "{Question}"
  749. </span>
  750. <div style="clear: both;"></div>
  751. <span style="float: right; text-transform: lowercase; margin-top: 5px;">asked by {Asker}</span>
  752. <div style="clear: both;"></div>
  753. {Answer}
  754.  
  755. {block:PermalinkPage}
  756. {block:Caption}{Caption}{/block:Caption}
  757. {/block:PermalinkPage}
  758.  
  759. {block:IndexPage}
  760. <center>
  761. <div class="sand">
  762. <span class="bucket"><a href="{Permalink}">posted {TimeAgo} </a> </span><span style="float: right;">{LikeButton}</span><span style="float: right; margin-left: 10px; margin-right: 10px;">{ReblogButton}</span>
  763. </div>
  764. </center>
  765. {/block:IndexPage}
  766.  
  767. </div>
  768.  
  769. {block:PermalinkPage}
  770.  
  771. {block:IfBackgroundImage}<div class="wave">{/block:IfBackgroundImage}
  772.  
  773. {block:Date}
  774. <strong>posted on:</strong> {Month} {MonthNumber} @ {12Hour}:{Seconds}{AmPm}
  775. {/block:Date}
  776.  
  777. {block:RebloggedFrom}
  778. <br /><strong>reblogged from:</strong> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  779. {/block:RebloggedFrom}
  780.  
  781. {block:RebloggedFrom}
  782. <br /><strong>posted by:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  783. {/block:RebloggedFrom}
  784.  
  785. {block:Date}
  786. <br /><strong># of notes:</strong> {NoteCount}
  787. {/block:Date}
  788.  
  789. {block:HasTags}
  790. <br /><strong>tags:</strong> {block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  791. {/block:HasTags}
  792.  
  793. {block:IfBackgroundImage}</div>{/block:IfBackgroundImage}
  794.  
  795. <div style="margin-bottom: 50px;"></div>
  796.  
  797. {/block:PermalinkPage}
  798.  
  799. {/block:Answer}
  800.  
  801. {/block:Posts}
  802.  
  803. {block:IfInfiniteScrolling}
  804. </div>
  805. {/block:IfInfiniteScrolling}
  806.  
  807. </div>
  808.  
  809. </body>
  810.  
  811. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement