API tools faq
paste
Advertisement
officialdogblog

gay8

officialdogblog
Dec 6th, 2013
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html>
  4. <head>
  5.  
  6. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  7. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  8. <script type="text/javascript">
  9. $(window).load(function () {
  10. $('.posts').masonry({
  11. itemSelector : ".container",
  12. },
  13. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  14. );
  15. });
  16. </script>
  17.  
  18. <script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>
  19. <script type="text/javascript">
  20. $(window).load(function () {
  21. $('.posts').masonry({
  22. itemSelector : ".container",
  23. },
  24. function() { $('.posts').masonry({ appendedContent: $(this) }); }
  25. );
  26. });
  27. </script>
  28. <script type="text/javascript">
  29. $(window).load(function () {
  30. $('.posts').masonry(),
  31. $('.masonryWrap').infinitescroll({
  32. itemSelector : ".container",
  33. navSelector : "div.navigation",
  34. nextSelector : ".navigation a#next",
  35. bufferPx : 10000,
  36. extraScrollPx: 10000,
  37. loadingImg : " ",
  38. loadingText : " ",
  39. },
  40. function() { $('.posts').masonry({ appendedContent: $(this) });
  41. });
  42. });</script>
  43.  
  44. <meta name="image:Background" content="" />
  45.  
  46. <meta name="color:Text" content="#000000" />
  47. <meta name="color:Link" content="#999999" />
  48. <meta name="color:Link Hover" content="#FFFFFF" />
  49. <meta name="color:Background" content="#999999" />
  50.  
  51. <meta name="text:Link 1 Title" content="ask" />
  52. <meta name="text:Link 1 URL" content="/ask" />
  53. <meta name="text:Link 2 Title" content="" />
  54. <meta name="text:Link 2 URL" content="" />
  55. <meta name="text:Link 3 Title" content="" />
  56. <meta name="text:Link 3 URL" content="" />
  57. <meta name="text:Link 4 Title" content="" />
  58. <meta name="text:Link 4 URL" content="" />
  59.  
  60. <meta name="if:Link 1" content="1" />
  61. <meta name="if:Link 2" content="0" />
  62. <meta name="if:Link 3" content="0" />
  63. <meta name="if:Link 4" content="0" />
  64.  
  65. </head>
  66.  
  67. <style type="text/css">
  68.  
  69. body {
  70. font-family: calibri;
  71. font-size: 12px;
  72. color: {color:Text};
  73. background-color: {color:Background};
  74. background-image: url('{image:Background}');
  75. background-size: 100% 100%;
  76. background-attachment: fixed;
  77. }
  78.  
  79. body a {
  80. text-decoration: none;
  81. color: {color:Link};
  82. -o-transition: .7s;
  83. -ms-transition: .7s;
  84. -moz-transition: .7s;
  85. -webkit-transition: .7s;
  86. transition: .7s;
  87. }
  88.  
  89. body a:hover {
  90. color: {color:Link Hover};
  91. }
  92.  
  93. .posts {
  94. margin-left: 50px;
  95. width: 1200px;
  96. }
  97.  
  98. .container {
  99. float: left;
  100. }
  101.  
  102. .post {
  103. background-color: rgba(250, 250, 250, 1);
  104. position: relative;
  105. padding: 10px;
  106. margin-top: 100px;
  107. margin-left: 50px;
  108. margin-right: 50px;
  109. width: 380px;
  110. word-wrap: break-word;
  111. text-align: justify;
  112. -o-transition: .7s;
  113. -ms-transition: .7s;
  114. -moz-transition: .7s;
  115. -webkit-transition: .7s;
  116. transition: .7s;
  117. }
  118.  
  119. .post:hover {
  120. background-color: rgba(249, 249, 249, 1);
  121. color: rgba(0, 0, 0, 0);
  122. }
  123.  
  124. .post a {
  125. -o-transition: .7s;
  126. -ms-transition: .7s;
  127. -moz-transition: .7s;
  128. -webkit-transition: .7s;
  129. transition: .7s;
  130. }
  131.  
  132. .post:hover a {
  133. color: rgba(0, 0, 0, 0);
  134. }
  135.  
  136. .post img {
  137. width: 100%;
  138. -o-transition: .7s;
  139. -ms-transition: .7s;
  140. -moz-transition: .7s;
  141. -webkit-transition: .7s;
  142. transition: .7s
  143. }
  144.  
  145. .post:hover img {
  146. opacity: 0;
  147. }
  148.  
  149. .empty {
  150. position:absolute;
  151. width:100%;
  152. height:100%;
  153. top:0;
  154. left: 0;
  155. z-index: 3;
  156. }
  157.  
  158. .photopost {
  159. margin-top: 100px;
  160. margin-left: 50px;
  161. margin-right: 50px;
  162. width: 380px;
  163. background-color: rgba(250, 250, 250, 1);
  164. }
  165.  
  166. .zoom {
  167. width: 100%;
  168. -o-transition: .7s;
  169. -ms-transition: .7s;
  170. -moz-transition: .7s;
  171. -webkit-transition: .7s;
  172. transition: .7s;
  173. }
  174.  
  175. .zoom:hover {
  176. opacity: 0;
  177. }
  178.  
  179. .opacity {
  180. opacity: 1;
  181. -o-transition: .7s;
  182. -ms-transition: .7s;
  183. -moz-transition: .7s;
  184. -webkit-transition: .7s;
  185. transition: .7s;
  186. }
  187.  
  188. .post:hover .opacity {
  189. opacity: 0;
  190. }
  191.  
  192. .answer {
  193. width: 360px;
  194. padding: 10px;
  195. background-color: rgba(200, 200, 200, 0.2);
  196. }
  197.  
  198. .post:hover .answer {
  199. opacity: 0;
  200. -o-transition: .7s;
  201. -ms-transition: .7s;
  202. -moz-transition: .7s;
  203. -webkit-transition: .7s;
  204. transition: .7s;
  205. }
  206.  
  207. .permalink .answer {
  208. width: 480px;
  209. }
  210.  
  211. .permalink {
  212. padding: 20px;
  213. margin-top: 50px;
  214. margin-left: 100px;
  215. margin-right: 100px;
  216. width: 500px;
  217. word-wrap: break-word;
  218. text-align: justify;
  219. background-color: rgba(250, 250, 250, 1);
  220. }
  221.  
  222. .permalink img {
  223. width: 100%;
  224. }
  225.  
  226. .title {
  227. font-family: arial;
  228. font-size: 17px;
  229. text-transform: uppercase;
  230. }
  231.  
  232. .quote.short {
  233. font-size: 17px;
  234. font-weight: 100;
  235. }
  236.  
  237. .quote.medium {
  238. font-size: 16px;
  239. font-weight: 100;
  240. }
  241.  
  242. .quote.long {
  243. font-size: 13px;
  244. font-weight: 100;
  245. }
  246.  
  247. .tab {
  248. width: 150px;
  249. position: fixed;
  250. top: -100px;
  251. {block:IfLink1}margin-top: -20px;{/block:IfLink1}
  252. {block:IfLink2}margin-top: -42px;{/block:IfLink2}
  253. {block:IfLink3}margin-top: -64px;{/block:IfLink3}
  254. {block:IfLink4}margin-top: -86px;{/block:IfLink4}
  255. left: 50px;
  256. padding: 5px;
  257. background-color: rgba(240, 240, 240, 0.9);
  258. font-size: 18px;
  259. text-align: center;
  260. -webkit-border-bottom-right-radius: 5px;
  261. -webkit-border-bottom-left-radius: 5px;
  262. -moz-border-radius-bottomright: 5px;
  263. -moz-border-radius-bottomleft: 5px;
  264. border-bottom-right-radius: 5px;
  265. border-bottom-left-radius: 5px;: 5px;
  266. z-index: 100;
  267. -o-transition:.7s;
  268. -ms-transition:.7s;
  269. -moz-transition:.7s;
  270. -webkit-transition:.7s;
  271. transition:.7s;
  272. }
  273.  
  274. .tab:hover {
  275. top: 0px;
  276. margin-top: 0px;
  277. padding-bottom: -100px;
  278. }
  279.  
  280. ol.notes {
  281. list-style-type: none;
  282. margin-left: -35px;
  283. }
  284.  
  285. ol.notes img {
  286. padding-right: 5px;
  287. width: 16px;
  288. }
  289.  
  290. blockquote {
  291. padding-left: 8px;
  292. width: 95%;
  293. margin-left: 4px;
  294. text-align: justify;
  295. }
  296.  
  297. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  298. display: none;
  299. }
  300.  
  301. #infscr-loading {
  302. display: none;
  303. }
  304.  
  305. .navigation {
  306. display: none !important;
  307. }
  308.  
  309. </style>
  310.  
  311. <body>
  312.  
  313. <div class="tab">
  314. <br /><br /><a href="/">home</a><br />
  315. {block:IfLink1}
  316. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a><br />
  317. {/block:IfLink1}
  318. {block:IfLink2}
  319. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a><br />
  320. {/block:IfLink2}
  321. {block:IfLink3}
  322. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a><br />
  323. {/block:IfLink3}
  324. {block:IfLink4}
  325. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a><br />
  326. {/block:IfLink4}
  327. <a href="http://gay8.tumblr.com/">credit</a><br /><br /><br />
  328. </div>
  329.  
  330. <div class="autopagerize_page_element">
  331. <div class="posts">
  332.  
  333. {block:Posts}
  334.  
  335. <div class="container">
  336.  
  337. {block:Text}
  338. {block:IndexPage}
  339. <div class="post" title="{NoteCountWithLabel}">
  340. <a href="{Permalink}"><span class="empty"> </span></a>
  341. {block:Title}<div class="title">{Title}</div>{/block:Title}
  342. <div style="margin-top: -10px;"></div>
  343. {Body}
  344. </div>
  345. {/block:IndexPage}
  346. {block:PermalinkPage}
  347. <div style="margin-top: 100px;"></div>
  348. <div class="permalink">
  349. {block:Title}<div class="title">{Title}</div>{/block:Title}
  350. {Body}
  351. {block:HasTags}
  352. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  353. <br />
  354. {/block:HasTags}
  355. {block:NoteCount}
  356. <span style="float: left;">{NoteCountWithLabel}</span>
  357. {/block:NoteCount}
  358. {block:Date}
  359. <span style="float: right;">{TimeAgo}</span>
  360. <div style="clear: both;"></div>
  361. {/block:Date}
  362. </div>
  363. {/block:PermalinkPage}
  364. {/block:Text}
  365.  
  366. {block:Photo}
  367. {block:IndexPage}
  368. <div class="photopost" style="padding: 10px;">
  369. <a href="{Permalink}" title="{NoteCountWithLabel}">
  370. <img src="{PhotoURL-HighRes}" class="zoom" />
  371. </a>
  372. </div>
  373. {/block:IndexPage}
  374. {block:PermalinkPage}
  375. <div style="margin-top: 100px;"></div>
  376. <div class="permalink">
  377. <img src="{PhotoURL-HighRes}" width="100%" />
  378. {block:Caption}{Caption}{/block:Caption}
  379. <div style="margin-top: -10px;"></div>
  380. <br />
  381. {block:HasTags}
  382. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  383. <br />
  384. {/block:HasTags}
  385. <span style="float: left;">{NoteCountWithLabel}</span>
  386. <span style="float: right;">{TimeAgo}</span>
  387. <div style="clear: both;"></div>
  388. </div>
  389. {/block:PermalinkPage}
  390. {/block:Photo}
  391.  
  392. {block:Photoset}
  393. {block:IndexPage}
  394. <div class="photopost" title="{NoteCountWithLabel}" style="padding: 10px;">
  395. <div class="zoom">
  396. <a href="{Permalink}"><span class="empty"> </span></a>
  397. {Photoset}
  398. </div>
  399. </div>
  400. {/block:IndexPage}
  401. {block:PermalinkPage}
  402. <div style="margin-top: 100px;"></div>
  403. <div class="permalink">
  404. {Photoset}
  405. {block:Caption}{Caption}{/block:Caption}
  406. <div style="margin-top: -10px;"></div>
  407. <br />
  408. {block:HasTags}
  409. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  410. <br />
  411. {/block:HasTags}
  412. <span style="float: left;">{NoteCountWithLabel}</span>
  413. <span style="float: right;">{TimeAgo}</span>
  414. <div style="clear: both;"></div>
  415. </div>
  416. {/block:PermalinkPage}
  417. {/block:Photoset}
  418.  
  419. {block:Quote}
  420. {block:IndexPage}
  421. <div class="post" title="{NoteCountWithLabel}">
  422. <a href="{Permalink}"><span class="empty"> </span></a>
  423. <div class="quote {Length}">“{Quote}”</div>
  424. {block:Source}<span style="float: right; font-family: arial;"><i>{Source}</i></span>{/block:Source}
  425. <div style="clear:both;"></div>
  426. </div>
  427. {/block:IndexPage}
  428. {block:PermalinkPage}
  429. <div style="margin-top: 100px;"></div>
  430. <div class="permalink">
  431. <div class="quote {Length}">“{Quote}”</div>
  432. {block:Source}<span style="float: right; font-family: arial;"><i>{Source}</i></span>{/block:Source}<div style="clear: both;"></div><br />
  433. {block:HasTags}
  434. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  435. <br />
  436. {/block:HasTags}
  437. <span style="float: left;">{NoteCountWithLabel}</span>
  438. <span style="float: right;">{TimeAgo}</span>
  439. <div style="clear: both;"></div>
  440. </div>
  441. {/block:PermalinkPage}
  442. {/block:Quote}
  443.  
  444. {block:Chat}
  445. {block:IndexPage}
  446. <div class="post" title="{NoteCountWithLabel}">
  447. <a href="{Permalink}"><span class="empty"> </span></a>
  448. {block:Title}<div class="title">{Title}</div>{/block:Title}
  449. {block:Lines}
  450. {block:Label}<i><b>{Label}</b></i>{/block:Label} {Line}<br /><br />
  451. {/block:Lines}
  452. <div style="margin-top: -10px;"></div>
  453. </div>
  454. {/block:IndexPage}
  455. {block:PermalinkPage}
  456. <div style="margin-top: 100px;"></div>
  457. <div class="permalink">
  458. {block:Title}<div class="title">{Title}</div>{/block:Title}
  459. {block:Lines}
  460. {block:Label}<i><b>{Label}</b></i>{/block:Label} {Line}<br /><br />
  461. {/block:Lines}
  462. {block:HasTags}
  463. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  464. <br />
  465. {/block:HasTags}
  466. <span style="float: left;">{NoteCountWithLabel}</span>
  467. <span style="float: right;">{TimeAgo}</span>
  468. <div style="clear: both;"></div>
  469. </div>
  470. {/block:PermalinkPage}
  471. {/block:Chat}
  472.  
  473. {block:Audio}
  474. {block:IndexPage}
  475. <div class="post" title="{NoteCountWithLabel}">
  476. <a href="{Permalink}"><span class="empty"> </span></a>
  477. <center>
  478. <div class="opacity">
  479. {block:AlbumArt}
  480. <img src="{AlbumArtURL}" width="100%" /><br />
  481. {/block:AlbumArt}
  482. {block:AudioEmbed}
  483. <br />{AudioEmbed-250}<br /><br />
  484. {/block:AudioEmbed}
  485. {block:AudioPlayer}
  486. <br />{AudioPlayer}
  487. {/block:AudioPlayer}
  488. </div>
  489. {block:AudioPlayer}
  490. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  491. {block:Artist}- <i>{Artist}</i>{/block:Artist}<br /><br />
  492. {/block:AudioPlayer}
  493. </center>
  494. {block:Caption}
  495. {block:AudioPlayer}<div style="margin-top: -10px;"></div>{/block:AudioPlayer}
  496. {Caption}
  497. {/block:Caption}
  498. </div>
  499. {/block:IndexPage}
  500. {block:PermalinkPage}
  501. <div style="margin-top: 100px;"></div>
  502. <div class="permalink">
  503. <center>
  504. {block:AlbumArt}
  505. <img src="{AlbumArtURL}" width="100%" /><br />
  506. {/block:AlbumArt}
  507. {block:AudioEmbed}
  508. <br />{AudioEmbed-400}<br /><br />
  509. {/block:AudioEmbed}
  510. {block:AudioPlayer}
  511. <br />{AudioPlayer}
  512. {/block:AudioPlayer}
  513. {block:AudioPlayer}
  514. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  515. {block:Artist}- <i>{Artist}</i>{/block:Artist}<br /><br />
  516. {/block:AudioPlayer}
  517. </center>
  518. {block:Caption}
  519. {block:AudioPlayer}<div style="margin-top: -10px;"></div>{/block:AudioPlayer}
  520. {Caption}
  521. {/block:Caption}
  522. {block:HasTags}
  523. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  524. <br />
  525. {/block:HasTags}
  526. <span style="float: left;">{NoteCountWithLabel}</span>
  527. <span style="float: right;">{TimeAgo}</span>
  528. <div style="clear: both;"></div>
  529. </div>
  530. {/block:PermalinkPage}
  531. {/block:Audio}
  532.  
  533. {block:Video}
  534. {block:IndexPage}
  535. <div class="post" title="{NoteCountWithLabel}">
  536. <a href="{Permalink}"><span class="empty"> </span></a>
  537. <br />
  538. <center>
  539. <div class="opacity">
  540. {VideoEmbed-250}
  541. </div>
  542. </center>
  543. <br />
  544. {block:Caption}{Caption}{/block:Caption}
  545. </div>
  546. {/block:IndexPage}
  547. {block:PermalinkPage}
  548. <div style="margin-top: 100px;"></div>
  549. <div class="permalink">
  550. <br />
  551. <center>
  552. {VideoEmbed-400}
  553. </center>
  554. <br />
  555. {block:Caption}{Caption}{/block:Caption}
  556. {block:HasTags}
  557. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  558. <br />
  559. {/block:HasTags}
  560. <span style="float: left;">{NoteCountWithLabel}</span>
  561. <span style="float: right;">{TimeAgo}</span>
  562. <div style="clear: both;"></div>
  563. </div>
  564. {/block:PermalinkPage}
  565. {/block:Video}
  566.  
  567. {block:Answer}
  568. {block:IndexPage}
  569. <div class="post" title="{NoteCountWithLabel}">
  570. <a href="{Permalink}"><span class="empty"> </span></a>
  571. <div class="answer">
  572. <i>{Asker} asked:</i> {Question}
  573. </div>
  574. {Answer}
  575. </div>
  576. {/block:IndexPage}
  577. {block:PermalinkPage}
  578. <div style="margin-top: 100px;"></div>
  579. <div class="permalink">
  580. <div class="answer">
  581. <i>{Asker} asked:</i> {Question}
  582. </div>
  583. {Answer}
  584. {block:HasTags}
  585. {block:Tags}#<a href="{TagURL}">{Tag} </a>{/block:Tags}
  586. <br />
  587. {/block:HasTags}
  588. <span style="float: left;">{NoteCountWithLabel}</span>
  589. <span style="float: right;">{TimeAgo}</span>
  590. <div style="clear: both;"></div>
  591. </div>
  592. {/block:PermalinkPage}
  593. {/block:Answer}
  594.  
  595. {block:PostNotes}
  596. <div class="permalink">
  597. {PostNotes-16}
  598. </div>
  599. {/block:PostNotes}
  600.  
  601. <div class="navigation">
  602. {block:Pagination}
  603. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  604. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  605. {/block:Pagination}
  606. </div>
  607.  
  608. {block:ContentSource}
  609. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  610. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  611. {/block:SourceLogo}
  612. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  613. {/block:ContentSource}
  614.  
  615. {block:ReblogParent}{/block:ReblogParent}
  616.  
  617. </div>
  618.  
  619. {/block:Posts}
  620.  
  621. </div>
  622. </div>
  623.  
  624. </body>
  625. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!