API tools faq
paste
Advertisement
officialdogblog

invincible

officialdogblog
Aug 12th, 2014
909
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.62 KB | None | 0 0
raw download clone embed print report
  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. <link href="http://static.tumblr.com/9vasq2s/GB8n96mlp/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{PortraitURL-16}" />
  10.  
  11. <meta name="image:Background" content="" />
  12.  
  13. <meta name="color:Background" content="#FFFFFF" />
  14. <meta name="color:Blockquote" content="#000000" />
  15. <meta name="color:Link" content="#0000FF" />
  16. <meta name="color:Post Background" content="#FFFFFF" />
  17. <meta name="color:Scrollbar" content="#0000FF" />
  18. <meta name="color:Text" content="#000000" />
  19.  
  20. <meta name="if:Post Shadow" content="1" />
  21. <meta name="if:Tile Background" content="0" />
  22.  
  23. </head>
  24.  
  25. <style type="text/css">
  26.  
  27. ::-webkit-scrollbar {
  28. width: 13px;
  29. height: 0px;
  30. background-color: {color:Scrollbar};
  31. border: 6px solid {color:Background};
  32. }
  33.  
  34. ::-webkit-scrollbar-thumb {
  35. width: 3px;
  36. border: 4px solid {color:Background};
  37. background-clip: content-box;
  38. background-color: {color:Scrollbar};
  39. }
  40.  
  41. body {
  42. font-family: consolas;
  43. color: {color:Text};
  44. font-size: 12px;
  45. background: {color:Background} url({image:Background}) fixed;
  46. {block:IfNotTileBackground}
  47. background-size: cover;
  48. {/block:IfNotTileBackground}
  49. }
  50.  
  51. body a {
  52. color: {color:Link};
  53. text-transform: uppercase;
  54. text-decoration: none;
  55. -webkit-transition: all 0.3s;
  56. -moz-transition: all 0.3s;
  57. -ms-transition: all 0.3s;
  58. -o-transition: all 0.3s;
  59. transition: all 0.3s;
  60. }
  61.  
  62. side {
  63. text-align: justify;
  64. word-wrap: break-word;
  65. position: fixed;
  66. max-width: 500px;
  67. bottom: 50px;
  68. right: 50px;
  69. padding: 20px;
  70. background-color: {color:Post Background};
  71. {block:IfPostShadow}
  72. box-shadow: -10px -10px rgba(100, 100, 100, 0.5);
  73. {/block:IfPostShadow}
  74. z-index: 2;
  75. }
  76.  
  77. #hold {
  78. width: 1200px;
  79. }
  80.  
  81. post {
  82. {block:IndexPage}width: 400px;{/block:IndexPage}
  83. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  84. text-align: justify;
  85. word-wrap: break-word;
  86. {block:IndexPage}margin: 50px;{/block:IndexPage}
  87. {block:PermalinkPage}margin: 50px 50px 100px 50px;{/block:PermalinkPage}
  88. padding: 20px;
  89. background-color: {color:Post Background};
  90. {block:IfPostShadow}
  91. box-shadow: -10px -10px rgba(100, 100, 100, 0.5);
  92. {/block:IfPostShadow}
  93. }
  94.  
  95. post img {
  96. max-width: 100%;
  97. }
  98.  
  99. foot {
  100. position: absolute;
  101. background-color: {color:Post Background};
  102. padding: 10px;
  103. {block:IfPostShadow}margin-top: 40px;{/block:IfPostShadow}
  104. {block:IfNotPostShadow}margin-top: 20px;{/block:IfNotPostShadow}
  105. {block:IfPostShadow}
  106. box-shadow: -10px -10px rgba(100, 100, 100, 0.5);
  107. {/block:IfPostShadow}
  108. {block:IndexPage}
  109. margin-left: 30px;
  110. opacity: 0;
  111. -webkit-transition: all 0.3s;
  112. -moz-transition: all 0.3s;
  113. -ms-transition: all 0.3s;
  114. -o-transition: all 0.3s;
  115. transition: all 0.3s;
  116. }
  117.  
  118. post:hover foot {
  119. {/block:IndexPage}
  120. margin-left: 0px;
  121. opacity: 1;
  122. }
  123.  
  124. .answer {
  125. {block:IndexPage}width: 380px;{/block:IndexPage}
  126. {block:PermalinkPage}width: 480px;{/block:PermalinkPage}
  127. padding: 10px;
  128. background-color: rgba(0, 0, 0, 0.1);
  129. margin-top: 5px;
  130. }
  131.  
  132. h1 {
  133. text-transform: uppercase;
  134. font-size: 15px;
  135. }
  136.  
  137. h2 {
  138. text-transform: uppercase;
  139. text-align: center;
  140. font-size: 20px;
  141. margin: -10px 0;
  142. }
  143.  
  144. strong {
  145. text-transform: uppercase;
  146. }
  147.  
  148. blockquote {
  149. margin: 0 0 10px 0px;
  150. padding-left: 10px;
  151. border-left: 1px solid {color:Blockquote};
  152. }
  153.  
  154. .quote.short {
  155. font-size: 19px;
  156. font-weight: 100;
  157. }
  158.  
  159. .quote.medium {
  160. font-size: 17px;
  161. font-weight: 100;
  162. }
  163.  
  164. .quote.long {
  165. font-size: 14px;
  166. font-weight: 100;
  167. }
  168.  
  169. .source {
  170. float: right;
  171. text-align: right;
  172. }
  173.  
  174. note {
  175. position: fixed;
  176. width: 500px;
  177. background-color: {color:Post Background};
  178. margin-top: 50px;
  179. right: 50px;
  180. padding: 15px;
  181. {block:IfPostShadow}
  182. box-shadow: -10px -10px rgba(100, 100, 100, 0.5);
  183. {/block:IfPostShadow}
  184. }
  185.  
  186. ol.notes {
  187. font-size: 10.5px;
  188. max-height: 200px;
  189. overflow: auto;
  190. list-style-type: none;
  191. text-align: justify;
  192. word-wrap: break-word;
  193. margin-left: -35px;
  194. }
  195.  
  196. ol.notes img {
  197. margin-right: 5px;
  198. vertical-align: middle;
  199. margin-bottom: 3px;
  200. }
  201.  
  202. ol.notes blockquote {
  203. margin: 3px 0 3px 8px;
  204. padding-left: 13px;
  205. border-left: 1px solid {color:Blockquote};
  206. }
  207.  
  208. #s-m-t-tooltip{
  209. z-index: 100;
  210. margin: 1px 15px 0px 20px;
  211. padding: 3px 5px 3px 5px;
  212. font-size: 8px;
  213. text-transform: uppercase;
  214. color: #000;
  215. background-color: #fff;
  216. -webkit-border-radius: 0px;
  217. -moz-border-radius: 0px;
  218. -ms-border-radius: 0px;
  219. -o-border-radius: 0px;
  220. border-radius: 0px;
  221. }
  222.  
  223. .fixed {
  224. position: fixed;
  225. }
  226.  
  227. invincible {
  228. z-index: 100;
  229. bottom: 60px;
  230. right: 12px;
  231. position: fixed;
  232. font-size: 30px;
  233. text-shadow: 2px 2px #fff;
  234. -webkit-transition: all 0.3s;
  235. -moz-transition: all 0.3s;
  236. -ms-transition: all 0.3s;
  237. -o-transition: all 0.3s;
  238. transition: all 0.3s;
  239. }
  240.  
  241. invincible:hover {
  242. -webkit-transform:rotate(360deg);
  243. -moz-transform:rotate(360deg);
  244. -ms-transform:rotate(360deg);
  245. -o-transform:rotate(360deg);
  246. transform:rotate(360deg);
  247. }
  248.  
  249. </style>
  250.  
  251. <body>
  252.  
  253. <invincible>
  254. <strong>
  255. <a title="theme credit" href="http://gay8.tumblr.com/">△</a>
  256. </strong>
  257. </invincible>
  258.  
  259. <side>
  260. <h2><a href="/">{Title}</a></h2>
  261. {block:Description}<br />{Description}{/block:Description}
  262. </side>
  263.  
  264. <div id="hold">
  265.  
  266. {block:Posts}
  267.  
  268. {block:ContentSource}
  269. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  270. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  271. {/block:SourceLogo}
  272. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  273. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  274.  
  275. <post>
  276.  
  277. {block:Text}
  278. {block:Title}<h1>{Title}</h1>{/block:Title}
  279. {Body}
  280. {/block:Text}
  281.  
  282. {block:Photo}
  283. <img src="{PhotoURL-HighRes}" style="width: 100%;" /><br />
  284. {/block:Photo}
  285.  
  286. {block:Photoset}
  287. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  288. {block:PermalinkPage}{Photoset}{/block:PermalinkPage}
  289. {/block:Photoset}
  290.  
  291. {block:Quote}
  292. <div class="quote {Length}">"{Quote}"</div>
  293. {block:Source}<p><div class="source">{Source}</div></p>{/block:Source}
  294. <div style="clear: both;"></div><br />
  295. {/block:Quote}
  296.  
  297. {block:Link}
  298. <h1>→ <a href="{URL}" target="_blank">{Name}</a></h1>
  299. {block:Description}
  300. {Description}
  301. {/block:Description}
  302. {/block:Link}
  303.  
  304. {block:Chat}
  305. {block:Title}<h1>{Title}</h1>{/block:Title}
  306. {block:Lines}
  307. <blockquote><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p></blockquote>
  308. {/block:Lines}
  309. {/block:Chat}
  310.  
  311. {block:Audio}
  312. {block:IndexPage}
  313. {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  314. {/block:IndexPage}
  315. {block:PermalinkPage}
  316. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  317. {/block:PermalinkPage}
  318. {/block:Audio}
  319.  
  320. {block:Video}
  321. {block:IndexPage}{VideoEmbed-400}{/block:IndexPage}
  322. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  323. {/block:Video}
  324.  
  325. {block:Answer}
  326. <div class="answer"><img src="{AskerPortraitURL-30}" style="vertical-align: middle;" /> {Asker} asked:
  327. <br /><br />{Question}</div>
  328. {Answer}
  329. {/block:Answer}
  330.  
  331. {block:PermalinkPage}
  332. {block:Caption}
  333. {Caption}
  334. {/block:Caption}
  335. {/block:PermalinkPage}
  336.  
  337. {block:IndexPage}
  338. {block:Date}
  339. <foot>
  340.  
  341. {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom} <a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCount}</a> notes
  342.  
  343. </foot>
  344. {/block:Date}
  345. {/block:IndexPage}
  346.  
  347. </post>
  348.  
  349. {block:PostNotes}
  350. <div class="fixed">
  351. <note>
  352. {PostNotes-16}
  353. {block:Date}
  354. <foot>
  355.  
  356. {block:NotReblog}posted{/block:NotReblog}{block:RebloggedFrom}reblogged{/block:RebloggedFrom} {TimeAgo} with {NoteCount} notes
  357.  
  358. {block:HasTags}<br />
  359. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  360. {/block:HasTags}
  361.  
  362. </foot>
  363. {/block:Date}
  364. </note>
  365. </div>
  366. {/block:PostNotes}
  367.  
  368. {block:PermalinkPage}
  369. <div style="margin-bottom: 50px;"></div>
  370. {/block:PermalinkPage}
  371.  
  372. {/block:Posts}
  373.  
  374. </div>
  375.  
  376.  
  377. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  378. <script src="http://static.tumblr.com/9vasq2s/yion96mje/jquery.style-my-tooltips.js"></script>
  379. <script>
  380. (function($){
  381. $(document).ready(function(){
  382. $("[title]").style_my_tooltips({
  383. tip_follows_cursor:true,
  384. tip_delay_time:0,
  385. tip_fade_speed:300
  386. });
  387. });
  388. })(jQuery);
  389. </script>
  390.  
  391. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  392. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  393.  
  394. {block:Pagination}
  395. <div id="navigate">
  396. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  397. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  398. </div>
  399. {/block:Pagination}
  400.  
  401. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  402. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  403.  
  404. <script>
  405. (function () {
  406. var $tumblelog = $('#hold');
  407. $tumblelog.infinitescroll({
  408. navSelector: "#navigate",
  409. nextSelector: "#navigate a:last-child",
  410. itemSelector: "post",
  411. },
  412.  
  413. function (newElements) {
  414. var $newElems = $(newElements).css({
  415. opacity: 0
  416. });
  417. $newElems.imagesLoaded(function () {
  418. $newElems.animate({
  419. opacity: 1
  420. });
  421. $tumblelog.masonry('appended', $newElems);
  422. });
  423. });
  424. $tumblelog.imagesLoaded(function () {
  425. $tumblelog.masonry({
  426. columnWidth: function (containerWidth) {
  427. return containerWidth / 100;
  428. }
  429. });
  430. });
  431. })();
  432. </script>
  433.  
  434. </body>
  435.  
  436. </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!