API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 7th, 2019
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.21 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. CONQUEROR THEME BY ANNIE @NOODLE
  6. tumblr may have suspended me after reporting antisemites but im back now. conquer THAT.
  7. for wobbly title do <div id="wobble">UR TITLE</div> in the title box
  8. don't (re)move credit as usual...
  9. (stan IA)
  10. ----->
  11.  
  12. <script type="text/javascript">
  13. // <![CDATA[
  14. var speed=100; // speed of wobbling, lower is faster
  15. var height=3; // height of wobbling in pixels
  16. var alink="/"; // page to link text to (set to ="" for no link)
  17.  
  18. /****************************
  19. * Wobbly Text Effect *
  20. *(c) 2003-6 mf2fm web-design*
  21. * http://www.mf2fm.com/rv *
  22. * DON'T EDIT BELOW THIS BOX *
  23. ****************************/
  24. var wobtxt, wobble, wobcnt=0;
  25. window.onload=function() { if (document.getElementById) {
  26. var i, wobli;
  27. wobble=document.getElementById("wobble");
  28. wobtxt=wobble.firstChild.nodeValue;
  29. while (wobble.childNodes.length) wobble.removeChild(wobble.childNodes[0]);
  30. for (i=0; i<wobtxt.length; i++) {
  31. wobli=document.createElement("span");
  32. wobli.setAttribute("id", "wobb"+i);
  33. wobli.style.position="relative";
  34. wobli.appendChild(document.createTextNode(wobtxt.charAt(i)));
  35. if (alink) {
  36. wobli.style.cursor="pointer";
  37. wobli.onclick=function() { top.location.href=alink; }
  38. }
  39. wobble.appendChild(wobli);
  40. }
  41. setInterval("wobbler()", speed);
  42. }}
  43.  
  44. function wobbler() {
  45. for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  46. wobcnt++;
  47. }
  48. // ]]>
  49. </script>
  50.  
  51. {block:ifblobs}
  52. <script type="text/javascript">
  53. // <![CDATA[
  54. var colour="{color:blob color}"; // what colour are the blobs
  55. var speed=66; // speed of animation, lower is faster
  56. var blobs=20; // how many blobs are in the jar
  57. var charc="{text:blob}"; // a blob - can be changed to charc='hello' or charc='*' for a different effect
  58.  
  59. /***************************\
  60. * Blobs in a Jar Effect *
  61. *(c)2012-13 mf2fm web-design*
  62. * http://www.mf2fm.com/rv *
  63. * DON'T EDIT BELOW THIS BOX *
  64. \***************************/
  65.  
  66. var div;
  67. var xpos=new Array();
  68. var ypos=new Array();
  69. var zpos=new Array();
  70. var dx=new Array();
  71. var dy=new Array();
  72. var dz=new Array();
  73. var blob=new Array();
  74. var swide=800;
  75. var shigh=600;
  76. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  77.  
  78. function addLoadEvent(funky) {
  79. var oldonload=window.onload;
  80. if (typeof(oldonload)!='function') window.onload=funky;
  81. else window.onload=function() {
  82. if (oldonload) oldonload();
  83. funky();
  84. }
  85. }
  86.  
  87. addLoadEvent(fill_the_jar);
  88.  
  89. function fill_the_jar() {
  90. var i, dvs;
  91. div=document.createElement('div');
  92. dvs=div.style;
  93. dvs.position='fixed';
  94. dvs.left='0px';
  95. dvs.top='0px';
  96. dvs.width='1px';
  97. dvs.height='1px';
  98. document.body.appendChild(div);
  99. set_width();
  100. for (i=0; i<blobs; i++) {
  101. add_blob(i);
  102. jamjar(i);
  103. }
  104. }
  105.  
  106. function add_blob(ref) {
  107. var dv, sy;
  108. dv=document.createElement('div');
  109. sy=dv.style;
  110. sy.position='absolute';
  111. sy.textAlign='center';
  112. if (ie_version && ie_version<10) {
  113. sy.fontSize="10px";
  114. sy.width="100px";
  115. sy.height="100px";
  116. sy.paddingTop="40px";
  117. sy.color=colour;
  118. dv.appendChild(document.createTextNode(charc));
  119. }
  120. else if (ie_version) {
  121. sy.fontSize="1px";
  122. sy.width="0px";
  123. sy.height="0px";
  124. }
  125. else {
  126. dv.appendChild(document.createTextNode(charc));
  127. sy.color='rgba(0,0,0,0)';
  128. }
  129. ypos[ref]=Math.floor(shigh*Math.random());
  130. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  131. xpos[ref]=Math.floor(swide*Math.random());
  132. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  133. zpos[ref]=Math.random()*20;
  134. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  135. blob[ref]=dv;
  136. div.appendChild(blob[ref]);
  137. set_blob(ref);
  138. }
  139.  
  140. function rejig(ref, xy) {
  141. if (xy=='y') {
  142. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  143. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  144. }
  145. else {
  146. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  147. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  148. }
  149. }
  150.  
  151. function sign(a) {
  152. if (a<0) return (-2);
  153. else if (a>0) return (2);
  154. else return (0);
  155. }
  156.  
  157. function set_blob(ref) {
  158. var sy;
  159. sy=blob[ref].style;
  160. sy.top=ypos[ref]+'px';
  161. sy.left=xpos[ref]+'px';
  162. if (ie_version && ie_version<10) {
  163. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  164. sy.fontSize=30-zpos[ref]+"px";
  165. }
  166. else if (ie_version) {
  167. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  168. }
  169. else {
  170. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  171. sy.fontSize=40+zpos[ref]+'px';
  172. }
  173. }
  174.  
  175. function jamjar(ref) {
  176. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  177. ypos[ref]+=dy[ref];
  178. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  179. xpos[ref]+=dx[ref];
  180. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  181. zpos[ref]+=dz[ref];
  182. set_blob(ref);
  183. setTimeout("jamjar("+ref+")", speed);
  184. }
  185.  
  186. window.onresize=set_width;
  187. function set_width() {
  188. var sw_min=999999;
  189. var sh_min=999999;
  190. if (document.documentElement && document.documentElement.clientWidth) {
  191. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  192. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  193. }
  194. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  195. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  196. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  197. }
  198. if (document.body.clientWidth) {
  199. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  200. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  201. }
  202. if (sw_min==999999 || sh_min==999999) {
  203. sw_min=800;
  204. sh_min=600;
  205. }
  206. swide=sw_min;
  207. shigh=sh_min;
  208. }
  209. // ]]>
  210. </script>{/block:ifblobs}
  211.  
  212. {block:ifrainbowlinks}
  213. <script type='text/javascript'>
  214. //<![CDATA[
  215. var rate = 50;
  216. if (document.getElementById)
  217. window.onerror=new Function("return true")
  218.  
  219. var objActive; // The object which event occured in
  220. var act = 0; // Flag during the action
  221. var elmH = 0; // Hue
  222. var elmS = 128; // Saturation
  223. var elmV = 255; // Value
  224. var clrOrg; // A color before the change
  225. var TimerID; // Timer ID
  226. if (document.all) {
  227. document.onmouseover = doRainbowAnchor;
  228. document.onmouseout = stopRainbowAnchor;
  229. }
  230. else if (document.getElementById) {
  231. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  232. document.onmouseover = Mozilla_doRainbowAnchor;
  233. document.onmouseout = Mozilla_stopRainbowAnchor;
  234. }
  235. function doRainbow(obj)
  236. {
  237. if (act == 0) {
  238. act = 1;
  239. if (obj)
  240. objActive = obj;
  241. else
  242. objActive = event.srcElement;
  243. clrOrg = objActive.style.color;
  244. TimerID = setInterval("ChangeColor()",100);
  245. }
  246. }
  247. function stopRainbow()
  248. {
  249. if (act) {
  250. objActive.style.color = clrOrg;
  251. clearInterval(TimerID);
  252. act = 0;
  253. }
  254. }
  255. function doRainbowAnchor()
  256. {
  257. if (act == 0) {
  258. var obj = event.srcElement;
  259. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  260. obj = obj.parentElement;
  261. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  262. break;
  263. }
  264. if (obj.tagName == 'A' && obj.href != '') {
  265. objActive = obj;
  266. act = 1;
  267. clrOrg = objActive.style.color;
  268. TimerID = setInterval("ChangeColor()",100);
  269. }
  270. }
  271. }
  272. function stopRainbowAnchor()
  273. {
  274. if (act) {
  275. if (objActive.tagName == 'A') {
  276. objActive.style.color = clrOrg;
  277. clearInterval(TimerID);
  278. act = 0;
  279. }
  280. }
  281. }
  282. function Mozilla_doRainbowAnchor(e)
  283. {
  284. if (act == 0) {
  285. obj = e.target;
  286. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  287. obj = obj.parentNode;
  288. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  289. break;
  290. }
  291. if (obj.nodeName == 'A' && obj.href != '') {
  292. objActive = obj;
  293. act = 1;
  294. clrOrg = obj.style.color;
  295. TimerID = setInterval("ChangeColor()",100);
  296. }
  297. }
  298. }
  299. function Mozilla_stopRainbowAnchor(e)
  300. {
  301. if (act) {
  302. if (objActive.nodeName == 'A') {
  303. objActive.style.color = clrOrg;
  304. clearInterval(TimerID);
  305. act = 0;
  306. }
  307. }
  308. }
  309. function ChangeColor()
  310. {
  311. objActive.style.color = makeColor();
  312. }
  313. function makeColor()
  314. {
  315. // Don't you think Color Gamut to look like Rainbow?
  316. // HSVtoRGB
  317. if (elmS == 0) {
  318. elmR = elmV; elmG = elmV; elmB = elmV;
  319. }
  320. else {
  321. t1 = elmV;
  322. t2 = (255 - elmS) * elmV / 255;
  323. t3 = elmH % 60;
  324. t3 = (t1 - t2) * t3 / 60;
  325. if (elmH < 60) {
  326. elmR = t1; elmB = t2; elmG = t2 + t3;
  327. }
  328. else if (elmH < 120) {
  329. elmG = t1; elmB = t2; elmR = t1 - t3;
  330. }
  331. else if (elmH < 180) {
  332. elmG = t1; elmR = t2; elmB = t2 + t3;
  333. }
  334. else if (elmH < 240) {
  335. elmB = t1; elmR = t2; elmG = t1 - t3;
  336. }
  337. else if (elmH < 300) {
  338. elmB = t1; elmG = t2; elmR = t2 + t3;
  339. }
  340. else if (elmH < 360) {
  341. elmR = t1; elmG = t2; elmB = t1 - t3;
  342. }
  343. else {
  344. elmR = 0; elmG = 0; elmB = 0;
  345. }
  346. }
  347. elmR = Math.floor(elmR).toString(16);
  348. elmG = Math.floor(elmG).toString(16);
  349. elmB = Math.floor(elmB).toString(16);
  350. if (elmR.length == 1) elmR = "0" + elmR;
  351. if (elmG.length == 1) elmG = "0" + elmG;
  352. if (elmB.length == 1) elmB = "0" + elmB
  353. elmH = elmH + rate;
  354. if (elmH >= 360)
  355. elmH = 0;
  356. return '#' + elmR + elmG + elmB;
  357. }
  358. //]]>
  359. </script>
  360. {/block:ifrainbowlinks}
  361.  
  362. <meta charset="utf-8">
  363. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  364. {block:Description}
  365. <meta name="description" content="{MetaDescription}" />
  366. {/block:Description}
  367.  
  368. <title>{Title}</title>
  369.  
  370. <link rel="shortcut icon" href="{image:favicon}">
  371. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  372. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  373.  
  374. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  375.  
  376. <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>
  377.  
  378. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi|Kosugi+Maru|Roboto|Short+Stack|Pangolin" rel="stylesheet">
  379.  
  380. <meta name="image:favicon">
  381. <meta name="image:sidebar">
  382. <meta name="image:bg">
  383. <meta name="image:perma">
  384. <meta name="color:bg">
  385. <meta name="color:post bg">
  386. <meta name="color:tooltip bg">
  387. <meta name="color:text">
  388. <meta name="color:tooltip text">
  389. <meta name="color:title">
  390. <meta name="color:link">
  391. <meta name="color:link hover">
  392. <meta name="color:text glow">
  393. <meta name="color:link glow">
  394. <meta name="color:title glow">
  395. <meta name="color:link glow hover">
  396. <meta name="color:blob color">
  397. <meta name="color:selection bg">
  398. <meta name="color:selection text">
  399.  
  400. <meta name="select:link decoration" content="none">
  401. <meta name="select:link decoration" content="underline">
  402.  
  403. <meta name="if:blur">
  404. <meta name="if:round">
  405. <meta name="if:right sidebar">
  406. <meta name="if:circle sidebar">
  407. <meta name="if:heart sidebar">
  408. <meta name="if:sidebar border">
  409. <meta name="if:marquee desc">
  410. <meta name="if:links">
  411. <meta name="if:text glow">
  412. <meta name="if:link glow">
  413. <meta name="if:link border">
  414. <meta name="if:bold links">
  415. <meta name="if:italic links">
  416. <meta name="if:rainbow links">
  417. <meta name="if:blobs">
  418. <meta name="if:cover bg">
  419. <meta name="if:hover tags">
  420.  
  421. <meta name="text:font size" content="12">
  422. <meta name="text:font" content="">
  423. <meta name="text:title" content="keep on one line">
  424. <meta name="text:desc" content="">
  425. <meta name="text:sidebar hover" content="stan toga">
  426. <meta name="text:link 1" content="link 1">
  427. <meta name="text:link 2" content="link 2">
  428. <meta name="text:link 3" content="link 3">
  429. <meta name="text:link 1 url" content="/">
  430. <meta name="text:link 2 url" content="/">
  431. <meta name="text:link 3 url" content="/">
  432. <meta name="text:blob" content="?">
  433.  
  434. <style type="text/css">
  435.  
  436.  
  437. ::selection {
  438. background: {color:selection bg};
  439. color:{color:selection text};
  440. }
  441. ::-moz-selection {
  442. background: {color:selection bg};
  443. color:{color:selection text};
  444. }
  445.  
  446. ::-webkit-scrollbar {
  447. width: 16px;
  448. height: 10px;
  449. }
  450. ::-webkit-scrollbar-thumb {
  451. background-color: #fff;
  452. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  453. border-top: 1px solid #bdbdbd;
  454. border-left: 1px solid #bdbdbd;
  455. border-right: 1px solid black;
  456. border-bottom: 1px solid black;
  457. }
  458. ::-webkit-scrollbar-track {
  459. background-color: #fff;
  460. background-image: url(https://i.imgur.com/IGXGYKz.png);
  461. }
  462. ::-webkit-scrollbar-button:vertical:increment {
  463. background-image: url(https://i.imgur.com/WhC8iy3.png);
  464. width: 14px;
  465. height: 16px;
  466. border-top: 1px solid #bdbdbd;
  467. border-left: 1px solid #bdbdbd;
  468. border-right: 1px solid black;
  469. border-bottom: 1px solid black;
  470. }
  471. ::-webkit-scrollbar-button:vertical:decrement {
  472. background-image: url(https://i.imgur.com/fQ18mrR.png);
  473. border-top: 1px solid #bdbdbd;
  474. border-left: 1px solid #bdbdbd;
  475. border-right: 1px solid black;
  476. border-bottom: 1px solid black;
  477. width: 14px;
  478. height: 16px;
  479. }
  480.  
  481.  
  482. .tooltip {
  483. display: inline;
  484. position: relative;
  485. }
  486.  
  487. #s-m-t-tooltip {
  488. z-index:99999999999999999;
  489. background: {color:tooltip bg};
  490. box-shadow: 0 0 5px 10px {color:tooltip bg};
  491. color:{color:tooltip text};
  492. max-width: 250px;
  493. margin: 20px;
  494. padding: 5px;
  495. transition: 0.1s;
  496. text-align:center;
  497. {block:ifround}
  498. border-radius:10px;
  499. {/block:ifround}
  500. }
  501.  
  502. body {
  503. background-color: {color:bg};
  504. background-image: url('{image:bg}');
  505. {block:ifnotcoverbg}
  506. background-repeat: repeat;
  507. background-attachment: fixed;
  508. {/block:ifnotcoverbg}
  509. {block:ifcoverbg}
  510. background-size: cover;
  511. background-attachment: fixed;
  512. {/block:ifcoverbg}
  513. font-family:{text:font};
  514. font-size:{text:font size}px;
  515. color:{color:text};
  516. {block:iftextglow}
  517. text-shadow: 0 0 2px {color:text glow};
  518. {/block:iftextglow}
  519. word-wrap:break-word;
  520. }
  521.  
  522. p{
  523. margin:0 0 10px 0;
  524. padding:0;
  525. }
  526.  
  527. pre {
  528. white-space: pre-wrap;
  529. white-space: -moz-pre-wrap;
  530. white-space: -pre-wrap;
  531. white-space: -o-pre-wrap;
  532. word-wrap: break-word;
  533. }
  534.  
  535. a{
  536. color:{color:link};
  537. text-decoration: {select:link decoration};
  538. {block:iflinkglow}
  539. text-shadow:0 0 2px {color:link glow};
  540. {/block:iflinkglow}
  541. {block:iflinkborder}
  542. text-shadow: -1px 0 {color:link glow}, 0 1px {color:link glow}, 1px 0 {color:link glow}, 0 -1px {color:link glow}, 0 0 2px {color:link glow};
  543. {/block:iflinkborder}
  544. {block:ifboldlinks}
  545. font-weight:bold;
  546. {/block:ifboldlinks}
  547. {block:ifitaliclinks}
  548. font-style:italic;
  549. {/block:ifitaliclinks}
  550. }
  551.  
  552. a:hover{
  553. color:{color:link hover};
  554. {block:iflinkglow}
  555. text-shadow:0 0 2px {color:link glow hover};
  556. {/block:iflinkglow}
  557. {block:iflinkborder}
  558. text-shadow: -1px 0 {color:link glow hover}, 0 1px {color:link glow hover}, 1px 0 {color:link glow hover}, 0 -1px {color:link glow hover}, 0 0 2px {color:link glow hover};
  559. {/block:iflinkborder}
  560. {block:ifblur}
  561. -webkit-filter: blur(2px);
  562. -o-transition: all 0.4s ease-out;
  563. -webkit-transition: all 0.4s ease-out;
  564. -moz-transition: all 0.4s ease-out;
  565. {/block:ifblur}
  566. }
  567.  
  568. li{
  569. margin-left:-15px;
  570. }
  571.  
  572. #wrapper{
  573. width:800px;
  574. margin:30px auto;
  575. }
  576.  
  577. #sidebar{
  578. {block:ifrightsidebar}
  579. margin-left:525px;
  580. {/block:ifrightsidebar}
  581. margin-top:0px;
  582. width:250px;
  583. height:auto;
  584. position:fixed;
  585. text-align:center;
  586. box-sizing: border-box;
  587. }
  588.  
  589. #descwiption{
  590. background:none;
  591. text-align:center;
  592. width:250px;
  593. height:auto;
  594. -webkit-transition: all 0.6s ease-out;
  595. -moz-transition: all 0.6s ease-out;
  596. -ms-transition: all 0.6s ease-out;
  597. -o-transition: all 0.6s ease-out;
  598. transition: all 0.6s ease-out;
  599. }
  600.  
  601. #descwiption:hover{
  602. height:auto;
  603. -webkit-transition: all 0.6s ease-out;
  604. -moz-transition: all 0.6s ease-out;
  605. -ms-transition: all 0.6s ease-out;
  606. -o-transition: all 0.6s ease-out;
  607. transition: all 0.6s ease-out;
  608. }
  609.  
  610. #links{
  611. opacity:0;
  612. width:250px;
  613. overflow:hidden;
  614. text-align:center;
  615. height:0px;
  616. line-height:100%;
  617. -webkit-transition: all 0.6s ease-out;
  618. -moz-transition: all 0.6s ease-out;
  619. -ms-transition: all 0.6s ease-out;
  620. -o-transition: all 0.6s ease-out;
  621. transition: all 0.6s ease-out;
  622. }
  623.  
  624. #descwiption:hover #links{
  625. opacity:1;
  626. line-height:155%;
  627. height:auto;
  628. }
  629.  
  630. #reincarnation{
  631. z-index:1;
  632. font-size:2em;
  633. color:{color:title};
  634. text-align:center;
  635. position:fixed;
  636. margin-top:50px;
  637. padding:20px;
  638. line-height:0%;
  639. font-style:italic;
  640. font-weight:bold;
  641. width:800px;
  642. text-shadow: -1px 0 {color:title glow}, 0 1px {color:title glow}, 1px 0 {color:title glow}, 0 -1px {color:title glow}, 0 0 4px {color:title glow};
  643. -webkit-filter: blur(2px);
  644. z-index:999;
  645. }
  646.  
  647. #reincarnation:hover{
  648. -webkit-filter: blur(0px);
  649. -o-transition: all 0.4s ease-out;
  650. -webkit-transition: all 0.4s ease-out;
  651. -moz-transition: all 0.4s ease-out;
  652. }
  653.  
  654. #originalsin{
  655. position:fixed;
  656. width:800px;
  657. height:500px;
  658. margin:0px auto;
  659. margin-left:0px;
  660. margin-top:100px;
  661. overflow:auto;
  662. text-align:center;
  663. background: {color:post bg};
  664. box-shadow: 0 0 10px 20px {color:post bg};
  665. padding:20px;
  666. {block:ifround}
  667. border-radius:10px;
  668. {/block:ifround}
  669. z-index:99;
  670. }
  671.  
  672. #content {
  673. width:500px;
  674. margin:auto;
  675. margin-left:275px;
  676. {block:ifrightsidebar}
  677. margin-left:0px;
  678. {block:ifrightsidebar}
  679. }
  680.  
  681. .post{
  682. background:none;
  683. width:500px;
  684. margin: 0 0 50px 0;
  685. overflow:hidden;
  686. {block:ifround}
  687. border-radius:10px;
  688. {/block:ifround}
  689. padding-left:10px;
  690. padding-right:10px;
  691. box-sizing: border-box;
  692. }
  693.  
  694. #sidebar img{
  695. width:250px;
  696. {block:ifnotheartsidebar}
  697. {block:ifround}
  698. border-radius:10px;
  699. {/block:ifround}
  700. {/block:ifnotheartsidebar}
  701. {block:ifheartsidebar}
  702. -webkit-mask-image: url(https://cdn.discordapp.com/attachments/291662432298860545/438850568765702144/guhhhhh.png);
  703. display:inline;
  704. {/block:ifheartsidebar}
  705. {block:ifcirclesidebar}
  706. border-radius:800px;
  707. {/block:ifcirclesidebar}
  708. {block:ifsidebarborder}
  709. border-top: 2px solid #ff59bd;
  710. border-left: 2px solid #ff59bd;
  711. border-right: 2px solid #ff59bd;
  712. border-bottom: 2px solid #ff59bd;
  713. {/block:ifsidebarborder}
  714. box-sizing: border-box;
  715. }
  716.  
  717. .post img{
  718. max-width:100%;
  719. height:auto;
  720. {block:ifround}
  721. border-radius:10px;
  722. {/block:ifround}
  723. }
  724.  
  725. {block:ifblur}
  726. .post img:hover{
  727. -webkit-filter: blur(2px);
  728. -o-transition: all 0.4s ease-out;
  729. -webkit-transition: all 0.4s ease-out;
  730. -moz-transition: all 0.4s ease-out;}
  731. {/block:ifblur}
  732.  
  733. #nav{
  734. margin:50px 0 0 0;
  735. font-size: 2em;
  736. text-align:center;
  737. }
  738.  
  739. .media{
  740. margin:0 0 10px 0;
  741. text-align:center;
  742. position:relative;
  743. z-index:99999;
  744. {block:ifround}
  745. border-radius:10px;
  746. {/block:ifround}
  747. }
  748.  
  749. {block:ifblur}
  750. .media:hover{
  751. -webkit-filter: blur(2px);
  752. -o-transition: all 0.4s ease-out;
  753. -webkit-transition: all 0.4s ease-out;
  754. -moz-transition: all 0.4s ease-out;}
  755. {/block:ifblur}
  756.  
  757. .simple-player iframe, .audio_player iframe, .size, .size iframe {
  758. background: #fff;
  759. color: {color:text};
  760. width: 100%;
  761. {block:ifround}
  762. border-radius:5px;
  763. {/block:ifround}
  764. }
  765.  
  766. .playbutton {
  767. position:relative;
  768. margin-top:45px;
  769. margin-left:44px;
  770. z-index:9;
  771. width:33px;
  772. height:30px;
  773. overflow:hidden;}
  774.  
  775. .albumart img {
  776. position:relative;
  777. margin-top:-75px;
  778. margin-left:0px
  779. height:120px;
  780. width:120px;
  781. }
  782.  
  783. .trackinfo {
  784. padding:5px;
  785. box-sizing: border-box;
  786. background:#f1f1f1;
  787. background-image: url('https://i.imgur.com/IGXGYKz.png');
  788. color:black;
  789. border-top: 1px solid #bdbdbd;
  790. border-left: 1px solid #bdbdbd;
  791. border-right: 1px solid #5f5e5e;
  792. border-bottom: 1px solid #5f5e5e;
  793. color:black;
  794. margin-bottom:0px;
  795. top:-10px;
  796. position:relative;
  797. margin-left:120px;
  798. height:120px;
  799. margin-top:-116.5px;
  800. overflow:auto;
  801. {block:ifround}
  802. border-radius:5px;
  803. {/block:ifround}
  804. }
  805.  
  806. .trackname {
  807. position:relative;
  808. padding-top:0px;
  809. text-align:center;
  810. text-transform:uppercase;
  811. font-weight: bold;
  812. letter-spacing:2px;}
  813.  
  814. .artist {
  815. text-align:center;
  816. text-transform:uppercase;
  817. letter-spacing:2px;}
  818.  
  819. .album {
  820. text-align:center;
  821. font-style: italic;
  822. letter-spacing:4px;}
  823.  
  824.  
  825. .title{
  826. font-weight:bold;
  827. font-size:1.5em;
  828. margin:0 0 10px 0;
  829. }
  830.  
  831. .quote{
  832. font-weight:normal;
  833. font-size:16px;
  834. font-style:italic;
  835. margin:0 0 10px 0;
  836. }
  837.  
  838. .question{
  839. margin-bottom:10px;
  840. padding:5px;
  841. background:#f1f1f1;
  842. background-image: url('https://i.imgur.com/IGXGYKz.png');
  843. color:black;
  844. border-top: 1px solid #bdbdbd;
  845. border-left: 1px solid #bdbdbd;
  846. border-right: 1px solid black;
  847. border-bottom: 1px solid black;
  848. font-family:{text:font};
  849. box-sizing: border-box;
  850. {block:ifround}
  851. border-radius:10px;
  852. {/block:ifround}
  853. }
  854.  
  855. blockquote{
  856. margin:0 0 10px 10px;
  857. padding:0 0 0 10px;
  858. border-left:solid 1px {color:text};
  859. }
  860.  
  861. .post .footer{
  862. margin:0;
  863. text-align:center;
  864. font-style:normal;
  865. }
  866.  
  867. .post .footer img{
  868. border-radius:0px;
  869. }
  870.  
  871. .post .footer a{
  872. font-style:normal;
  873. }
  874.  
  875. ol.notes{
  876. list-style-type:none;
  877. padding:0;
  878. margin:0;
  879. }
  880.  
  881. ol.notes li.note img{
  882. width:16px;
  883. height:16px;
  884. }
  885.  
  886. ol.notes li.note{
  887. margin:0px;
  888. }
  889.  
  890. {block:ifhovertags}
  891. .tags {
  892. max-height:0px;
  893. text-align:center;
  894. opacity:0;
  895. -webkit-transition: all 0.7s ease;
  896. transition: all 0.7s ease;
  897. -moz-transition: all 0.7s ease;
  898. -o-transition: all 0.7s ease;}
  899.  
  900. .post:hover .tags{
  901. opacity:1;
  902. max-height:300px;
  903. -webkit-transition: all 0.7s ease;
  904. transition: all 0.7s ease;
  905. -moz-transition: all 0.7s ease;
  906. -o-transition: all 0.7s ease;}
  907. {/block:ifhovertags}
  908.  
  909. {CustomCSS}
  910. </style>
  911. </head>
  912.  
  913. <body>
  914. <div id="wrapper">
  915.  
  916. <div id="reincarnation">{text:title}</div>
  917. <div id="originalsin">
  918.  
  919. <div id="sidebar">
  920. <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}"></a>
  921. <div id="descwiption">
  922. {block:ifmarqueedesc}
  923. <marquee>{text:desc}</marquee>
  924. {/block:ifmarqueedesc}
  925.  
  926. {block:ifnotmarqueedesc}
  927. {text:desc}
  928. {/block:ifnotmarqueedesc}
  929. <div id="links">
  930. <a href="{text:link 1 url}">{text:link 1}</a><br>
  931. <a href="{text:link 2 url}">{text:link 2}</a><br>
  932. <a href="/{text:link 3 url}">{text:link 3}</a>
  933. </div></div>
  934.  
  935. {block:HasPages}
  936. {block:Pages}
  937. <a href="{URL}">{Label}</a><br>
  938. {/block:Pages}
  939. {/block:HasPages}
  940. </div>
  941.  
  942.  
  943.  
  944. <div id="content">
  945. {block:Posts}
  946.  
  947. <div class="post">
  948.  
  949. {block:Text}
  950. {block:Title}
  951. <div class="title">{Title}</div>
  952. {/block:Title}
  953. {Body}
  954. {/block:Text}
  955.  
  956. {block:Photo}
  957. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  958. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  959. {/block:Photo}
  960.  
  961. {block:Photoset}
  962. <div class="media">{Photoset}</div>
  963. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  964. {/block:Photoset}
  965.  
  966. {block:Quote}
  967. <div class="quote">"{Quote}"</div>
  968. {block:Source}
  969. <div class="quotesource">{Source}</div>
  970. {/block:Source}
  971. {/block:Quote}
  972.  
  973. {block:Link}
  974. <div class="title"><a href="{URL}">{Name}</a></div>
  975. {block:Description}
  976. <div class="description">{Description}</div>
  977. {/block:Description}
  978. {/block:Link}
  979.  
  980. {block:Chat}
  981. {block:Title}
  982. <div class="title">{Title}</div>
  983. {/block:Title}
  984.  
  985. {block:Lines}
  986. <div class="{Alt} user_{UserNumber}">
  987. {block:Label}
  988. <b>{Label}</b>{/block:Label}
  989. &nbsp;{Line}
  990. </div>
  991. {/block:Lines}
  992. {/block:Chat}
  993.  
  994. {block:Video}
  995. <div class="media">{Video-400}</div>
  996. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  997. {/block:Video}
  998.  
  999. {block:Audio}
  1000. {block:AudioPlayer}
  1001. <div class="playbutton">{AudioPlayerGrey}</div>
  1002. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1003. <div class="trackinfo">
  1004. <div class="trackname">
  1005. {block:TrackName}{TrackName}{/block:TrackName}
  1006. </div>
  1007. <div class="artist">
  1008. {block:Artist}{Artist}{/block:Artist}
  1009. </div>
  1010. <div class="album">
  1011. {block:Album}{Album}{/block:Album}
  1012. </div>
  1013. </div>
  1014. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1015. {/block:AudioPlayer}
  1016. {/block:Audio}
  1017.  
  1018. {block:Answer}
  1019. <div class="question">{Asker}: {Question}</div>
  1020. <div class="caption">{Answer}</div>
  1021. {/block:Answer}
  1022.  
  1023.  
  1024. {block:Date}
  1025. <div class="footer">
  1026. <img src="{image:perma}"></a> <a href="{Permalink}"><a href="{Permalink}" title="{notecount}%">{MonthNumberWithZero}.{DayofMonthWithZero}.{Year}</a> / <a href="{ReblogURL}" title="REBLOG">&#8635;</a> <img src="{image:perma}"></a>
  1027. <br>
  1028. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  1029.  
  1030. </div>
  1031.  
  1032. {block:PermalinkPage}
  1033. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}
  1034. {block:NoteCount}
  1035. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1036. {/block:NoteCount}
  1037. {/block:PermalinkPage}
  1038. {/block:Date}
  1039.  
  1040. </div>
  1041. {/block:Posts}
  1042.  
  1043. {block:Pagination}
  1044. <div id="nav">
  1045. {block:PreviousPage}<a href="{PreviousPage}">←</a> {/block:PreviousPage}
  1046.  
  1047. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  1048. </div>
  1049. {/block:Pagination}
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054.  
  1055. <a style="position:fixed;left:3px;bottom:3px;color:{color:title};" <a href="https://noodle.tumblr.com/" title="theme by annie!">✡</a>
  1056.  
  1057. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  1058. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  1059.  
  1060. </body>
  1061. </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!