API tools faq
paste
Advertisement
artiecore

welcome to the jungle

artiecore
Feb 9th, 2020
701
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.76 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ♡ welcome 2 the jungle theme by boyfriended ♡
  6.  
  7. cheeto.
  8.  
  9. base code by animecharacter
  10. ----->
  11.  
  12. <script type="text/javascript">{block:ifsparkles}
  13. // <![CDATA[
  14. var colour="random"; // in addition to "random" can be set to any valid colour eg "#f0f" or "red"
  15. var sparkles=50;
  16.  
  17. /****************************
  18. * Tinkerbell Magic Sparkle *
  19. *(c)2005-13 mf2fm web-design*
  20. * http://www.mf2fm.com/rv *
  21. * DON'T EDIT BELOW THIS BOX *
  22. ****************************/
  23. var x=ox=400;
  24. var y=oy=300;
  25. var swide=800;
  26. var shigh=600;
  27. var sleft=sdown=0;
  28. var tiny=new Array();
  29. var star=new Array();
  30. var starv=new Array();
  31. var starx=new Array();
  32. var stary=new Array();
  33. var tinyx=new Array();
  34. var tinyy=new Array();
  35. var tinyv=new Array();
  36.  
  37. window.onload=function() { if (document.getElementById) {
  38. var i, rats, rlef, rdow;
  39. for (var i=0; i<sparkles; i++) {
  40. var rats=createDiv(3, 3);
  41. rats.style.visibility="hidden";
  42. rats.style.zIndex="999";
  43. document.body.appendChild(tiny[i]=rats);
  44. starv[i]=0;
  45. tinyv[i]=0;
  46. var rats=createDiv(5, 5);
  47. rats.style.backgroundColor="transparent";
  48. rats.style.visibility="hidden";
  49. rats.style.zIndex="999";
  50. var rlef=createDiv(1, 5);
  51. var rdow=createDiv(5, 1);
  52. rats.appendChild(rlef);
  53. rats.appendChild(rdow);
  54. rlef.style.top="2px";
  55. rlef.style.left="0px";
  56. rdow.style.top="0px";
  57. rdow.style.left="2px";
  58. document.body.appendChild(star[i]=rats);
  59. }
  60. set_width();
  61. sparkle();
  62. }}
  63.  
  64. function sparkle() {
  65. var c;
  66. if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  67. ox=x;
  68. oy=y;
  69. for (c=0; c<sparkles; c++) if (!starv[c]) {
  70. star[c].style.left=(starx[c]=x)+"px";
  71. star[c].style.top=(stary[c]=y+1)+"px";
  72. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  73. star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;
  74. star[c].style.visibility="visible";
  75. starv[c]=50;
  76. break;
  77. }
  78. }
  79. for (c=0; c<sparkles; c++) {
  80. if (starv[c]) update_star(c);
  81. if (tinyv[c]) update_tiny(c);
  82. }
  83. setTimeout("sparkle()", 40);
  84. }
  85.  
  86. function update_star(i) {
  87. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  88. if (starv[i]) {
  89. stary[i]+=1+Math.random()*3;
  90. starx[i]+=(i%5-2)/5;
  91. if (stary[i]<shigh+sdown) {
  92. star[i].style.top=stary[i]+"px";
  93. star[i].style.left=starx[i]+"px";
  94. }
  95. else {
  96. star[i].style.visibility="hidden";
  97. starv[i]=0;
  98. return;
  99. }
  100. }
  101. else {
  102. tinyv[i]=50;
  103. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  104. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  105. tiny[i].style.width="2px";
  106. tiny[i].style.height="2px";
  107. tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;
  108. star[i].style.visibility="hidden";
  109. tiny[i].style.visibility="visible"
  110. }
  111. }
  112.  
  113. function update_tiny(i) {
  114. if (--tinyv[i]==25) {
  115. tiny[i].style.width="1px";
  116. tiny[i].style.height="1px";
  117. }
  118. if (tinyv[i]) {
  119. tinyy[i]+=1+Math.random()*3;
  120. tinyx[i]+=(i%5-2)/5;
  121. if (tinyy[i]<shigh+sdown) {
  122. tiny[i].style.top=tinyy[i]+"px";
  123. tiny[i].style.left=tinyx[i]+"px";
  124. }
  125. else {
  126. tiny[i].style.visibility="hidden";
  127. tinyv[i]=0;
  128. return;
  129. }
  130. }
  131. else tiny[i].style.visibility="hidden";
  132. }
  133.  
  134. document.onmousemove=mouse;
  135. function mouse(e) {
  136. if (e) {
  137. y=e.pageY;
  138. x=e.pageX;
  139. }
  140. else {
  141. set_scroll();
  142. y=event.y+sdown;
  143. x=event.x+sleft;
  144. }
  145. }
  146.  
  147. window.onscroll=set_scroll;
  148. function set_scroll() {
  149. if (typeof(self.pageYOffset)=='number') {
  150. sdown=self.pageYOffset;
  151. sleft=self.pageXOffset;
  152. }
  153. else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  154. sdown=document.body.scrollTop;
  155. sleft=document.body.scrollLeft;
  156. }
  157. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  158. sleft=document.documentElement.scrollLeft;
  159. sdown=document.documentElement.scrollTop;
  160. }
  161. else {
  162. sdown=0;
  163. sleft=0;
  164. }
  165. }
  166.  
  167. window.onresize=set_width;
  168. function set_width() {
  169. var sw_min=999999;
  170. var sh_min=999999;
  171. if (document.documentElement && document.documentElement.clientWidth) {
  172. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  173. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  174. }
  175. if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  176. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  177. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  178. }
  179. if (document.body.clientWidth) {
  180. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  181. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  182. }
  183. if (sw_min==999999 || sh_min==999999) {
  184. sw_min=800;
  185. sh_min=600;
  186. }
  187. swide=sw_min;
  188. shigh=sh_min;
  189. }
  190.  
  191. function createDiv(height, width) {
  192. var div=document.createElement("div");
  193. div.style.position="absolute";
  194. div.style.height=height+"px";
  195. div.style.width=width+"px";
  196. div.style.overflow="hidden";
  197. return (div);
  198. }
  199.  
  200. function newColour() {
  201. var c=new Array();
  202. c[0]=255;
  203. c[1]=Math.floor(Math.random()*256);
  204. c[2]=Math.floor(Math.random()*(256-c[1]/2));
  205. c.sort(function(){return (0.5 - Math.random());});
  206. return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")");
  207. }
  208. // ]]>
  209. {/block:ifsparkles}
  210. </script>
  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 = 70; // Saturation
  223. var elmV = 250; // 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.  
  363. <title>{Title}</title>
  364.  
  365. <link rel="shortcut icon" href="{image:favicon}">
  366.  
  367. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  368. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  369.  
  370. <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>
  371.  
  372.  
  373.  
  374. <meta name="color:background" content="#ffffff"/>
  375. <meta name="color:posts" content=""/>
  376. <meta name="color:sidebar" content=""/>
  377. <meta name="color:border" content="#000">
  378. <meta name="color:sidebar glow" content="#000">
  379. <meta name="color:post glow" content="#000">
  380. <meta name="color:text" content="#2b2b2b"/>
  381. <meta name="color:link" content="#2b2b2b"/>
  382. <meta name="color:link hover" content="#949494"/>
  383. <meta name="color:text glow" content="#000000"/>
  384. <meta name="color:link glow" content="#000000"/
  385. <meta name="color:selection bg" content="#fff"/>
  386. <meta name="color:selection text">
  387. <meta name="color:tooltip" content="#ffffff"/>
  388. <meta name="color:tooltip text" content="#6d6d6d"/>
  389.  
  390. <meta name="color:epic 1" content=""/>
  391. <meta name="color:epic 2" content=""/>
  392. <meta name="color:epic 3" content=""/>
  393. <meta name="color:epic 4" content=""/>
  394.  
  395. <meta name="image:sidebar" content=""/>
  396. <meta name="image:background" content="" />
  397. <meta name="image:favicon" content="">
  398. <meta name="image:littol" content="">
  399.  
  400.  
  401. <meta name="if:sidebar border" content="" />
  402. <meta name="if:post border" content="" />
  403. <meta name="if:post glow" content="" />
  404. <meta name="if:glow links" content="" />
  405. <meta name="if:glow text" content="" />
  406. <meta name="if:sidebar glow" content="" />
  407. <meta name="if:epic border" content="" />
  408. <meta name="if:dropdown" content="" />
  409. <meta name="if:rainbow links" content=""/>
  410. <meta name="if:sparkles" content=""/>
  411.  
  412.  
  413. <meta name="text:font size" content="12px">
  414. <meta name="text:sidebarhover" content="<3">
  415. <meta name="text:dropdown txt" content="hey!" />
  416. <meta name="text:description" content="nyall even read this shit?"/>
  417. <meta name="text:redirect" content=""/>
  418. <meta name="text:link divider" content="/"/>
  419. <meta name="text:border size" content="3px" />
  420.  
  421. <meta name="text:link1" content="one">
  422. <meta name="text:url1" content="https://www.youtube.com/watch?v=mtaKJ2HnvN4">
  423. <meta name="text:link2" content="two">
  424. <meta name="text:url2" content="">
  425. <meta name="text:link3" content="three">
  426. <meta name="text:url3" content="">
  427. <meta name="text:link4" content="four">
  428. <meta name="text:url4" content="">
  429.  
  430.  
  431. <meta name="select:font" content="arial">
  432. <meta name="select:font" content="georgia">
  433. <meta name="select:font" content="times new roman">
  434. <meta name="select:font" content="ms gothic"/>
  435. <meta name="select:font" content="comic sans ms">
  436.  
  437. <meta name="select:border type" content="solid" />
  438. <meta name="select:border type" content="double" />
  439. <meta name="select:border type" content="dashed" />
  440. <meta name="select:border type" content="dotted" />
  441. <meta name="select:border type" content="outset">
  442. <meta name="select:border type" content="inset">
  443.  
  444.  
  445. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  446.  
  447. <style type="text/css">
  448.  
  449. ::-webkit-scrollbar {
  450. width: 16px;
  451. height: 10px;
  452. }
  453. ::-webkit-scrollbar-thumb {
  454. background-color: #fff;
  455. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  456. border-top: 1px solid #bdbdbd;
  457. border-left: 1px solid #bdbdbd;
  458. border-right: 1px solid black;
  459. border-bottom: 1px solid black;
  460. }
  461. ::-webkit-scrollbar-track {
  462. background-color: #fff;
  463. background-image: url(https://i.imgur.com/IGXGYKz.png);
  464. }
  465. ::-webkit-scrollbar-button:vertical:increment {
  466. background-image: url(https://i.imgur.com/WhC8iy3.png);
  467. width: 14px;
  468. height: 16px;
  469. border-top: 1px solid #bdbdbd;
  470. border-left: 1px solid #bdbdbd;
  471. border-right: 1px solid black;
  472. border-bottom: 1px solid black;
  473. }
  474. ::-webkit-scrollbar-button:vertical:decrement {
  475. background-image: url(https://i.imgur.com/fQ18mrR.png);
  476. border-top: 1px solid #bdbdbd;
  477. border-left: 1px solid #bdbdbd;
  478. border-right: 1px solid black;
  479. border-bottom: 1px solid black;
  480. width: 14px;
  481. height: 16px;
  482. }
  483. ::-webkit-scrollbar-button:vertical:decrement {
  484. background-image: url(https://i.imgur.com/fQ18mrR.png);
  485. border-top: 1px solid #bdbdbd;
  486. border-left: 1px solid #bdbdbd;
  487. border-right: 1px solid black;
  488. border-bottom: 1px solid black;
  489. width: 14px;
  490. height: 16px;
  491. }
  492.  
  493. ::selection {
  494. background: {color:selection bg};
  495. color:{color:selection text};
  496. }
  497. ::-moz-selection {
  498. background: {color:selection bg};
  499. color:{color:selection text};
  500. }
  501.  
  502. .tooltip{
  503. display:inline;
  504. position:relative;
  505. }
  506.  
  507. #s-m-t-tooltip{
  508. max-width:300px;
  509. padding:5px;
  510. margin:20px 7px -2px 20px;
  511. background-color:{color:tooltip};
  512. letter-spacing:1px;
  513. text-align:center;
  514. color:{color:tooltip text};
  515. z-index:99999999999999999999;
  516. -o-transition: all 0.3s ease-out;
  517. -webkit-transition: all 0.3s ease-out;
  518. -moz-transition: all 0.3s ease-out;
  519. }
  520.  
  521.  
  522. /*
  523. general text styles, fonts and colours
  524. */
  525.  
  526. body {
  527. margin:0px;
  528. background:{color:background};
  529. color:{color:text};
  530. {block:ifglowtext}
  531. text-shadow: 0 0 3px {color:text glow}, 0 0 15px {color:text glow}, 0 0 3px {color:text glow};
  532. {/block:ifglowtext}
  533. background-image: url('{image:background}');
  534. {block:ifnotcoverbg}
  535. background-repeat: repeat;
  536. background-attachment: fixed;
  537. {/block:ifnotcoverbg}
  538. {block:ifcoverbg}
  539. background-size: cover;
  540. background-attachment: fixed;
  541. {/block:ifcoverbg}
  542. font-family: {select:font};
  543. font-size: {text:font size};
  544. }
  545.  
  546. p{
  547. margin:0 0 10px 0;
  548. padding:0;
  549. }
  550.  
  551. pre {
  552. white-space: pre-wrap;
  553. white-space: -moz-pre-wrap;
  554. white-space: -pre-wrap;
  555. white-space: -o-pre-wrap;
  556. word-wrap: break-word;
  557. }
  558.  
  559. a {
  560. color:{color:link};
  561. {block:ifglowlinks}
  562. text-shadow: 0 0 3px {color:link glow}, 0 0 15px {color:link glow}, 0 0 3px {color:link glow};
  563. {/block:ifglowlinks}
  564. -moz-transition-duration:0.4s;
  565. -webkit-transition-duration:0.4s;
  566. -o-transition-duration:0.4s;
  567. text-decoration:none;
  568. }
  569.  
  570. a:hover {
  571. color:{color:link hover};
  572. -moz-transition-duration:0.4s;
  573. -webkit-transition-duration:0.4s;
  574. -o-transition-duration:0.4s;
  575. }
  576.  
  577. /*
  578. containers etc
  579. */
  580.  
  581. #sidebar {
  582. text-align:center;
  583. padding:10px;
  584. position:fixed;
  585. margin-left:-350px;
  586. margin-top:120px;
  587. max-width:245px;
  588.  
  589. }
  590.  
  591. #sidebar img {
  592. max-width:100%;
  593. height:auto;
  594. margin-bottom:10px;
  595. }
  596.  
  597.  
  598. #description {
  599. margin-top:1px;
  600. margin-bottom:10px;
  601. max-height:auto;
  602. text-align:center;
  603. {block:ifsidebarborder}
  604. border:{text:border size} {select:border type} {color:border};
  605. {/block:ifsidebarborder}
  606. {block:ifsidebarglow}
  607. -moz-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  608. -webkit-box-shadow: 0px 0px 4px 2px {color:sidebar glow};
  609. box-shadow: 0px 0px 4px 2px {color:sidebar glow};{/block:ifsidebarglow}
  610. background-color:{color:sidebar};
  611. }
  612.  
  613. .post{
  614. width:420px;
  615. margin-top:20px;
  616. margin-bottom: 10px;
  617. padding:10px;
  618. background-color:{color:posts};
  619. {block:ifpostborder}
  620. border:{text:border size} {select:border type} {color:border};
  621. {/block:ifpostborder}
  622. {block:ifpostglow}
  623. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  624. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  625. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  626. }
  627.  
  628. #epic {
  629. margin-top:30px;
  630. width:444px;
  631. padding-left:15px;
  632. padding-right:15px;
  633. padding-top:1px;
  634. padding-bottom:15px;
  635.  
  636.  
  637.  
  638. animation-name: example;
  639. animation-duration: 4s;
  640. animation-iteration-count: infinite;
  641. margin-bottom:10px;
  642. }
  643. @keyframes example {
  644. 0% {background-color:{color:epic 1}; left:0px; top:0px;}
  645. 25% {background-color:{color:epic 2}; left:200px; top:0px;}
  646. 50% {background-color:{color:epic 3}; left:200px; top:200px;}
  647. 75% {background-color:{color:epic 4}; left:0px; top:200px;}
  648. 100% {background-color:{color:epic 1}; left:0px; top:0px;}
  649. }
  650.  
  651. .post img {
  652. max-width:100%;
  653. height:auto;
  654.  
  655. }
  656.  
  657. .tags {
  658. max-height:0px;
  659. line-height:130%;
  660. text-align:left;
  661. font-size:{text:font size};
  662. opacity:0;
  663. -webkit-transition: all 0.7s ease;
  664. transition: all 0.7s ease;
  665. -moz-transition: all 0.7s ease;
  666. -o-transition: all 0.7s ease;}
  667.  
  668. .post:hover .tags{
  669. opacity:1;
  670. max-height:300px;
  671. -webkit-transition: all 0.7s ease;
  672. transition: all 0.7s ease;
  673. -moz-transition: all 0.7s ease;
  674. -o-transition: all 0.7s ease;}
  675.  
  676.  
  677. #nav{
  678. margin:50px 0 0 0;
  679. }
  680.  
  681. #tiny{
  682. margin-top:-10px;
  683. max-width:100%;
  684. height:auto;
  685. }
  686. /*
  687. content in the body of the posts - quotes, asks, etc
  688. "media" contains photos, photosets, videos, audio posts
  689. */
  690. .media{
  691. margin:0 0 10px 0;
  692. }
  693.  
  694. .title{
  695. font-weight:normal;
  696. font-size:18px;
  697. margin:0 0 10px 0;
  698. }
  699.  
  700. .quote{
  701. font-weight:normal;
  702. font-size:16px;
  703. font-style:italic;
  704. margin:0 0 10px 0;
  705. }
  706.  
  707. .question{
  708. margin-bottom:10px;
  709. }
  710.  
  711. blockquote{
  712. margin:0 0 10px 10px;
  713. padding:0 0 0 10px;
  714. border-left:solid 1px #000;
  715. }
  716.  
  717. /*
  718. post footers - date, tags, via and source
  719. */
  720. .post .footer{
  721. margin:0;
  722. text-align:left;
  723. }
  724.  
  725. /*
  726. post notes
  727. */
  728. ol.notes{
  729. list-style-type:none;
  730. padding:0;
  731. margin:0;
  732. }
  733.  
  734. ol.notes li.note img{
  735. width:16px;
  736. height:16px;
  737. }
  738.  
  739. ol.notes li.note{
  740. margin:0px;
  741. }
  742.  
  743. #con {
  744. left:50%;
  745. margin-left:-140px;
  746. position:absolute;
  747. }
  748.  
  749. #entries {
  750. margin-top:95px;
  751. width:500px;
  752. }
  753.  
  754.  
  755. .dropbtn {
  756. color:{color:text};
  757. font-family: {select:font};
  758. font-size: {text:font size};
  759. border: none;
  760. margin:3px;
  761. }
  762.  
  763. .dropdown {
  764. position: relative;
  765. display: inline-block;
  766.  
  767. }
  768.  
  769. .dropdown-content {
  770. display: none;
  771. position: auto;
  772.  
  773.  
  774. }
  775.  
  776.  
  777. .dropdown:hover .dropdown-content {display: block;}
  778.  
  779. #post{
  780. width:420px;
  781. margin-top:20px;
  782. margin-bottom: 10px;
  783. padding:10px;
  784. background-color:{color:posts};
  785. {block:ifpostborder}
  786. border:{text:border size} {select:border type} {color:border};
  787. {/block:ifpostborder}
  788. {block:ifpostglow}
  789. -moz-box-shadow: 0px 0px 4px 2px {color:post glow};
  790. -webkit-box-shadow: 0px 0px 4px 2px {color:post glow};
  791. box-shadow: 0px 0px 4px 2px {color:post glow};{/block:ifpostglow}
  792. }
  793.  
  794. #post img {
  795. max-width:100%;
  796. height:auto;
  797. }
  798. {CustomCSS}
  799. </style>
  800. </head>
  801.  
  802. <body>
  803. <div id="con">
  804.  
  805.  
  806.  
  807. <div id="sidebar">
  808.  
  809. <div id="tiny"><img src="{image:littol}"></div>
  810.  
  811. <div id="sidebar img"><a href="/" title="{text:sidebarhover}"><img src="{image:sidebar}"></a></div>
  812.  
  813. <div id="description">
  814. {block:ifnotdropdown}
  815. <a href="{text:url1}">{text:link1}</a> {text:link divider}
  816. <a href="{text:url2}">{text:link2}</a> {text:link divider}
  817. <a href="{text:url3}">{text:link3}</a> {text:link divider}
  818. <a href="{text:url4}">{text:link4}</a> {/block:ifnotdropdown}
  819. {block:ifDescription}<Center>{text:description}<div class="blink_me">
  820. {block:ifdropdown}
  821. <div class="dropdown">
  822. <button class="dropbtn">{text:dropdown txt}</button>
  823. <div class="dropdown-content">
  824. <a href="{text:url1}">{text:link1}</a><br>
  825. <a href="{text:url2}">{text:link2}</a><br>
  826. <a href="{text:url3}">{text:link3}</a><br>
  827. <a href="{text:url4}">{text:link4}</a>
  828. </div>
  829. </div>
  830. {/block:ifdropdown}
  831. </Center>{/block:ifDescription}</div>
  832. </div>
  833.  
  834.  
  835. <div id="content">
  836. {block:Posts}
  837. {block:ifepicborder}
  838. <div id="epic">
  839. <article class="post">
  840. {/block:ifepicborder}
  841.  
  842. {block:ifnotepicborder}
  843. <div id="post">
  844. {/block:ifnotepicborder}
  845.  
  846. {block:Quote}
  847. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  848. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  849. {/block:Quote}
  850.  
  851. {block:Text}
  852. {block:Title}
  853. <div id="title">{Title}</div>{/block:Title}
  854. {Body}
  855. {/block:Text}
  856.  
  857. {block:link}
  858. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  859. {block:Description}{Description}{/block:Description}
  860. {/block:link}
  861.  
  862. {block:Chat}
  863. {block:Title}
  864. <div id="title">{Title}</div>{/block:Title}
  865. {/block:Text}
  866. {block:lines}
  867. {block:label}
  868. <br><b>{label}</b>
  869. {/block:label}
  870. {line}
  871. {/block:lines}
  872. {/block:Chat}
  873.  
  874. {block:Photo}
  875. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  876. {/block:Photo}
  877.  
  878. {block:Photoset}
  879. {Photoset-500}
  880. {/block:Photoset}
  881.  
  882. <div class="video">{Video-500}</div>
  883.  
  884. {block:Audio}
  885. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  886. {/block:Audio}
  887.  
  888. {block:Answer}
  889. <div class="q">
  890. <div class="as"> <b><big>{Asker} said:</big></b>
  891. {Question}</div></div>
  892. <div class="a">{Answer}</div>
  893. {/block:Answer}
  894.  
  895. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  896.  
  897. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  898.  
  899. {block:Date}
  900. <div class="footer">
  901. <a href="{Permalink}"><a href="{Permalink}" title="{timeago}">{notecount}{text:notes symbol}</a>
  902.  
  903. <!-- {block:NoRebloggedFrom}
  904. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  905. {/block:NoRebloggedFrom} -->
  906. {block:ContentSource}<!-- {SourceURL}
  907. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  908. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  909. {/block:ContentSource}
  910. <br>
  911. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  912.  
  913.  
  914. </div>
  915. {block:PermalinkPage}
  916. {block:NoteCount}
  917. {block:PostNotes}{PostNotes}{/block:PostNotes}
  918. {/block:NoteCount}
  919. {/block:PermalinkPage}
  920. {/block:Date}
  921.  
  922. </div>
  923.  
  924.  
  925. {/block:Posts}
  926.  
  927. <div id="pagination">
  928. {block:Pagination}
  929. {block:PreviousPage}
  930. <a href="{PreviousPage}">previous page</a>
  931. {/block:PreviousPage}
  932.  
  933.  
  934. {block:NextPage}
  935. <a href="{NextPage}">next page</a>
  936. {/block:NextPage}
  937. {/block:Pagination}
  938. </div>
  939.  
  940. </div>
  941.  
  942. </div>
  943. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://boyfriended.tumblr.com/" title="...theme by artie">♜</a>
  944.  
  945. </body></html>
  946.  
  947. </body>
  948. </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!