API tools faq
paste
Advertisement
fatblackcat

500px

fatblackcat
Mar 20th, 2016
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.28 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. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  10. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  11. <script>
  12. (function($){
  13. $(document).ready(function(){
  14. $("[title],a[title],img[title]").style_my_tooltips({
  15. tip_follows_cursor:true,
  16. tip_delay_time:90,
  17. tip_fade_speed:600,
  18. attribute:"title"
  19. });
  20. });
  21. })(jQuery);
  22. </script>
  23.  
  24. <meta name="text:bg url" content="" />
  25.  
  26. <meta name="color:background" content="#ffffff"/>
  27. <meta name="color:text" content="#a8a8a8"/>
  28. <meta name="color:text shadow" content="#a8a8a8"/>
  29. <meta name="color:bold" content="#000"/>
  30. <meta name="color:bold shadow" content="#a8a8a8"/>
  31. <meta name="color:italic shadow" content="#a8a8a8"/>
  32. <meta name="color:blockquote" content="#000"/>
  33. <meta name="color:link" content="#b8b8b8"/>
  34. <meta name="color:link hover" content="#f2f2f2"/>
  35. <meta name="color:extra links" content="#b8b8b8"/>
  36. <meta name="color:extra links hover" content="#f2f2f2"/>
  37. <meta name="color:border" content="#eeeeee"/>
  38. <meta name="color:scrollbar" content="#000"/>
  39. <meta name="color:tooltip color" content="#000000"/>
  40. <meta name="color:tooltip border" content="#000000"/>
  41. <meta name="color:tooltip bg" content="#ffffff"/>
  42.  
  43. <meta name="text:cont height" content="450px" />
  44. <meta name="text:cont top axis" content="100px" />
  45. <meta name="text:cont left axis" content="100px" />
  46.  
  47. <meta name="text:tag symbol" content="+" />
  48.  
  49. <meta name="text:pagination forward" content="+" />
  50. <meta name="text:pagination forward title" content="forward" />
  51. <meta name="text:pagination backward" content="-" />
  52. <meta name="text:pagination backward title" content="backward" />
  53. <meta name="text:pagination left axis" content="100px" />
  54. <meta name="text:pagination top axis" content="10px" />
  55.  
  56. <meta name="text:A links title" content="Link A" />
  57. <meta name="text:A links url" content="/" />
  58. <meta name="text:A links symbol" content="+" />
  59. <meta name="text:A links size" content="25px" />
  60. <meta name="text:A links left axis" content="490px" />
  61. <meta name="text:A links top axis" content="75px" />
  62.  
  63. <meta name="text:B links title" content="Link B" />
  64. <meta name="text:B links url" content="/" />
  65. <meta name="text:B links symbol" content="+" />
  66. <meta name="text:B links size" content="25px" />
  67. <meta name="text:B links left axis" content="510px" />
  68. <meta name="text:B links top axis" content="75px" />
  69.  
  70. <meta name="text:C links title" content="Link C" />
  71. <meta name="text:C links url" content="/" />
  72. <meta name="text:C links symbol" content="+" />
  73. <meta name="text:C links size" content="25px" />
  74. <meta name="text:C links left axis" content="530px" />
  75. <meta name="text:C links top axis" content="75px" />
  76.  
  77. <meta name="text:D links title" content="Link D" />
  78. <meta name="text:D links url" content="/" />
  79. <meta name="text:D links symbol" content="+" />
  80. <meta name="text:D links size" content="25px" />
  81. <meta name="text:D links left axis" content="550px" />
  82. <meta name="text:D links top axis" content="75px" />
  83.  
  84. <meta name="text:E links title" content="Link E" />
  85. <meta name="text:E links url" content="/" />
  86. <meta name="text:E links symbol" content="+" />
  87. <meta name="text:E links size" content="25px" />
  88. <meta name="text:E links left axis" content="570px" />
  89. <meta name="text:E links top axis" content="75px" />
  90.  
  91. <meta name="text:F links title" content="Link F" />
  92. <meta name="text:F links url" content="/" />
  93. <meta name="text:F links symbol" content="+" />
  94. <meta name="text:F links size" content="25px" />
  95. <meta name="text:F links left axis" content="590px" />
  96. <meta name="text:F links top axis" content="75px" />
  97.  
  98. <style type="text/css">
  99.  
  100. /** basic tooltip from tutorial-baby**/
  101. .tooltip{
  102. display:inline;
  103. position:relative;
  104. }
  105. #s-m-t-tooltip{
  106. max-width:300px; /*how big the tooltip can be at most*/
  107. border-radius: 3px; /*change your border radius*/
  108. padding:2px 2px 2px 2px; /*padding inside tooltip*/
  109. margin:20px 7px -2px 20px; /*distance from word*/
  110. background-color:{color:tooltip bg};/*background color*/
  111. border:1px solid {color:tooltip border}; /*border info*/
  112. font-family:calibri; /*tooltip font*/
  113. font-size:11px; /*tooltip font size*/
  114. letter-spacing:1px; /*tooltip letter spacing*/
  115. text-transform:uppercase; /*makes the tooltip title uppercase*/
  116. color:{color:tooltip color}; /*tooltip font color*/
  117. z-index:99999999999999999999;
  118. }
  119.  
  120. ::-webkit-scrollbar-thumb{
  121. background-color: {color:scrollbar};
  122. height:auto;
  123. }
  124.  
  125. ::-webkit-scrollbar {
  126. height:auto;
  127. width:4px;
  128.  
  129. }
  130.  
  131. /*- body -*/
  132.  
  133. body {
  134. margin:0px;
  135. font-family:calibri;
  136. font-size:12px;
  137. text-shadow: 1px 1px 1px {color:Text shadow};
  138. letter-spacing:1px;
  139. line-height:90%;
  140. color:{color:text};
  141. background:{color:background};
  142. background-image:url({text:bg url});
  143. background-attachment: fixed;
  144. background-image:stretch;
  145. background-repeat: no-repeat;
  146. background-image:cover;
  147. background-position:left top;
  148. }
  149.  
  150. b, strong{
  151. color: {color:bold};
  152. text-shadow: 1px 1px 1px {color:Bold shadow};
  153. font-size:12px;
  154. letter-spacing:1px;
  155. }
  156.  
  157. i, em, strong {
  158. font-size:12px;
  159. text-shadow: 1px 1px 1px {color:Italic shadow};
  160. letter-spacing:1px;
  161.  
  162. }
  163.  
  164. h1 {
  165. color: {color:bold};
  166. font-size:25px;
  167. text-shadow: 1px 1px 1px {color:bold shadow};
  168. text-align:center;
  169. }
  170.  
  171. h2 {
  172. color: {color:bold};
  173. font-size:20px;
  174. text-shadow: 1px 1px 1px {color:bold shadow};
  175. text-align:center;
  176. }
  177.  
  178. blockquote {
  179. border-radius:7px;
  180. border-left:2px solid {color:blockquote};
  181. padding-left:10px;
  182. padding-top:0.5px;
  183. padding-bottom:0.5px;
  184. margin:5px;
  185. }
  186.  
  187. a {
  188. text-decoration:none;
  189. outline:none;
  190. -moz-outline-style:none;
  191. color:{color:link};
  192. -webkit-transition: all 0.6s ease;
  193. -moz-transition: all 0.6s ease;
  194. -o-transition: all 0.6s ease
  195. }
  196.  
  197. a:hover {
  198. color:{color:link hover};
  199. -webkit-transition: all 0.8s ease;
  200. -moz-transition: all 0.8s ease;
  201. -o-transition: all 0.8s ease
  202. }
  203.  
  204. blockquote img {
  205. max-width:100%;
  206. height:auto;
  207. }
  208.  
  209. img {
  210. max-width: 100%;
  211. }
  212.  
  213. /*- posts/entries -*/
  214.  
  215. #entries {
  216. left:{text:cont left axis};
  217. top:{text:cont top axis};
  218. position:fixed;
  219. background-color:transparent;
  220. width:505px;
  221. height:{text:cont height};
  222. padding: 20px;
  223. overflow-x:scroll;
  224. scroll:left;
  225. overflow-x:hidden;
  226. }
  227.  
  228.  
  229. #post {
  230. padding-bottom:30px;
  231. margin-top:20px;
  232. }
  233.  
  234.  
  235. #links {
  236. margin-top:{text:links top axis};
  237. margin-left:{text:links left axis};
  238. width:10px;
  239. height:auto;
  240. text-align:center;
  241. font-size:25px;
  242. font-family:calibri;
  243. word-spacing:2px;
  244. position:fixed;
  245. }
  246.  
  247. #links a {
  248. -webkit-transition: all 0.4s ease;
  249. -moz-transition: all 0.4s ease;
  250. -o-transition: all 0.4s ease;
  251. }
  252.  
  253. #links a:hover {
  254. color:{color:link hover}
  255. -webkit-transition: all 0.4s ease;
  256. -moz-transition: all 0.4s ease;
  257. -o-transition: all 0.4s ease;
  258. }
  259.  
  260. #alinks {
  261. top:{text:A links top axis};
  262. left:{text:A links left axis};
  263. height:auto;
  264. text-align:center;
  265. font-size:{text:A links size};
  266. font-family:calibri;
  267. position:fixed;
  268. }
  269.  
  270. #alinks a {
  271. color:{color:extra links};
  272. -webkit-transition: all 0.4s ease;
  273. -moz-transition: all 0.4s ease;
  274. -o-transition: all 0.4s ease;
  275. }
  276.  
  277. #alinks a:hover {
  278. color:{color:extra links hover};
  279. -webkit-transition: all 0.4s ease;
  280. -moz-transition: all 0.4s ease;
  281. -o-transition: all 0.4s ease
  282. }
  283.  
  284. #blinks {
  285. top:{text:B links top axis};
  286. left:{text:B links left axis};
  287. height:auto;
  288. text-align:center;
  289. font-size:{text:B links size};
  290. font-family:calibri;
  291. position:fixed;
  292. }
  293.  
  294. #blinks a {
  295. color:{color:extra links};
  296. -webkit-transition: all 0.4s ease;
  297. -moz-transition: all 0.4s ease;
  298. -o-transition: all 0.4s ease;
  299. }
  300.  
  301. #blinks a:hover {
  302. color:{color:extra links hover};
  303. -webkit-transition: all 0.4s ease;
  304. -moz-transition: all 0.4s ease;
  305. -o-transition: all 0.4s ease;
  306. }
  307.  
  308. #clinks {
  309. top:{text:C links top axis};
  310. left:{text:C links left axis};
  311. height:auto;
  312. text-align:center;
  313. font-size:{text:C links size};
  314. font-family:calibri;
  315. position:fixed;
  316. }
  317.  
  318. #clinks a {
  319. color:{color:extra links};
  320. -webkit-transition: all 0.4s ease;
  321. -moz-transition: all 0.4s ease;
  322. -o-transition: all 0.4s ease;
  323. }
  324.  
  325. #clinks a:hover {
  326. color:{color:extra links hover};
  327. -webkit-transition: all 0.4s ease;
  328. -moz-transition: all 0.4s ease;
  329. -o-transition: all 0.4s ease;
  330. }
  331.  
  332. #dlinks {
  333. top:{text:D links top axis};
  334. left:{text:D links left axis};
  335. text-align:center;
  336. height:auto;
  337. font-size:{text:D links size};
  338. font-family:calibri;
  339. position:fixed;
  340. }
  341.  
  342. #dlinks a {
  343. color:{color:extra links};
  344. -webkit-transition: all 0.4s ease;
  345. -moz-transition: all 0.4s ease;
  346. -o-transition: all 0.4s ease;
  347. }
  348.  
  349. #dlinks a:hover {
  350. color:{color:extra links hover};
  351. -webkit-transition: all 0.4s ease;
  352. -moz-transition: all 0.4s ease;
  353. -o-transition: all 0.4s ease;
  354. }
  355.  
  356. #elinks {
  357. top:{text:E links top axis};
  358. left:{text:E links left axis};
  359. height:auto;
  360. text-align:center;
  361. font-size:{text:E links size};
  362. font-family:calibri;
  363. position:fixed;
  364. }
  365.  
  366. #elinks a {
  367. color:{color:extra links};
  368. -webkit-transition: all 0.4s ease;
  369. -moz-transition: all 0.4s ease;
  370. -o-transition: all 0.4s ease;
  371. }
  372.  
  373. #elinks a:hover {
  374. color:{color:extra links hover};
  375. -webkit-transition: all 0.4s ease;
  376. -moz-transition: all 0.4s ease;
  377. -o-transition: all 0.4s ease;
  378. }
  379.  
  380. #flinks {
  381. top:{text:F links top axis};
  382. left:{text:F links left axis};
  383. height:auto;
  384. text-align:center;
  385. font-size:{text:F links size};
  386. font-family:calibri;
  387. position:fixed;
  388. }
  389.  
  390. #flinks a {
  391. color:{color:extra links};
  392. -webkit-transition: all 0.4s ease;
  393. -moz-transition: all 0.4s ease;
  394. -o-transition: all 0.4s ease;
  395. }
  396.  
  397. #flinks a:hover {
  398. color:{color:extra links hover};
  399. -webkit-transition: all 0.4s ease;
  400. -moz-transition: all 0.4s ease;
  401. -o-transition: all 0.4s ease;
  402. }
  403.  
  404.  
  405. #pagination {
  406. margin-top:{text:pagination top axis};
  407. margin-left:{text:pagination left axis};
  408. text-align:center;
  409. font-size:20px;
  410. position:fixed;
  411. font-family:calibri;
  412. }
  413.  
  414. /*- others -*/
  415.  
  416. #info {
  417. text-align:center;
  418. width:500px;
  419. margin-top:10px;
  420. padding: 5px;
  421. font-size: 8px;
  422. color: {color:link};
  423. border-top: 1px solid {color:border};
  424. }
  425.  
  426. #ask {
  427. padding:9px;
  428. padding-top:4px;
  429. padding-bottom:4px;
  430. text-align:left;
  431. text-transform:italic;
  432. color:{color:text};
  433. border-left:2px solid {color:blockquote};
  434. border-radius:7px;
  435. line-height:200%
  436. }
  437.  
  438. #answer {
  439. width: 500px;
  440. padding-top: 5px;
  441. margin-left: 7px;
  442. line-height:120%;
  443. }
  444.  
  445. #quote {
  446. font-size: 20px;
  447. text-align: center;
  448. line-height: 100%;
  449. }
  450.  
  451. #credit {
  452. font-size:9px;
  453. font-family:calibri;
  454. letter-spacing:1px;
  455. }
  456.  
  457. #credit a {
  458. color:{color:tooltip color};
  459. background-color:{color:tooltip bg};
  460. border:1px solid {color:tooltip border};
  461. border-radius:5px;
  462. padding:5px;
  463. position:fixed;
  464. right:15px;
  465. bottom:10px
  466. }
  467.  
  468. #credit a hover {
  469. color:{color:link hover};
  470. }
  471.  
  472. #tags {
  473. font-style:normal;
  474. width:500px;
  475. text-transform:normal;
  476. font-style:normal;
  477. line-height:120%;
  478. text-align:center;
  479. }
  480.  
  481. {CustomCSS}</style></head><body>
  482.  
  483. <div id="links">
  484.  
  485.  
  486. <div id="alinks"><a href="{text:A links url}" title="{text:A links title}">{text:A links symbol}</a></div>
  487. <div id="blinks"><a href="{text:B links url}" title="{text:B links title}">{text:B links symbol}</a></div>
  488. <div id="clinks"><a href="{text:C links url}" title="{text:C links title}">{text:C links symbol}</a></div>
  489. <div id="dlinks"><a href="{text:D links url}" title="{text:D links title}">{text:D links symbol}</a></div>
  490. <div id="elinks"><a href="{text:E links url}" title="{text:E links title}">{text:E links symbol}</a></div>
  491. <div id="flinks"><a href="{text:F links url}" title="{text:F links title}">{text:F links symbol}</a></div>
  492.  
  493. </div>
  494.  
  495. </div>
  496.  
  497. {block:Pagination}
  498. <div id="pagination">
  499.  
  500. {block:PreviousPage}<a href="{PreviousPage}" title="{text:pagination backward title}">{text:pagination backward}</a>{/block:PreviousPage} —
  501. {block:NextPage} <a href="{NextPage}" title="{text:pagination forward title}">{text:pagination forward}</a>{/block:NextPage}
  502. </div>{/block:Pagination}
  503.  
  504. </div></div>
  505.  
  506. <div id="entries">{block:Posts}<div id="post">
  507.  
  508. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  509.  
  510. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  511.  
  512. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  513.  
  514. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  515.  
  516.  
  517. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  518.  
  519. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  520.  
  521. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  522. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  523. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  524. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  525. {/block:Audio}
  526.  
  527. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  528.  
  529. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="float:left;">&nbsp;<b>{Asker}:</b> <i>{Question}</i></div><br><div id="answer">{Answer}</div>{/block:Answer}
  530.  
  531. <div id="info">
  532. {block:Date}<a href="{Permalink}">
  533. {TimeAgo}</a></a>{/block:Date} | <a href="{Permalink}">
  534. {NoteCountWithLabel}</a>{block:RebloggedFrom} | <a href="{ReblogParentURL}"
  535. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom} <br>
  536. {block:HasTags}<div class="tags"> {block:Tags}<a href="{TagURL}">{text:tag symbol}{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  537.  
  538. </div>
  539.  
  540. </div>
  541. {/block:Posts}
  542. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  543. {/block:Posts}</div></div></div>
  544.  
  545. <div id="credit"><a href="http://empireofoao.tumblr.com/post/140496825751/you-found-aoibaras-indie-contained-theme-code" title="code by Aoibara">oAo</a></center></div>
  546.  
  547.  
  548. </body></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!