Advertisement
artiecore

cyberbully bf

Jan 16th, 2020 (edited)
2,664
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. ♡ cybrrbully bf theme by boyfriended ♡
  7.  
  8. pogchamp
  9.  
  10. base code by animecharacter
  11.  
  12. ----->
  13.  
  14. <script type="text/javascript">{block:ifsparkles}
  15. // <![CDATA[
  16. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  17. var sparkles=50;
  18.  
  19. /****************************
  20. * Tinkerbell Magic Sparkle *
  21. *(c)2005-13 mf2fm web-design*
  22. * http://www.mf2fm.com/rv *
  23. * DON'T EDIT BELOW THIS BOX *
  24. ****************************/
  25. var x=ox=400;
  26. var y=oy=300;
  27. var swide=800;
  28. var shigh=600;
  29. var sleft=sdown=0;
  30. var tiny=new Array();
  31. var star=new Array();
  32. var starv=new Array();
  33. var starx=new Array();
  34. var stary=new Array();
  35. var tinyx=new Array();
  36. var tinyy=new Array();
  37. var tinyv=new Array();
  38.  
  39. window.onload=function() { if (document.getElementById) {
  40. var i, rats, rlef, rdow;
  41. for (var i=0; i<sparkles; i++) {
  42. var rats=createDiv(3, 3);
  43. rats.style.visibility="hidden";
  44. rats.style.zIndex="999";
  45. document.body.appendChild(tiny[i]=rats);
  46. starv[i]=0;
  47. tinyv[i]=0;
  48. var rats=createDiv(5, 5);
  49. rats.style.backgroundColor="transparent";
  50. rats.style.visibility="hidden";
  51. rats.style.zIndex="999";
  52. var rlef=createDiv(1, 5);
  53. var rdow=createDiv(5, 1);
  54. rats.appendChild(rlef);
  55. rats.appendChild(rdow);
  56. rlef.style.top="2px";
  57. rlef.style.left="0px";
  58. rdow.style.top="0px";
  59. rdow.style.left="2px";
  60. document.body.appendChild(star[i]=rats);
  61. }
  62. set_width();
  63. sparkle();
  64. }}
  65.  
  66. function sparkle() {
  67. var c;
  68. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  69. ox=x;
  70. oy=y;
  71. for (c=0; c<sparkles; c++) if (!starv[c]) {
  72. star[c].style.left=(starx[c]=x)+"px";
  73. star[c].style.top=(stary[c]=y+1)+"px";
  74. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  75. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  76. star[c].style.visibility="visible";
  77. starv[c]=50;
  78. break;
  79. }
  80. }
  81. for (c=0; c<sparkles; c++) {
  82. if (starv[c]) update_star(c);
  83. if (tinyv[c]) update_tiny(c);
  84. }
  85. setTimeout("sparkle()", 40);
  86. }
  87.  
  88. function update_star(i) {
  89. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  90. if (starv[i]) {
  91. stary[i]+=1+Math.random()*3;
  92. starx[i]+=(i%5-2)/5;
  93. if (stary[i]<shigh+sdown) {
  94. star[i].style.top=stary[i]+"px";
  95. star[i].style.left=starx[i]+"px";
  96. }
  97. else {
  98. star[i].style.visibility="hidden";
  99. starv[i]=0;
  100. return;
  101. }
  102. }
  103. else {
  104. tinyv[i]=50;
  105. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  106. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  107. tiny[i].style.width="2px";
  108. tiny[i].style.height="2px";
  109. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  110. star[i].style.visibility="hidden";
  111. tiny[i].style.visibility="visible"
  112. }
  113. }
  114.  
  115. function update_tiny(i) {
  116. if (--tinyv[i]==25) {
  117. tiny[i].style.width="1px";
  118. tiny[i].style.height="1px";
  119. }
  120. if (tinyv[i]) {
  121. tinyy[i]+=1+Math.random()*3;
  122. tinyx[i]+=(i%5-2)/5;
  123. if (tinyy[i]<shigh+sdown) {
  124. tiny[i].style.top=tinyy[i]+"px";
  125. tiny[i].style.left=tinyx[i]+"px";
  126. }
  127. else {
  128. tiny[i].style.visibility="hidden";
  129. tinyv[i]=0;
  130. return;
  131. }
  132. }
  133. else tiny[i].style.visibility="hidden";
  134. }
  135.  
  136. document.onmousemove=mouse;
  137. function mouse(e) {
  138. if (e) {
  139. y=e.pageY;
  140. x=e.pageX;
  141. }
  142. else {
  143. set_scroll();
  144. y=event.y+sdown;
  145. x=event.x+sleft;
  146. }
  147. }
  148.  
  149. window.onscroll=set_scroll;
  150. function set_scroll() {
  151. if (typeof(self.pageYOffset)=='number') {
  152. sdown=self.pageYOffset;
  153. sleft=self.pageXOffset;
  154. }
  155. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  156. sdown=document.body.scrollTop;
  157. sleft=document.body.scrollLeft;
  158. }
  159. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  160. sleft=document.documentElement.scrollLeft;
  161. sdown=document.documentElement.scrollTop;
  162. }
  163. else {
  164. sdown=0;
  165. sleft=0;
  166. }
  167. }
  168.  
  169. window.onresize=set_width;
  170. function set_width() {
  171. var sw_min=999999;
  172. var sh_min=999999;
  173. if (document.documentElement && document.documentElement.clientWidth) {
  174. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  175. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  176. }
  177. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  178. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  179. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  180. }
  181. if (document.body.clientWidth) {
  182. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  183. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  184. }
  185. if (sw_min==999999 || sh_min==999999) {
  186. sw_min=800;
  187. sh_min=600;
  188. }
  189. swide=sw_min;
  190. shigh=sh_min;
  191. }
  192.  
  193. function createDiv(height, width) {
  194. var div=document.createElement("div");
  195. div.style.position="absolute";
  196. div.style.height=height+"px";
  197. div.style.width=width+"px";
  198. div.style.overflow="hidden";
  199. return (div);
  200. }
  201.  
  202. function newColour() {
  203. var c=new Array();
  204. c[0]=255;
  205. c[1]=Math.floor(Math.random()*256);
  206. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  207. c.sort(function(){return (0.5 - Math.random());});
  208. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  209. }
  210. // ]]>
  211. {/block:ifsparkles}
  212. </script>
  213.  
  214. {block:ifrainbowlinks}
  215. <script type='text/javascript'>
  216. //<![CDATA[
  217. var rate = 50;
  218. if (document.getElementById)
  219. window.onerror=new Function("return true")
  220.  
  221. var objActive; // The object which event occured in
  222. var act = 0; // Flag during the action
  223. var elmH = 0; // Hue
  224. var elmS = 70; // Saturation
  225. var elmV = 250; // Value
  226. var clrOrg; // A color before the change
  227. var TimerID; // Timer ID
  228. if (document.all) {
  229. document.onmouseover = doRainbowAnchor;
  230. document.onmouseout = stopRainbowAnchor;
  231. }
  232. else if (document.getElementById) {
  233. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  234. document.onmouseover = Mozilla_doRainbowAnchor;
  235. document.onmouseout = Mozilla_stopRainbowAnchor;
  236. }
  237. function doRainbow(obj)
  238. {
  239. if (act == 0) {
  240. act = 1;
  241. if (obj)
  242. objActive = obj;
  243. else
  244. objActive = event.srcElement;
  245. clrOrg = objActive.style.color;
  246. TimerID = setInterval("ChangeColor()",100);
  247. }
  248. }
  249. function stopRainbow()
  250. {
  251. if (act) {
  252. objActive.style.color = clrOrg;
  253. clearInterval(TimerID);
  254. act = 0;
  255. }
  256. }
  257. function doRainbowAnchor()
  258. {
  259. if (act == 0) {
  260. var obj = event.srcElement;
  261. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  262. obj = obj.parentElement;
  263. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  264. break;
  265. }
  266. if (obj.tagName == 'A' && obj.href != '') {
  267. objActive = obj;
  268. act = 1;
  269. clrOrg = objActive.style.color;
  270. TimerID = setInterval("ChangeColor()",100);
  271. }
  272. }
  273. }
  274. function stopRainbowAnchor()
  275. {
  276. if (act) {
  277. if (objActive.tagName == 'A') {
  278. objActive.style.color = clrOrg;
  279. clearInterval(TimerID);
  280. act = 0;
  281. }
  282. }
  283. }
  284. function Mozilla_doRainbowAnchor(e)
  285. {
  286. if (act == 0) {
  287. obj = e.target;
  288. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  289. obj = obj.parentNode;
  290. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  291. break;
  292. }
  293. if (obj.nodeName == 'A' && obj.href != '') {
  294. objActive = obj;
  295. act = 1;
  296. clrOrg = obj.style.color;
  297. TimerID = setInterval("ChangeColor()",100);
  298. }
  299. }
  300. }
  301. function Mozilla_stopRainbowAnchor(e)
  302. {
  303. if (act) {
  304. if (objActive.nodeName == 'A') {
  305. objActive.style.color = clrOrg;
  306. clearInterval(TimerID);
  307. act = 0;
  308. }
  309. }
  310. }
  311. function ChangeColor()
  312. {
  313. objActive.style.color = makeColor();
  314. }
  315. function makeColor()
  316. {
  317. // Don't you think Color Gamut to look like Rainbow?
  318. // HSVtoRGB
  319. if (elmS == 0) {
  320. elmR = elmV; elmG = elmV; elmB = elmV;
  321. }
  322. else {
  323. t1 = elmV;
  324. t2 = (255 - elmS) * elmV / 255;
  325. t3 = elmH % 60;
  326. t3 = (t1 - t2) * t3 / 60;
  327. if (elmH < 60) {
  328. elmR = t1; elmB = t2; elmG = t2 + t3;
  329. }
  330. else if (elmH < 120) {
  331. elmG = t1; elmB = t2; elmR = t1 - t3;
  332. }
  333. else if (elmH < 180) {
  334. elmG = t1; elmR = t2; elmB = t2 + t3;
  335. }
  336. else if (elmH < 240) {
  337. elmB = t1; elmR = t2; elmG = t1 - t3;
  338. }
  339. else if (elmH < 300) {
  340. elmB = t1; elmG = t2; elmR = t2 + t3;
  341. }
  342. else if (elmH < 360) {
  343. elmR = t1; elmG = t2; elmB = t1 - t3;
  344. }
  345. else {
  346. elmR = 0; elmG = 0; elmB = 0;
  347. }
  348. }
  349. elmR = Math.floor(elmR).toString(16);
  350. elmG = Math.floor(elmG).toString(16);
  351. elmB = Math.floor(elmB).toString(16);
  352. if (elmR.length == 1) elmR = "0" + elmR;
  353. if (elmG.length == 1) elmG = "0" + elmG;
  354. if (elmB.length == 1) elmB = "0" + elmB
  355. elmH = elmH + rate;
  356. if (elmH >= 360)
  357. elmH = 0;
  358. return '#' + elmR + elmG + elmB;
  359. }
  360. //]]>
  361. </script>
  362. {/block:ifrainbowlinks}
  363.  
  364.  
  365. {block:ifclicksplosion}
  366. <script type="text/javascript">
  367. // <![CDATA[
  368. var sparks=75; // how many sparks per clicksplosion
  369. var speed=33; // how fast - smaller is faster
  370. var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
  371. var colours=new Array('#03f', '#f03', '#0e0', '#93f', '#0cf', '#f93', '#f0c');
  372. // blue red green purple cyan orange pink
  373.  
  374. /****************************
  375. * Clicksplosion Effect *
  376. *(c)2012-3 mf2fm web-design *
  377. * https://www.mf2fm.com/rv *
  378. * DON'T EDIT BELOW THIS BOX *
  379. ****************************/
  380. var intensity=new Array();
  381. var Xpos=new Array();
  382. var Ypos=new Array();
  383. var dX=new Array();
  384. var dY=new Array();
  385. var stars=new Array();
  386. var decay=new Array();
  387. var timers=new Array();
  388. var swide=800;
  389. var shigh=600;
  390. var sleft=sdown=0;
  391. var count=0;
  392.  
  393. function addLoadEvent(funky) {
  394. var oldonload=window.onload;
  395. if (typeof(oldonload)!='function') window.onload=funky;
  396. else window.onload=function() {
  397. if (oldonload) oldonload();
  398. funky();
  399. }
  400. }
  401.  
  402. addLoadEvent(clicksplode);
  403.  
  404. function clicksplode() { if (document.getElementById) {
  405. var i, j;
  406. window.onscroll=set_scroll;
  407. window.onresize=set_width;
  408. document.onclick=eksplode;
  409. set_width();
  410. set_scroll();
  411. for (i=0; i<bangs; i++) for (j=sparks*i; j<sparks+sparks*i; j++) {
  412. stars[j]=createDiv('*', 13);
  413. document.body.appendChild(stars[j]);
  414. }
  415. }}
  416.  
  417. function createDiv(char, size) {
  418. var div, sty;
  419. div=document.createElement('div');
  420. sty=div.style;
  421. sty.font=size+'px monospace';
  422. sty.position='absolute';
  423. sty.backgroundColor='transparent';
  424. sty.visibility='hidden';
  425. sty.zIndex='101';
  426. div.appendChild(document.createTextNode(char));
  427. return (div);
  428. }
  429.  
  430. function bang(N) {
  431. var i, Z, A=0;
  432. for (i=sparks*N; i<sparks*(N+1); i++) {
  433. if (decay[i]) {
  434. Z=stars[i].style;
  435. Xpos[i]+=dX[i];
  436. Ypos[i]+=(dY[i]+=1.25/intensity[N]);
  437. if (Xpos[i]>=swide || Xpos[i]<0 || Ypos[i]>=shigh+sdown || Ypos[i]<0) decay[i]=1;
  438. else {
  439. Z.left=Xpos[i]+'px';
  440. Z.top=Ypos[i]+'px';
  441. }
  442. if (decay[i]==15) Z.fontSize='7px';
  443. else if (decay[i]==7) Z.fontSize='2px';
  444. else if (decay[i]==1) Z.visibility='hidden';
  445. decay[i]--;
  446. }
  447. else A++;
  448. }
  449. if (A!=sparks) timers[N]=setTimeout('bang('+N+')', speed);
  450. }
  451.  
  452. function eksplode(e) {
  453. var x, y, i, M, Z, N;
  454. set_scroll();
  455. y=(e)?e.pageY:event.y+sdown;
  456. x=(e)?e.pageX:event.x+sleft;
  457. N=++count%bangs;
  458. M=Math.floor(Math.random()*3*colours.length);
  459. intensity[N]=5+Math.random()*4;
  460. for (i=N*sparks; i<(N+1)*sparks; i++) {
  461. Xpos[i]=x;
  462. Ypos[i]=y-5;
  463. dY[i]=(Math.random()-0.5)*intensity[N];
  464. dX[i]=(Math.random()-0.5)*(intensity[N]-Math.abs(dY[i]))*1.25;
  465. decay[i]=16+Math.floor(Math.random()*16);
  466. Z=stars[i].style;
  467. if (M<colours.length) Z.color=colours[i%2?count%colours.length:M];
  468. else if (M<2*colours.length) Z.color=colours[count%colours.length];
  469. else Z.color=colours[i%colours.length];
  470. Z.fontSize='13px';
  471. Z.visibility='visible';
  472. }
  473. clearTimeout(timers[N]);
  474. bang(N);
  475. }
  476.  
  477. function set_width() {
  478. var sw_min=999999;
  479. var sh_min=999999;
  480. if (document.documentElement && document.documentElement.clientWidth) {
  481. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  482. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  483. }
  484. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  485. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  486. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  487. }
  488. if (document.body.clientWidth) {
  489. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  490. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  491. }
  492. if (sw_min==999999 || sh_min==999999) {
  493. sw_min=800;
  494. sh_min=600;
  495. }
  496. swide=sw_min-7;
  497. shigh=sh_min-7;
  498. }
  499.  
  500. function set_scroll() {
  501. if (typeof(self.pageYOffset)=='number') {
  502. sdown=self.pageYOffset;
  503. sleft=self.pageXOffset;
  504. }
  505. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  506. sdown=document.body.scrollTop;
  507. sleft=document.body.scrollLeft;
  508. }
  509. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  510. sleft=document.documentElement.scrollLeft;
  511. sdown=document.documentElement.scrollTop;
  512. }
  513. else {
  514. sdown=0;
  515. sleft=0;
  516. }
  517. }
  518. // ]]>
  519. </script>
  520. {/block:ifclicksplosion}
  521.  
  522.  
  523. <meta charset="utf-8">
  524. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  525. {block:Description}
  526. <meta name="description" content="{MetaDescription}" />
  527. {/block:Description}
  528.  
  529. <link rel="shortcut icon" href="{image:favicon}">
  530. <link rel="alternate" type="application/rss+xml" href="{rss}">
  531.  
  532. <title>{Title}</title>
  533.  
  534. <link rel="shortcut icon" href="{image:favicon}">
  535.  
  536. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  537. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  538.  
  539. <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>
  540.  
  541.  
  542. <!--lulw -->
  543.  
  544. <meta name="color:background" content="#ffffff"/>
  545. <meta name="color:posts" content=""/>
  546. <meta name="color:sidebar" content=""/>
  547. <meta name="color:border" content="#000">
  548. <meta name="color:text" content="#2b2b2b"/>
  549. <meta name="color:link" content="#2b2b2b"/>
  550. <meta name="color:link hover" content="#ff0000"/>
  551. <meta name="color:selection bg" content="#fff"/>
  552. <meta name="color:selection text">
  553. <meta name="color:tooltip" content="#ffffff"/>
  554. <meta name="color:tooltip text" content="#6d6d6d"/>
  555.  
  556. <meta name="image:background" content="" />
  557. <meta name="image:post background" content="" />
  558. <meta name="image:sidebar">
  559. <meta name="image:sidebar background" content="" />
  560. <meta name="image:title img" content="" />
  561. <meta name="image:favicon" content="">
  562. <meta name="image:cursor" content=""/>
  563. <meta name="image:bottom left" content=""/>
  564. <meta name="image:bottom right" content=""/>
  565.  
  566.  
  567. <meta name="image:link pixel 1" content=""/>
  568. <meta name="image:link pixel 2" content=""/>
  569. <meta name="image:link pixel 3" content=""/>
  570. <meta name="image:link pixel 4" content=""/>
  571.  
  572.  
  573. <meta name="image:blinkie 1" content=""/>
  574. <meta name="image:blinkie 2" content=""/>
  575. <meta name="image:blinkie 3" content=""/>
  576. <meta name="image:blinkie 4" content=""/>
  577. <meta name="image:blinkie 5" content=""/>
  578.  
  579.  
  580. <meta name="text:description" content="cmon and fuck me emo boy"/>
  581. <meta name="text:date" content="06/06/06">
  582. <meta name="text:title" content="p o g c h a m p"/>
  583. <meta name="text:navi title" content="click!" />
  584. <meta name="text:redirect" content=""/>
  585. <meta name="text:font size" content="12px">
  586. <meta name="text:title size" content="15px">
  587. <meta name="text:border size" content="3px" />
  588. <meta name="text:right width" content="450px"/>
  589. <meta name="text:left width" content="450px"/>
  590.  
  591. <meta name="text:link 1" content="one" />
  592. <meta name="text:link 1 url" content="/" />
  593. <meta name="text:link 2" content="two" />
  594. <meta name="text:link 2 url" content="" />
  595. <meta name="text:link 3" content="three" />
  596. <meta name="text:link 3 url" content="" />
  597. <meta name="text:link 4" content="four" />
  598. <meta name="text:link 4 url" content="" />
  599.  
  600. <meta name="if:redirect" content=""/>
  601. <meta name="if:sidebar bg" content="" />
  602. <meta name="if:post bg" content="" />
  603.  
  604. <meta name="if:cover bg" content=""/>
  605. <meta name="if:post bg" content=""/>
  606. <meta name="if:cover post bg" content=""/>
  607. <meta name="if:sidebar bg" content=""/>
  608. <meta name="if:cover sidebar bg" content=""/>
  609.  
  610.  
  611. <meta name="if:blinkies" content=""/>
  612. <meta name="if:cursor" content=""/>
  613. <meta name="if:sidebar border" content="" />
  614. <meta name="if:post border" content="" />
  615.  
  616. <meta name="if:dropdown" content="" />
  617. <meta name="if:rainbow links" content=""/>
  618. <meta name="if:clicksplosion" content=""/>
  619. <meta name="if:sparkles" content=""/>
  620.  
  621.  
  622.  
  623. <meta name="select:font" content="arial">
  624. <meta name="select:font" content="georgia">
  625. <meta name="select:font" content="times new roman">
  626. <meta name="select:font" content="ms gothic"/>
  627. <meta name="select:font" content="comic sans ms">
  628. <meta name="select:font" content="consolas">
  629.  
  630. <meta name="select:border type" content="solid" />
  631. <meta name="select:border type" content="double" />
  632. <meta name="select:border type" content="dashed" />
  633. <meta name="select:border type" content="dotted" />
  634. <meta name="select:border type" content="outset">
  635. <meta name="select:border type" content="inset">
  636.  
  637.  
  638. {block:ifredirect}
  639. {block:IndexPage}<script type="text/javascript">
  640. var url = location.href;
  641. if (url == "{BlogURL}") {
  642. window.location = "{BlogURL}tagged/{text:redirect}";
  643. }
  644. </script>{/block:IndexPage}
  645. {/block:ifredirect}
  646.  
  647. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  648.  
  649. <style type="text/css">
  650.  
  651. ::-webkit-scrollbar {
  652. width: 16px;
  653. height: 10px;
  654. }
  655. ::-webkit-scrollbar-thumb {
  656. background-color: #fff;
  657. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  658. border-top: 1px solid #bdbdbd;
  659. border-left: 1px solid #bdbdbd;
  660. border-right: 1px solid black;
  661. border-bottom: 1px solid black;
  662. }
  663. ::-webkit-scrollbar-track {
  664. background-color: #fff;
  665. background-image: url(https://i.imgur.com/IGXGYKz.png);
  666. }
  667. ::-webkit-scrollbar-button:vertical:increment {
  668. background-image: url(https://i.imgur.com/WhC8iy3.png);
  669. width: 14px;
  670. height: 16px;
  671. border-top: 1px solid #bdbdbd;
  672. border-left: 1px solid #bdbdbd;
  673. border-right: 1px solid black;
  674. border-bottom: 1px solid black;
  675. }
  676. ::-webkit-scrollbar-button:vertical:decrement {
  677. background-image: url(https://i.imgur.com/fQ18mrR.png);
  678. border-top: 1px solid #bdbdbd;
  679. border-left: 1px solid #bdbdbd;
  680. border-right: 1px solid black;
  681. border-bottom: 1px solid black;
  682. width: 14px;
  683. height: 16px;
  684. }
  685.  
  686. ::selection {
  687. background: {color:selection bg};
  688. color:{color:selection text};
  689. }
  690. ::-moz-selection {
  691. background: {color:selection bg};
  692. color:{color:selection text};
  693. }
  694.  
  695. }
  696. .tooltip{
  697. display:inline;
  698. position:relative;
  699. }
  700.  
  701. #s-m-t-tooltip{
  702. max-width:300px;
  703. padding:5px;
  704. margin:20px 7px -2px 20px;
  705. background-color:{color:tooltip};
  706. letter-spacing:1px;
  707. border:1px solid {color:tooltip text};
  708. text-align:center;
  709. color:{color:tooltip text};
  710. z-index:99999999999999999999;
  711. -o-transition: all 0.3s ease-out;
  712. -webkit-transition: all 0.3s ease-out;
  713. -moz-transition: all 0.3s ease-out;
  714. }
  715.  
  716. /*
  717. general text styles, fonts and colours
  718. */
  719.  
  720. body {
  721. background:{color:background};
  722. background-image: url('{image:background}');
  723. {block:ifnotcoverbg}
  724. background-repeat: repeat;
  725. background-attachment: fixed;
  726. {/block:ifnotcoverbg}
  727. {block:ifcoverbg}
  728. background-size: cover;
  729. background-attachment: fixed;
  730. {/block:ifcoverbg}
  731. color:{color:text};
  732. font-family: {select:font};
  733. font-size: {text:font size};
  734. margin:0;
  735. text-align:justify;
  736. line-height:16px;
  737. }
  738.  
  739. p{
  740. margin:0 0 10px 0;
  741. padding:0;
  742. }
  743.  
  744. pre {
  745. white-space: pre-wrap;
  746. white-space: -moz-pre-wrap;
  747. white-space: -pre-wrap;
  748. white-space: -o-pre-wrap;
  749. word-wrap: break-word;
  750. }
  751.  
  752. a{
  753. color:{color:link};
  754. }
  755.  
  756. a:hover{
  757. color:{color:link hover};
  758. }
  759.  
  760. li{
  761. margin-left:-15px;
  762. }
  763.  
  764. {block:ifcursor}
  765. body, *, a, a:hover { cursor:url({image:Cursor}), auto;}
  766. {/block:ifcursor}
  767.  
  768. /*
  769. containers etc
  770. */
  771. #wrapper{
  772. width:450px;
  773. margin:50px auto;
  774.  
  775. }
  776.  
  777. #con {
  778. left:50%;
  779. margin-left:-140px;
  780. position:absolute;
  781. }
  782.  
  783. #head{
  784. text-align:center;
  785. width: 400px;
  786. margin-bottom:-10px;
  787. padding: 5px;
  788.  
  789. }
  790.  
  791. #content{
  792. width:450px;
  793. overflow:hidden;
  794. text-align:center;
  795. margin-left:0px;
  796. margin-bottom:10px;
  797.  
  798. }
  799.  
  800.  
  801. #sidebar {
  802. width: 250px;
  803. {block:ifsidebarbg}
  804. background-color:{color:sidebar};
  805.  
  806. background-image: url('{image:sidebar background}');
  807. {block:ifnotcoversidebarbg}
  808. background-repeat: repeat;
  809. background-attachment: fixed;
  810. {/block:ifnotcoversidebarbg}
  811. {block:ifcoversidearbg}
  812. background-size: cover;
  813. background-attachment: fixed;
  814. {/block:ifcoversidearbg}
  815.  
  816. {/block:ifsidebarbg}
  817. margin-left: -400px;
  818. margin-top:100px;
  819. line-height:20px;
  820. font-size:{text:font size};
  821. padding:10px;
  822. text-align:center;
  823. {block:ifsidebarborder}
  824. border-width:{text:border size};
  825. border-style:{select:border type};
  826. border-color:{color:border};
  827. {/block:ifsidebarborder}
  828. text-align: center;
  829. position: fixed;
  830.  
  831. }
  832.  
  833. #sidebar img {
  834. max-width:100%;
  835. height:auto;
  836. }
  837. .post{
  838. width:400px;
  839. margin:20px 0;
  840. padding:10px;
  841. overflow:hidden;
  842. {block:ifpostbg}
  843. background-color:{color:posts};
  844. background-image: url('{image:post background}');
  845. {block:ifnotcoverpostbg}
  846. background-repeat: repeat;
  847. background-attachment: fixed;
  848. {/block:ifnotcoverpostbg}
  849. {block:ifcoverpostbg}
  850. background-size: cover;
  851. background-attachment: fixed;
  852. {/block:ifcoverpostbg}
  853. {/block:ifpostbg}
  854. {block:ifpostborder}
  855. border:{text:border size} {select:border type} {color:border};
  856. padding: 10px 10px 8px 10px;
  857. {/block:ifpostborder}
  858. }
  859.  
  860. .post img{
  861. max-width:100%;
  862. height:auto
  863. }
  864.  
  865. #scream{
  866. width:400px;
  867. margin:20px 0;
  868. padding:10px;
  869. text-align:center;
  870.  
  871. }
  872.  
  873.  
  874. #nav{
  875. margin:50px 0 0 0;
  876. }
  877.  
  878. #tit {
  879. font-size: {text:title size};
  880. }
  881.  
  882. #pog{
  883. text-align: left;
  884. }
  885.  
  886. #ow {
  887.  
  888. text-align:center;
  889. margin-top:15px;
  890. line-height:30px;
  891.  
  892. }
  893.  
  894. #left img{
  895. position:fixed;
  896. z-index: -1;
  897. bottom:10px;
  898. left:30px;
  899. width:{text:left width};
  900.  
  901.  
  902. }
  903.  
  904. #right img{
  905. position:fixed;
  906. z-index: -1;
  907. bottom:10px;
  908. right:60px;
  909. left:fixed;
  910. width:{text:right width};
  911.  
  912. }
  913.  
  914.  
  915. /*
  916. content in the body of the posts - quotes, asks, etc
  917. "media" contains photos, photosets, videos, audio posts
  918. */
  919. .media{
  920. margin:0 0 10px 0;
  921. }
  922.  
  923. .title{
  924. font-weight:normal;
  925. font-size:18px;
  926. margin:0 0 10px 0;
  927. }
  928.  
  929. .quote{
  930. font-weight:normal;
  931. font-size:16px;
  932. font-style:italic;
  933. margin:0 0 10px 0;
  934. }
  935.  
  936. .question{
  937. margin-bottom:10px;
  938. }
  939.  
  940. blockquote{
  941. margin:0 0 10px 10px;
  942. padding:0 0 0 10px;
  943. border-left:solid 1px #000;
  944. }
  945.  
  946. /*
  947. post footers - date, tags, via and source
  948. */
  949. .post .footer{
  950. margin:0;
  951. text-align:left;
  952. }
  953.  
  954. /*
  955. post notes
  956. */
  957. ol.notes{
  958. list-style-type:none;
  959. padding:0;
  960. margin:0;
  961. }
  962.  
  963. ol.notes li.note img{
  964. width:16px;
  965. height:16px;
  966. }
  967.  
  968. ol.notes li.note{
  969. margin:0px;
  970. }
  971.  
  972. {CustomCSS}
  973. </style>
  974. </head>
  975.  
  976. <body>
  977.  
  978. <div id="left"><img src="{image:bottom left}"></div>
  979. <div id="right"><img src="{image:bottom right}"></div>
  980.  
  981. <div id="con">
  982.  
  983.  
  984. <div id="sidebar">
  985.  
  986. <a href="/"><img src="{image:sidebar}"></a>
  987. {block:ifDescription}<Center>{text:description}</Center>{/block:ifDescription}
  988.  
  989.  
  990. <p class="desc">
  991. {block:ifdropdown}
  992. <select style="margin-top:10px;" onChange="location=this.options[this.selectedIndex].value;">
  993. <option value="">{text:navi title}</option>
  994. {block:iflink1}<option value="{text:link 1 url}">{text:link 1}</option>{/block:iflink1}
  995. {block:iflink2}<option value="{text:link 2 url}">{text:link 2}</option>{/block:iflink2}
  996. {block:iflink3}<option value="{text:link 3 url}">{text:link 3}</option>{/block:iflink3}
  997. {block:iflink4}<option value="{text:link 4 url}">{text:link 4}</option>{/block:iflink4}
  998. </option> </select>
  999. {/block:ifdropdown}
  1000.  
  1001. {block:ifnotdropdown}
  1002. <div id="pog">
  1003. <img src="{image:link pixel 1}"> <a href="{text:link 1 URL}">{text:link 1}</a>
  1004. <br>
  1005. <img src="{image:link pixel 2}"> <a href="{text:link 2 URL}">{text:link 2}</a>
  1006. <br>
  1007. <img src="{image:link pixel 3}"> <a href="{text:link 3 URL}">{text:link 3}</a>
  1008. <br>
  1009. <img src="{image:link pixel 4}"> <a href="{text:link 4 URL}">{text:link 4}</a>
  1010. </div>
  1011. {/block:ifnotdropdown}
  1012. </p>
  1013.  
  1014.  
  1015.  
  1016.  
  1017.  
  1018. {block:ifblinkies}
  1019. <div id="ow">
  1020. <img src="{image:blinkie 1}"> <br> <img src="{image:blinkie 2}"> <br>
  1021. <img src="{image:blinkie 3}"> <br> <img src="{image:blinkie 4}"> <br>
  1022. <img src="{image:blinkie 5}"></div>
  1023. {/block:ifblinkies}
  1024.  
  1025.  
  1026.  
  1027. </div>
  1028.  
  1029. <div id="wrapper">
  1030.  
  1031. <div id="head">
  1032.  
  1033. <img src="{image:title img}">
  1034.  
  1035. <div id="tit">{text:title}</p></div>
  1036.  
  1037.  
  1038. </div>
  1039.  
  1040. <div id="content">
  1041.  
  1042.  
  1043. {block:Posts}
  1044.  
  1045. <div class="post">
  1046.  
  1047.  
  1048.  
  1049. {block:Text}
  1050. {block:Title}
  1051. <div class="title">{Title}</div>
  1052. {/block:Title}
  1053. {Body}
  1054. {/block:Text}
  1055.  
  1056. {block:Photo}
  1057. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  1058. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1059. {/block:Photo}
  1060.  
  1061. {block:Photoset}
  1062. <div class="media">{Photoset-400}</div>
  1063. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1064. {/block:Photoset}
  1065.  
  1066. {block:Quote}
  1067. <div class="quote">"{Quote}"</div>
  1068. {block:Source}
  1069. <div class="quotesource">{Source}</div>
  1070. {/block:Source}
  1071. {/block:Quote}
  1072.  
  1073. {block:Link}
  1074. <div class="title"><a href="{URL}">{Name}</a></div>
  1075. {block:Description}
  1076. <div class="description">{Description}</div>
  1077. {/block:Description}
  1078. {/block:Link}
  1079.  
  1080. {block:Chat}
  1081. {block:Title}
  1082. <div class="title">{Title}</div>
  1083. {/block:Title}
  1084.  
  1085. {block:Lines}
  1086. <div class="{Alt} user_{UserNumber}">
  1087. {block:Label}
  1088. <b>{Label}</b>{/block:Label}
  1089. &nbsp;{Line}
  1090. </div>
  1091. {/block:Lines}
  1092. {/block:Chat}
  1093.  
  1094. {block:Video}
  1095. <div class="media">{Video-400}</div>
  1096. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1097. {/block:Video}
  1098.  
  1099. {block:Audio}
  1100. <div class="media">
  1101. {AudioPlayerWhite}
  1102. {block:TrackName}{TrackName}{/block:TrackName} /
  1103. {block:Artist}{Artist}{/block:Artist}
  1104. </div>
  1105. {block:Caption}{Caption}{/block:Caption}
  1106. {/block:Audio}
  1107.  
  1108. {block:Answer}
  1109. <div class="question">{Asker}: {Question}</div>
  1110. <div class="caption">{Answer}</div>
  1111. {/block:Answer}
  1112.  
  1113.  
  1114. {block:Date}
  1115. <div class="footer">
  1116. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}{text:notes symbol}</a>
  1117.  
  1118. <!-- {block:NoRebloggedFrom}
  1119. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1120. {/block:NoRebloggedFrom} -->
  1121. {block:ContentSource}<!-- {SourceURL}
  1122. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1123. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1124. {/block:ContentSource}
  1125. <br>
  1126. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1127.  
  1128.  
  1129. </div>
  1130. {block:PermalinkPage}
  1131. {block:NoteCount}
  1132. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1133. {/block:NoteCount}
  1134. {/block:PermalinkPage}
  1135. {/block:Date}
  1136.  
  1137. </div>
  1138. {/block:Posts}
  1139.  
  1140. <center>
  1141. {block:Pagination}
  1142. <div id="navi">
  1143. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1144.  
  1145. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1146. </div>
  1147. {/block:Pagination}
  1148. </center>
  1149. </div>
  1150. <div id="scream"><a href="https://boyfriended.tumblr.com/" title="theme by artie o.0">this page was last updated {text:date}</a>
  1151. </div>
  1152.  
  1153. </div>
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159. </body>
  1160. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement