API tools faq
paste
togahimiko

small chungus theme

togahimiko
Aug 30th, 2019
1,692
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 32.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. SMALL CHUNGUS THEME BY ANNIE @NOODLE
  6.  
  7. didnt know what to call it. first theme from college. enjoy.
  8. ----->
  9.  
  10. {block:ifrainbowdesc}
  11. <script type="text/javascript">
  12. // <![CDATA[
  13. var speed=100; // speed colours change, 1 second = 1000
  14. var glow=3; // can be set from '0' for no glow, to 10
  15. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  16. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  17.  
  18. /****************************
  19. *    Rainbow Text Effect    *
  20. *(c)2003-13 mf2fm web-design*
  21. *  http://www.mf2fm.com/rv  *
  22. * DON'T EDIT BELOW THIS BOX *
  23. ****************************/
  24. var rainbow, raintxt, raincnt=0;
  25.  
  26. function addLoadEvent(funky) {
  27.  var oldonload=window.onload;
  28.  if (typeof(oldonload)!='function') window.onload=funky;
  29.  else window.onload=function() {
  30.    if (oldonload) oldonload();
  31.    funky();
  32.  }
  33. }
  34.  
  35. addLoadEvent(regenbogen);
  36.  
  37. function regenbogen() { if (document.getElementById) {
  38.  var i, rainbeau;
  39.  rainbow=document.getElementById("rainbow");
  40.  raintxt=rainbow.firstChild.nodeValue;
  41.  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  42.  for (i=0; i<raintxt.length; i++) {
  43.    rainbeau=document.createElement("span");
  44.    rainbeau.setAttribute("id", "rain"+i);
  45.    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  46.    if (alink) {
  47.      rainbeau.style.cursor="pointer";
  48.      rainbeau.onclick=function() { top.location.href=alink; }
  49.    }
  50.    rainbow.appendChild(rainbeau);
  51.  }
  52.  rainbow=setInterval ("raining()", speed);
  53. }}
  54.  
  55. function raining() {
  56.  var i, c;
  57.  for (i=0; i<raintxt.length; i++) {
  58.    c=raincol[(i+raincnt)%raincol.length];
  59.    document.getElementById("rain"+i).style.color=c;
  60.     if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  61.  }
  62.  raincnt++;
  63. }
  64. // ]]>
  65. </script>
  66. {/block:ifrainbowdesc}
  67.  
  68.  
  69.  
  70. {block:ifrainbowlinks}
  71. <script type='text/javascript'>
  72. //<![CDATA[
  73. var rate = 50;
  74. if (document.getElementById)
  75. window.onerror=new Function("return true")
  76.  
  77. var objActive; // The object which event occured in
  78. var act = 0; // Flag during the action
  79. var elmH = 0; // Hue
  80. var elmS = 128; // Saturation
  81. var elmV = 255; // Value
  82. var clrOrg; // A color before the change
  83. var TimerID; // Timer ID
  84. if (document.all) {
  85. document.onmouseover = doRainbowAnchor;
  86. document.onmouseout = stopRainbowAnchor;
  87. }
  88. else if (document.getElementById) {
  89. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  90. document.onmouseover = Mozilla_doRainbowAnchor;
  91. document.onmouseout = Mozilla_stopRainbowAnchor;
  92. }
  93. function doRainbow(obj)
  94. {
  95. if (act == 0) {
  96. act = 1;
  97. if (obj)
  98. objActive = obj;
  99. else
  100. objActive = event.srcElement;
  101. clrOrg = objActive.style.color;
  102. TimerID = setInterval("ChangeColor()",100);
  103. }
  104. }
  105. function stopRainbow()
  106. {
  107. if (act) {
  108. objActive.style.color = clrOrg;
  109. clearInterval(TimerID);
  110. act = 0;
  111. }
  112. }
  113. function doRainbowAnchor()
  114. {
  115. if (act == 0) {
  116. var obj = event.srcElement;
  117. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  118. obj = obj.parentElement;
  119. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  120. break;
  121. }
  122. if (obj.tagName == 'A' && obj.href != '') {
  123. objActive = obj;
  124. act = 1;
  125. clrOrg = objActive.style.color;
  126. TimerID = setInterval("ChangeColor()",100);
  127. }
  128. }
  129. }
  130. function stopRainbowAnchor()
  131. {
  132. if (act) {
  133. if (objActive.tagName == 'A') {
  134. objActive.style.color = clrOrg;
  135. clearInterval(TimerID);
  136. act = 0;
  137. }
  138. }
  139. }
  140. function Mozilla_doRainbowAnchor(e)
  141. {
  142. if (act == 0) {
  143. obj = e.target;
  144. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  145. obj = obj.parentNode;
  146. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  147. break;
  148. }
  149. if (obj.nodeName == 'A' && obj.href != '') {
  150. objActive = obj;
  151. act = 1;
  152. clrOrg = obj.style.color;
  153. TimerID = setInterval("ChangeColor()",100);
  154. }
  155. }
  156. }
  157. function Mozilla_stopRainbowAnchor(e)
  158. {
  159. if (act) {
  160. if (objActive.nodeName == 'A') {
  161. objActive.style.color = clrOrg;
  162. clearInterval(TimerID);
  163. act = 0;
  164. }
  165. }
  166. }
  167. function ChangeColor()
  168. {
  169. objActive.style.color = makeColor();
  170. }
  171. function makeColor()
  172. {
  173. // Don't you think Color Gamut to look like Rainbow?
  174. // HSVtoRGB
  175. if (elmS == 0) {
  176. elmR = elmV; elmG = elmV; elmB = elmV;
  177. }
  178. else {
  179. t1 = elmV;
  180. t2 = (255 - elmS) * elmV / 255;
  181. t3 = elmH % 60;
  182. t3 = (t1 - t2) * t3 / 60;
  183. if (elmH < 60) {
  184. elmR = t1; elmB = t2; elmG = t2 + t3;
  185. }
  186. else if (elmH < 120) {
  187. elmG = t1; elmB = t2; elmR = t1 - t3;
  188. }
  189. else if (elmH < 180) {
  190. elmG = t1; elmR = t2; elmB = t2 + t3;
  191. }
  192. else if (elmH < 240) {
  193. elmB = t1; elmR = t2; elmG = t1 - t3;
  194. }
  195. else if (elmH < 300) {
  196. elmB = t1; elmG = t2; elmR = t2 + t3;
  197. }
  198. else if (elmH < 360) {
  199. elmR = t1; elmG = t2; elmB = t1 - t3;
  200. }
  201. else {
  202. elmR = 0; elmG = 0; elmB = 0;
  203. }
  204. }
  205. elmR = Math.floor(elmR).toString(16);
  206. elmG = Math.floor(elmG).toString(16);
  207. elmB = Math.floor(elmB).toString(16);
  208. if (elmR.length == 1) elmR = "0" + elmR;
  209. if (elmG.length == 1) elmG = "0" + elmG;
  210. if (elmB.length == 1) elmB = "0" + elmB
  211. elmH = elmH + rate;
  212. if (elmH >= 360)
  213. elmH = 0;
  214. return '#' + elmR + elmG + elmB;
  215. }
  216. //]]>
  217. </script>
  218. {/block:ifrainbowlinks}
  219.  
  220. <meta charset="utf-8">
  221. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  222. {block:Description}
  223. <meta name="description" content="{MetaDescription}" />
  224. {/block:Description}
  225.    
  226. <title>{Title}</title>
  227.        
  228. <link rel="shortcut icon" href="{image:favicon}">
  229. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  230. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  231.  
  232. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  233.  
  234. <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>
  235.  
  236. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack|Inconsolata" rel="stylesheet">
  237.  
  238. <meta name="image:header">
  239. <meta name="image:favicon">
  240. <meta name="image:static image">
  241. <meta name="image:bg">
  242. <meta name="image:header bg">
  243. <meta name="image:outer bg">
  244. <meta name="image:post bg">
  245. <meta name="image:desc bg">
  246. <meta name="image:footer bg">
  247. <meta name="image:tooltip bg">
  248. <meta name="image:scrollbar">
  249. <meta name="color:bg">
  250. <meta name="color:header bg">
  251. <meta name="color:outer bg">
  252. <meta name="color:post bg">
  253. <meta name="color:desc bg">
  254. <meta name="color:footer bg">
  255. <meta name="color:tooltip bg">
  256. <meta name="color:scrollbar">
  257. <meta name="color:text">
  258. <meta name="color:tooltip text">
  259. <meta name="color:link">
  260. <meta name="color:link hover">
  261. <meta name="color:text glow">
  262. <meta name="color:link glow">
  263. <meta name="color:glow">
  264. <meta name="color:tooltip glow">
  265. <meta name="color:border color">
  266. <meta name="color:tooltip border color">
  267. <meta name="color:selection bg">
  268. <meta name="color:selection text">
  269.  
  270.  
  271. <meta name="select:link decoration" content="none">
  272. <meta name="select:link decoration" content="underline">
  273. <meta name="select:border style" content="none">
  274. <meta name="select:border style" content="solid">
  275. <meta name="select:border style" content="dashed">
  276. <meta name="select:border style" content="dotted">
  277. <meta name="select:border style" content="double">
  278. <meta name="select:border style" content="inset">
  279. <meta name="select:border style" content="outset">
  280. <meta name="select:border style" content="groove">
  281. <meta name="select:border style" content="ridge">
  282. <meta name="if:blackborder" content="0">
  283. <meta name="if:whiteborder" content="0">
  284.  
  285. <meta name="if:cursor hearts">
  286. <meta name="if:round">
  287. <meta name="if:rainbow desc">
  288. <meta name="if:italic links">
  289. <meta name="if:bold links">
  290. <meta name="if:text glow">
  291. <meta name="if:link glow">
  292. <meta name="if:link border">
  293. <meta name="if:rainbow links">
  294. <meta name="if:cover bg">
  295. <meta name="if:hover tags">
  296.  
  297. <meta name="text:font size" content="12px">
  298. <meta name="text:font" content="">
  299. <meta name="text:desc" content="">
  300. <meta name="text:desc hover tt thing" content="">
  301. <meta name="text:desc link" content="">
  302. <meta name="text:header hover" content="">
  303. <meta name="text:border width" content="4">
  304. <meta name="text:link divider" content="/">
  305. <meta name="text:previouspage" content="previous">
  306. <meta name="text:nextpage" content="next">
  307.  
  308. <meta name="text:image width" content="400"/>
  309. <meta name="text:image margin left" content="950"/>
  310. <meta name="text:image margin bottom" content="0"/>
  311.  
  312.        
  313. <style type="text/css">
  314.  
  315. ::selection {
  316. background: {color:selection bg};
  317. color:{color:selection text};
  318. }
  319. ::-moz-selection {
  320. background: {color:selection bg};
  321. color:{color:selection text};
  322. }
  323.  
  324.  ::-webkit-scrollbar {
  325. width: 10px;height: 10px;}
  326. ::-webkit-scrollbar-button:start:decrement,
  327. ::-webkit-scrollbar-button:end:increment {
  328. height: 10px;display: block;background-color:{color:bg};}
  329. ::-webkit-scrollbar-track-piece {
  330. background-color: {color:bg};}
  331. ::-webkit-scrollbar-thumb:vertical {
  332. height: 10px;background-image: url('{image:scrollbar}');background-position:center;background-size: cover;background-color:{color:scrollbar}; border-top:1px solid {color:scrollbar};border-bottom:1px solid {color:scrollbar};}
  333.  
  334.     .tooltip {
  335. display: inline;
  336. position: relative;
  337. }
  338.  
  339.     #s-m-t-tooltip {
  340.         z-index:99999999999999999;
  341.         background: {color:tooltip bg};
  342.         background-image: url('{image:tooltip bg}');
  343.         color:{color:tooltip text};
  344.         max-width: 300px;
  345.         margin: 20px;
  346.         padding: 10px;
  347.       -o-transition: all 0.3s ease-out;
  348. -webkit-transition: all 0.3s ease-out;
  349. -moz-transition: all 0.3s ease-out;
  350.         text-align:center;
  351.         {block:ifround}
  352. border-radius:5px;
  353. {/block:ifround}
  354. {block:ifcontentglow}
  355. box-shadow: 0 0 5px 5px {color:tooltip glow};
  356. {/block:ifcontentglow}
  357.         border: {text:border width}px {select:border style} {color:tooltip border color};
  358. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  359. {block:ifwhiteborder}border-width: 8px;
  360. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  361. 8 round;
  362. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  363. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  364. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  365. 8 fill round;{/block:ifwhiteborder}
  366.     }
  367.  
  368. body {
  369. background-color: {color:bg};
  370. background-image: url('{image:bg}');
  371.         {block:ifnotcoverbg}
  372.         background-repeat: repeat;
  373.         background-attachment: fixed;
  374.         {/block:ifnotcoverbg}
  375.         {block:ifcoverbg}
  376.         background-size: cover;
  377.         background-attachment: fixed;
  378.         {/block:ifcoverbg}
  379. font-family:{text:font};
  380. font-size:{text:font size}px;
  381. color:{color:text};
  382. {block:iftextglow}
  383. text-shadow:0 0 3px {color:text glow};
  384. {/block:iftextglow}
  385. word-wrap:break-word;
  386. }
  387.  
  388. p{
  389. margin:0 0 10px 0;
  390. padding:0;
  391. }
  392.  
  393. pre {
  394. white-space: pre-wrap;
  395. white-space: -moz-pre-wrap;
  396. white-space: -pre-wrap;
  397. white-space: -o-pre-wrap;
  398. word-wrap: break-word;
  399. }
  400.  
  401. a{
  402. color:{color:link};
  403. text-decoration: {select:link decoration};
  404. {block:iflinkglow}
  405. text-shadow:0 0 3px {color:link glow};
  406. {/block:iflinkglow}
  407. {block:iflinkborder}
  408. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  409. {/block:iflinkborder}
  410. {block:ifitaliclinks}    
  411. font-style:italic;    
  412. {/block:ifitaliclinks}
  413. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks}
  414. }
  415.  
  416. a:hover{
  417. color:{color:link hover};
  418. {block:iflinkglow}
  419. text-shadow:0 0 3px {color:link glow};
  420. {/block:iflinkglow}
  421. {block:iflinkborder}
  422. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  423. {/block:iflinkborder}
  424. transition: 0.2s;
  425. text-shadow: 1px 1px 2px {color:link glow}, 0 0 2px {color:link glow}, 0px 1px 1px {color:link glow}, 0 2px 2px {color:link glow}, 0 3px 2px {color:link glow}, 0 4px 2px {color:link glow}, 0 5px 2px {color:link glow};
  426.       -o-transition: all 0.3s ease-out;
  427. -webkit-transition: all 0.3s ease-out;
  428. -moz-transition: all 0.3s ease-out;
  429. }
  430.  
  431. li{
  432. margin-left:-15px;
  433. }
  434.  
  435. /*
  436. containers etc
  437. */
  438. #wrapper{
  439. width:600px;
  440. margin:25px auto;
  441. }
  442.  
  443. #header{
  444. max-width:600px;
  445. padding:20px;
  446. box-sizing: border-box;
  447. width:auto;
  448. position:relative;
  449. text-align:center;
  450. {block:ifround}
  451. border-radius:5px;
  452. {/block:ifround}
  453. background: {color:header bg};
  454. background-image: url('{image:header bg}');
  455. {block:ifheaderglow}
  456.         box-shadow: 0 0 5px 5px {color:glow};
  457.         {/block:ifheaderglow}
  458. border: {text:border width}px {select:border style} {color:header border color};
  459. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  460. {block:ifwhiteborder}border-width: 8px;
  461. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  462. 8 round;
  463. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  464. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  465. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  466. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  467.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  468.   border-image-slice: 1;
  469.                 {/block:ifrainbowborder}
  470. }
  471.  
  472. #desc{
  473. font-size:1.3em;    
  474. text-align:center;
  475. background: {color:desc bg};
  476. background-image: url('{image:desc bg}');
  477. padding:10px;
  478. margin-top:10px;
  479. box-sizing:border-box;
  480. {block:ifround}
  481. border-radius:5px;
  482. {/block:ifround}
  483. border: {text:border width}px {select:border style} {color:border color};
  484. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  485. {block:ifwhiteborder}border-width: 8px;
  486. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  487. 8 round;
  488. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  489. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  490. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  491. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  492.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  493.   border-image-slice: 1;
  494.                 {/block:ifrainbowborder}
  495. }
  496.  
  497.  
  498. #header img{
  499. background: {color:post bg};
  500. background: {color:post bg};
  501. background-image: url('{image:post bg}');
  502. max-width:100%;
  503. {block:ifround}
  504. border-radius:5px;
  505. {/block:ifround}
  506. box-sizing:border-box;
  507. border: {text:border width}px {select:border style} {color:border color};
  508. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  509. {block:ifwhiteborder}border-width: 8px;
  510. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  511. 8 round;
  512. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  513. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  514. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  515. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  516.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  517.   border-image-slice: 1;
  518.                 {/block:ifrainbowborder}
  519. }
  520.  
  521.  
  522. #content {
  523. width: 500px;
  524. margin-top:50px;
  525.     }
  526.  
  527. .post{
  528. box-sizing:border-box;    
  529. background: {color:outer bg};
  530. background-image: url('{image:outer bg}');
  531. width:600px;
  532. margin: 0 0 50px 0;
  533. overflow:hidden;
  534. {block:ifround}
  535. border-radius:5px;
  536. {/block:ifround}
  537. padding:20px;
  538. {block:ifround}
  539. border-radius:5px;
  540. {/block:ifround}
  541. border: {text:border width}px {select:border style} {color:border color};
  542. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  543. {block:ifwhiteborder}border-width: 8px;
  544. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  545. 8 round;
  546. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  547. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  548. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  549. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  550.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  551.   border-image-slice: 1;
  552.                 {/block:ifrainbowborder}
  553. }
  554.  
  555. .insides{
  556. background: {color:post bg};
  557. background-image: url('{image:post bg}');    
  558. {block:ifround}
  559. border-radius:5px;
  560. {/block:ifround}
  561. padding:20px;
  562. {block:ifround}
  563. border-radius:5px;
  564. {/block:ifround}
  565. border: {text:border width}px {select:border style} {color:border color};
  566. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  567. {block:ifwhiteborder}border-width: 8px;
  568. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  569. 8 round;
  570. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  571. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  572. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  573. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  574.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  575.   border-image-slice: 1;
  576.                 {/block:ifrainbowborder}    
  577. }
  578.  
  579. .post img{
  580. max-width:100%;
  581. height:auto;
  582. {block:ifround}
  583. border-radius:5px
  584. {/block:ifround}
  585. }
  586.  
  587. #nav{
  588. margin:20px 0 0 0;
  589. font-size: 2em;
  590. text-align:center;
  591. width:600px;
  592. background: {color:post bg};
  593. background-image: url('{image:post bg}');
  594. padding:10px;
  595. box-sizing:border-box;
  596. {block:ifround}
  597. border-radius:5px;
  598. {/block:ifround}
  599. border: {text:border width}px {select:border style} {color:border color};
  600. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  601. {block:ifwhiteborder}border-width: 8px;
  602. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  603. 8 round;
  604. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  605. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  606. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  607. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  608.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  609.   border-image-slice: 1;
  610.                 {/block:ifrainbowborder}
  611. }
  612.  
  613. .simple-player iframe, .audio_player iframe, .size, .size iframe {
  614. background: #fff;
  615. color: {color:text};
  616. width: 100%;
  617. }
  618.  
  619. .media{
  620. margin:0 0 10px 0;
  621. }
  622.  
  623. .title{
  624. font-weight:bold;
  625. font-size:1.5em;
  626. margin:0 0 10px 0;
  627. }
  628.  
  629. .quote{
  630. font-weight:normal;
  631. font-size:16px;
  632. font-style:italic;
  633. margin:0 0 10px 0;
  634. }
  635.  
  636. .question{
  637. margin-bottom:10px;
  638. }
  639.  
  640. blockquote{
  641. margin:0 0 10px 10px;
  642. padding:0 0 0 10px;
  643. border-left:solid 1px {color:text};
  644. }
  645.  
  646. /*
  647. post footers - date, tags, via and source
  648. */
  649. .footer{
  650. text-align:left;
  651. background: {color:footer bg};
  652. background-image: url('{image:footer bg}');
  653. padding:10px;
  654. margin-top:20px;
  655. box-sizing:border-box;
  656. {block:ifround}
  657. border-radius:5px;
  658. {/block:ifround}
  659. border: {text:border width}px {select:border style} {color:border color};
  660. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  661. {block:ifwhiteborder}border-width: 8px;
  662. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  663. 8 round;
  664. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  665. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  666. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  667. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  668.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  669.   border-image-slice: 1;
  670.                 {/block:ifrainbowborder}
  671. }
  672.  
  673. /*
  674. post notes
  675. */
  676. ol.notes{
  677. list-style-type:none;
  678. padding:0;
  679. margin:0;
  680. }
  681.  
  682. ol.notes li.note img{
  683. width:16px;
  684. height:16px;
  685. }
  686.  
  687. ol.notes li.note{
  688. margin:0px;
  689. }
  690.  
  691.   .tags {
  692.    max-height:0px;
  693.    text-align:center;
  694.    opacity:0;
  695.     -webkit-transition: all 0.7s ease;
  696.    transition: all 0.7s ease;
  697.    -moz-transition: all 0.7s ease;
  698.    -o-transition: all 0.7s ease;}    
  699.  
  700. .post:hover .tags{
  701.    opacity:1;
  702.    max-height:300px;
  703.    background: {color:footer bg};
  704. background-image: url('{image:footer bg}');
  705. padding:10px;
  706. margin-top:20px;
  707. box-sizing:border-box;
  708. {block:ifround}
  709. border-radius:5px;
  710. {/block:ifround}
  711. border: {text:border width}px {select:border style} {color:border color};
  712. {block:ifblackborder}border-width: 8px;-moz-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-webkit-border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;-o-border-image: url({"https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 round;border-image: url("https://67.media.tumblr.com/c0194af5a9536ca2aca7f03b68bddfa4/tumblr_inline_o98mskFnTn1u2r0ws_540.png") 8 fill round;{/block:ifblackborder}
  713. {block:ifwhiteborder}border-width: 8px;
  714. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  715. 8 round;
  716. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  717. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  718. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  719. 8 fill round;{/block:ifwhiteborder}  {block:ifrainbowborder}
  720.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  721.   border-image-slice: 1;
  722.                 {/block:ifrainbowborder}
  723.    -webkit-transition: all 0.7s ease;
  724.    transition: all 0.7s ease;
  725.    -moz-transition: all 0.7s ease;
  726.    -o-transition: all 0.7s ease;}
  727.  
  728. {CustomCSS}
  729. </style>
  730. </head>
  731.  
  732. <body>
  733. <div id="wrapper">
  734.  
  735.  
  736. <div id="header">
  737.  <a href="/" title="{text:header hover}"><img src="{image:header}" id="hmmm"></a>
  738. <div id="desc">
  739. <div align="center">
  740. {block:ifrainbowdesc}
  741. <a href="{text:desc link}" title="{text:desc hover tt thing}"><span id="rainbow">{text:desc}</a></span>{/block:ifrainbowdesc}
  742. {block:ifnotrainbowdesc}
  743. <a href="{text:desc link}" title="{text:desc hover tt thing}">{text:desc}</a>{/block:ifnotrainbowdesc}
  744. </div>
  745. </div>
  746.  
  747. {block:HasPages}
  748. {block:Pages}
  749. <a href="{URL}">{Label}</a><br>
  750. {/block:Pages}
  751. {/block:HasPages}
  752. </div>
  753.  
  754.  
  755.  
  756. <div id="content">
  757. {block:Posts}
  758.  
  759. <div class="post">
  760. <div class="insides">
  761.  
  762. {block:Text}
  763. {block:Title}
  764. <div class="title">{Title}</div>
  765. {/block:Title}
  766. {Body}
  767. {/block:Text}
  768.  
  769. {block:Photo}
  770. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  771. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  772. {/block:Photo}
  773.  
  774. {block:Photoset}
  775. <div class="media">{Photoset}</div>
  776. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  777. {/block:Photoset}
  778.  
  779. {block:Quote}
  780. <div class="quote">"{Quote}"</div>
  781. {block:Source}
  782. <div class="quotesource">{Source}</div>
  783. {/block:Source}
  784. {/block:Quote}
  785.  
  786. {block:Link}
  787. <div class="title"><a href="{URL}">{Name}</a></div>
  788. {block:Description}
  789. <div class="description">{Description}</div>
  790. {/block:Description}
  791. {/block:Link}
  792.  
  793. {block:Chat}
  794. {block:Title}
  795. <div class="title">{Title}</div>
  796. {/block:Title}
  797.  
  798. {block:Lines}
  799. <div class="{Alt} user_{UserNumber}">
  800. {block:Label}
  801. <b>{Label}</b>{/block:Label}
  802. &nbsp;{Line}
  803. </div>
  804. {/block:Lines}
  805. {/block:Chat}
  806.  
  807. {block:Video}
  808. <div class="media">{Video-400}</div>
  809. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  810. {/block:Video}
  811.  
  812. {block:AudioPlayer}
  813. <div class="media">
  814. {block:AlbumArt}<img src="{AlbumArtURL}" style="width: 20%; float:left; ">{/block:AlbumArt}
  815. <div class="audioinfo" style="padding-left: 15px; padding-bottom: 5px; float:left;width: 65%;">
  816. {block:TrackName}{TrackName}<br>{/block:TrackName}
  817. {block:Artist}{Artist}<br>{/block:Artist}
  818. {block:Album}{Album}{/block:Album}
  819. </div>
  820. </div>
  821. {AudioPlayerWhite}
  822. {block:ifcaptions}
  823. {block:Caption}{Caption}{/block:Caption}
  824. {/block:ifcaptions}
  825. {/block:AudioPlayer}
  826.                
  827. {block:Answer}
  828. <div class="question">{Asker}: {Question}</div>
  829. <div class="caption">{Answer}</div>
  830. {/block:Answer}</div>
  831.  
  832. {block:Date}
  833. <div class="footer">
  834. <a href="{Permalink}"><a href="{Permalink}" title="{notecount}%">{monthnumberwithzero}.{dayofmonthwithzero}.{year}</a> <a href="{ReblogURL}" class="reblog" style="float:right;" target="_blank" title="REBLOG">↻</a>
  835.  
  836. <!-- {block:NoRebloggedFrom}
  837. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  838. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  839. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  840. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  841. {/block:ContentSource}</div>
  842.  
  843. {block:HasTags}<div class="tags"> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  844.  
  845.  
  846. {block:PermalinkPage}
  847. {block:NoteCount}
  848. {block:PostNotes}{PostNotes}{/block:PostNotes}
  849. {/block:NoteCount}
  850. {/block:PermalinkPage}
  851. {/block:Date}
  852.  
  853. </div>
  854. {/block:Posts}
  855.  
  856.  
  857. {block:Pagination}
  858. <div id="nav">
  859. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a>{/block:PreviousPage}
  860.  
  861. {block:NextPage}<a href="{NextPage}"> {text:nextpage}</a>{/block:NextPage}
  862. </div>
  863. {/block:Pagination}
  864. </div>
  865. </div>
  866.  
  867. </div>
  868.  
  869. <div id="staticimage" style="position:fixed; bottom:{text:image margin bottom}px; z-index:-1; left:{text:image margin left}px;"><img src="{image:static image}"width="{text:image width}"></div>
  870.  
  871.  
  872. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="theme by annie 🏫"><img src="https://66.media.tumblr.com/17766a0899ce861f4e627b0e294ba7fc/tumblr_inline_pn10q4FT4v1wz7toh_500.gif"</a>
  873.  
  874.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  875.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  876.  
  877.     </body>
  878. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!