API tools faq
paste
Advertisement
fatblackcat

fororion

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