API tools faq
paste
togahimiko

one word theme

togahimiko
Jun 7th, 2019
2,484
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.53 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. ONE WORD THEME BY ANNIE @NOODLE
  6. alternate title: togashi said gay rights
  7.  
  8. i just finished the chimera ant arc, what a ride honestly !! the name of this theme is named after the chapter of hxh manga with the same title. it's the one where meruem remembers komugi which licherally makes me cry every time. i now know how to experience the full range of emotions, thanks togashi for saying . u know . gay rights. happy pride month !!
  9.  
  10. if u want to put pixels n shit in ur description/divider/links/notes label use <img src="IMAGE URL">
  11.  
  12. basecode was my genjoudaha theme LOL . if u steal this or remove the credit i will poison u >:3
  13. EDIT 5.17.2020: i found the codepen with the gradient border --> https://codepen.io/unnegative/pen/dVwYBq
  14. ----->
  15.  
  16. {block:ifrainbowtitle}
  17. <script type="text/javascript">
  18. // <![CDATA[
  19. var speed=100; // speed colours change, 1 second = 1000
  20. var glow=3; // can be set from '0' for no glow, to 10
  21. var raincol=new Array("#ff0000","#ff8000","#ffff00","#80ff00","#00ff00","#00ff80","#00ffff","#0080ff","#0000ff","#8000ff","#ff0080"); // change the colours if you want to
  22. var alink="/"; // page to link text to (set to ="" for no link)
  23.  
  24. /****************************
  25. *    Rainbow Text Effect    *
  26. *(c)2003-13 mf2fm web-design*
  27. *  http://www.mf2fm.com/rv  *
  28. * DON'T EDIT BELOW THIS BOX *
  29. ****************************/
  30. var rainbow, raintxt, raincnt=0;
  31.  
  32. function addLoadEvent(funky) {
  33.  var oldonload=window.onload;
  34.  if (typeof(oldonload)!='function') window.onload=funky;
  35.  else window.onload=function() {
  36.    if (oldonload) oldonload();
  37.    funky();
  38.  }
  39. }
  40.  
  41. addLoadEvent(regenbogen);
  42.  
  43. function regenbogen() { if (document.getElementById) {
  44.  var i, rainbeau;
  45.  rainbow=document.getElementById("rainbow");
  46.  raintxt=rainbow.firstChild.nodeValue;
  47.  while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  48.  for (i=0; i<raintxt.length; i++) {
  49.    rainbeau=document.createElement("span");
  50.    rainbeau.setAttribute("id", "rain"+i);
  51.    rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  52.    if (alink) {
  53.      rainbeau.style.cursor="{image:custom cursor}";
  54.      rainbeau.onclick=function() { top.location.href=alink; }
  55.    }
  56.    rainbow.appendChild(rainbeau);
  57.  }
  58.  rainbow=setInterval ("raining()", speed);
  59. }}
  60.  
  61. function raining() {
  62.  var i, c;
  63.  for (i=0; i<raintxt.length; i++) {
  64.    c=raincol[(i+raincnt)%raincol.length];
  65.    document.getElementById("rain"+i).style.color=c;
  66.     if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  67.  }
  68.  raincnt++;
  69. }
  70. // ]]>
  71. </script>
  72. {/block:ifrainbowtitle}
  73.  
  74.  
  75. <meta charset="utf-8">
  76. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  77. {block:Description}
  78. <meta name="description" content="{MetaDescription}" />
  79. {/block:Description}
  80.    
  81. <title>{Title}</title>
  82.        
  83. <link rel="shortcut icon" href="{image:favicon}">
  84. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  85. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  86.  
  87. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  88.  
  89. <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>
  90.  
  91. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack|Inconsolata" rel="stylesheet">
  92.  
  93. <meta name="image:sidebar">
  94. <meta name="image:favicon">
  95. <meta name="image:bg">
  96. <meta name="image:post bg">
  97. <meta name="image:footer pixel">
  98. <meta name="image:tooltip bg">
  99. <meta name="image:custom cursor">
  100. <meta name="color:bg">
  101. <meta name="color:post bg">
  102. <meta name="color:tooltip bg">
  103. <meta name="color:tooltip text">
  104. <meta name="color:insides">
  105. <meta name="color:text">
  106. <meta name="color:link">
  107. <meta name="color:link hover">
  108. <meta name="color:text glow">
  109. <meta name="color:link glow">
  110. <meta name="color:link glow hover">
  111. <meta name="color:content glow">
  112. <meta name="color:tooltip glow">
  113. <meta name="color:border color">
  114. <meta name="color:inside border color">
  115. <meta name="color:tooltip border color">
  116. <meta name="color:selection bg">
  117. <meta name="color:selection text">
  118.  
  119.  
  120. <meta name="select:link decoration" content="none">
  121. <meta name="select:link decoration" content="underline">
  122. <meta name="select:border style" content="none">
  123. <meta name="select:border style" content="solid">
  124. <meta name="select:border style" content="dashed">
  125. <meta name="select:border style" content="dotted">
  126. <meta name="select:border style" content="double">
  127. <meta name="select:border style" content="inset">
  128. <meta name="select:border style" content="outset">
  129. <meta name="select:border style" content="groove">
  130. <meta name="select:border style" content="ridge">
  131. <meta name="select:inside border style" content="none">
  132. <meta name="select:inside border style" content="solid">
  133. <meta name="select:inside border style" content="dashed">
  134. <meta name="select:inside border style" content="dotted">
  135. <meta name="select:inside border style" content="double">
  136. <meta name="select:inside border style" content="inset">
  137. <meta name="select:inside border style" content="outset">
  138. <meta name="select:inside border style" content="groove">
  139. <meta name="select:inside border style" content="ridge">
  140. <meta name="select:list style" content="hiragana" />
  141. <meta name="select:list style" content="katakana" />
  142. <meta name="select:list style" content="circle" />
  143. <meta name="select:list style" content="square" />
  144. <meta name="select:list style" content="upper-roman" />
  145. <meta name="select:list style" content="lower-alpha" />
  146. <meta name="select:list style" content="hebrew" />
  147. <meta name="select:list style" content="decimal" />
  148. <meta name="select:list style" content="none" />
  149. <meta name="if:rainbowborder">
  150. <meta name="if:inside rainbowborder">
  151. <meta name="if:content glow">
  152.  
  153. <meta name="if:italictitle">
  154. <meta name="if:rainbowtitle">
  155.  
  156. <meta name="if:round">
  157. <meta name="if:links">
  158. <meta name="if:bold links">
  159. <meta name="if:text glow">
  160. <meta name="if:link glow">
  161. <meta name="if:link border">
  162. <meta name="if:rainbow links">
  163. <meta name="if:links drop shadow">
  164. <meta name="if:custom cursor">
  165. <meta name="if:500px posts">
  166. <meta name="if:cover bg">
  167. <meta name="if:redirect">
  168.  
  169. <meta name="text:font size" content="30">
  170. <meta name="text:font" content="">
  171. <meta name="text:title" content="">
  172. <meta name="text:desc" content="">
  173. <meta name="text:sidebar hover" content="stan the royal guard">
  174. <meta name="text:link 1 name" content="link 1">
  175. <meta name="text:link 2 name" content="link 2">
  176. <meta name="text:link 3 name" content="link 3">
  177. <meta name="text:link 1 url" content="/">
  178. <meta name="text:link 2 url" content="/">
  179. <meta name="text:link 3 url" content="/">
  180. <meta name="text:divider" content="/">
  181. <meta name="text:notes label" content="%">
  182. <meta name="text:previouspage" content="previous">
  183. <meta name="text:nextpage" content="next">
  184. <meta name="text:redirect" content=""/>
  185.  
  186.        
  187. <style type="text/css">
  188.  
  189. ::selection {
  190. background-color: {color:selection bg};
  191. color: {color:selection text};
  192. }
  193. ::-moz-selection{
  194. background-color: {color:selection bg};
  195. color: {color:selection text};
  196. }
  197.  
  198. ::-webkit-scrollbar {
  199. width: 16px;
  200. height: 10px;
  201. }
  202. ::-webkit-scrollbar-thumb {
  203. background-color: #fff;
  204. background-image: url(https://i.imgur.com/Qtm9Z60.png);
  205. border-top: 1px solid #bdbdbd;
  206. border-left: 1px solid #bdbdbd;
  207. border-right: 1px solid black;
  208. border-bottom: 1px solid black;
  209. }
  210. ::-webkit-scrollbar-track {
  211. background-color: #fff;
  212. background-image: url(https://i.imgur.com/IGXGYKz.png);
  213. }
  214. ::-webkit-scrollbar-button:vertical:increment {
  215. background-image: url(https://i.imgur.com/WhC8iy3.png);
  216. width: 14px;
  217. height: 16px;
  218. border-top: 1px solid #bdbdbd;
  219. border-left: 1px solid #bdbdbd;
  220. border-right: 1px solid black;
  221. border-bottom: 1px solid black;
  222. }
  223. ::-webkit-scrollbar-button:vertical:decrement {
  224. background-image: url(https://i.imgur.com/fQ18mrR.png);
  225. border-top: 1px solid #bdbdbd;
  226. border-left: 1px solid #bdbdbd;
  227. border-right: 1px solid black;
  228. border-bottom: 1px solid black;
  229. width: 14px;
  230. height: 16px;
  231. }
  232.  
  233.         @-webkit-keyframes rainbow {
  234. 0% {color: #ff0000;}
  235. 10% {color: #ff8000;}
  236. 20% {color: #ffff00;}
  237. 30% {color: #80ff00;}
  238. 40% {color: #00ff00;}
  239. 50% {color: #00ff80;}
  240. 60% {color: #00ffff;}
  241. 70% {color: #0080ff;}
  242. 80% {color: #0000ff;}
  243. 90% {color: #8000ff;}
  244. 100% {color: #ff0080;}
  245. }
  246. @-ms-keyframes rainbow {
  247. 0% {color: #ff0000;}
  248. 10% {color: #ff8000;}
  249. 20% {color: #ffff00;}
  250. 30% {color: #80ff00;}
  251. 40% {color: #00ff00;}
  252. 50% {color: #00ff80;}
  253. 60% {color: #00ffff;}
  254. 70% {color: #0080ff;}
  255. 80% {color: #0000ff;}
  256. 90% {color: #8000ff;}
  257. 100% {color: #ff0080;}
  258. }
  259. @-o-keyframes rainbow {
  260. 0% {color: #ff0000;}
  261. 10% {color: #ff8000;}
  262. 20% {color: #ffff00;}
  263. 30% {color: #80ff00;}
  264. 40% {color: #00ff00;}
  265. 50% {color: #00ff80;}
  266. 60% {color: #00ffff;}
  267. 70% {color: #0080ff;}
  268. 80% {color: #0000ff;}
  269. 90% {color: #8000ff;}
  270. 100% {color: #ff0080;}
  271. }
  272. @keyframes rainbow {
  273. 0% {color: #ff0000;}
  274. 10% {color: #ff8000;}
  275. 20% {color: #ffff00;}
  276. 30% {color: #80ff00;}
  277. 40% {color: #00ff00;}
  278. 50% {color: #00ff80;}
  279. 60% {color: #00ffff;}
  280. 70% {color: #0080ff;}
  281. 80% {color: #0000ff;}
  282. 90% {color: #8000ff;}
  283. 100% {color: #ff0080;}
  284. }
  285.  
  286.     .tooltip {
  287. display: inline;
  288. position: relative;
  289. }
  290.  
  291.     #s-m-t-tooltip {
  292.         z-index:99999999999999999;
  293.         background: {color:tooltip bg};
  294.         background-image: url('{image:tooltip bg}');
  295.         color:{color:tooltip text};
  296.         max-width: 200px;
  297.         margin: 20px;
  298.         padding: 5px;
  299.         transition: 0.2s;
  300.         text-align:center;
  301.         {block:ifround}
  302. border-radius:5px;
  303. {/block:ifround}
  304. {block:ifcontentglow}
  305. box-shadow: 0 0 5px 5px {color:tooltip glow};
  306. {/block:ifcontentglow}
  307.         border: 2px {select:border style} {color:tooltip border color};
  308.   {block:ifrainbowborder}
  309.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  310.   border-image-slice: 1;
  311. {/block:ifrainbowborder}
  312.     }
  313.  
  314. body {
  315. background-color: {color:bg};
  316. background-image: url('{image:bg}');
  317.         {block:ifnotcoverbg}
  318.         background-repeat: repeat;
  319.         background-attachment: fixed;
  320.         {/block:ifnotcoverbg}
  321.         {block:ifcoverbg}
  322.         background-size: cover;
  323.         background-attachment: fixed;
  324.         {/block:ifcoverbg}
  325. font-family:{text:font};
  326. font-size:{text:font size}px;
  327. color:{color:text};
  328. {block:iftextglow}
  329. text-shadow:0 0 1px {color:text glow};
  330. {/block:iftextglow}
  331. word-wrap:break-word;
  332. }
  333.  
  334. p{
  335. margin:0 0 10px 0;
  336. padding:0;
  337. }
  338.  
  339. pre {
  340. white-space: pre-wrap;
  341. white-space: -moz-pre-wrap;
  342. white-space: -pre-wrap;
  343. white-space: -o-pre-wrap;
  344. word-wrap: break-word;
  345. }
  346.  
  347. a{
  348. color:{color:link};
  349. text-decoration: {select:link decoration};
  350. {block:iflinkglow}
  351. text-shadow: 0 0 3px {color:link glow}, 0 0 1px {color:link glow};
  352. {/block:iflinkglow}
  353. {block:iflinkborder}
  354. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  355. {/block:iflinkborder}
  356. {block:ifboldlinks}font-weight:bold;{/block:ifboldlinks}
  357. }
  358.  
  359. a:hover{
  360. color:{color:link hover};
  361. {block:iflinkglow}
  362. text-shadow:0 0 3px {color:link glow hover}, 0 0 1px {color:link glow hover};
  363. {/block:iflinkglow}
  364. {block:iflinkborder}
  365. 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};
  366. {/block:iflinkborder}
  367. transition: 0.2s;
  368. {block:iflinksdropshadow}
  369. text-shadow: 0 0 1px {color:link glow}, 0 0 1px {color:link glow}, 0 1px 1px {color:link glow hover}, 0px 2px 2px{color:link glow hover},  0px 3px 2px{color:link glow hover}, 0px 4px 2px{color:link glow hover},0px 5px 2px{color:link glow hover};
  370. {/block:iflinksdropshadow}
  371.             {block:ifrainbowlinks}
  372.                 -webkit-animation:rainbow 1s infinite !important;
  373.                 -ms-animation:rainbow 1s infinite !important;
  374.                 -o-animation:rainbow 1s infinite !important;
  375.                 animation:rainbow 1s infinite !important;
  376.                 {/block:ifrainbowlinks}
  377. }
  378.  
  379. li{
  380. list-style-type:{select:list style};
  381. }
  382.  
  383. /*
  384. containers etc
  385. */
  386. #wrapper{
  387. width:800px;
  388. margin:30px auto;
  389. }
  390.  
  391. #title{
  392. position:fixed;  
  393. float:left;
  394. margin-left:-200px;
  395. width:395px;
  396. height:55px;
  397. text-align:center;
  398. padding:10px;
  399. background: {color:post bg};
  400. background-image: url('{image:post bg}');
  401.         background-repeat: repeat;
  402.     {block:ifcontentglow}
  403. box-shadow: 0 0 5px 5px {color:content glow};
  404. {/block:ifcontentglow}    
  405. border: 2px {select:border style} {color:border color};
  406. {block:ifround}
  407. border-radius:5px;
  408. {/block:ifround}
  409.   {block:ifrainbowborder}
  410.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  411.   border-image-slice: 1;
  412.                 {/block:ifrainbowborder}
  413. }
  414.  
  415. #titletext{
  416. {block:ifround}
  417. border-radius:5px;
  418. {/block:ifround}  
  419. background:{color:insides};
  420. {block:ifitalictitle}    
  421. font-style:italic;    
  422. {/block:ifitalictitle}
  423. text-align:center;
  424. width:391px;
  425. height:51px;
  426. line-height:53px;
  427. font-size:1.3em;
  428. color:{color:text};
  429.         border: 2px {select:inside border style} {color:inside border color};
  430.   {block:ifinsiderainbowborder}
  431.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  432.   border-image-slice: 1;
  433. {/block:ifinsiderainbowborder}
  434. }
  435.  
  436. #sidebar{
  437. margin-top:95px;    
  438. margin-left:-200px;
  439. height:200px;
  440. width:200px;
  441. position:fixed;
  442. float:left;
  443. position:fixed;
  444. text-align:center;
  445. padding:10px;
  446. background: {color:post bg};
  447. background-image: url('{image:post bg}');
  448.         background-repeat: repeat;
  449.     {block:ifcontentglow}
  450. box-shadow: 0 0 5px 5px {color:content glow};
  451. {/block:ifcontentglow}    
  452. border: 2px {select:border style} {color:border color};
  453. {block:ifround}
  454. border-radius:5px;
  455. {/block:ifround}
  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. }
  461.  
  462. #sidebar img{
  463. max-width:196px;
  464. max-height:196px;
  465.         {block:ifround}
  466. border-radius:5px;
  467. {/block:ifround}
  468.         border: 2px {select:inside border style} {color:inside border color};
  469.   {block:ifinsiderainbowborder}
  470.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  471.   border-image-slice: 1;
  472. {/block:ifinsiderainbowborder}
  473. }
  474.  
  475. #sidebar2electricboogaloo{
  476. position:fixed;    
  477. margin-top:95px;
  478. margin-left:45px;    
  479. height:130px;
  480. width:150px;    
  481. {block:ifround}
  482. border-radius:5px;
  483. {/block:ifround}padding:10px;
  484. background: {color:post bg};
  485. background-image: url('{image:post bg}');
  486.         background-repeat: repeat;
  487.     {block:ifcontentglow}
  488. box-shadow: 0 0 5px 5px {color:content glow};
  489. {/block:ifcontentglow}    
  490. border: 2px {select:border style} {color:border color};
  491.   {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. #desc{
  498. text-align:left;
  499. width:146px;
  500. height:126px;
  501. overflow-y:scroll;
  502. {block:ifround}
  503. border-radius:5px;
  504. {/block:ifround}  
  505. background:{color:insides};
  506. border: 2px {select:inside border style} {color:inside border color};
  507. {block:ifinsiderainbowborder}
  508. border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  509. border-image-slice: 1;
  510. {/block:ifinsiderainbowborder}
  511.  
  512. }
  513.  
  514. #sidebar3{
  515. position:fixed;    
  516. margin-left:45px;  
  517. margin-top:265px;
  518. padding:10px;
  519. height:30px;
  520. width:150px;
  521. {block:ifround}
  522. border-radius:5px;
  523. {/block:ifround}
  524. padding:10px;
  525. background: {color:post bg};
  526. background-image: url('{image:post bg}');
  527.         background-repeat: repeat;
  528.     {block:ifcontentglow}
  529. box-shadow: 0 0 5px 5px {color:content glow};
  530. {/block:ifcontentglow}    
  531. border: 2px {select:border style} {color:border color};
  532.   {block:ifrainbowborder}
  533.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  534.   border-image-slice: 1;
  535.                 {/block:ifrainbowborder}
  536. }
  537.  
  538. .links{
  539. height:26px;  
  540. line-height:26px;
  541. width:146px;
  542. background:{color:insides};
  543. text-align:center;
  544. {block:ifround}
  545. border-radius:5px;
  546. {/block:ifround}
  547.         border: 2px {select:inside border style} {color:inside border color};
  548.   {block:ifinsiderainbowborder}
  549.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  550.   border-image-slice: 1;
  551. {/block:ifinsiderainbowborder}
  552. }
  553.  
  554.  
  555. #content {
  556. width:auto;
  557. margin:auto;
  558. }
  559.  
  560. .post{
  561. background: {color:post bg};
  562. background-image: url('{image:post bg}');
  563.         background-repeat: repeat;
  564. width:400px;
  565. {block:if500pxposts}
  566. width:500px;
  567. {/block:if500pxposts}
  568. margin-left:300px;
  569. margin-bottom:50px;
  570. overflow:hidden;
  571. padding:10px;
  572. border: 2px {select:border style} {color:border color};
  573. {block:ifcontentglow}
  574. box-shadow: 0 0 5px 5px {color:content glow};
  575. {/block:ifcontentglow}    
  576. {block:ifround}
  577. border-radius:5px;
  578. {/block:ifround}
  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. }
  584.  
  585. .insides{
  586. background: {color:insides};
  587. overflow:hidden;
  588. padding:10px;
  589.         border: 2px {select:inside border style} {color:inside border color};
  590.         {block:ifround}
  591. border-radius:5px;
  592. {/block:ifround}
  593.   {block:ifinsiderainbowborder}
  594.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  595.   border-image-slice: 1;
  596. {/block:ifinsiderainbowborder}
  597. }
  598.  
  599. .post img{
  600. max-width:100%;
  601. height:auto;
  602. {block:ifround}
  603. border-radius:5px;
  604. {/block:ifround}
  605. }
  606.  
  607. #nav{
  608. margin:50px 0 0 0;
  609. font-size: 2em;
  610. text-align:center;
  611. }
  612.  
  613.  
  614. .media{
  615. text-align:center;
  616. }
  617.  
  618. .title{
  619. font-weight:bold;
  620. font-size:1.5em;
  621. margin:0 0 10px 0;
  622. }
  623.  
  624. .quote{
  625. font-weight:normal;
  626. font-size:16px;
  627. font-style:italic;
  628. margin:0 0 10px 0;
  629. }
  630.  
  631. .question{
  632. margin-bottom:10px;
  633. }
  634.  
  635. blockquote{
  636. margin:0 0 10px 10px;
  637. padding:0 0 0 10px;
  638. border-left:solid 1px {color:text};
  639. }
  640.  
  641.  
  642. .footer{
  643. background: {color:insides};
  644. margin-top:10px;
  645. padding:5px;
  646. line-height:30px;
  647. text-align:left;
  648. {block:ifround}
  649. border-radius:5px;
  650. {/block:ifround}
  651. text-transform:uppercase;
  652.         border: 2px {select:inside border style} {color:inside border color};
  653.   {block:ifinsiderainbowborder}
  654.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  655.   border-image-slice: 1;
  656. {/block:ifinsiderainbowborder}
  657. }
  658.  
  659. #vs{
  660. margin-top:10px;
  661. padding:5px;    
  662. text-align:center;    
  663. background:{color:insides};
  664. {block:ifround}
  665. border-radius:5px;
  666. {/block:ifround}
  667.         border: 2px {select:inside border style} {color:inside border color};
  668.   {block:ifinsiderainbowborder}
  669.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  670.   border-image-slice: 1;
  671. {/block:ifinsiderainbowborder}    
  672. }
  673.  
  674. ol.notes{
  675. list-style-type:none;
  676. padding:0px;
  677. margin-top:10px;
  678. overflow: scroll;
  679. max-height:200px;
  680. background:{color:insides};
  681. {block:ifround}
  682. border-radius:5px;
  683. {/block:ifround}
  684.         border: 2px {select:inside border style} {color:inside border color};
  685.   {block:ifinsiderainbowborder}
  686.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  687.   border-image-slice: 1;
  688. {/block:ifinsiderainbowborder}
  689. }
  690.  
  691. ol.notes li.note img{
  692. width:auto;
  693. height:auto;
  694. {block:ifround}
  695. border-radius:5px;
  696. {/block:ifround}
  697. }
  698.  
  699. ol.notes li.note{
  700. margin:0px;
  701. }
  702.  
  703.     .tags {
  704.    max-height:0px;
  705.    text-align:center;
  706.    opacity:0;
  707.     -webkit-transition: all 0.7s ease;
  708.    transition: all 0.7s ease;
  709.    -moz-transition: all 0.7s ease;
  710.    -o-transition: all 0.7s ease;}    
  711.  
  712. .post:hover .tags{
  713.             background: {color:insides};
  714.         {block:ifround}
  715. border-radius:5px;
  716. {/block:ifround}
  717. border: 2px {select:inside border style} {color:inside border color};
  718.   {block:ifinsiderainbowborder}
  719.   border-image: linear-gradient(to top left, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);
  720.   border-image-slice: 1;
  721. {/block:ifinsiderainbowborder}
  722.             margin-top:10px;
  723.         padding:5px;
  724.    opacity:1;
  725.    max-height:300px;
  726.    -webkit-transition: all 0.7s ease;
  727.    transition: all 0.7s ease;
  728.    -moz-transition: all 0.7s ease;
  729.    -o-transition: all 0.7s ease;}
  730.  
  731. {CustomCSS}
  732. </style>
  733. </head>
  734.  
  735. <body>
  736.  
  737. {block:ifredirect}
  738. {block:IndexPage}<script type="text/javascript">
  739.     var url = location.href;
  740.     if (url == "{BlogURL}") {
  741.         window.location = "{BlogURL}tagged/{text:redirect}";
  742.     }
  743. </script>{/block:IndexPage}
  744. {/block:ifredirect}
  745.  
  746. <div id="wrapper">
  747.  
  748. {block:ifcustomcursor}
  749. <style>body, a, a:hover { cursor:url({image:custom cursor}), auto; }</style>
  750. {/block:ifcustomcursor}
  751.  
  752. <div id="title">
  753. <div id="titletext">
  754. {block:ifrainbowtitle}
  755. <span id="rainbow">{text:title}</a></span>{/block:ifrainbowtitle}
  756. {block:ifnotrainbowtitle}
  757. <a href="/">{text:title}</a>{/block:ifnotrainbowtitle}
  758. </div></div>    
  759.  
  760. <div id="sidebar">
  761.  <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}" id="hmmm"></a>
  762.  </div>
  763.  
  764. <div id="sidebar2electricboogaloo">
  765. <div id="desc">
  766. {text:desc}</div></div>
  767.  
  768. <div id="sidebar3">
  769. <div class="links">
  770.  {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}
  771. {/block:iflinks}</div>
  772.  
  773.  
  774. {block:HasPages}
  775. {block:Pages}
  776. <a href="{URL}">{Label}</a><br>
  777. {/block:Pages}
  778. {/block:HasPages}
  779. </div>
  780.  
  781.  
  782. {block:Posts}
  783. <div id="content">
  784.  
  785.  
  786. <div class="post">
  787. <div class="insides">
  788.  
  789. {block:Text}
  790. {block:Title}
  791. <div class="title">{Title}</div>
  792. {/block:Title}
  793. {Body}
  794. {/block:Text}
  795.  
  796. {block:Photo}
  797. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  798. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  799. {/block:Photo}
  800.  
  801. {block:Photoset}
  802. <div class="media">{Photoset}</div>
  803. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  804. {/block:Photoset}
  805.  
  806. {block:Quote}
  807. <div class="quote">"{Quote}"</div>
  808. {block:Source}
  809. <div class="quotesource">{Source}</div>
  810. {/block:Source}
  811. {/block:Quote}
  812.  
  813. {block:Link}
  814. <div class="title"><a href="{URL}">{Name}</a></div>
  815. {block:Description}
  816. <div class="description">{Description}</div>
  817. {/block:Description}
  818. {/block:Link}
  819.  
  820. {block:Chat}
  821. {block:Title}
  822. <div class="title">{Title}</div>
  823. {/block:Title}
  824.  
  825. {block:Lines}
  826. <div class="{Alt} user_{UserNumber}">
  827. {block:Label}
  828. <b>{Label}</b>{/block:Label}
  829. &nbsp;{Line}
  830. </div>
  831. {/block:Lines}
  832. {/block:Chat}
  833.  
  834. {block:Video}
  835. <div class="media">{Video-400}</div>
  836. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  837. {/block:Video}
  838.  
  839.     {block:Audio}
  840.     <div class="media">
  841.     {block:AudioEmbed}{AudioEmbed-400}{/block:AudioEmbed}
  842.     </div>
  843.     {block:Caption}{Caption}{/block:Caption}
  844.     {/block:Audio}
  845.                
  846. {block:Answer}
  847. <table style="background:{color:selection bg};color:{color:selection text};{block:ifround}border-radius:5px;{/block:ifround};padding:10px">
  848. <tr>
  849. <td style="vertical-align:top;"><strong>{Asker}</strong> asked: {Question}</td>
  850. </tr>
  851. </table>
  852. {Answer}
  853. {/block:Answer}
  854. </div>
  855.  
  856.  
  857. {block:Date}
  858. <div class="footer">
  859. <a href="{permalink}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {Year} <img src="{image:footer pixel}">  {NoteCount}{text:notes label}</a>      <a href="{ReblogURL}" class="reblog" style="float:right;" target="_blank" title="REBLOG">↻</a>
  860. </div>
  861.  
  862. {block:HasTags}   <div class="tags"> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  863.  
  864.  
  865. {block:PermalinkPage}
  866. {block:NoteCount}
  867. <div id="vs">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"> via</a> {/block:RebloggedFrom}{block:ContentSource} x <a href="{SourceURL}" title="{SourceTitle}"> source</a>{/block:ContentSource}</div>
  868. {block:PostNotes}{PostNotes}{/block:PostNotes}
  869. {/block:NoteCount}
  870. {/block:PermalinkPage}
  871. {/block:Date}
  872. </div>
  873. {/block:Posts}
  874. </div>
  875.  
  876. {block:Pagination}
  877. <div id="nav">
  878. {block:PreviousPage}<a href="{PreviousPage}">{text:previouspage}</a> {/block:PreviousPage}
  879.  
  880. {block:NextPage}<a href="{NextPage}">{text:nextpage}</a>{/block:NextPage}
  881. </div>
  882. {/block:Pagination}
  883. </div>
  884. </div>
  885.  
  886. </div>
  887.  
  888. <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>
  889.  
  890.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  891.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  892.  
  893.     </body>
  894. </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!