API tools faq
paste
Advertisement
kawaiibuu

DS theme - FIXED A B X Y BUTTONS

kawaiibuu
Nov 11th, 2013
7,988
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.68 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. nintendo ds theme
  5. meancutie
  6. http://jubileethemes.tumblr.com
  7.  
  8.  
  9.  
  10. -->
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13. <!-- colors -->
  14. <meta name="color:button" content="#C6BED8"/>
  15. <meta name="color:button accent" content="#C5D5E3"/>
  16. <meta name="color:accent color" content="#C6BED8"/>
  17. <meta name="color:accent color 2" content="#C5D5E3"/>
  18. <meta name="color:background" content="#ffffff"/>
  19. <meta name="color:ds background" content="#ffffff"/>
  20. <meta name="color:post background" content="#ffffff"/>
  21. <meta name="color:border" content="#000"/>
  22. <meta name="color:link" content="#000"/>
  23. <meta name="color:link hover" content="#C6BED8"/>
  24. <meta name="color:text" content="#000"/>
  25.  
  26.  
  27. <!-- images -->
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:background" content=""/>
  30. <meta name="image:ds background" content=""/>
  31. <meta name="image:post background" content=""/>
  32. <!-- toggle options -->
  33. <meta name="if:endless scroll" content="0"/>
  34. <meta name="if:fullsized background" content="0"/>
  35. <meta name="if:show captions" content="0"/>
  36. <meta name="if:show tags" content="0"/>
  37. <!-- text -->
  38. <meta name="text:start button hover" content="about" />
  39. <meta name="text:select button hover" content="links" />
  40. <meta name="text:x button hover" content="X" />
  41. <meta name="text:x button url" content="" />
  42. <meta name="text:y button hover" content="Y" />
  43. <meta name="text:y button url" content="" />
  44. <meta name="text:a button hover" content="A" />
  45. <meta name="text:a button url" content="" />
  46. <meta name="text:b button hover" content="B" />
  47. <meta name="text:b button url" content="" />
  48. <meta name="text:time hover" content="time"/>
  49. <meta name="text:link 1 title" content="example" />
  50. <meta name="text:link 2 title" content="" />
  51. <meta name="text:link 3 title" content="" />
  52. <meta name="text:link 4 title" content="" />
  53. <meta name="text:link 5 title" content="" />
  54.  
  55. <meta name="text:link 1 url" content="" />
  56. <meta name="text:link 2 url" content="" />
  57. <meta name="text:link 3 url" content="" />
  58. <meta name="text:link 4 url" content="" />
  59. <meta name="text:link 5 url" content="" />
  60.  
  61.  
  62.  
  63. <script type="text/javascript">
  64. function unhide(divID) {
  65. var item = document.getElementById(divID);
  66. if (item) {
  67. item.className=(item.className=='hidden')?'unhidden':'hidden';
  68. }
  69. }
  70. </script>
  71.  
  72. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  73. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  74. <script>
  75. (function($){
  76. $(document).ready(function(){
  77. $("[title]").style_my_tooltips();
  78. });
  79. })(jQuery);
  80. </script>
  81. <script type="text/javascript"
  82. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  83. <title>{Title}
  84. {block:PostTitle}: {PostTitle}{/block:PostTitle}
  85. </title>
  86. <link rel="shortcut icon" href="{Favicon}">
  87. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  89. <script>
  90. function startTime()
  91. {
  92. var today=new Date();
  93. var h=today.getHours();
  94. var m=today.getMinutes();
  95. var s=today.getSeconds();
  96. // add a zero in front of numbers<10
  97. m=checkTime(m);
  98. s=checkTime(s);
  99. document.getElementById('txt').innerHTML=h+":"+m+":"+s;
  100. t=setTimeout(function(){startTime()},500);
  101. }
  102.  
  103. function checkTime(i)
  104. {
  105. if (i<10)
  106. {
  107. i="0" + i;
  108. }
  109. return i;
  110. }
  111. </script>
  112. <style type="text/css">
  113. iframe#tumblr_controls {
  114. right:0px !important;
  115. position: fixed !important;
  116. -webkit-transition:opacity 0.5s linear;
  117. opacity: 0.5;
  118. -webkit-transition: all 0.2s ease-out;
  119. -moz-transition: all 0.2s ease-out;
  120. transition: all 0.2s ease-out;
  121. z-index:0000;
  122. }
  123. @font-face{font-family: "handy"; src:url('http://static.tumblr.com/va8axoh/0n6lwmnpk/handy00.ttf');}
  124. @font-face{font-family: "pop"; src:url('http://static.tumblr.com/mqkrxog/ygpmw2pgr/nonpop.ttf');}
  125. body {
  126. font-family:'littlefont', Lucida Console;
  127. font-weight:normal;
  128. font-size:10px;
  129.  
  130. letter-spacing:1px;
  131. color:{color:text};
  132. word-break:keep-all;
  133. text-align:center;
  134. background:{color:background} url('{image:background}') fixed repeat right bottom;
  135. margin:0;
  136. {block:iffullsizedbackground}background-size: cover; {/block:iffullsizedbackground}
  137.  
  138. -webkit-transition: all 0.5s ease-in-out;
  139. -moz-transition: all 0.5s ease-in-out;
  140. -ms-transition: all 0.5s ease-in-out;
  141. -o-transition: all 0.5s ease-in-out;
  142. transition: all 0.5s ease-in-out;
  143. }
  144.  
  145. a { text-decoration: none;
  146.  
  147. font-size:10px; color: {color:link};
  148.  
  149. -webkit-transition: all 0.5s ease-in-out;
  150. -moz-transition: all 0.5s ease-in-out;
  151. -ms-transition: all 0.5s ease-in-out;
  152. -o-transition: all 0.5s ease-in-out;
  153. transition: all 0.5s ease-in-out;
  154. }
  155.  
  156. a:hover {
  157. color: {color:link hover};
  158. }
  159. ::selection {
  160. background: {color:accent color};
  161. }
  162.  
  163. ::-moz-selection {
  164. background: {color:accent color};
  165. }
  166.  
  167. ::-webkit-selection {
  168. background: {color:accent color};
  169. }
  170. #content {
  171. margin: 57px 250px;
  172. }
  173.  
  174. #posts {
  175. width:299.5px; cursor:url('http://static.tumblr.com/mqkrxog/sRcmw4qbv/cursor.png'), progress !important;
  176. height:477.5px;
  177. position:absolute;
  178. background:{color:post background} url('{image:post background}') fixed repeat right bottom;
  179. overflow-y: auto;
  180. overflow-x:hidden;
  181. padding: 5px;
  182. padding-left: 7px;
  183. margin-top: 33px;
  184. margin-left: 114px;
  185. z-index: 9;
  186. }
  187. #posts a {
  188. cursor:url('http://static.tumblr.com/mqkrxog/sRcmw4qbv/cursor.png'), progress !important;
  189. }
  190. .posts { margin-top: 0px;
  191.  
  192. }
  193.  
  194. .posts img {
  195. max-width:100%;
  196.  
  197. }
  198.  
  199. #perma { padding: 5px;
  200. border-top: ridge {color:border};
  201. text-align:left;
  202.  
  203.  
  204. width: 97%;
  205.  
  206.  
  207. }
  208.  
  209. #perma:hover {
  210.  
  211. }
  212.  
  213. #perma a {
  214. font-family:'littlefont', Lucida Console;
  215. font-weight:normal;
  216. font-size:9px;
  217. padding-right: 5px;
  218. }
  219.  
  220. .entry {
  221. {block:permalinkpage} max-height: 200px; overflow: auto; {/block:permalinkpage}
  222. margin-bottom: 15px;
  223. background: {color:accent color} ;
  224. border: 5px {color:border};
  225. border-bottom: 5px {color:border};
  226. border-style:ridge;
  227. -webkit-border-top-left-radius: 3px;
  228. -webkit-border-top-right-radius: 3px;
  229. -moz-border-radius-topleft: 3px;
  230. -moz-border-radius-topright: 3px;
  231. border-top-left-radius: 3px;
  232. border-top-right-radius: 3px;-webkit-box-shadow: 3px 3px 0px rgba(50, 50, 50, 0.25);
  233. -moz-box-shadow: 3px 3px 0px rgba(50, 50, 50, 0.25);
  234. box-shadow: 3px 3px 0px rgba(50, 50, 50, 0.25);
  235. }
  236. .entry a{
  237.  
  238. }
  239.  
  240. .entry a:hover {
  241.  
  242. }
  243. .entry img {
  244.  
  245. }
  246.  
  247.  
  248.  
  249. #s-m-t-tooltip {
  250. z-index: 99999999999999999999999999999999999999999999;
  251. background: {color:accent color};
  252. letter-spacing:1.5px;
  253. padding: 2px;
  254. padding-left: 3px;
  255. text-align:center;
  256. color: {color:text};
  257. max-width: 100px;
  258. font-size: 8px;
  259. text-transform:uppercase;
  260. display:block;
  261. margin:10px 10px 10px 10px;
  262. margin-left: 20px;
  263. -webkit-border-top-left-radius: 3px;
  264. -webkit-border-top-right-radius: 3px;
  265. -moz-border-radius-topleft: 3px;
  266. -moz-border-radius-topright: 3px;
  267. border-top-left-radius: 3px;
  268. border-top-right-radius: 3px;
  269. border: {color:border};
  270. border-top: {color:border};
  271. border-style:ridge;}
  272.  
  273.  
  274.  
  275.  
  276.  
  277. b, strong {
  278. font-weight:heavy;
  279.  
  280. }
  281. i, em {
  282.  
  283. font-weight:normal;
  284.  
  285. }
  286. li {
  287. list-style:none;
  288. margin-left:-25px;
  289. text-align:justify;
  290. margin-right:0px;
  291. }
  292. .hidden {display: none;}
  293. .unhidden {display: block;}
  294. blockquote {
  295. margin-left:0px;
  296. margin-right:0px;
  297. padding:5px 10px 5px 10px;
  298. overflow:hidden;
  299. text-align:justify;
  300. background: {color:accent color};
  301. border-left:2px solid {color:border};
  302. border-right: 2px solid {color:border};
  303. }
  304.  
  305. ::-webkit-scrollbar {
  306. width: 6px;
  307. height: 7px;
  308. background: transparent;
  309. }
  310. ::-webkit-scrollbar-thumb {
  311. background-color: black;
  312.  
  313. }
  314.  
  315.  
  316. #holder {
  317. position: fixed ;
  318. }
  319.  
  320. #linkholder {
  321. position:absolute; margin-top: 340px;
  322. margin-left: 5px;
  323.  
  324. -webkit-transition: all 0.5s ease-in-out;
  325. -moz-transition: all 0.5s ease-in-out;
  326. -ms-transition: all 0.5s ease-in-out;
  327. -o-transition: all 0.5s ease-in-out;
  328. transition: all 0.5s ease-in-out;
  329. }
  330.  
  331. #linkholder img:hover {
  332.  
  333. -webkit-transition: all 0.5s ease-in-out;
  334. -moz-transition: all 0.5s ease-in-out;
  335. -ms-transition: all 0.5s ease-in-out;
  336. -o-transition: all 0.5s ease-in-out;
  337. transition: all 0.5s ease-in-out;
  338.  
  339. }
  340.  
  341.  
  342. #backer {
  343. -webkit-border-top-left-radius: 23px;
  344. -webkit-border-top-right-radius: 23px;
  345. -moz-border-radius-topleft: 23px;
  346. -moz-border-radius-topright: 23px;
  347. border-top-left-radius: 23px;
  348. border-top-right-radius: 23px;
  349. background:{color:ds background} url('{image:ds background}') fixed repeat center center;
  350. width: 537px;
  351. height: 260px; z-index: -99;
  352. position: fixed;
  353. margin-top:1px;
  354. margin-left: 2px;
  355. }
  356. #backer2 {
  357. background:{color:ds background} url('{image:ds background}') fixed repeat center center;
  358. width: 534px;
  359. height: 267px; z-index: -99;
  360. position: fixed;
  361. margin-top: 298px;-webkit-border-radius: 13px;
  362. -moz-border-radius: 13px;
  363. border-radius: 13px;
  364. margin-left: 253px;
  365. }
  366.  
  367.  
  368.  
  369.  
  370. #iconn {
  371. position: fixed;
  372. margin-top: 45px;
  373. margin-left: 585px;
  374. width: 170px;
  375.  
  376. }
  377. #hh { background:{color:ds background} url('{image:ds background}') fixed repeat center center;
  378.  
  379. width: 408px;
  380. top: 284px;
  381.  
  382. left: 316px;
  383. z-index: 99999999999999;
  384. height: 98px;
  385. position: fixed;
  386.  
  387.  
  388.  
  389.  
  390.  
  391.  
  392.  
  393.  
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400. }
  401. #hw {
  402.  
  403. width: 312px;
  404. margin-top: 226px;
  405. border-top: 3px solid black;
  406. border-bottom: 3px solid black;
  407. margin-left: 114px;
  408. z-index: 99999999999999999999999999;
  409. height: 96px;
  410. position: fixed;
  411. }
  412.  
  413. #hb {
  414. border: 3px solid black; margin-top: 267px;
  415. width: 408px;
  416. margin-left: 64px;
  417. z-index: 99999999999999999999999999999999;
  418. height: 27px;
  419. position: fixed;
  420. }
  421.  
  422.  
  423.  
  424. #displaybx {
  425. position:absolute;
  426. background: {color:accent color 2};
  427. border: 2px solid {color:text};
  428. -webkit-border-radius: 3px;
  429. width: 75px;
  430. -moz-border-radius: 3px;
  431. border-radius: 3px;
  432. padding: 2px;
  433. margin-left: 428px; position: fixed; margin-top: 180px;
  434. }
  435. #ls {
  436. -webkit-border-top-right-radius: 20px;
  437. -webkit-border-bottom-right-radius: 20px;
  438. -moz-border-radius-topright: 20px;
  439. -moz-border-radius-bottomright: 20px;
  440. border-top-right-radius: 20px;
  441. border-bottom-right-radius: 20px;
  442. background:{color:ds background} url('{image:ds background}') fixed repeat center center;
  443. width: 407px;
  444. margin-top: 269px;
  445.  
  446. margin-left: 132px;
  447. z-index: -9999;
  448. height: 29px;
  449. position: fixed;
  450. }
  451.  
  452. #rs {
  453. -webkit-border-top-left-radius: 20px;
  454. -webkit-border-bottom-left-radius: 20px;
  455. -moz-border-radius-topleft: 20px;
  456. -moz-border-radius-bottomleft: 20px;
  457. border-top-left-radius: 20px;
  458. border-bottom-left-radius: 20px;
  459. background:{color:ds background} url('{image:ds background}') fixed repeat center center;
  460. width: 408px;
  461. margin-top: 269px;
  462.  
  463. margin-left: 2px;
  464. z-index: -9999;
  465. height: 29px;
  466. position: fixed;
  467. }
  468.  
  469.  
  470. #sidebox {
  471. position:fixed;
  472. overflow:auto;
  473. height: 225px;
  474. text-align: justify;
  475. width: 158px;
  476. margin-left: 592px;
  477. margin-top: 205px;
  478. }
  479.  
  480.  
  481.  
  482. #arrow {
  483. position: fixed;
  484. margin-top: 345px;
  485. margin-left: 3px;
  486.  
  487. }
  488.  
  489.  
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496. #assholes {
  497. position:absolute; overflow: auto;
  498. background: {color:accent color 2};
  499. border: 2px solid {color:text};
  500. -webkit-border-radius: 3px;
  501. width: 145px;
  502. max-height: 130px;
  503. -moz-border-radius: 3px;
  504. border-radius: 3px;
  505. padding: 2px;
  506. margin-left: 428px; position: fixed; margin-top: 180px;
  507. }
  508.  
  509.  
  510.  
  511.  
  512.  
  513.  
  514.  
  515. </style>
  516.  
  517. {block:ifendlessscroll}
  518. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  519. {/block:ifendlessscroll}
  520.  
  521.  
  522.  
  523. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  524.  
  525.  
  526.  
  527.  
  528. </head>
  529. <body>
  530. <div id="backer2"> </div>
  531.  
  532. <div id="content"> <div id="hh"> </div><div id="hb"> </div> <div id="ls"> </div> <div id="rs"> </div> <div id="hw"> </div>
  533. <div id="backer"> </div>
  534. <div id="holder"><img src="http://static.tumblr.com/mqkrxog/NjZmw4utu/hh.png" style="z-index: -999999;"/></div>
  535. <div style="position:fixed; width: 95px; margin-top: 7px; margin-left: 340px; z-index: 9999;"><marquee behavior="scroll" direction="left">
  536. {title}
  537. </marquee></div>
  538.  
  539.  
  540. <div id="arrow">
  541. <div style="width: 20px; height: 71px;position: absolute; margin-left: 43px; margin-top: 4px; background: {color:button};padding: 4px;"></div>
  542.  
  543.  
  544. <div style="width: 67px; height: 22px;position: absolute; margin-left: 19px; margin-top: 29px; background: {color:button};padding: 4px;"></div>
  545.  
  546.  
  547. <a href="/" title="refresh"> <img src="http://static.tumblr.com/mqkrxog/XvUmw2h9r/untitled-5.png" onmouseover="this.src='http://i.imgur.com/j5jpqRK.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/XvUmw2h9r/untitled-5.png'" style="position: absolute; margin-left: 40px; margin-top: 2px;"/></a>
  548.  
  549. <a href="/ask" title="message"> <img src="http://static.tumblr.com/mqkrxog/wDRmw2hfr/erysut.png" onmouseover="this.src='http://i.imgur.com/Ky98v3q.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/wDRmw2hfr/erysut.png'" style="margin-left: 70px; position: absolute; margin-top: 29px;"/></a>
  550.  
  551. <a href="/submit" title="submit"> <img src="http://static.tumblr.com/mqkrxog/6GKmw2hhs/eg.png" onmouseover="this.src='http://i.imgur.com/Fvwvby1.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/6GKmw2hhs/eg.png'" style="margin-left: 16px; position: absolute; margin-top: 29px;"/>
  552. </a>
  553. <a href="/archive" title="index"><img src="http://static.tumblr.com/mqkrxog/ElBmw2hky/sgr.png" onmouseover="this.src='http://i.imgur.com/gHMHaCH.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/ElBmw2hky/sgr.png'" style="margin-left: 40px; position: absolute; margin-top: 59px;"/></a>
  554.  
  555.  
  556.  
  557. {block:ifnotendlessscroll}{block:Pagination}{block:PreviousPage}
  558. <div style="width: 5px; height: 5px;margin-left: 89px; position: absolute; margin-top: 137px; background: {color:button};-webkit-border-radius: 40px;
  559. -moz-border-radius: 40px;
  560. border-radius: 40px; padding: 4px;"></div> <div style="position:fixed; padding-bottom: 10px;margin-left: 29px; margin-top: 135px;"> <a href="{PreviousPage}" title="previous page"> <img src="http://static.tumblr.com/mqkrxog/kvdmw4swu/last.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/vuTmw4sxb/last_hover.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/kvdmw4swu/last.png'" /></a></div>{/block:PreviousPage}{block:NextPage}<div style="width: 5px; height: 5px;margin-left: 89px; position: absolute; margin-top: 155px; background: {color:button};-webkit-border-radius: 40px;
  561. -moz-border-radius: 40px;
  562. border-radius: 40px; padding: 4px;"></div>
  563. <div style="position:fixed; padding-bottom: 10px;margin-left: 29px; margin-top: 153px;"> <a href="{NextPage}" title="next page"> <img src="http://static.tumblr.com/mqkrxog/dkLmw4svz/next.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/YfOmw4swg/next_hover.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/dkLmw4svz/next.png'" /></a> </div>{/block:NextPage} {/block:Pagination}
  564.  
  565. {block:ifnotendlessscroll}
  566.  
  567.  
  568.  
  569.  
  570.  
  571.  
  572.  
  573. </div>
  574. <a href="http://jubileethemes.tumblr.com" title="download theme">
  575. <div style="position:fixed; top: 330px; left: 760px;"><img src="http://static.tumblr.com/mqkrxog/OL4mw2obd/no_hov.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/Nuvmw2oex/on_hov.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/OL4mw2obd/no_hov.png'"></div> </a>
  576.  
  577. <div style="position:fixed; top: 330px; left: 751px;"><img src="http://static.tumblr.com/mqkrxog/OL4mw2obd/no_hov.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/aTXmw2ojr/on_hov_2.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/OL4mw2obd/no_hov.png'" title="theme best viewed in google chrome; hover over posts to scroll"></div>
  578.  
  579.  
  580.  
  581. <div id="linkholder">
  582.  
  583.  
  584. <a href="{text:x button url}" title="{text:x button hover}"> <div style="width: 5px; height: 5px;margin-left: 461px; margin-top: 3px;position: absolute; background: {color:button};-webkit-border-radius: 40px;
  585. -moz-border-radius: 40px;
  586. border-radius: 40px; padding: 14px;"></div><img src="http://static.tumblr.com/mqkrxog/I1Gmw2cpt/a.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/dDZmw4fr1/x.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/I1Gmw2cpt/a.png'" style="margin-left: 458px; position: absolute;">
  587.  
  588. <a href="{text:a button url}" title="{text:a button hover}"> <div style="width: 5px; height: 5px;margin-left: 491px; position: absolute; margin-top: 33px; background: {color:button accent};-webkit-border-radius: 40px;
  589. -moz-border-radius: 40px;
  590. border-radius: 40px; padding: 14px;"></div><img src="http://static.tumblr.com/mqkrxog/tW5mw2cvj/untitled-2.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/Uo3mw4fs3/a_a.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/tW5mw2cvj/untitled-2.png'" style="margin-left: 488px; position: absolute; margin-top: 29.5px;"> </a>
  591.  
  592. <a href="{text:b button url}" title="{text:b button hover}"> <div style="width: 5px; height: 5px;margin-left: 461px; position: absolute; margin-top: 64px; background: {color:button accent};-webkit-border-radius: 40px;
  593. -moz-border-radius: 40px;
  594. border-radius: 40px; padding: 14px;"></div><img src="http://static.tumblr.com/mqkrxog/mPJmw2d2e/untitled-4.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/3Xkmw4fsn/b.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/mPJmw2d2e/untitled-4.png'" style="margin-left: 458px; position: absolute; margin-top: 61.2px;"> </a>
  595.  
  596. <a href="{text:y button url}" title="{text:y button hover}"> <div style="width: 5px; height: 5px;margin-left: 431px; position: absolute; margin-top: 35px; background: {color:button};-webkit-border-radius: 40px;
  597. -moz-border-radius: 40px;
  598. border-radius: 40px; padding: 14px;"></div><img src="http://static.tumblr.com/mqkrxog/pdimw2d5z/rygh.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/HJFmw4fsy/y.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/pdimw2d5z/rygh.png'" style="margin-left: 428px; position: absolute; margin-top: 31.5px;"> </a>
  599.  
  600.  
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607. <div style="width: 5px; height: 5px;margin-left: 431px; position: absolute; margin-top: 143px; background: {color:button};-webkit-border-radius: 40px;
  608. -moz-border-radius: 40px;
  609. border-radius: 40px; padding: 4px;"></div>
  610. <a href="javascript:unhide('assholes');" title="{text:start button hover}">
  611. <center><img src="http://static.tumblr.com/mqkrxog/y9cmw2e38/untitled-3.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/9aXmw4fv5/fdgzdfh.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/y9cmw2e38/untitled-3.png'" style="margin-left: 428px; position: absolute; margin-top: 140px;">
  612. </a>
  613. <div id="assholes" class="hidden">
  614. <center><img src="{image:sidebar}" style="max-width: 150px; position:fixed; margin-top: -100px;" /></center>
  615. {description}
  616. </center></span>
  617.  
  618.  
  619. <div style="width: 5px; height: 5px;margin-left: 431px; position: absolute; margin-top: 163px; background: {color:button};-webkit-border-radius: 40px;
  620. -moz-border-radius: 40px;
  621. border-radius: 40px; padding: 4px;"></div>
  622. <a href="javascript:unhide('displaybx');" title="{text:select button hover}">
  623. <center><img src="http://static.tumblr.com/mqkrxog/SWHmw2e4y/sdf.png" onmouseover="this.src='http://static.tumblr.com/mqkrxog/edHmw4fvi/start.png'" onmouseout="this.src='http://static.tumblr.com/mqkrxog/SWHmw2e4y/sdf.png'" style="margin-left: 428px; position: fixed; margin-top: 160px;">
  624. </a>
  625. <div id="displaybx" class="hidden">
  626. {block:iflink1title}<a href="{text:Link 1 URL}">{text:Link 1 title}</a><br>{/block:iflink1title}
  627. {block:iflink2title}<a href="{text:Link 2 URL}">{text:Link 2 title}</a><br>{block:iflink2title}
  628. {block:iflink3title}<a href="{text:Link 3 URL}">{text:Link 3 title}</a><br>{block:iflink3title}{block:iflink1title}
  629. {block:iflink4title}<a href="{text:Link 4 URL}">{text:Link 4 title}</a><br>{block:iflink4title}
  630. {block:iflink5title}<a href="{text:Link 5 URL}">{text:Link 5 title}</a><br>{block:iflink5title}
  631. </center></span>
  632.  
  633.  
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640. </div>
  641.  
  642.  
  643.  
  644. <div style="position:fixed; width: 97px; margin-top: 42px; margin-left: 10px; overflow:auto; height: 70px;padding:5px;">
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651. </div>
  652.  
  653.  
  654.  
  655.  
  656.  
  657.  
  658.  
  659.  
  660.  
  661.  
  662.  
  663.  
  664. <body onload="startTime()">
  665. <small><div id="txt" style="position:absolute; margin-top: 544px; margin-left: 15px; padding: 1px; padding-top: 2px;" title="{text:time hover}"></div></small>
  666. </body>
  667.  
  668.  
  669. <div id="outer">
  670.  
  671.  
  672. <div id="posts">
  673.  
  674.  
  675.  
  676.  
  677.  
  678. {block:Posts} {block:ifendlessscroll}<div class="autopagerize_page_element">{block:ifendlessscroll}
  679. {block:ContentSource}
  680. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  681. {/block:ContentSource}
  682. <!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692.  
  693.  
  694.  
  695.  
  696.  
  697.  
  698.  
  699.  
  700.  
  701. <div class="posts">
  702.  
  703. {block:Text}
  704.  
  705. <div class="entry">
  706. {block:Title}
  707. <div class="psttit" style="padding-top: 5px;"><font style="text-transform:uppercase;">{Title}</font></div>
  708. {/block:Title}
  709. {Body}
  710.  
  711.  
  712.  
  713.  
  714. {block:ifshowtags}
  715. {block:HasTags}
  716. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  717. {/block:ifshowtags}<br>
  718. {block:indexpage}
  719.  
  720. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  721.  
  722. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  723.  
  724. </div>
  725. {/block:indexpage}
  726. </div>
  727.  
  728.  
  729. {/block:Text}
  730.  
  731. {block:Photo}
  732. <div class="entry">
  733.  
  734.  
  735.  
  736. <!-- photo post -->
  737. <center>
  738. <img src="{PhotoURL-HighRes}"/>
  739. </center>
  740.  
  741. {block:ifshowcaptions}<div style="padding:2px;">{caption}</div>{/block:ifshowcaptions}
  742.  
  743. {block:indexpage}
  744.  
  745. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  746.  
  747. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  748.  
  749. </div>
  750. {/block:indexpage}
  751.  
  752. {block:ifshowtags}
  753. {block:HasTags}
  754. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  755. {/block:ifshowtags}
  756. </div>
  757.  
  758. {/block:Photo}
  759.  
  760. {block:Photoset}
  761. <div class="entry">
  762. <!-- photoset -->
  763. {Photoset-250}
  764.  
  765. {block:ifshowcaptions}<div style="padding:2px;">{caption}</div>{/block:ifshowcaptions}
  766.  
  767. {block:indexpage}
  768.  
  769. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  770.  
  771. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  772.  
  773. </div>
  774. {/block:indexpage}
  775.  
  776. {block:ifshowtags}
  777. {block:HasTags}
  778. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  779. {/block:ifshowtags}
  780. </div>
  781.  
  782. {/block:Photoset}
  783.  
  784.  
  785.  
  786. {block:Link}
  787. <div class="entry">
  788. <div style="font-size:13px;line-height:14px; padding-top: 5px;" >
  789. <a href="{URL}" {Target}>{Name}</a></div>
  790. {description}
  791.  
  792. {block:indexpage}
  793.  
  794. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  795.  
  796. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  797.  
  798. </div>
  799. {/block:indexpage}
  800. {block:ifshowtags}
  801. {block:HasTags}
  802. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  803. {/block:ifshowtags}
  804. </div>
  805.  
  806.  
  807. {/block:Link}
  808.  
  809. {block:Chat}
  810. <div class="entry">
  811. {block:Title}
  812.  
  813. {Title}
  814.  
  815. {/block:Title}
  816. {block:Lines}<div style="text-align:justify; padding: 5px;">
  817. {block:Label}<span style="border-bottom: 1px solid;">{Label}</span>{/block:Label}
  818. {Line}<br></div>
  819. {/block:Lines}
  820. {block:indexpage}
  821.  
  822. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  823.  
  824. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  825.  
  826. </div>
  827. {/block:indexpage}
  828.  
  829. {block:ifshowtags}
  830. {block:HasTags}
  831. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;" title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  832. {/block:ifshowtags}
  833. </div>
  834.  
  835. {/block:Chat}
  836.  
  837.  
  838.  
  839.  
  840. {block:Answer}<div class="entry"><div style="padding-top: 3px;"><font style="text-transform:uppercase;">{Asker} SENT</font>: {Question}<div style="padding-left: 3px;">{Answer}</div>{block:indexpage}
  841.  
  842. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  843.  
  844. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  845.  
  846. </div>
  847. {/block:indexpage}</div>{block:ifshowtags}
  848. {block:HasTags}
  849. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  850. {/block:ifshowtags}</div>
  851.  
  852.  
  853. {/block:Answer}
  854.  
  855. {block:Audio}
  856. <div class="entry">
  857. {block:AlbumArt}
  858. <div style="text-align:left;">
  859. <img src="{AlbumArtURL}" width="30%"></a>
  860.  
  861. <div style="float:right; max-width: 140px;"></div>
  862.  
  863. </div>
  864. {/block:AlbumArt}
  865. <div style="width:width:250px; opacity:0.5; overflow:hidden; margin-top: 5px;">
  866. {AudioPlayerWhite}
  867. </div>
  868.  
  869. {block:indexpage}
  870.  
  871. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  872.  
  873. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  874.  
  875. </div>
  876. {/block:indexpage}
  877. {block:ifshowtags}
  878. {block:HasTags}
  879. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  880. {/block:ifshowtags}
  881.  
  882.  
  883.  
  884.  
  885. </div>
  886.  
  887. {/block:Audio}
  888.  
  889.  
  890. {block:Video}<div class="entry">
  891. {Video-250}
  892.  
  893.  
  894. {block:ifshowcaptions}<div style="padding:2px;">{caption}</div>{/block:ifshowcaptions}
  895. {block:indexpage}
  896.  
  897. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  898.  
  899. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  900.  
  901. </div>
  902. {/block:indexpage}
  903. {block:ifshowtags}
  904. {block:HasTags}
  905. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  906. {/block:ifshowtags}
  907.  
  908. </div>
  909.  
  910.  
  911. {/block:Video}
  912.  
  913.  
  914. {block:Quote}
  915. <div class="entry">
  916. <div style="padding: 5.5px;">
  917. {Quote}</div>
  918. {Source}<br>
  919.  
  920.  
  921.  
  922. {block:indexpage}
  923.  
  924. <div id="perma"> {block:Date}⊿ <a href="{Permalink}" title="{notecountwithlabel}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  925.  
  926. <a href="{ReblogURL}" target="_blank" class="details" title="reblog">reblog</a>
  927.  
  928. </div>
  929. {/block:indexpage}
  930.  
  931.  
  932. {block:ifshowtags}
  933. {block:HasTags}
  934. {block:Tags}<a href="{TagURL}" style="text-align:right; padding-right: 3px;"title="#">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  935. {/block:ifshowtags}
  936.  
  937.  
  938.  
  939.  
  940.  
  941. </div>
  942.  
  943.  
  944. {/block:Quote}
  945.  
  946.  
  947.  
  948.  
  949. {block:PermalinkPage}
  950.  
  951. {block:PostNotes}
  952. {PostNotes}
  953. {/block:PostNotes}
  954. {/block:PermalinkPage}
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968. {/block:Posts}
  969.  
  970.  
  971.  
  972.  
  973.  
  974.  
  975.  
  976. </div>
  977.  
  978.  
  979.  
  980.  
  981. </div>
  982.  
  983.  
  984.  
  985. </body>
  986. </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!