sombrematsu

fire blast theme πŸ”₯

Dec 10th, 2019
1,359
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.10 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. βœ§οΎŸγ γ„γ‚‚γ‚“γ˜!゚✧
  6.  
  7. fire blast theme by @punkcherries
  8. base code by @kirk
  9.  
  10. dont remove the credit!!
  11. u can change the credit img to match ur blog tho!!
  12. jus go to the bottom and change the "img src" url
  13. u can edit the code as u see fit but this is not a base code!! so dont repost as ur own or nothin pls ty
  14. ----->
  15.  
  16.  <link href='https://fonts.googleapis.com/css?family=Comic+Sans+MS' rel='stylesheet' type='text/css'>
  17.  <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  18.  <link href='https://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' type='text/css'>
  19.  <link href="https://fonts.googleapis.com/css?family=Do+Hyeon" rel="stylesheet">
  20.  <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru" rel="stylesheet">
  21.  <link href="https://fonts.googleapis.com/css?family=Changa" rel="stylesheet">
  22.  
  23. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  24.  
  25. <meta charset="utf-8">
  26. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.    
  31. <title>
  32. {Title}
  33. </title>
  34.        
  35. <link rel="shortcut icon" href="{image:favicon}">
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  38.  
  39. <meta name="image:sidebar" content="">
  40. <meta name="image:sidebar bg" content="">
  41. <meta name="image:post bg" content="">
  42. <meta name="image:background" content="">
  43. <meta name="image:favicon" content="">
  44.  
  45. <meta name="color:background" content="#fff">
  46. <meta name="color:text" content="#000">
  47. <meta name="color:ask bg" content="fff">
  48. <meta name="color:sidebar bg" content="#fff" />
  49. <meta name="color:post bg" content="000"/>
  50. <meta name="color:post border" content="#000"/>
  51. <meta name="color:sidebar border" content="#000"/>
  52. <meta name="color:link" content="#ddd">
  53. <meta name="color:link hover" content="#eee">
  54. <meta name="color:highlight" content="#ff0000">
  55. <meta name="color:scrollbar" content="#000000">
  56. <meta name="color:tooltip text" content="#eee">
  57. <meta name="color:tooltip bg" content="#000">
  58. <meta name="color:post shadow" content="000">
  59. <meta name="color:extra box font color" content="#ffffff" />
  60.  
  61.  
  62. <meta name="if:sidebar img" content="0">
  63. <meta name="if:sidebar bg" content="0">
  64. <meta name="if:post bg" content="0">
  65. <meta name="if:title" content="0">
  66. <meta name="if:extra box" content="0">
  67. <meta name="if:extra box 2" content="0">
  68. <meta name="if:extra box 3" content="0">
  69. <meta name="if:rainbow links" content="">
  70. <meta name="if:list links" content="0">
  71. <meta name="if:dropdown" content=""/>
  72. <meta name="if:bg fill" content="0">
  73. <meta name="if:rounded sidebar img" content="" />
  74. <meta name="if:circle sidebar img" content="" />
  75. <meta name="if:center desc" content="">
  76. <meta name="if:post shadow" content=""/>
  77.  
  78.  
  79. <meta name="select:post corner rounded" content="0px"/>
  80. <meta name="select:post corner rounded" content="3px"/>
  81. <meta name="select:post corner rounded" content="5px"/>
  82. <meta name="select:post corner rounded" content="7px"/>
  83. <meta name="select:post border" content="dotted"/>
  84. <meta name="select:post border" content="dashed"/>
  85. <meta name="select:post border" content="solid"/>
  86. <meta name="select:post border" content="double"/>
  87. <meta name="select:post border" content="none"/>
  88. <meta name="select:sidebar border" content="dotted"/>
  89. <meta name="select:sidebar border" content="dashed"/>
  90. <meta name="select:sidebar border" content="solid"/>
  91. <meta name="select:sidebar border" content="double"/>
  92. <meta name="select:sidebar border" content="none"/>
  93. <meta name="select:font" content="arial">
  94. <meta name="select:font" content="changa">
  95. <meta name="select:font" content="comic sans ms">
  96. <meta name="select:font" content="consolas">
  97. <meta name="select:font" content="cousine">
  98. <meta name="select:font" content="do hyeon">
  99. <meta name="select:font" content="kosugi maru">
  100. <meta name="select:font" content="ms gothic">
  101. <meta name="select:font" content="roboto">
  102. <meta name="select:post" content="400px">
  103. <meta name="select:post" content="500px">
  104.  
  105.  
  106. <meta name="text:font size" content="16px">
  107. <meta name="text:title" content="23px">
  108. <meta name="text:dropdown title" content="clicku">
  109. <meta name="text:post border size" content="1"/>
  110. <meta name="text:sidebar border size" content="1"/>
  111. <meta name="text:sidebar position" content="-250px">
  112. <meta name="text:sidebar img size" content="200px">
  113. <meta name="text:sidebar hover" content="howdy">
  114. <meta name="text:post position" content="50px">
  115. <meta name="text:next page" content="next">
  116. <meta name="text:previous page" content="previous">
  117. <meta name="text:link one" content="one" >
  118. <meta name="text:link one url" content="/">
  119. <meta name="text:link two" content="two" >
  120. <meta name="text:link two url" content="/">
  121. <meta name="text:link three" content="three" >
  122. <meta name="text:link three url" content="/">
  123. <meta name="text:extra box text" content=":3"/>
  124. <meta name="text:extra box 2 text" content="owo"/>
  125. <meta name="text:extra box 3 text" content="uwu"/>
  126. <meta name="text:extra box margin top" content="0" />
  127. <meta name="text:extra box margin right" content="650" />
  128. <meta name="text:extra box width" content="relative" />
  129. <meta name="text:extra box 2 margin top" content="500" />
  130. <meta name="text:extra box 2 margin right" content="-250" />
  131. <meta name="text:extra box 2 width" content="relative" />
  132. <meta name="text:extra box 3 margin top" content="500" />
  133. <meta name="text:extra box 3 margin right" content="650" />
  134. <meta name="text:extra box 3 width" content="relative" />
  135.  
  136.        
  137. <style type="text/css">
  138.  
  139. ::-webkit-scrollbar {
  140. width: 5px;
  141. background: {color:background}; }
  142.  
  143. ::-webkit-scrollbar-thumb {
  144. background: {color:scrollbar};
  145. }
  146.  
  147. body {
  148. margin:0px;
  149. background:{color:background};
  150. background-image:url('{image:Background}');
  151. background-attachment:fixed;
  152. {block:ifbgfill}background-size:100% 100%;{/block:ifbgfill}
  153. {block:ifnotbgfill}background-repeat:repeat;{/block:ifnotbgfill}
  154. font-family:{select:font};
  155. line-height:140%;
  156. font-size:{text:font size};
  157. color: {color:text};
  158. }
  159.  
  160. p{
  161. margin:0 0 10px 0;
  162. padding:0;
  163. }
  164.  
  165. pre {
  166. white-space: pre-wrap;
  167. white-space: -moz-pre-wrap;
  168. white-space: -pre-wrap;
  169. white-space: -o-pre-wrap;
  170. word-wrap: break-word;
  171. }
  172.  
  173. a{
  174. color:{color:link};
  175. -moz-transition: all .2s ease-in;
  176. -o-transition: all .2s ease-in;
  177. -webkit-transition: all .2s ease-in;
  178. transition: all .2s ease-in;
  179. }
  180.  
  181. a:hover{
  182. text-decoration:none;
  183. }
  184.  
  185. li{
  186. margin-left:-15px;
  187. }
  188.  
  189. #wrapper{
  190. width:600px;
  191. margin:50px auto;
  192. }
  193.  
  194. #sidebar{
  195. padding:20px;
  196. {block:ifsidebarbg}
  197. background:{color:sidebar bg};
  198. background-image:url('{image:sidebar bg}');
  199. {/block:ifsidebarbg}
  200. margin-left:{text:sidebar position};
  201. width:200px;
  202. position:fixed;
  203. border:{text:sidebar border size}px {select:sidebar border} {color:sidebar border};
  204. border-radius:{select:post corner rounded}
  205. {block:ifpostshadow}
  206. box-shadow: 0px 0px 14px 5px {color:post shadow};
  207. -moz-box-shadow: 0 0 14px 5px {color:post shadow};
  208. -webkit-box-shadow: 0 0 14px 5px {color:post shadow};
  209. {/block:ifpostshadow}
  210.  
  211. }
  212.  
  213. #sidebar img{
  214. margin-bottom:5px;
  215. position:center;
  216. width:{text:sidebar img size};
  217. {block:ifroundedsidebarimg}
  218.      border-radius:20px;
  219.      {/block:ifroundedsidebarimg}
  220.     {block:ifcirclesidebarimg}
  221.      border-radius:100px;
  222.      {/block:ifcirclesidebarimg}
  223.  
  224. }
  225.  
  226.  #extrabar{
  227.             {block:ifextrabox}
  228.                 {block:ifsidebarbg}
  229.                 background-color:{color:sidebar bg};
  230.                 background-image:url('{image:sidebar bg}');
  231.                 {/block:ifsidebarbg}
  232.                 width:{text:extra box width}px;
  233.                 padding: 10px;
  234.                 height:{text:extra box height};
  235.                 margin: {text:extra box margin top}px {text:extra box margin right}px;
  236.                 border:{text:sidebar border size}px {select:sidebar border} {color:sidebar border};
  237.                 border-radius:{select:post corner rounded};
  238.                 position: fixed;
  239.                 color:{color:extra box font color};
  240.                 {block:ifpostshadow}
  241.                 box-shadow: 0px 0px 14px 5px {color:post shadow};
  242.                 -moz-box-shadow: 0 0 14px 5px {color:post shadow};
  243.                 -webkit-box-shadow: 0 0 14px 5px {color:post shadow};
  244.                 {/block:ifpostshadow}
  245.             {/block:ifextrabox}
  246.             }
  247. #extrabar2{
  248.             {block:ifextrabox2}
  249.                 {block:ifsidebarbg}
  250.                 background-color:{color:sidebar bg};
  251.                 background-image:url('{image:sidebar bg}');
  252.                 {/block:ifsidebarbg}
  253.                 width:{text:extra box 2 width}px;
  254.                 padding: 10px;
  255.                 height:{text:extra box 2 height};
  256.                 margin: {text:extra box 2 margin top}px {text:extra box 2 margin right}px;
  257.                 border:{text:sidebar border size}px {select:sidebar border} {color:sidebar border};
  258.                 border-radius:{select:post corner rounded};
  259.                 position: fixed;
  260.                 color:{color:extra box font color};
  261.                 {block:ifpostshadow}
  262.                 box-shadow: 0px 0px 14px 5px {color:post shadow};
  263.                 -moz-box-shadow: 0 0 14px 5px {color:post shadow};
  264.                 -webkit-box-shadow: 0 0 14px 5px {color:post shadow};
  265.                 {/block:ifpostshadow}
  266.             {/block:ifextrabox2}
  267.             }
  268. #extrabar3{
  269.             {block:ifextrabox3}
  270.                 {block:ifsidebarbg}
  271.                 background-color:{color:sidebar bg};
  272.                 background-image:url('{image:sidebar bg}');
  273.                 {/block:ifsidebarbg}
  274.                 width:{text:extra box 3 width}px;
  275.                 padding: 10px;
  276.                 height:{text:extra box 3 height};
  277.                 margin: {text:extra box 3 margin top}px {text:extra box 3 margin right}px;
  278.                 border:{text:sidebar border size}px {select:sidebar border} {color:sidebar border};
  279.                 border-radius:{select:post corner rounded};
  280.                 position: fixed;
  281.                 color:{color:extra box font color};
  282.                 {block:ifpostshadow}
  283.                 box-shadow: 0px 0px 14px 5px {color:post shadow};
  284.                 -moz-box-shadow: 0 0 14px 5px {color:post shadow};
  285.                 -webkit-box-shadow: 0 0 14px 5px {color:post shadow};
  286.                 {/block:ifpostshadow}
  287.             {/block:ifextrabox3}
  288.             }
  289.  
  290. .header{
  291. margin-bottom:5px;
  292. font-size:{text:title};
  293. }
  294.  
  295. .links{
  296. margin-top:5px;
  297. }
  298.  
  299. .links a:hover{
  300. color:{color:link hover};
  301. }
  302.  
  303. #content{
  304. width:calc({select:post} + 100px);
  305. margin:auto;
  306. overflow:hidden;
  307. }
  308.  
  309. .post{
  310. padding:15px;
  311. {block:ifpostbg}
  312. background:{color:post bg};
  313. background-image:url('{image:post bg}');
  314. background-attachment:fixed;
  315. {/block:ifpostbg}
  316. width:{select:post};
  317. margin-left:{text:post position};
  318. margin-top:15px;
  319. margin-bottom:40px;
  320. overflow:hidden;
  321. border:{text:post border size}px {select:post border} {color:post border};
  322. border-radius:{select:post corner rounded}
  323. {block:ifpostshadow}
  324. box-shadow: 0px 0px 14px 5px {color:post shadow};
  325. -moz-box-shadow: 0 0 14px 5px {color:post shadow};
  326. -webkit-box-shadow: 0 0 14px 5px {color:post shadow};
  327. {/block:ifpostshadow}
  328.  
  329.  
  330. }
  331.  
  332. .post img{
  333. max-width:100%;
  334. }
  335.  
  336. #nav{
  337. text-align:center;
  338. margin:50px auto auto auto;
  339. }
  340.  
  341.  
  342. .media{
  343. margin:0 0 10px 0;
  344. }
  345.  
  346. .title{
  347. font-weight:bold;
  348. font-size:calc({text:font size} + 9px);
  349. margin:0 0 10px 0;
  350. }
  351.  
  352. .quote{
  353. font-weight:bold;
  354. font-size:calc({text:font size} + 9px);
  355. font-style:italic;
  356. text-align: center;
  357. margin:0 0 10px 0;
  358. }
  359. .quotesource {
  360. font-size: 16px;
  361. line-height: 18px;
  362. letter-spacing: 0px;
  363. text-align: right;
  364. font-style:italic;
  365. margin-bottom: 3px;
  366. }
  367.  
  368. .question{
  369. margin-bottom:10px;
  370. padding:5px;
  371. {block:ifpostbg}
  372. background-color:{color:ask bg};
  373. {/block:ifpostbg}
  374. border:1px solid {color:text};
  375. }
  376.  
  377. blockquote{
  378. margin:0 0 10px 10px;
  379. padding:0 0 0 10px;
  380. border-left:solid 2px #000;
  381. }
  382.  
  383. .post .footer{
  384. text-align:center;
  385. }
  386.  
  387. .post .footer a{
  388. color:{color:Link};
  389. }
  390.  
  391. .post .footer a:hover{
  392. color:{color:link hover};
  393. }
  394.  
  395.  
  396. .caption{
  397. padding:10px;
  398. }
  399.  
  400.  
  401. ::selection {
  402. background: {color:highlight};
  403. }
  404. ::-moz-selection {
  405. background: {color:highlight};
  406. }
  407.  
  408. ol.notes{
  409. list-style-type:decimal;
  410. margin:40px;
  411. padding-left:35px;
  412. }
  413.  
  414.  ol.notes li.note img{
  415. display:none;
  416. }
  417.  
  418.  
  419. ol.notes li.note{
  420. margin-top:10px;
  421. }
  422.  
  423. #credit{
  424.    position: fixed;
  425. bottom: 4px;
  426. right: 12px;
  427. color:{color:link};
  428. z-index: 99;
  429. font-size: 16px;
  430. }
  431.  
  432. #audioplayer {
  433. width:30px;
  434. height:30px;
  435. margin-left:34px;
  436. overflow:hidden;
  437. position:absolute;
  438. margin-top:40px;
  439. }
  440.  
  441.     .tooltip{
  442.     display: inline;
  443.     position: relative;}
  444.  
  445.   #s-m-t-tooltip {
  446.     max-width:relative;
  447.     text-align:center;
  448.     border-radius:5px;
  449.     margin:20px 0 0 25px;
  450.     background-color:{color:tooltip bg};
  451.     color:{color:tooltip text};
  452.     letter-spacing:1px;
  453.     word-wrap:break-word;
  454.     z-index:999999999999999999999999999999999999;
  455.     -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o       -transition-duration:0.2s; transition:all 0.2s linear;
  456.     -webkit-box-shadow: 0px 0px 8px 9px transparent;
  457.     box-shadow: 0px 0px 5px 9px transparent;
  458.   }
  459.  
  460.  
  461. {CustomCSS}
  462. </style>
  463.  
  464.     <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>
  465.    
  466. {block:ifrainbowlinks}<script type='text/javascript'>
  467.  
  468.  //<![CDATA[
  469.  
  470. var rate = 20;
  471.  
  472. if (document.getElementById)
  473.  
  474.  window.onerror=new Function("return true")
  475.  
  476. var objActive;  // The object which event occured in
  477.  
  478.  var act = 0;    // Flag during the action
  479.  
  480.  var elmH = 0;   // Hue
  481.  
  482.  var elmS = 128; // Saturation
  483.  
  484.  var elmV = 255; // Value
  485.  
  486.  var clrOrg;     // A color before the change
  487.  
  488.  var TimerID;    // Timer ID
  489.  
  490. if (document.all) {
  491.  
  492.  document.onmouseover = doRainbowAnchor;
  493.  
  494.  document.onmouseout = stopRainbowAnchor;
  495.  
  496.  }
  497.  
  498.  else if (document.getElementById) {
  499.  
  500.  document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  501.  
  502.  document.onmouseover = Mozilla_doRainbowAnchor;
  503.  
  504.  document.onmouseout = Mozilla_stopRainbowAnchor;
  505.  
  506.  }
  507.  
  508. function doRainbow(obj)
  509.  
  510.  {
  511.  
  512.  if (act == 0) {
  513.  
  514.  act = 1;
  515.  
  516.  if (obj)
  517.  
  518.  objActive = obj;
  519.  
  520.  else
  521.  
  522.  objActive = event.srcElement;
  523.  
  524.  clrOrg = objActive.style.color;
  525.  
  526.  TimerID = setInterval("ChangeColor()",100);
  527.  
  528.  }
  529.  
  530.  }
  531.  
  532. function stopRainbow()
  533.  
  534.  {
  535.  
  536.  if (act) {
  537.  
  538.  objActive.style.color = clrOrg;
  539.  
  540.  clearInterval(TimerID);
  541.  
  542.  act = 0;
  543.  
  544.  }
  545.  
  546.  }
  547.  
  548. function doRainbowAnchor()
  549.  
  550.  {
  551.  
  552.  if (act == 0) {
  553.  
  554.  var obj = event.srcElement;
  555.  
  556.  while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  557.  
  558.  obj = obj.parentElement;
  559.  
  560.  if (obj.tagName == 'A' || obj.tagName == 'BODY')
  561.  
  562.  break;
  563.  
  564.  }
  565.  
  566. if (obj.tagName == 'A' && obj.href != '') {
  567.  
  568.  objActive = obj;
  569.  
  570.  act = 1;
  571.  
  572.  clrOrg = objActive.style.color;
  573.  
  574.  TimerID = setInterval("ChangeColor()",100);
  575.  
  576.  }
  577.  
  578.  }
  579.  
  580.  }
  581.  
  582. function stopRainbowAnchor()
  583.  
  584.  {
  585.  
  586.  if (act) {
  587.  
  588.  if (objActive.tagName == 'A') {
  589.  
  590.  objActive.style.color = clrOrg;
  591.  
  592.  clearInterval(TimerID);
  593.  
  594.  act = 0;
  595.  
  596.  }
  597.  
  598.  }
  599.  
  600.  }
  601.  
  602. function Mozilla_doRainbowAnchor(e)
  603.  
  604.  {
  605.  
  606.  if (act == 0) {
  607.  
  608.  obj = e.target;
  609.  
  610.  while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  611.  
  612.  obj = obj.parentNode;
  613.  
  614.  if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  615.  
  616.  break;
  617.  
  618.  }
  619.  
  620. if (obj.nodeName == 'A' && obj.href != '') {
  621.  
  622.  objActive = obj;
  623.  
  624.  act = 1;
  625.  
  626.  clrOrg = obj.style.color;
  627.  
  628.  TimerID = setInterval("ChangeColor()",100);
  629.  
  630.  }
  631.  
  632.  }
  633.  
  634.  }
  635.  
  636. function Mozilla_stopRainbowAnchor(e)
  637.  
  638.  {
  639.  
  640.  if (act) {
  641.  
  642.  if (objActive.nodeName == 'A') {
  643.  
  644.  objActive.style.color = clrOrg;
  645.  
  646.  clearInterval(TimerID);
  647.  
  648.  act = 0;
  649.  
  650.  }
  651.  
  652.  }
  653.  
  654.  }
  655.  
  656. function ChangeColor()
  657.  
  658.  {
  659.  
  660.  objActive.style.color = makeColor();
  661.  
  662.  }
  663.  
  664. function makeColor()
  665.  
  666.  {
  667.  
  668.  // Don't you think Color Gamut to look like Rainbow?
  669.  
  670. // HSVtoRGB
  671.  
  672. if (elmS == 0) {
  673.  
  674. elmR = elmV;    elmG = elmV;    elmB = elmV;
  675.  
  676. }
  677.  
  678. else {
  679.  
  680. t1 = elmV;
  681.  
  682. t2 = (255 - elmS) * elmV / 255;
  683.  
  684. t3 = elmH % 60;
  685.  
  686. t3 = (t1 - t2) * t3 / 60;
  687.  
  688. if (elmH < 60) {
  689.  
  690. elmR = t1;  elmB = t2;  elmG = t2 + t3;
  691.  
  692. }
  693.  
  694. else if (elmH < 120) {
  695.  
  696. elmG = t1;  elmB = t2;  elmR = t1 - t3;
  697.  
  698. }
  699.  
  700. else if (elmH < 180) {
  701.  
  702. elmG = t1;  elmR = t2;  elmB = t2 + t3;
  703.  
  704. }
  705.  
  706. else if (elmH < 240) {
  707.  
  708. elmB = t1;  elmR = t2;  elmG = t1 - t3;
  709.  
  710. }
  711.  
  712. else if (elmH < 300) {
  713.  
  714. elmB = t1;  elmG = t2;  elmR = t2 + t3;
  715.  
  716. }
  717.  
  718. else if (elmH < 360) {
  719.  
  720. elmR = t1;  elmG = t2;  elmB = t1 - t3;
  721.  
  722. }
  723.  
  724. else {
  725.  
  726. elmR = 0;   elmG = 0;   elmB = 0;
  727.  
  728. }
  729.  
  730. }
  731.  
  732. elmR = Math.floor(elmR).toString(16);
  733.  
  734. elmG = Math.floor(elmG).toString(16);
  735.  
  736. elmB = Math.floor(elmB).toString(16);
  737.  
  738. if (elmR.length == 1)    elmR = "0" + elmR;
  739.  
  740. if (elmG.length == 1)    elmG = "0" + elmG;
  741.  
  742. if (elmB.length == 1)    elmB = "0" + elmB;
  743.  
  744. elmH = elmH + rate;
  745.  
  746. if (elmH >= 360)
  747.  
  748. elmH = 0;
  749.  
  750. return '#' + elmR + elmG + elmB;
  751.  
  752. }
  753.  
  754. //]]>
  755.  
  756. </script>
  757. </script>{/block:ifrainbowlinks}
  758.  
  759.  
  760. </head>
  761.  
  762. <body>
  763.  
  764. <div id="wrapper">
  765.  
  766.  
  767. <div id="sidebar">
  768.  
  769. <div class="header">{block:iftitle}{block:ifcenterdesc}<div align="center"><b>{Title}</b></div>{/block:ifcenterdesc}{block:ifnotcenterdesc}<b>{Title}</b>{/block:ifnotcenterdesc}{/block:iftitle}</div>
  770.  
  771. {block:ifsidebarimg}
  772. <div align="center">
  773. <div class="img">
  774. <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}"></a>
  775. </div></div>
  776. {/block:ifsidebarimg}
  777.  
  778. <div class="descr">{block:ifcenterdesc}<div align="center">{Description}</div>{/block:ifcenterdesc}{block:ifnotcenterdesc}{Description}{/block:ifnotcenterdesc}</div>
  779.  
  780. {block:ifcenterdesc}<div align="center"> {block:ifnotlistlinks}{block:ifnotdropdown}
  781. <div class="links"><a href="{text:Link One URL}">{text:Link One}</a> / <a href="{text:Link Two URL}">{text:Link Two}</a> / <a href="{text:Link Three URL}">{text:Link Three}</a>
  782. </div>  {/block:ifnotdropdown}{/block:ifnotListLinks}
  783.  
  784.    {block:ifListLinks}
  785.     <div class="links">
  786.     <a href="{text:Link One URL}">{text:Link One}</a><br>
  787.     <a href="{text:Link Two URL}">{text:Link Two}</a><br>
  788.     <a href="{text:Link Three URL}">{text:Link Three}</a>
  789. </div>{/block:ifListLinks}
  790.  
  791. {block:ifdropdown}
  792.          
  793.            <select style='width: 170px;
  794.             border: 1px solid;
  795.             border-radius:5px;
  796.             color: {color:link};
  797.             padding: 1px;
  798.             letter-spacing: 1px;
  799.             font-family: {select:font};
  800.             font-size:{text:font size}px;
  801.             background: transparent' name="menu" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">
  802.  
  803.            <option>{text:dropdown title}</option>
  804.            <option value="{text:Link One url}">{text:Link One}</option>
  805.            <option value="{text:Link Two url}">{text:Link Two}</option>
  806.            <option value="{text:Link Three url}">{text:Link Three}</option>
  807.            </select>
  808.            </select>
  809.            {/block:ifdropdown}</div>{/block:ifcenterdesc}
  810.            
  811. {block:ifnotcenterdesc}{block:ifnotListLinks}{block:ifnotdropdown}
  812. <div class="links"><a href="{text:Link One URL}">{text:Link One}</a> / <a href="{text:Link Two URL}">{text:Link Two}</a> / <a href="{text:Link Three URL}">{text:Link Three}</a>
  813. </div>  {/block:ifnotdropdown}{/block:ifnotListLinks}
  814.  
  815.    {block:ifListLinks}
  816.     <div class="links">
  817.     <a href="{text:Link One URL}">{text:Link One}</a><br>
  818.     <a href="{text:Link Two URL}">{text:Link Two}</a><br>
  819.     <a href="{text:Link Three URL}">{text:Link Three}</a>
  820. </div>{/block:ifListLinks}
  821.  
  822. {block:ifdropdown}
  823.          
  824.            <select style='width: 170px;
  825.             border: 1px solid;
  826.             border-radius:5px;
  827.             color: {color:Link};
  828.             padding: 1px;
  829.             letter-spacing: 1px;
  830.             font-family: {select:Font};
  831.             font-size:{text:font size};
  832.             background: transparent' name="menu" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">
  833.  
  834.            <option>{text:dropdown title}</option>
  835.            <option value="{text:Link One url}">{text:Link One}</option>
  836.            <option value="{text:Link Two url}">{text:Link Two}</option>
  837.            <option value="{text:Link Three url}">{text:Link Three}</option>
  838.            </select>
  839.            </select>
  840.            {/block:ifdropdown}{/block:ifnotcenterdesc}
  841.  
  842. </div>
  843.  
  844. <div id="extrabar">{block:ifextrabox}
  845.            {block:ifcenterdesc}<center>
  846.           {text:extra box text}</p></center>{/block:ifcenterdesc}{block:ifnotcenterdesc}{text:extra box text}</p>{/block:ifnotcenterdesc}{/block:ifextrabox}
  847.        </div>
  848. <div id="extrabar2">{block:ifextrabox2}
  849.            {block:ifcenterdesc}<center>
  850.           {text:extra box 2 text}</p></center>{/block:ifcenterdesc}{block:ifnotcenterdesc}{text:extra box 2 text}</p>{/block:ifnotcenterdesc}{/block:ifextrabox2}
  851.        </div>
  852. <div id="extrabar3">{block:ifextrabox3}
  853.            {block:ifcenterdesc}<center>
  854.           {text:extra box 3 text}</p></center>{/block:ifcenterdesc}{block:ifnotcenterdesc}{text:extra box 3 text}</p>{/block:ifnotcenterdesc}{/block:ifextrabox3}
  855.        </div>
  856.  
  857.  
  858. {block:HasPages}
  859. {block:Pages}
  860. <a href="{URL}">{Label}</a><br>
  861. {/block:Pages}
  862. {/block:HasPages}
  863.  
  864.  
  865. <div id="content">
  866. {block:Posts}
  867.  
  868. <div class="post">
  869.  
  870. {block:Text}
  871. {block:Title}
  872. <div class="title">{Title}</div>
  873. {/block:Title}
  874. {Body}
  875. {/block:Text}
  876.  
  877. {block:Photo}
  878. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" style="width:{select:Post}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  879. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  880.  
  881. {/block:Photo}
  882.  
  883. {block:Photoset}
  884. <div class="media" style="width:{select:Post}">{Photoset}</div>
  885. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  886. {/block:Photoset}
  887.  
  888. {block:Quote}
  889. <div class="quote">"{Quote}"</div>
  890. {block:Source}
  891. <div class="quotesource">-{Source}</div>
  892. {/block:Source}
  893. {/block:Quote}
  894.  
  895. {block:Link}
  896. <div class="title"><a href="{URL}">{Name}</a></div>
  897. {block:Description}
  898. <div class="description">{Description}</div>
  899. {/block:Description}
  900. {/block:Link}
  901.  
  902. {block:Chat}
  903. {block:Title}
  904. <div class="title">{Title}</div>
  905. {/block:Title}
  906.  
  907. {block:Lines}
  908. <div class="{Alt} user_{UserNumber}">
  909. {block:Label}
  910. <b>{Label}</b>{/block:Label}
  911. &nbsp;{Line}
  912. </div>
  913. {/block:Lines}
  914. {/block:Chat}
  915.  
  916. {block:Video}
  917. <div class="media">{Video-400}</div>
  918. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  919. {/block:Video}
  920.  
  921. {block:Audio}
  922. <div id="audioplayer">{AudioPlayerWhite} </div>      
  923. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  924. {block:caption}<div class="caption">{caption}</div>{/block:caption}
  925. {/block:Audio}
  926.  
  927. {block:Answer}
  928. <div class="question">
  929. <img class="asker-avatar" src="{AskerPortraitURL-24}" {block:ifborders}style="border:1px solid {color:borders}"{/block:ifborders} alt="">&nbsp;&nbsp;{Asker}: {Question}
  930. </div>
  931. <p><div class="caption">{Answer}</div>
  932. {/block:Answer}
  933.  
  934. {block:Date}
  935. <div class="footer">
  936.  
  937. <a href="{Permalink}">{ShortMonth} {DayOfMonth}</a>
  938. (<a href="{ReblogURL}" target="_blank" class="details">reblog</a>)
  939. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">via</a>{/block:RebloggedFrom}
  940. {block:ContentSource}<a href="{SourceURL}" title="source">source</a>{/block:ContentSource}<br>
  941.  
  942. {block:PermalinkPage}
  943. {block:HasTags}
  944.       {block:Tags}
  945.          <a href="{TagURL}">#{Tag}</a>
  946.       {/block:Tags}
  947.    {/block:HasTags}
  948. {/block:PermalinkPage}
  949. </div>
  950. {block:PermalinkPage}
  951. {block:NoteCount}
  952. {block:PostNotes}{PostNotes}{/block:PostNotes}
  953. {/block:NoteCount}
  954. {/block:PermalinkPage}
  955. {/block:Date}
  956.  
  957. </div>
  958. {/block:Posts}
  959.  
  960. {block:Pagination}
  961. <div id="nav">
  962. {block:PreviousPage}<a href="{PreviousPage}">{text:previous page}</a> / {/block:PreviousPage}
  963.  
  964. {block:NextPage}<a href="{NextPage}">{text:next page}</a>{/block:NextPage}
  965. </div>
  966. {/block:Pagination}
  967. </div>
  968. </div>
  969.  
  970.  
  971. <div id="credit"><a href="https://punkcherries.tumblr.com/"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ea709d36-fd74-44a8-9bda-af0258070431/d9gysq8-8920397f-eb89-40d4-a486-70c4ed00e6ad.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2VhNzA5ZDM2LWZkNzQtNDRhOC05YmRhLWFmMDI1ODA3MDQzMVwvZDlneXNxOC04OTIwMzk3Zi1lYjg5LTQwZDQtYTQ4Ni03MGM0ZWQwMGU2YWQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.39mCXvt-YMe90BFwM9GEX56JdRAHOhu2XdwDpVAZIFE"></a></div>
  972.  
  973. </div>
  974.  
  975.    </body>
  976. </html>
Add Comment
Please, Sign In to add comment