API tools faq
paste
Advertisement
Aken

obito: *sits*

Aken
Oct 8th, 2018 (edited)
902
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. obito: *sits* theme by @aken ♥
  7.  
  8. 1. the sidebar img DOES snap back into place out of editing. don't worry!
  9. 2. this theme is pretty simple, as always. edit as much as you like!
  10. 3. please message me if there are ANY problems. i put the meta tags in pretty fast so i'm never sure. enjoy!
  11.  
  12. ----->
  13.  
  14. <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
  15.  
  16. {block:ifheartcursor}
  17. <script type="text/javascript">
  18. // <![CDATA[
  19. var colours=new Array('{color:heart color 1}', '{color:heart color 2}', '{color:heart color 3}', '{color:heart color 4}', '{color:heart color 5}', '{color:heart color 6}'); // colours of the hearts
  20. var minisize=16; // smallest size of hearts in pixels
  21. var maxisize=28; // biggest size of hearts in pixels
  22. var hearts=66; // maximum number of hearts on screen
  23. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  24.  
  25. /*****************************
  26. *JavaScript Love Heart Cursor*
  27. * (c)2013+ mf2fm web-design *
  28. * https://www.mf2fm.com/rv *
  29. * DON'T EDIT BELOW THIS BOX *
  30. *****************************/
  31. var x=ox=400;
  32. var y=oy=300;
  33. var swide=800;
  34. var shigh=600;
  35. var sleft=sdown=0;
  36. var herz=new Array();
  37. var herzx=new Array();
  38. var herzy=new Array();
  39. var herzs=new Array();
  40. var kiss=false;
  41.  
  42. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  43. var oldonload=window.onload;
  44. if (typeof(oldonload)!='function') window.onload=funky;
  45. else window.onload=function() {
  46. if (oldonload) oldonload();
  47. funky();
  48. }
  49. }
  50.  
  51. addRVLoadEvent(mwah);
  52.  
  53. function mwah() { if (document.getElementById) {
  54. var i, heart;
  55. for (i=0; i<hearts; i++) {
  56. heart=createDiv("auto", "auto");
  57. heart.style.visibility="hidden";
  58. heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  59. heart.style.color=colours[i%colours.length];
  60. heart.style.pointerEvents="none";
  61. if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  62. else heart.style.opacity=0.75;
  63. heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  64. document.body.appendChild(heart);
  65. herz[i]=heart;
  66. herzy[i]=false;
  67. }
  68. set_scroll();
  69. set_width();
  70. herzle();
  71. }}
  72.  
  73. function herzle() {
  74. var c;
  75. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  76. ox=x;
  77. oy=y;
  78. for (c=0; c<hearts; c++) if (herzy[c]===false) {
  79. herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  80. herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  81. herz[c].style.top=(herzy[c]=y-minisize)+"px";
  82. herz[c].style.fontSize=minisize+"px";
  83. herz[c].style.fontWeight='normal';
  84. herz[c].style.visibility='visible';
  85. herzs[c]=minisize;
  86. break;
  87. }
  88. }
  89. for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  90. setTimeout("herzle()", 40);
  91. }
  92.  
  93. document.onmousedown=pucker;
  94. document.onmouseup=function(){clearTimeout(kiss);};
  95.  
  96. function pucker() {
  97. ox=-1;
  98. oy=-1;
  99. kiss=setTimeout('pucker()', 100);
  100. }
  101.  
  102. function blow_me_a_kiss(i) {
  103. herzy[i]-=herzs[i]/minisize+i%2;
  104. herzx[i]+=(i%5-2)/5;
  105. if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  106. herz[i].style.visibility="hidden";
  107. herzy[i]=false;
  108. }
  109. else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  110. else {
  111. if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  112. herz[i].style.top=herzy[i]+"px";
  113. herz[i].style.left=herzx[i]+"px";
  114. }
  115. }
  116.  
  117. function break_my_heart(i) {
  118. var t;
  119. herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  120. herz[i].style.fontWeight='bold';
  121. herzy[i]=false;
  122. for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  123. setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  124. }
  125.  
  126. document.onmousemove=mouse;
  127. function mouse(e) {
  128. if (e) {
  129. y=e.pageY;
  130. x=e.pageX;
  131. }
  132. else {
  133. set_scroll();
  134. y=event.y+sdown;
  135. x=event.x+sleft;
  136. }
  137. }
  138.  
  139. window.onresize=set_width;
  140. function set_width() {
  141. var sw_min=999999;
  142. var sh_min=999999;
  143. if (document.documentElement && document.documentElement.clientWidth) {
  144. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  145. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  146. }
  147. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  148. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  149. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  150. }
  151. if (document.body.clientWidth) {
  152. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  153. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  154. }
  155. if (sw_min==999999 || sh_min==999999) {
  156. sw_min=800;
  157. sh_min=600;
  158. }
  159. swide=sw_min;
  160. shigh=sh_min;
  161. }
  162.  
  163. window.onscroll=set_scroll;
  164. function set_scroll() {
  165. if (typeof(self.pageYOffset)=='number') {
  166. sdown=self.pageYOffset;
  167. sleft=self.pageXOffset;
  168. }
  169. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  170. sdown=document.body.scrollTop;
  171. sleft=document.body.scrollLeft;
  172. }
  173. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  174. sleft=document.documentElement.scrollLeft;
  175. sdown=document.documentElement.scrollTop;
  176. }
  177. else {
  178. sdown=0;
  179. sleft=0;
  180. }
  181. }
  182.  
  183. function createDiv(height, width) {
  184. var div=document.createElement("div");
  185. div.style.position="absolute";
  186. div.style.height=height;
  187. div.style.width=width;
  188. div.style.overflow="hidden";
  189. div.style.backgroundColor="transparent";
  190. return (div);
  191. }
  192. // ]]>
  193. </script>
  194. {/block:ifheartcursor}
  195.  
  196. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  197.  
  198. <meta charset="utf-8">
  199. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  200. {block:Description}
  201. <meta name="description" content="{MetaDescription}" />
  202. {/block:Description}
  203.  
  204. <title>{Title}</title>
  205. <link rel="shortcut icon" href="{image:favicon}">
  206.  
  207. <meta name="image:sidebar img" content="">
  208. <meta name="image:background" content="">
  209. <meta name="image:favicon" content="">
  210.  
  211. <meta name="color:background" content="#fff">
  212. <meta name="color:text" content="#000">
  213. <meta name="color:link" content="#5d5d5d">
  214. <meta name="color:link hover" content="#ddd">
  215. <meta name="color:link shadow" content="#000">
  216. <meta name="color:post color" content="#fff">
  217. <meta name="color:borders" content="#000">
  218. <meta name="color:blockquote" content="#000">
  219. <meta name="color:sidebar color" content="#fff">
  220. <meta name="color:heart color 1" content="#000">
  221. <meta name="color:heart color 2" content="#000">
  222. <meta name="color:heart color 3" content="#000">
  223. <meta name="color:heart color 4" content="#000">
  224. <meta name="color:heart color 5" content="#000">
  225. <meta name="color:heart color 6" content="#000">
  226.  
  227. <meta name="select:font" content="arial"/>
  228. <meta name="select:font" content="ms gothic"/>
  229. <meta name="select:font" content="consolas"/>
  230. <meta name="select:font" content="short stack"/>
  231. <meta name="select:font" content="georgia"/>
  232. <meta name="select:font" content="palatino"/>
  233. <meta name="select:borders" content="solid"/>
  234. <meta name="select:borders" content="dotted"/>
  235. <meta name="select:borders" content="dashed"/>
  236. <meta name="select:borders" content="outset"/>
  237. <meta name="select:borders" content="double"/>
  238.  
  239. <meta name="text:link 1 url" content="">
  240. <meta name="text:link 1 title" content="">
  241. <meta name="text:link 2 url" content="">
  242. <meta name="text:link 2 title" content="">
  243. <meta name="text:link divider" conetent=":">
  244. <meta name="text:redirect tag" content="" />
  245. <meta name="text:font size" content="16">
  246. <meta name="text:border size" content="1">
  247.  
  248. <meta name="if:circle sidebar img" content="">
  249. <meta name="if:sidebar img border" content="">
  250. <meta name="if:borders" content="">
  251. <meta name="if:transparent post" content="">
  252. <meta name="if:transparent sidebar" content="">
  253. <meta name="if:full bg" content="0">
  254. <meta name="if:tags" content="">
  255. <meta name="if:redirect" content="" />
  256. <meta name="if:heart cursor"="1">
  257.  
  258.  
  259. <link rel="shortcut icon" href="{Favicon}">
  260. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  261. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  262.  
  263. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  264.  
  265. <style type="text/css">
  266.  
  267.  
  268. /*
  269. general text styles, fonts and colours
  270. */
  271.  
  272. body {
  273. margin:0px;
  274. background-color: {color:background};
  275. background-image: url('{image:background}');
  276. {block:ifnotfullbg}
  277. background-repeat: repeat;
  278. background-attachment: fixed;
  279. {/block:ifnotfullbg}
  280. {block:iffullbg}
  281. background-size: cover;
  282. background-attachment: fixed;
  283. {/block:iffullbg}
  284. font-family:{select:font};
  285. font-size:{text:font size}px;
  286. line-height:140%;
  287. color:{color:text};
  288. }
  289.  
  290. p{
  291. margin:0 0 10px 0;
  292. padding:0;
  293. }
  294.  
  295. pre {
  296. white-space: pre-wrap;
  297. white-space: -moz-pre-wrap;
  298. white-space: -pre-wrap;
  299. white-space: -o-pre-wrap;
  300. word-wrap: break-word;
  301. }
  302.  
  303. a{
  304. color:{color:link};
  305. text-decoration:none;
  306. text-shadow: 0 0 3px {color:link shadow};
  307.  
  308. }
  309.  
  310. a:hover{
  311. color:{color:link hover};
  312. }
  313.  
  314. li{
  315. margin-left:-15px;
  316. }
  317.  
  318. /*
  319. containers etc
  320. */
  321. #wrapper{
  322. width:600px;
  323. margin:50px auto;
  324. }
  325.  
  326. #sidebar{
  327. background:{color:sidebar color};
  328. {block:iftransparentsidebar}
  329. background:transparent;
  330. {/block:iftransparentsidebar}
  331. padding: 3px;
  332. width:120px;
  333. position:fixed;
  334. left:350px;
  335. top:130px;
  336. {block:ifborders}
  337. border: {text:border size}px {select:borders} {color:borders};
  338. {/block:ifborders}
  339. }
  340.  
  341. #content{
  342. width:420px;
  343. margin-left:200px;
  344. overflow:hidden;
  345. }
  346.  
  347. .post{
  348. width:400px;
  349. margin:0 0 50px 0;
  350. overflow:hidden;
  351. background:{color:post color};
  352. padding: 6px;
  353. {block:iftransparentpost}
  354. background:transparent;
  355. {/block:iftransparentpost}
  356. {block:ifborders}
  357. border: {text:border size}px {select:borders} {color:borders};
  358. {/block:ifborders}
  359.  
  360. }
  361.  
  362. #sidebar img, .post img{
  363. max-width:100%;
  364. }
  365.  
  366. #nav{
  367. margin:50px 0 0 0;
  368. text-align:center;
  369. }
  370.  
  371. #sidebar img{
  372. height:100px;
  373. width:100px;
  374. margin-top:6px;
  375. padding: 1px;
  376. {block:ifsidebarimgborder}
  377. border: {text:border size}px {select:borders} {color:borders};
  378. {/block:ifsidebarimgborder}
  379. {block:ifcirclesidebarimg}
  380. border-radius:80px;
  381. {/block:ifcirclesidebarimg}
  382. }
  383.  
  384. .tooltip{
  385. display: inline;
  386. position: relative;}
  387.  
  388. #s-m-t-tooltip {
  389. text-align:center;
  390. max-width:205px;
  391. padding:4px;
  392. margin:20px;
  393. line-height: 17px;
  394. background-color:#fff;
  395. color:#000;
  396. font-size:{text:font size}px;
  397. letter-spacing:1px;
  398. border-radius:0px;
  399. word-wrap:break-word;
  400. z-index:999999999999999999999999999999999999;
  401. font-family:{select:font};
  402. }
  403.  
  404.  
  405.  
  406. .media{
  407. margin:0 0 10px 0;
  408. }
  409.  
  410. .title{
  411. font-weight:normal;
  412. font-size:18px;
  413. margin:0 0 10px 0;
  414. }
  415.  
  416. .quote{
  417. font-weight:normal;
  418. font-size:16px;
  419. font-style:italic;
  420. margin:0 0 10px 0;
  421. }
  422.  
  423. .question{
  424. margin-bottom:10px;
  425. }
  426.  
  427. blockquote{
  428. margin:0 0 10px 10px;
  429. padding:0 0 0 10px;
  430. border-left:solid 1px {color:blockquote};
  431. }
  432.  
  433.  
  434. .post .footer{
  435. margin-top:-8px;
  436. text-align:right;
  437. }
  438.  
  439.  
  440. ol.notes{
  441. list-style-type:none;
  442. padding:0;
  443. margin:0;
  444. }
  445.  
  446. ol.notes li.note img{
  447. width:16px;
  448. height:16px;
  449. }
  450.  
  451. ol.notes li.note{
  452. margin:0px;
  453. }
  454.  
  455. {CustomCSS}
  456. </style>
  457. </head>
  458.  
  459. <body>
  460. {block:ifredirect}
  461. {block:IndexPage}<script type="text/javascript">
  462. var url = location.href;
  463. if (url == "{BlogURL}") {
  464. window.location = "{BlogURL}tagged/{text:redirect tag}";
  465. }
  466. </script>{/block:IndexPage}
  467. {/block:ifredirect}
  468. <div id="wrapper">
  469.  
  470.  
  471. <div id="sidebar">
  472. <center><a href="/"><img src="{image:sidebar img}"></a><br>
  473. <a href="{text:link 1 url}">{text:link 1 title}</a> {text:link divider} <a href="{text:link 2 url}">{text:link 2 title}</a></center>
  474. </div>
  475.  
  476.  
  477.  
  478. <div id="content">
  479. {block:Posts}
  480.  
  481. <div class="post">
  482.  
  483. {block:Text}
  484. {block:Title}
  485. <div class="title">{Title}</div>
  486. {/block:Title}
  487. {Body}
  488. {/block:Text}
  489.  
  490. {block:Photo}
  491. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  492. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  493. {/block:Photo}
  494.  
  495. {block:Photoset}
  496. <div class="media">{Photoset-400}</div>
  497. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  498. {/block:Photoset}
  499.  
  500. {block:Quote}
  501. <div class="quote">"{Quote}"</div>
  502. {block:Source}
  503. <div class="quotesource">{Source}</div>
  504. {/block:Source}
  505. {/block:Quote}
  506.  
  507. {block:Link}
  508. <div class="title"><a href="{URL}">{Name}</a></div>
  509. {block:Description}
  510. <div class="description">{Description}</div>
  511. {/block:Description}
  512. {/block:Link}
  513.  
  514. {block:Chat}
  515. {block:Title}
  516. <div class="title">{Title}</div>
  517. {/block:Title}
  518.  
  519. {block:Lines}
  520. <div class="{Alt} user_{UserNumber}">
  521. {block:Label}
  522. <b>{Label}</b>{/block:Label}
  523. &nbsp;{Line}
  524. </div>
  525. {/block:Lines}
  526. {/block:Chat}
  527.  
  528. {block:Video}
  529. <div class="media">{Video-400}</div>
  530. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  531. {/block:Video}
  532.  
  533. {block:Audio}
  534. <div class="media">
  535. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  536. {AudioPlayerWhite}
  537. {block:TrackName}{TrackName}<br>{/block:TrackName}
  538. {block:Artist}{Artist}<br>{/block:Artist}
  539. {block:Album}{Album}{/block:Album}
  540. </div>
  541. {block:Caption}{Caption}{/block:Caption}
  542. {/block:Audio}
  543.  
  544. {block:Answer}
  545. <div class="question">{Asker}: {Question}</div>
  546. <div class="caption">{Answer}</div>
  547. {/block:Answer}
  548.  
  549.  
  550. {block:Date}
  551. <div class="footer">
  552. <a href="{Permalink}" title="{NoteCount}%">{12Hour}:{Minutes}{AmPm}</a>
  553. {block:RebloggedFrom}<a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"></a>{/block:ContentSource}<br>{block:iftags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags} {/block:iftags}
  554. </div>
  555.  
  556. {block:PermalinkPage}
  557. {block:NoteCount}
  558. {block:PostNotes}{PostNotes}{/block:PostNotes}
  559. {/block:NoteCount}
  560. {/block:PermalinkPage}
  561. {/block:Date}
  562.  
  563. </div>
  564. {/block:Posts}
  565.  
  566. {block:Pagination}
  567. <div id="nav">
  568. {block:PreviousPage}<a href="{PreviousPage}">↞</a>{/block:PreviousPage}
  569.  
  570. {block:NextPage}<a href="{NextPage}">↠</a>{/block:NextPage}
  571. </div>
  572. {/block:Pagination}
  573. </div>
  574. </div>
  575.  
  576. </div>
  577.  
  578. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  579. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  580.  
  581. <p style="position: fixed; left: 8px; bottom: -10px; font-size:10px;"><a href="https://tmblr.co/mrRfmbRR8G93obHQkpXeORA" title="i love eating dirt">💬</a>
  582.  
  583. </body>
  584. </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!