API tools faq
paste
togahimiko

control world room theme

togahimiko
Jul 29th, 2019
4,402
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 33.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. CONTROL WORLD ROOM THEME BY ANNIE @NOODLE
  6.  
  7. i made this like months ago n then just didn't release it for some reason but whatever july 2019 was fucking epic i went to europe n went to a con as toga n had college orientation :) if u know the song the title of this theme references im impressed
  8.  
  9. base is my one word theme . i'm that bitch
  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="http://www.mf2fm.com/rv"; // 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.onclick=function() { top.location.href=alink; }
  37.    }
  38.    wobble.appendChild(wobli);
  39.  }
  40.  setInterval("wobbler()", speed);
  41. }}
  42.  
  43. function wobbler() {
  44.  for (var i=0; i<wobtxt.length; i++) document.getElementById("wobb"+i).style.top=Math.round(height*Math.sin(i+wobcnt))+"px"
  45.  wobcnt++;
  46. }
  47. // ]]>
  48. </script>
  49.  
  50.  
  51. <meta charset="utf-8">
  52. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  53. {block:Description}
  54. <meta name="description" content="{MetaDescription}" />
  55. {/block:Description}
  56.    
  57. <title>{Title}</title>
  58.        
  59. <link rel="shortcut icon" href="{image:favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  62.  
  63. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  64.  
  65. <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>
  66.  
  67. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack|Inconsolata" rel="stylesheet">
  68.  
  69. <meta name="image:sidebar">
  70. <meta name="image:favicon">
  71. <meta name="image:bg">
  72. <meta name="image:container bg">
  73. <meta name="image:post bg">
  74. <meta name="image:tooltip bg">
  75. <meta name="image:footer pixel">
  76. <meta name="color:bg">
  77. <meta name="color:container bg">
  78. <meta name="color:post bg">
  79. <meta name="color:tooltip bg">
  80. <meta name="color:text">
  81. <meta name="color:tooltip text">
  82. <meta name="color:link">
  83. <meta name="color:link hover">
  84. <meta name="color:text glow">
  85. <meta name="color:link glow">
  86. <meta name="color:link glow hover">
  87. <meta name="color:border color">
  88. <meta name="color:tooltip border color">
  89. <meta name="color:selection bg">
  90. <meta name="color:selection text">
  91.  
  92.  
  93. <meta name="select:link decoration" content="none">
  94. <meta name="select:link decoration" content="underline">
  95. <meta name="select:border style" content="none">
  96. <meta name="select:border style" content="solid">
  97. <meta name="select:border style" content="dashed">
  98. <meta name="select:border style" content="dotted">
  99. <meta name="select:border style" content="double">
  100. <meta name="select:border style" content="inset">
  101. <meta name="select:border style" content="outset">
  102. <meta name="select:border style" content="groove">
  103. <meta name="select:border style" content="ridge">
  104. <meta name="if:inner border">
  105. <meta name="if:blackborder" content="0">
  106. <meta name="if:whiteborder" content="0">
  107. <meta name="if:rainbowborder">
  108.  
  109. <meta name="if:round">
  110. <meta name="if:circle sidebar">
  111. <meta name="if:shadowy">
  112. <meta name="if:blur">
  113. <meta name="if:bold links">
  114. <meta name="if:text glow">
  115. <meta name="if:link glow">
  116. <meta name="if:link border">
  117. <meta name="if:rainbow links">
  118. <meta name="if:hover tags">
  119. <meta name="if:xtra box">
  120. <meta name="if:cover bg">
  121.  
  122. <meta name="text:font size" content="12px">
  123. <meta name="text:font" content="">
  124. <meta name="text:title" content="TITLE">
  125. <meta name="text:desc" content="">
  126. <meta name="text:sidebar hover" content="">
  127. <meta name="text:search text" content="go google it">
  128. <meta name="text:link 1 name" content="link 1">
  129. <meta name="text:link 2 name" content="link 2">
  130. <meta name="text:link 3 name" content="link 3">
  131. <meta name="text:link 1 url" content="/">
  132. <meta name="text:link 2 url" content="/">
  133. <meta name="text:link 3 url" content="/">
  134. <meta name="text:divider" content="/">
  135. <meta name="text:border width" content="4">
  136. <meta name="text:notes label" content="%">
  137. <meta name="text:previouspage" content="previous">
  138. <meta name="text:nextpage" content="next">
  139.  
  140.        
  141. <style type="text/css">
  142.  
  143.  
  144.  
  145. ::selection {
  146. background: {color:selection bg};
  147. color:{color:selection text};
  148. }
  149. ::-moz-selection {
  150. background: {color:selection bg};
  151. color:{color:selection text};
  152. }
  153.  
  154. ::-webkit-scrollbar {
  155. width: 16px;
  156. height: 10px;
  157. }
  158. ::-webkit-scrollbar-thumb {
  159. background-color: #fff;
  160. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  161. border-top: 1px solid #bdbdbd;
  162. border-left: 1px solid #bdbdbd;
  163. border-right: 1px solid black;
  164. border-bottom: 1px solid black;
  165. }
  166. ::-webkit-scrollbar-track {
  167. background-color: #fff;
  168. background-image: url(https://i.imgur.com/IGXGYKz.png);
  169. }
  170. ::-webkit-scrollbar-button:vertical:increment {
  171. background-image: url(https://i.imgur.com/WhC8iy3.png);
  172. width: 14px;
  173. height: 16px;
  174. border-top: 1px solid #bdbdbd;
  175. border-left: 1px solid #bdbdbd;
  176. border-right: 1px solid black;
  177. border-bottom: 1px solid black;
  178. }
  179. ::-webkit-scrollbar-button:vertical:decrement {
  180. background-image: url(https://i.imgur.com/fQ18mrR.png);
  181. border-top: 1px solid #bdbdbd;
  182. border-left: 1px solid #bdbdbd;
  183. border-right: 1px solid black;
  184. border-bottom: 1px solid black;
  185. width: 14px;
  186. height: 16px;
  187. }
  188.  
  189. .iframe-controls--desktop {
  190.    position:fixed;
  191.    top:0px;
  192.    right:0px;
  193.    z-index:214748364789123456789;
  194.    filter:invert(100%);
  195.    -webkit-filter:invert(100%);  
  196.    -webkit-transform:scale(0.6,0.6);
  197.    -webkit-transform-origin: 100% 0%;
  198.    -ms-transform-origin:100% 0%;
  199.    -ms-transform:scale(0.6,0.6);
  200.    transform:scale(0.6,0.6);
  201.    transform-origin:100% 0%;
  202. }
  203.  
  204.     .tooltip {
  205. display: inline;
  206. position: relative;
  207. }
  208.  
  209.     #s-m-t-tooltip {
  210.         box-sizing: border-box;    
  211.         z-index:99999999999999999;
  212.         background: {color:tooltip bg};
  213.         background-image: url('{image:tooltip bg}');
  214.         color:{color:tooltip text};
  215.         max-width: 300px;
  216.         margin: 20px;
  217.         padding: 5px;
  218.         transition: 0.2s;
  219.         text-align:center;
  220.         {block:ifround}
  221. border-radius:5px;
  222. {/block:ifround}
  223.         border: {text:border width}px {select:border style} {color:tooltip border color};
  224. {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}
  225. {block:ifwhiteborder}border-width: 8px;
  226. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  227. 8 round;
  228. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  229. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  230. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  231. 8 fill round;{/block:ifwhiteborder}
  232.   {block:ifrainbowborder}
  233.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  234.   border-image-slice: 1;
  235. {/block:ifrainbowborder}
  236. {block:ifshadowy}
  237. -webkit-filter: drop-shadow(0 0 2px #000);
  238. {/block:ifshadowy}
  239.     }
  240.  
  241. body {
  242. background-color: {color:bg};
  243. background-image: url('{image:bg}');
  244.         {block:ifnotcoverbg}
  245.         background-repeat: repeat;
  246.         background-attachment: fixed;
  247.         {/block:ifnotcoverbg}
  248.         {block:ifcoverbg}
  249.         background-size: cover;
  250.         background-attachment: fixed;
  251.         {/block:ifcoverbg}
  252. font-family:{text:font};
  253. font-size:{text:font size}px;
  254. color:{color:text};
  255. {block:iftextglow}
  256. text-shadow:0 0 2px {color:text glow};
  257. {/block:iftextglow}
  258. word-wrap:break-word;
  259. }
  260.  
  261. p{
  262. margin:0 0 10px 0;
  263. padding:0;
  264. }
  265.  
  266. pre {
  267. white-space: pre-wrap;
  268. white-space: -moz-pre-wrap;
  269. white-space: -pre-wrap;
  270. white-space: -o-pre-wrap;
  271. word-wrap: break-word;
  272. }
  273.  
  274. a{
  275. color:{color:link};
  276. text-decoration: {select:link decoration};
  277. {block:iflinkglow}
  278. text-shadow: -1px 0 {color:link glow}, 0 1px {color:link glow}, 1px 0 {color:link glow}, 0 -1px {color:link glow}, 0 0 3px {color:link glow}, 0 0 6px {color:link glow};
  279. {/block:iflinkglow}
  280. {block:iflinkborder}
  281. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  282. {/block:iflinkborder}
  283. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks}
  284. {block:ifrainbowlinks}
  285.   background: -webkit-linear-gradient(right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  286.   -webkit-background-clip: text;
  287.   -webkit-text-fill-color: transparent;
  288. {/block:ifrainbowlinks}
  289. }
  290.  
  291. a:hover{
  292. color:{color:link hover};
  293. {block:iflinkglow}
  294. 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 3px {color:link glow hover}, 0 0 6px {color:link glow hover};
  295. {/block:iflinkglow}
  296. {block:iflinkborder}
  297. 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};
  298. {/block:iflinkborder}
  299. transition: 0.2s;
  300. {block:ifblur}
  301.       -webkit-filter: blur(2px);
  302.       -o-transition: all 0.4s ease-out;
  303. -webkit-transition: all 0.4s ease-out;
  304. -moz-transition: all 0.4s ease-out;
  305. {/block:ifblur}
  306. }
  307.  
  308. li{
  309. margin-left:-15px;
  310. }
  311.  
  312. #wrapper{
  313. width:900px;
  314. margin:50px auto;
  315. }
  316.  
  317. #sidebar{
  318. margin-left:-90px;
  319. margin-top:-160px;
  320. width:auto;
  321. height:auto;
  322. padding:20px;
  323. position:fixed;
  324. text-align:center;
  325. {block:ifround}
  326. border-radius:5px;
  327. {/block:ifround}
  328. background: {color:container bg};
  329. background-image: url('{image:container bg}');
  330. border: {text:border width}px {select:border style} {color:border color};
  331. {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}
  332. {block:ifwhiteborder}border-width: 8px;
  333. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  334. 8 round;
  335. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  336. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  337. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  338. 8 fill round;{/block:ifwhiteborder}
  339.   {block:ifrainbowborder}
  340.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  341.   border-image-slice: 1;
  342. {/block:ifrainbowborder}
  343. {block:ifshadowy}
  344. -webkit-filter: drop-shadow(0 0 2px #000);
  345. {/block:ifshadowy}
  346. }
  347.  
  348. #sidebar img{
  349. box-sizing: border-box;    
  350. max-width:300px;
  351. {block:ifround}
  352. border-radius:5px;
  353. {/block:ifround}
  354. {block:ifcirclesidebar}
  355. border-radius:100%;
  356. {/block:ifcirclesidebar}
  357. background: {color:post bg};
  358. background-image: url('{image:post bg}');
  359. {block:ifinnerborder}
  360. border: {text:border width}px {select:border style} {color:border color};
  361. {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}
  362. {block:ifwhiteborder}border-width: 8px;
  363. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  364. 8 round;
  365. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  366. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  367. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  368. 8 fill round;{/block:ifwhiteborder}
  369.   {block:ifrainbowborder}
  370.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  371.   border-image-slice: 1;
  372. {/block:ifrainbowborder}
  373. {block:ifshadowy}
  374. -webkit-filter: drop-shadow(0 0 2px #000);
  375. {/block:ifshadowy}
  376. {/block:ifinnerborder}
  377. }
  378.  
  379. #lmao{
  380. box-sizing: border-box;    
  381. width:300px;
  382. padding-top:10px;
  383. padding-bottom:10px;
  384. margin-top:10px;
  385. background: {color:post bg};
  386. background-image: url('{image:post bg}');
  387. {block:ifinnerborder}
  388. border: {text:border width}px {select:border style} {color:border color};
  389. {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}
  390. {block:ifwhiteborder}border-width: 8px;
  391. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  392. 8 round;
  393. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  394. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  395. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  396. 8 fill round;{/block:ifwhiteborder}
  397.   {block:ifrainbowborder}
  398.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  399.   border-image-slice: 1;
  400. {/block:ifrainbowborder}
  401. {block:ifshadowy}
  402. -webkit-filter: drop-shadow(0 0 2px #000);
  403. {/block:ifshadowy}
  404. {/block:ifinnerborder}
  405. {block:ifround}
  406. border-radius:5px;
  407. {/block:ifround}
  408. text-align:center;
  409. }
  410.  
  411. #idiotbox{
  412. margin-top:350px;
  413. margin-left:-90px;
  414. padding:20px;
  415. position:fixed;
  416. text-align:center;
  417. {block:ifround}
  418. border-radius:5px;
  419. {/block:ifround}
  420. background: {color:container bg};
  421. background-image: url('{image:container bg}');
  422. border: {text:border width}px {select:border style} {color:border color};
  423. {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}
  424. {block:ifwhiteborder}border-width: 8px;
  425. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  426. 8 round;
  427. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  428. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  429. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  430. 8 fill round;{/block:ifwhiteborder}
  431.   {block:ifrainbowborder}
  432.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  433.   border-image-slice: 1;
  434. {/block:ifrainbowborder}  
  435. {block:ifshadowy}
  436. -webkit-filter: drop-shadow(0 0 2px #000);
  437. {/block:ifshadowy}
  438. }
  439.  
  440. #idiot{
  441. box-sizing: border-box;    
  442. width:300px;
  443. height:170px;
  444. background: {color:post bg};
  445. background-image: url('{image:post bg}');
  446. {block:ifinnerborder}
  447. border: {text:border width}px {select:border style} {color:border color};
  448. {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}
  449. {block:ifwhiteborder}border-width: 8px;
  450. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  451. 8 round;
  452. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  453. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  454. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  455. 8 fill round;{/block:ifwhiteborder}
  456.   {block:ifrainbowborder}
  457.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  458.   border-image-slice: 1;
  459. {/block:ifrainbowborder}
  460. {block:ifshadowy}
  461. -webkit-filter: drop-shadow(0 0 2px #000);
  462. {/block:ifshadowy}
  463. {/block:ifinnerborder}
  464. {block:ifround}
  465. border-radius:5px;
  466. {/block:ifround}
  467. overflow-y:auto;
  468. text-align:center;
  469. }
  470.  
  471. #titlebox{
  472. margin-left:300px;
  473. margin-top:-160px;
  474. width:520px;
  475. height:auto;
  476. padding:20px;
  477. position:fixed;
  478. text-align:center;
  479. {block:ifround}
  480. border-radius:5px;
  481. {/block:ifround}
  482. background: {color:container bg};
  483. background-image: url('{image:container bg}');
  484. border: {text:border width}px {select:border style} {color:border color};
  485. {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}
  486. {block:ifwhiteborder}border-width: 8px;
  487. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  488. 8 round;
  489. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  490. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  491. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  492. 8 fill round;{/block:ifwhiteborder}
  493.   {block:ifrainbowborder}
  494.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  495.   border-image-slice: 1;
  496. {/block:ifrainbowborder}
  497. {block:ifshadowy}
  498. -webkit-filter: drop-shadow(0 0 2px #000);
  499. {/block:ifshadowy}
  500. }
  501.  
  502. #title{
  503. box-sizing: border-box;    
  504. padding:6px;
  505. background: {color:post bg};
  506. background-image: url('{image:post bg}');
  507. {block:ifinnerborder}
  508. border: {text:border width}px {select:border style} {color:border color};
  509. {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}
  510. {block:ifwhiteborder}border-width: 8px;
  511. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  512. 8 round;
  513. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  514. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  515. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  516. 8 fill round;{/block:ifwhiteborder}
  517.   {block:ifrainbowborder}
  518.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  519.   border-image-slice: 1;
  520. {/block:ifrainbowborder}
  521. {block:ifshadowy}
  522. -webkit-filter: drop-shadow(0 0 2px #000);
  523. {/block:ifshadowy}
  524. {/block:ifinnerborder}
  525. {block:ifround}
  526. border-radius:5px;
  527. {/block:ifround}
  528. text-align:center;    
  529. font-size:1.6em;
  530. }
  531.  
  532. #content {
  533. width: 520px;
  534. height:520px;
  535. padding: 20px;
  536. margin-left:300px;
  537. margin-top:220px;
  538. background: {color:container bg};
  539. background-image: url('{image:container bg}');
  540. overflow-y:scroll;
  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}
  550.   {block:ifrainbowborder}
  551.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  552.   border-image-slice: 1;
  553. {/block:ifrainbowborder}
  554. {block:ifround}
  555. border-radius:5px;
  556. {/block:ifround}
  557. {block:ifshadowy}
  558. -webkit-filter: drop-shadow(0 0 2px #000);
  559. {/block:ifshadowy}
  560. }
  561.  
  562. .post{
  563. box-sizing: border-box;    
  564. width:500px;
  565. padding:10px;
  566. background: {color:post bg};
  567. background-image: url('{image:post bg}');
  568. margin: 0 0 20px 0;
  569. {block:ifinnerborder}
  570. border: {text:border width}px {select:border style} {color:border color};
  571. {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}
  572. {block:ifwhiteborder}border-width: 8px;
  573. -moz-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  574. 8 round;
  575. -webkit-border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  576. 8 round;-o-border-image: url({"https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  577. 8 round;border-image: url("https://65.media.tumblr.com/58a070cdb1f8063000fb9bcc2ebdf501/tumblr_inline_o98n9dbCl61u2r0ws_540.png")
  578. 8 fill round;{/block:ifwhiteborder}
  579.   {block:ifrainbowborder}
  580.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  581.   border-image-slice: 1;
  582. {/block:ifrainbowborder}
  583. {block:ifshadowy}
  584. -webkit-filter: drop-shadow(0 0 2px #000);
  585. {/block:ifshadowy}
  586. {/block:ifinnerborder}
  587. {block:ifround}
  588. border-radius:5px;
  589. {/block:ifround}
  590. }
  591.  
  592. .post img{
  593. max-width:100%;
  594. height:auto;
  595. {block:ifround}
  596. border-radius:5px;
  597. {/block:ifround}
  598. }
  599. {block:ifblur}
  600. .post img:hover{
  601.       -webkit-filter: blur(2px);
  602.       -o-transition: all 0.4s ease-out;
  603. -webkit-transition: all 0.4s ease-out;
  604. -moz-transition: all 0.4s ease-out;
  605. {/block:ifblur}
  606. }
  607.  
  608. #nav{
  609. margin:20px 0 0 0;
  610. font-size: 2em;
  611. text-align:center;
  612. }
  613.  
  614. .media{
  615. margin:0 0 10px 0;
  616. text-align:center;
  617. }
  618.  
  619. {block:ifblur}
  620. .media:hover{
  621.       -webkit-filter: blur(2px);
  622.       -o-transition: all 0.4s ease-out;
  623. -webkit-transition: all 0.4s ease-out;
  624. -moz-transition: all 0.4s ease-out;}
  625. {/block:ifblur}
  626.  
  627. .title{
  628. font-weight:bold;
  629. font-size:1.5em;
  630. margin:0 0 10px 0;
  631. }
  632.  
  633. .quote{
  634. font-weight:normal;
  635. font-size:16px;
  636. font-style:italic;
  637. margin:0 0 10px 0;
  638. }
  639.  
  640. .question{
  641. margin-bottom:10px;
  642. }
  643.  
  644. blockquote{
  645. margin:0 0 10px 2.5px;
  646. padding:0 0 0 10px;
  647. border-left:solid 1px {color:text};
  648. }
  649.  
  650. .footer{
  651. text-align:center;
  652. }
  653.  
  654. ol.notes{
  655. list-style-type:none;
  656. padding:0px;
  657. margin-top:10px;
  658. overflow: scroll;
  659. max-height:200px;
  660. background:{color:post bg};
  661. }
  662.  
  663. ol.notes li.note img{
  664. width:16px;
  665. height:16px;
  666. }
  667.  
  668. ol.notes li.note{
  669. margin:0px;
  670. }
  671.  
  672. {block:ifhovertags}
  673.   .tags {
  674.    max-height:0px;
  675.    text-align:center;
  676.    opacity:0;
  677.     -webkit-transition: all 0.7s ease;
  678.    transition: all 0.7s ease;
  679.    -moz-transition: all 0.7s ease;
  680.    -o-transition: all 0.7s ease;}    
  681.  
  682. .post:hover .tags{
  683.    opacity:1;
  684.    max-height:300px;
  685.    -webkit-transition: all 0.7s ease;
  686.    transition: all 0.7s ease;
  687.    -moz-transition: all 0.7s ease;
  688.    -o-transition: all 0.7s ease;}
  689. {/block:ifhovertags}  
  690.  
  691. {CustomCSS}
  692. </style>
  693. </head>
  694.  
  695. <body>
  696. <div id="wrapper">
  697.  
  698. <div id="titlebox">
  699. <div id="title">
  700. <a href="/">{text:title}</a>    
  701. </div>    
  702. </div>
  703.  
  704. <div id="sidebar">
  705.  <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}" id="hmmm"></a>
  706. <div id="lmao">
  707.  {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url} {text:divider} <a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url} {text:divider} <a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}<br>
  708.  
  709. <p>
  710. <form action="/search" method="get">
  711. <input type="text" name="number" placeholder="{text:search text}" style="width:200px; background-color:{color:post bg}; color:{color:text}; font-family:{text:font}; border:none; text-align:center;{block:ifround}border-radius:5px;{/block:ifround}"/>
  712. </form>
  713.  
  714. </div>
  715.  
  716. {block:HasPages}
  717. {block:Pages}
  718. <a href="{URL}">{Label}</a><br>
  719. {/block:Pages}
  720. {/block:HasPages}
  721. </div>
  722.  
  723. {block:ifxtrabox}
  724. <div id="idiotbox">
  725. <div id="idiot">
  726. {text:desc}
  727. </div>    
  728. </div>{/block:ifxtrabox}
  729.  
  730. <div id="content">
  731. {block:Posts}
  732.  
  733. <div class="post">
  734.  
  735. {block:Text}
  736. {block:Title}
  737. <div class="title">{Title}</div>
  738. {/block:Title}
  739. {Body}
  740. {/block:Text}
  741.  
  742. {block:Photo}
  743. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  744. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  745. {/block:Photo}
  746.  
  747. {block:Photoset}
  748. <div class="media">{Photoset}</div>
  749. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  750. {/block:Photoset}
  751.  
  752. {block:Quote}
  753. <div class="quote">"{Quote}"</div>
  754. {block:Source}
  755. <div class="quotesource">{Source}</div>
  756. {/block:Source}
  757. {/block:Quote}
  758.  
  759. {block:Link}
  760. <div class="title"><a href="{URL}">{Name}</a></div>
  761. {block:Description}
  762. <div class="description">{Description}</div>
  763. {/block:Description}
  764. {/block:Link}
  765.  
  766. {block:Chat}
  767. {block:Title}
  768. <div class="title">{Title}</div>
  769. {/block:Title}
  770.  
  771. {block:Lines}
  772. <div class="{Alt} user_{UserNumber}">
  773. {block:Label}
  774. <b>{Label}</b>{/block:Label}
  775. &nbsp;{Line}
  776. </div>
  777. {/block:Lines}
  778. {/block:Chat}
  779.  
  780. {block:Video}
  781. <div class="media">{Video-400}</div>
  782. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  783. {/block:Video}
  784.  
  785.     {block:Audio}
  786.     <div class="media">
  787.     {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  788.     </div>
  789.     {block:Caption}{Caption}{/block:Caption}
  790.     {/block:Audio}
  791.                
  792. {block:Answer}
  793. <table style="background:{color:selection bg};color:{color:selection text};{block:ifround}border-radius:5px;{/block:ifround};padding:10px">
  794. <tr>
  795. <td style="vertical-align:top;"><strong>{Asker}</strong> asked: {Question}</td>
  796. </tr>
  797. </table>
  798. {Answer}
  799. {/block:Answer}
  800.  
  801. {block:Date}
  802. <div class="footer">
  803. <a href="{Permalink}"><a href="{Permalink}" title="{monthnumberwithzero}.{dayofmonthwithzero}.{year}">{notecount}{text:notes label}</a> <img src="{image:footer pixel}"> <a href="{ReblogURL}" class="reblog" target="_blank" title="REBLOG">↻</a>
  804.  
  805. <!-- {block:NoRebloggedFrom}
  806. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  807. {/block:NoRebloggedFrom} -->
  808. {block:ContentSource}<!-- {SourceURL}
  809. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  810. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  811. {/block:ContentSource}
  812. <br>
  813. <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  814.  
  815. </div>
  816.  
  817. {block:PermalinkPage}
  818. <br>
  819. {block:NoteCount}
  820. {block:PostNotes}{PostNotes}{/block:PostNotes}
  821. {/block:NoteCount}
  822. {/block:PermalinkPage}
  823. {/block:Date}
  824.  
  825. </div>
  826. {/block:Posts}
  827.  
  828. {block:Pagination}
  829. <div id="nav">
  830. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a> {/block:PreviousPage}
  831.  
  832. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  833. </div>
  834. {/block:Pagination}
  835. </div>
  836. </div>
  837.  
  838. </div>
  839.  
  840. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://hjmiko.tumblr.com/" title="theme by annie!">✡</a>
  841.  
  842.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  843.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  844.  
  845.     </body>
  846. </html>
Advertisement
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!