API tools faq
paste
Advertisement
fatblackcat

oaoupdatetransparent

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