API tools faq
paste
Advertisement
officialdogblog

symbol

officialdogblog
Aug 21st, 2014
1,405
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.92 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="#888888" />
  14. <meta name="color:Blockquote" content="#FFFFFF" />
  15. <meta name="color:Divider" content="#FFFFFF" />
  16. <meta name="color:Link" content="#FFFFFF" />
  17. <meta name="color:Scrollbar" content="#FFFFFF" />
  18. <meta name="color:Text" content="#000000" />
  19.  
  20. <meta name="text:Link 1 Title" content="ask" />
  21. <meta name="text:Link 1 URL" content="/ask" />
  22. <meta name="text:Link 2 Title" content="links" />
  23. <meta name="text:Link 2 URL" content="/links" />
  24. <meta name="text:Link 3 Title" content="archive" />
  25. <meta name="text:Link 3 URL" content="/archive" />
  26. <meta name="text:Symbol" content="△" />
  27.  
  28. <meta name="if:Infinite Scroll" content="1" />
  29. <meta name="if:Tile Background" content="0" />
  30.  
  31. </head>
  32.  
  33. <style type="text/css">
  34.  
  35. iframe#tumblr_controls{
  36. opacity: 0.4;
  37. -webkit-filter: invert(100%);
  38. -moz-filter: invert(100%);
  39. -ms-filter: invert(100%);
  40. -o-filter: invert(100%);
  41. filter: invert(100%);
  42. -webkit-transition: all 0.6s linear;
  43. -moz-transition: all 0.6s linear;
  44. -ms-transition: all 0.6s linear;
  45. -o-transition: all 0.6s linear;
  46. transition: all 0.6s linear;
  47. text-transform: lowercase;
  48. }
  49.  
  50. ::-webkit-scrollbar {
  51. width: 13px;
  52. height: 0px;
  53. background-color: {color:Scrollbar};
  54. border: 6px solid {color:Background};
  55. }
  56.  
  57. ::-webkit-scrollbar-thumb {
  58. width: 3px;
  59. border: 4px solid {color:Background};
  60. background-clip: content-box;
  61. background-color: {color:Scrollbar};
  62. }
  63.  
  64. cursor {
  65. top: 0px;
  66. left: 0px;
  67. position: fixed;
  68. width: 100%;
  69. height: 100%;
  70. cursor: crosshair;
  71. }
  72.  
  73. body {
  74. font-family: consolas;
  75. text-transform: lowercase;
  76. color: {color:Text};
  77. font-size: 12px;
  78. background: {color:Background} url({image:Background}) fixed;
  79. {block:IfNotTileBackground}
  80. background-size: cover;
  81. {/block:IfNotTileBackground}
  82. cursor: crosshair;
  83. }
  84.  
  85. body a {
  86. color: {color:Link};
  87. text-transform: uppercase;
  88. text-decoration: none;
  89. cursor: cell;
  90. }
  91.  
  92. #block {
  93. width: 700px;
  94. margin: 100px auto;
  95. }
  96.  
  97. #side {
  98. position: fixed;
  99. left: 100px;
  100. top: 200px;
  101. z-index: 3;
  102. text-align: center;
  103. }
  104.  
  105. icon {
  106. font-size: 100px;
  107. color: {color:Link};
  108. }
  109.  
  110. .sidelink {
  111. width: 100%;
  112. padding: 10px 0;
  113. border-top: 1px solid {color:Divider};
  114. opacity: 0;
  115. margin-top: -20px;
  116. -webkit-transition: all 0.3s;
  117. -moz-transition: all 0.3s;
  118. -ms-transition: all 0.3s;
  119. -o-transition: all 0.3s;
  120. transition: all 0.3s;
  121. }
  122.  
  123. #side:hover .sidelink {
  124. opacity: 1;
  125. margin-top: 0px;
  126. }
  127.  
  128. post {
  129. {block:IndexPage}
  130. width: 250px;
  131. margin: 0px 50px 100px 50px;
  132. {/block:IndexPage}
  133. {block:PermalinkPage}
  134. width: 500px;
  135. margin: 50px 100px;
  136. {/block:PermalinkPage}
  137. float: left;
  138. text-align: justify;
  139. word-wrap: break-word;
  140. }
  141.  
  142. post img {
  143. max-width: 100%;
  144. }
  145.  
  146. .time {
  147. margin-top: 10px;
  148. padding: 10px;
  149. {block:IndexPage}
  150. width: 250px;
  151. max-height: 16px;
  152. {/block:IndexPage}
  153. {block:PermalinkPage}
  154. width: 500px;
  155. {/block:PermalinkPage}
  156. margin-left: -10px;
  157. border: 1px solid {color:Divider};
  158. }
  159.  
  160. {block:IndexPage}
  161. .time a {
  162. font-size: 20px;
  163. position: relative;
  164. top: -5px;
  165. }
  166. {/block:IndexPage}
  167.  
  168. .audioinfo {
  169. text-align: right;
  170. vertical-align: bottom;
  171. width: 240px;
  172. }
  173.  
  174. .answer {
  175. padding: 10px;
  176. {block:IndexPage}
  177. width: 250px;
  178. {/block:IndexPage}
  179. {block:PermalinkPage}
  180. width: 500px;
  181. {/block:PermalinkPage}
  182. margin-left: -10px;
  183. border: 1px solid {color:Divider};
  184. text-align: justify;
  185. word-wrap: break-word;
  186. }
  187.  
  188. .pagination {
  189. padding: 10px;
  190. width: 250px;
  191. margin: 0 225px;
  192. text-align: center;
  193. border: 1px solid {color:Divider};
  194. }
  195.  
  196. h1 {
  197. text-transform: uppercase;
  198. font-size: 15px;
  199. }
  200.  
  201. strong {
  202. text-transform: uppercase;
  203. }
  204.  
  205. blockquote {
  206. margin: 0 0 10px 0px;
  207. padding-left: 10px;
  208. border-left: 1px solid {color:Blockquote};
  209. }
  210.  
  211. .quote.short {
  212. font-size: 19px;
  213. font-weight: 100;
  214. }
  215.  
  216. .quote.medium {
  217. font-size: 17px;
  218. font-weight: 100;
  219. }
  220.  
  221. .quote.long {
  222. font-size: 14px;
  223. font-weight: 100;
  224. }
  225.  
  226. .source {
  227. float: right;
  228. text-align: right;
  229. }
  230.  
  231. note {
  232. width: 500px;
  233. margin: -40px 100px 0px;
  234. }
  235.  
  236. ol.notes {
  237. font-size: 10.5px;
  238. max-height: 200px;
  239. overflow: auto;
  240. list-style-type: none;
  241. text-align: justify;
  242. word-wrap: break-word;
  243. margin-left: -35px;
  244. }
  245.  
  246. ol.notes img {
  247. margin-right: 5px;
  248. vertical-align: middle;
  249. margin-bottom: 3px;
  250. }
  251.  
  252. ol.notes blockquote {
  253. margin: 3px 0 3px 8px;
  254. padding-left: 13px;
  255. border-left: 1px solid {color:Blockquote};
  256. }
  257.  
  258. #s-m-t-tooltip{
  259. z-index: 100;
  260. padding: 5px 10px;
  261. font-size: 11px;
  262. font-family: consolas;
  263. border: 1px solid {color:Divider};
  264. box-shadow: none;
  265. color: {color:Text};
  266. background-color: rgba(0,0,0,0);
  267. -webkit-border-radius: 0px;
  268. -moz-border-radius: 0px;
  269. -ms-border-radius: 0px;
  270. -o-border-radius: 0px;
  271. border-radius: 0px;
  272. }
  273.  
  274. symbol {
  275. z-index: 100;
  276. bottom: 20px;
  277. right: 20px;
  278. position: fixed;
  279. font-size: 35px;
  280. font-family: arial
  281. text-shadow: 2px 2px #fff;
  282. -webkit-transition: all 0.3s;
  283. -moz-transition: all 0.3s;
  284. -ms-transition: all 0.3s;
  285. -o-transition: all 0.3s;
  286. transition: all 0.3s;
  287. }
  288.  
  289. symbol:hover {
  290. -webkit-transform: scale(1.25);
  291. -moz-transform: scale(1.25);
  292. -ms-transform: scale(1.25);
  293. -o-transform: scale(1.25);
  294. transform: scale(1.25);
  295. }
  296.  
  297. symbol a:hover {
  298. border: none;
  299. }
  300.  
  301. </style>
  302.  
  303. <body>
  304.  
  305. <cursor></cursor>
  306.  
  307. <symbol>
  308. <strong>
  309. <a title="theme credit" href="http://gay8.tumblr.com/">△</a>
  310. </strong>
  311. </symbol>
  312.  
  313. <div id="side">
  314. <icon>{text:Symbol}</icon>
  315. <div class="sidelink"><a href="/">home</a></div>
  316. <div class="sidelink"><a href="{text:Link 1 URL}">{text:Link 1 Title}</a></div>
  317. <div class="sidelink"><a href="{text:Link 2 URL}">{text:Link 2 Title}</a></div>
  318. <div class="sidelink"><a href="{text:Link 3 URL}">{text:Link 3 Title}</a></div>
  319. </div>
  320.  
  321. <div id="block">
  322.  
  323. {block:Posts}
  324.  
  325. {block:ContentSource}
  326. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  327. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  328. {/block:SourceLogo}
  329. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  330. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  331.  
  332. <post>
  333.  
  334. {block:Text}
  335. {block:Title}<h1>{Title}</h1>{/block:Title}
  336. {Body}
  337. {/block:Text}
  338.  
  339. {block:Photo}
  340. <img src="{PhotoURL-HighRes}" style="width: 100%;" />
  341. {/block:Photo}
  342.  
  343. {block:Photoset}
  344. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  345. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  346. {/block:Photoset}
  347.  
  348. {block:Link}
  349. <h1>→ <a href="{URL}" target="_blank">{Name}</a></h1>
  350. {block:Description}
  351. {Description}
  352. {/block:Description}
  353. {/block:Link}
  354.  
  355. {block:Quote}
  356. <div class="quote {Length}">"{Quote}"</div>
  357. <br />
  358. {block:Source}
  359. <div class="source">{Source}</div>
  360. {/block:Source}
  361. <div style="clear: both;"></div>
  362. {/block:Quote}
  363.  
  364. {block:Chat}
  365. {block:Title}<h1>{Title}</h1>{/block:Title}
  366. {block:Lines}
  367. <blockquote><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</p></blockquote>
  368. {/block:Lines}
  369. {/block:Chat}
  370.  
  371. {block:Audio}
  372. {block:IndexPage}
  373. {block:AlbumArt}
  374. <img src="{AlbumArtURL}" style="width: 100%;" />
  375. {/block:AlbumArt}
  376. {block:AudioPlayer}
  377. <br /><br /><center>{AudioPlayer}</center>
  378. {/block:AudioPlayer}
  379. {block:AudioEmbed}{AudioEmbed-250}
  380. {/block:AudioEmbed}
  381. {/block:IndexPage}
  382. {block:PermalinkPage}
  383. {block:AlbumArt}
  384. <span style="float: left;">
  385. <img src="{AlbumArtURL}" style="width: 250px;" />
  386. </span>
  387. <span style="float: right;">
  388. <div class="audioinfo">
  389. {/block:AlbumArt}
  390. {block:AudioPlayer}
  391. {AudioPlayer}
  392. {block:AlbumArt}
  393. {block:TrackName}<br /><strong>title:</strong> {TrackName}{/block:TrackName}
  394. {block:Artist}<br /><strong>artist:</strong> {Artist}{/block:Artist}
  395. {block:Album}<br /><strong>album:</strong> {Album} {/block:Album}
  396. <br />
  397. {/block:AlbumArt}
  398. {/block:AudioPlayer}
  399. {block:AlbumArt}
  400. </div>
  401. </span>
  402. <div style="clear: both;"></div>
  403. {/block:AlbumArt}
  404. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  405. {/block:PermalinkPage}
  406. {/block:Audio}
  407.  
  408. {block:Video}
  409. {block:IndexPage}{VideoEmbed-250}{/block:IndexPage}
  410. {block:PermalinkPage}{VideoEmbed-500}{/block:PermalinkPage}
  411. {/block:Video}
  412.  
  413. {block:Answer}
  414. <div class="answer"><img src="{AskerPortraitURL-24}" style="vertical-align: middle;"/> {Asker}<div style="margin-bottom: 10px;"></div>
  415. "{Question}"</div>
  416. {Answer}
  417. {/block:Answer}
  418.  
  419. {block:PermalinkPage}
  420. {block:Caption}
  421. {Caption}
  422. {/block:Caption}
  423. {/block:PermalinkPage}
  424.  
  425. {block:Date}
  426. <div class="time">
  427. {block:IndexPage}
  428. <span style="float: left;">{24Hour}:{Minutes}, {NoteCount} notes</span>
  429. <span style="float: right;"><a href="{Permalink}" title="permalink">{text:Symbol}</a></span>
  430. <div style="clear: both;"></div>
  431. {/block:IndexPage}
  432. {block:PermalinkPage}
  433. {24Hour}:{Minutes}, {NoteCount} notes
  434. {block:RebloggedFrom}
  435. <br />via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  436. <br />from <a href="{ReblogRootURL}">{ReblogRootName}</a>
  437. {/block:RebloggedFrom}
  438. {block:HasTags}
  439. <br />tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  440. {/block:HasTags}
  441. {/block:PermalinkPage}
  442. </div>
  443. {/block:Date}
  444.  
  445. </post>
  446.  
  447. {block:PostNotes}
  448. <note>
  449. {PostNotes-16}
  450. </note>
  451. {/block:PostNotes}
  452.  
  453. {/block:Posts}
  454.  
  455. {block:IfNotInfiniteScroll}
  456. {block:Pagination}
  457. <div class="pagination">
  458. {block:PreviousPage}
  459. <a href="{PreviousPage}" title="previous">previous</a>
  460. {/block:PreviousPage}
  461. {block:JumpPagination length="6"}
  462. {block:CurrentPage} {PageNumber} {/block:CurrentPage}
  463. {block:JumpPage} <a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  464. {/block:JumpPagination}
  465. {block:NextPage}
  466. <a href="{NextPage}" title="next">next</a>
  467. {/block:NextPage}
  468. </div>
  469. {/block:Pagination}
  470. {/block:IfNotInfiniteScroll}
  471.  
  472. {block:IfInfiniteScroll}
  473. {block:Pagination}
  474. <div id="navigate">
  475. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  476. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  477. </div>
  478. {/block:Pagination}
  479. {/block:IfInfiniteScroll}
  480.  
  481. </div>
  482.  
  483. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  484. <script src="http://static.tumblr.com/9vasq2s/yion96mje/jquery.style-my-tooltips.js"></script>
  485. <script>
  486. (function($){
  487. $(document).ready(function(){
  488. $("[title]").style_my_tooltips({
  489. tip_follows_cursor:true,
  490. tip_delay_time:0,
  491. tip_fade_speed:300
  492. });
  493. });
  494. })(jQuery);
  495. </script>
  496.  
  497. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  498. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  499.  
  500. {block:IfInfiniteScroll}
  501. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  502. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  503. {/block:IfInfiniteScroll}
  504.  
  505. <script>
  506. (function () {
  507. var $tumblelog = $('#block');
  508. {block:IfInfiniteScroll}
  509. $tumblelog.infinitescroll({
  510. navSelector: "#navigate",
  511. nextSelector: "#navigate a:last-child",
  512. itemSelector: "post",
  513. loading: {
  514. finishedMsg: " ",
  515. img : " ",
  516. msg: null,
  517. msgText: " "
  518. },
  519. },
  520.  
  521. function (newElements) {
  522. var $newElems = $(newElements).css({
  523. opacity: 0
  524. });
  525. $newElems.imagesLoaded(function () {
  526. $newElems.animate({
  527. opacity: 1
  528. });
  529. $tumblelog.masonry('appended', $newElems);
  530. });
  531. });
  532. {/block:IfInfiniteScroll}
  533. $tumblelog.imagesLoaded(function () {
  534. $tumblelog.masonry({
  535. columnWidth: function (containerWidth) {
  536. return containerWidth / 100;
  537. }
  538. });
  539. });
  540. })();
  541. </script>
  542.  
  543. </body>
  544.  
  545. </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!