API tools faq
paste
Advertisement
uchihaclan

CAPCOM THEME

uchihaclan
May 8th, 2020 (edited)
558
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.47 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3. CAPCOM by @ps1
  4. ok this is nothing special its another sidebar theme haha
  5.  
  6. custom font names if you wanna use them:
  7.  
  8. - CAPCOM (looks good with caps lock)
  9. - DMC (literally mistral font)
  10. - DMC3
  11. - DMC4 (italicize it with <i>TITLE</i> to give it a better effect)
  12. - DMC5 (sadly only lowercase)
  13. - RE2 (uppercase is preferred lowercase is the same but smol)
  14. - RE4 (lowercase for re4 title uppercase for cool serif)
  15. ok i know silent hill isn't capcom but i couldnt resist adding this font!
  16. - SH (IT'S KONAMI I KNOW. caps lock for bold lowercase for regular)
  17. - PS (playstation font)
  18. - PS2 (ps2 font you'll recognize)
  19. --->
  20.  
  21. <head>
  22. <title>{Title}</title>
  23. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}
  26. <meta name="description" content="{MetaDescription}" />
  27. {/block:Description}
  28.  
  29. <!--- Add Custom Fonts Here (like Google Fonts) --->
  30.  
  31. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  32.  
  33. <meta name="image:favicon" content=""/>
  34. <meta name="image:sticker" content="https://i.imgur.com/3Gk6Xff.png"/>
  35. <meta name="image:background" content=""/>
  36. <meta name="image:tooltip bkg" content=""/>
  37. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  38.  
  39. <meta name="color:background" content="#ddd">
  40. <meta name="color:posts" content="#fff">
  41. <meta name="color:perma font" content="#ccc">
  42. <meta name="color:perma glow" content="#ccc">
  43. <meta name="color:perma outline" content="#fff">
  44. <meta name="color:sticker shadow" content="#000">
  45. <meta name="color:title color" content="#0000ff">
  46. <meta name="color:title neon 1" content="#000">
  47. <meta name="color:title neon 2" content="#fff">
  48. <meta name="color:title glow" content="#0000ff">
  49. <meta name="color:title outline" content="#000">
  50. <meta name="color:sidebar" content="#fff">
  51. <meta name="color:sidebar font" content="#000">
  52. <meta name="color:sidebar glow" content="#ff0000">
  53. <meta name="color:sidebar outline" content="#ff0000">
  54. <meta name="color:post font" content="#000">
  55. <meta name="color:font glow" content="#000">
  56. <meta name="color:font outline" content="#0000ff">
  57. <meta name="color:links" content="#0000ff">
  58. <meta name="color:links hover" content="#ff0000">
  59. <meta name="color:links glow" content="#000">
  60. <meta name="color:links outline" content="#ff0000">
  61. <meta name="color:tooltip color" content="#000">
  62. <meta name="color:tooltip background" content="#ddd">
  63. <meta name="color:picture padding" content="#fff">
  64. <meta name="color:picture border" content="#000">
  65. <meta name="color:border" content="#000">
  66.  
  67. <meta name="select:border" content="solid"/>
  68. <meta name="select:border" content="dashed"/>
  69. <meta name="select:border" content="dotted"/>
  70. <meta name="select:border" content="double"/>
  71. <meta name="select:border" content="inset"/>
  72. <meta name="select:border" content="outset"/>
  73. <meta name="select:border" content="ridge"/>
  74. <meta name="select:border" content="groove"/>
  75.  
  76. <meta name="select:links hover" content="none"/>
  77. <meta name="select:links hover" content="underline"/>
  78. <meta name="select:links hover" content="overline"/>
  79. <meta name="select:links hover" content="line-through"/>
  80.  
  81. <meta name="text:border size" content="1"/>
  82.  
  83. <meta name="text:title" content="TITLE">
  84. <meta name="text:title font" content="ps">
  85. <meta name="text:title size" content="40">
  86. <meta name="text:description" content="DESCRIPTION">
  87. <meta name="text:font family" content="arial">
  88. <meta name="text:font size" content="22">
  89.  
  90. <meta name="if:sticker right" content="0"/>
  91. <meta name="if:soft" content="0"/>
  92. <meta name="if:links underline" content="0"/>
  93. <meta name="if:custom cursor" content="0" />
  94. <meta name="if:tile background" content="0" />
  95. <meta name="if:hide image border" content="0"/>
  96. <meta name="if:hide title" content="0"/>
  97. <meta name="if:neon title" content="0"/>
  98. <meta name="if:hide desc" content="0"/>
  99. <meta name="if:hide links" content="0"/>
  100. <meta name="if:hide link desc" content="0"/>
  101. <meta name="if:hide caption" content="0"/>
  102. <meta name="if:hide tags" content="0" />
  103. <meta name="if:glow text" content="0" />
  104. <meta name="if:outline text" content="0" />
  105. <meta name="if:redirect" content="0" />
  106. <meta name="if:transparent posts" content="0" />
  107.  
  108. <meta name="text:redirect link" content="/tagged/0">
  109. <meta name="text:link 1" content="ONE">
  110. <meta name="text:link 1 URL" content="/">
  111. <meta name="text:link 2" content="TWO">
  112. <meta name="text:link 2 URL" content="/">
  113. <meta name="text:link 3" content="THREE">
  114. <meta name="text:link 3 URL" content="/">
  115.  
  116. <style type="text/css">
  117. @font-face {font-family:"capcom"; src: url("https://dl.dropboxusercontent.com/s/rmdckj92rnpei8p/Korinna-Bold.otf?dl=0")}
  118. @font-face {font-family:"dmc"; src: url("https://dl.dropboxusercontent.com/s/9ati1hxqkonxqkj/MISTRAL.TTF?dl=0")}
  119. @font-face {font-family:"dmc3"; src: url("https://dl.dropboxusercontent.com/s/ok6sf4906jhaytw/MAEL.TTF?dl=0")}
  120. @font-face {font-family:"dmc4"; src: url("https://dl.dropboxusercontent.com/s/f7xh1n5xf2wuw9r/Trajan%20Pro%20Regular.ttf?dl=0")}
  121. @font-face {font-family:"dmc5"; src: url("https://dl.dropboxusercontent.com/s/bv0yo31azorwmhg/Devil%20May%20Cry.ttf?dl=0")}
  122. @font-face {font-family:"re2"; src: url("https://dl.dropboxusercontent.com/s/h163jf2hjcvkv3f/resident_evil_7_biohazard_game_font_final_version_by_snakeyboy_dbbe6rc.otf?dl=0")}
  123. @font-face {font-family:"re4"; src: url("https://dl.dropboxusercontent.com/s/mdwamljf0mranmv/Pithazard.ttf?dl=0")}
  124. @font-face {font-family:"ps2"; src: url("https://dl.dropboxusercontent.com/s/78gj76hxhkvy9i7/Blue%20Players.ttf?dl=0")}
  125. @font-face {font-family:"ps"; src: url("https://dl.dropboxusercontent.com/s/11r8pjivffj36sq/zrnic%20rg.ttf?dl=0")}
  126. @font-face {font-family:"sh"; src: url("https://dl.dropboxusercontent.com/s/77ymomi8myeaubg/Silent%20Hell%20of%20Cheryl.ttf?dl=0")}
  127.  
  128.  
  129. ::-moz-selection {
  130. background: {color:background};
  131. color: {color:border};}
  132.  
  133. ::selection {
  134. background: {color:background};
  135. color: {color:border};}
  136.  
  137. #s-m-t-tooltip {
  138. border-radius: 5px;
  139. z-index: 999999999;
  140. background-image: url('{image:tooltip bkg}');
  141. background-color: {color:tooltip background};
  142. {block:IfNotTransparentPosts}
  143. {/block:IfNotTransparentPosts}
  144. color: {color:tooltip color};
  145. font-size: {text:Font Size}px;
  146. text-align: center;
  147. {block:ifSoft}
  148. filter:
  149. drop-shadow(0px 0px 2px {color:tooltip background})
  150. drop-shadow(0px 0px 2px {color:tooltip background})
  151. drop-shadow(0px 0px 2px {color:tooltip background})
  152. drop-shadow(0px 0px 4px {color:tooltip background});
  153. {/block:ifSoft}
  154. {block:IfGlowText}
  155. text-shadow: 0 0 2px {color:tooltip color},
  156. 0 0 2px {color:tooltip color};
  157. {/block:IfGlowText}
  158. {block:IfOutlineText}
  159. text-shadow: -1px 0 {color:font outline}, 0 1px {color:font outline}, 1px 0 {color:font outline}, 0 -1px {color:font outline};
  160. {/block:IfOutlineText}
  161. border: {text:border size}px {select:border} {color:border};
  162. transition: all 0.3s ease-out;
  163. -o-transition: all 0.3s ease-out;
  164. -webkit-transition: all 0.3s ease-out;
  165. -moz-transition: all 0.3s ease-out;
  166. text-transform: normal;
  167. max-width: 300px;
  168. display: block;
  169. word-wrap: break-word;
  170. padding: 5px;
  171. margin: -30px 0px 10px 20px;}
  172.  
  173. body {
  174. background: {color:background};
  175. background-image: url({image:Background});
  176. background-attachment: fixed;
  177. {block:IfNotTileBackground}
  178. -webkit-background-size: cover;
  179. -moz-background-size: cover;
  180. -o-background-size: cover;
  181. background-size: cover;
  182. {/block:IfNotTileBackground}
  183. font-family: '{text:font family}';
  184. font-size: {text:font size}px;
  185. line-height: 120%;
  186. letter-spacing: 0.5px;
  187. word-wrap: break-word;
  188. overflow-x:hidden;
  189. margin: 0;
  190. {block:IfGlowText}
  191. text-shadow: 0 0 2px {color:font glow}, 0 0 2px {color:font glow};
  192. {/block:IfGlowText}
  193. {block:IfOutlineText}
  194. text-shadow: -1px 0 {color:font outline}, 0 1px {color:font outline}, 1px 0 {color:font outline}, 0 -1px {color:font outline};
  195. {/block:IfOutlineText}}
  196.  
  197. {block:IfCustomCursor}
  198. body, *, a, a:hover { cursor:url({image:cursor}), auto;}{/block:IfCustomCursor}
  199. p {margin: 10px 0 10px 0;}
  200. ul {list-style: square;}
  201. img {max-width: 100%;}
  202. h1 {line-height: 150%;}
  203. blockquote {margin-left: 10px; padding-left: 10px; border-left:1px solid {color:links};
  204. }
  205.  
  206. a:link, a:active, a:visited {
  207. color: {color:links};
  208. {block:IfGlowText}
  209. text-shadow: 0 0 2px {color:links glow}, 0 0 2px {color:links glow};
  210. {/block:IfGlowText}
  211. {block:IfOutlineText}
  212. text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  213. {/block:IfOutlineText}
  214. {block:IfNotLinksUnderline}
  215. text-decoration: none;{/block:IfNotLinksUnderline}
  216. {block:IfLinksUnderline}
  217. text-decoration: underline;{/block:IfLinksUnderline}
  218. -webkit-transition: all 0.2s ease-in-out;
  219. -moz-transition: all 0.2s ease-in-out;
  220. -o-transition: all 0.2s ease-in-out;
  221. -ms-transition: all 0.2s ease-in-out;
  222. transition: all 0.2s ease-in-out;}
  223.  
  224. a:hover {
  225. color: {color:Links Hover};
  226. text-decoration: {select:links hover};
  227. -webkit-transition: all 0.2s ease-in-out;
  228. -moz-transition: all 0.2s ease-in-out;
  229. -o-transition: all 0.2s ease-in-out;
  230. -ms-transition: all 0.2s ease-in-out;
  231. transition: all 0.2s ease-in-out;
  232. }
  233.  
  234. ::-webkit-scrollbar-track {
  235. border: 0;
  236. background-color: {color:Background};}
  237. ::-webkit-scrollbar {
  238. width: 10px;}
  239. ::-webkit-scrollbar-thumb {
  240. background-color: {color:links};}
  241.  
  242. #content {
  243. margin: auto;
  244. width: 700px;
  245. margin-top: 50px;
  246. margin-bottom: 100px;
  247. position: relative;
  248. }
  249.  
  250. #nep {
  251. margin-left: -300px;
  252. position: fixed;
  253. text-align: center;
  254. width: 300px;
  255. z-index: 1;
  256. }
  257.  
  258. .title {
  259. font-family: {text:title font};
  260. font-size: {text:title size}px;
  261. padding: 10px;
  262. width: 400px;
  263. text-align: center;
  264. {block:ifSoft}
  265. margin-bottom: 10px;{/block:ifSoft}
  266. }
  267. .title a {
  268. text-decoration: none; color: {color:title color};
  269. {block:IfOutlineText}
  270. text-shadow: -1px 0 {color:title outline}, 0 1px {color:title outline}, 1px 0 {color:title outline}, 0 -1px {color:title outline};
  271. {/block:IfOutlineText}
  272. {block:IfGlowText}
  273. text-shadow: 0 0 2px {color:title glow}, 0 0 2px {color:title glow};
  274. {/block:IfGlowText}
  275. }
  276. .title a:hover {color: {color:links hover};}
  277. .links a{margin-right: 10px;}
  278. .desc {margin: 0; margin-bottom: 10px;}
  279. .stuff {
  280. margin-left: 50px;
  281. width: 300px;
  282. padding: 10px;
  283. {block:IfNotTransparentPosts}
  284. background-color: {color:sidebar};{/block:IfNotTransparentPosts}
  285. {block:IfTransparentPosts}
  286. background-color: transparent;{/block:IfTransparentPosts}
  287. border: {text:border size}px {select:border} {color:border};
  288. color: {color:sidebar font};
  289. {block:IfOutlineText}
  290. text-shadow: -1px 0 {color:sidebar outline}, 0 1px {color:sidebar outline}, 1px 0 {color:sidebar outline}, 0 -1px {color:sidebar outline};
  291. {/block:IfOutlineText}
  292. {block:IfGlowText}
  293. text-shadow: 0 0 2px {color:sidebar glow}, 0 0 2px {color:sidebar glow};
  294. {/block:IfGlowText}
  295. {block:ifSoft}
  296. filter:
  297. drop-shadow(0px 0px 2px {color:sidebar})
  298. drop-shadow(0px 0px 2px {color:sidebar})
  299. drop-shadow(0px 0px 2px {color:sidebar})
  300. drop-shadow(0px 0px 4px {color:sidebar});
  301. {/block:ifSoft}
  302. }
  303.  
  304. .posts {
  305. text-align: justify;
  306. color: {color:post font};
  307. {block:IfNotTransparentPosts}
  308. background-color: {color:posts};{/block:IfNotTransparentPosts}
  309. {block:IfTransparentPosts}
  310. background-color: transparent;{/block:IfTransparentPosts}
  311. border: {text:border size}px {select:border} {color:border};
  312. margin-bottom: 50px;
  313. margin-left: 200px;
  314. padding: 15px;
  315. width: 500px;
  316. position: relative;
  317. z-index: 1;
  318. {block:ifSoft}
  319. filter:
  320. drop-shadow(0px 0px 2px {color:posts})
  321. drop-shadow(0px 0px 2px {color:posts})
  322. drop-shadow(0px 0px 2px {color:posts})
  323. drop-shadow(0px 0px 4px {color:posts});
  324. {/block:ifSoft}
  325. }
  326.  
  327. .posts img:hover {
  328. filter: blur(1px);
  329. -webkit-transition: all 0.4s ease-in-out;
  330. -moz-transition: all 0.4s ease-in-out;
  331. -o-transition: all 0.4s ease-in-out;
  332. -ms-transition: all 0.4s ease-in-out;
  333. transition: all 0.4s ease-in-out;
  334. }
  335.  
  336. {block:IfNotHideImageBorder}
  337. .pic {
  338. border: 1px solid {color:picture border};
  339. padding: 5px;
  340. background:{color:picture padding};}
  341. {/block:IfNotHideImageBorder}
  342. .pic img {display: block;}
  343.  
  344. #notes {
  345. margin-top: 20px;
  346. color: {color:perma font};
  347. {block:IfOutlineText}
  348. text-shadow: -1px 0 {color:perma outline}, 0 1px {color:perma outline}, 1px 0 {color:perma outline}, 0 -1px {color:perma outline};
  349. {/block:IfOutlineText}
  350. {block:IfGlowText}
  351. text-shadow: 0 0 2px {color:perma glow}, 0 0 2px {color:perma glow};
  352. {/block:IfGlowText}
  353. }
  354. #notes a:hover {color: {color:links hover};}
  355. #notes img {display: inline;}
  356.  
  357. .tags {
  358. background-color: transparent;
  359. max-height:0px;
  360. opacity:0;
  361. transition: all 0.3s ease;
  362. -webkit-transition: all 0.3s ease;
  363. -moz-transition: all 0.3s ease;
  364. -o-transition: all 0.3s ease;
  365. }
  366.  
  367. .posts:hover .tags{
  368. margin-top: 10px;
  369. opacity:1;
  370. background-image: url({image:tags});
  371. max-height:300px;
  372. padding: 3px;
  373. transition: all 0.3s ease;
  374. -webkit-transition: all 0.3s ease;
  375. -moz-transition: all 0.3s ease;
  376. -o-transition: all 0.3s ease;}
  377.  
  378. .container a {
  379. display:none;
  380. transition: all 0.3s ease;
  381. -webkit-transition: all 0.3s ease;
  382. -moz-transition: all 0.3s ease;
  383. -o-transition: all 0.3s ease;
  384. }
  385.  
  386. .container:hover a {
  387. display:inline;
  388. transition: all 0.3s ease;
  389. -webkit-transition: all 0.3s ease;
  390. -moz-transition: all 0.3s ease;
  391. -o-transition: all 0.3s ease;
  392. }
  393.  
  394. .question {
  395. padding: 5px;
  396. text-align: center;
  397. border: {text:border size}px {select:border} {color:links};
  398. background: {color:perma font};
  399. {block:ifSoft}
  400. filter:
  401. drop-shadow(0px 0px 2px {color:perma font})
  402. drop-shadow(0px 0px 2px {color:perma font})
  403. drop-shadow(0px 0px 2px {color:perma font})
  404. drop-shadow(0px 0px 4px {color:perma font});
  405. {/block:ifSoft}
  406. }
  407.  
  408. .ask {margin-bottom: 10px;}
  409.  
  410. #permanotes {
  411. margin-top: 20px;
  412. margin-bottom: 10px;
  413. max-height: 250px;
  414. overflow:scroll;
  415. overflow-x: hidden;
  416. }
  417.  
  418. #permanotes ol.notes {
  419. list-style-type: none;
  420. margin: 0;
  421. padding: 0;}
  422.  
  423. #permanotes img.avatar {
  424. margin-right: 10px;
  425. border: 1px solid {color:sidebar font};
  426. display: inline;
  427. width: 16px;
  428. height: 16px;}
  429.  
  430.  
  431. .pagination {
  432. margin-left: 200px;
  433. text-align: center;
  434. padding: 15px;
  435. width: 500px;
  436. font-size: 140%;
  437. border: {text:border size}px {select:border} {color:border};
  438. color: {color:post font};
  439. {block:IfNotTransparentPosts}
  440. background-color: {color:posts};{/block:IfNotTransparentPosts}
  441. {block:IfTransparentPosts}
  442. background-color: transparent;{/block:IfTransparentPosts}
  443. {block:ifSoft}
  444. filter:
  445. drop-shadow(0px 0px 2px {color:posts})
  446. drop-shadow(0px 0px 2px {color:posts})
  447. drop-shadow(0px 0px 2px {color:posts})
  448. drop-shadow(0px 0px 4px {color:posts});
  449. {/block:ifSoft}
  450. }
  451.  
  452.  
  453. .quote {
  454. text-align: justify;
  455. font-style: italic;
  456. font-weight: bold;
  457. font-size: 140%;
  458. line-height: 130%;
  459. }
  460.  
  461. .source {text-align: right;}
  462.  
  463. .spotify_audio_player {
  464. height:80px!important;
  465. width:100%!important;}
  466.  
  467. .soundcloud_audio_player {
  468. height:150px!important;
  469. width:100%!important;}
  470.  
  471. .trackback {
  472. position: absolute;
  473. left: 20px;
  474. top: 20px;
  475. width: 19px;
  476. height: 19px;
  477. background-color: #fff;
  478. padding: 10px;
  479. opacity: .4;}
  480.  
  481. .pressplay{
  482. position: relative;
  483. width: 25px;
  484. height: 25px;
  485. overflow: hidden;
  486. left: -6px;
  487. top: -3px;}
  488.  
  489. .albumpic {
  490. position: absolute;
  491. left: 0px;
  492. top: 0px;
  493. width: 79px;
  494. height: 79px;}
  495.  
  496. .albumpic img {
  497. width: 100%;
  498. height: auto;
  499. border: 1px solid {color:sidebar font};}
  500.  
  501. .trackinfo {
  502. width: auto;
  503. display:inline-block;
  504. margin-left: 90px;
  505. min-height: 85px;}
  506.  
  507. .audiowrapper {position: relative; display:inline-block;}
  508.  
  509. #credit {
  510. position: fixed;
  511. bottom: 15px;
  512. right: 15px;
  513. font-size: 26px;
  514. }
  515. #credit img {max-width: 300px;}
  516. {block:IfStickerRight}
  517. #sticker {bottom: 0; right: 0; position: fixed;}{/block:IfStickerRight}
  518. {block:IfNotStickerRight}
  519. #sticker {bottom: 0; left: 0; position: fixed;}{/block:IfNotStickerRight}
  520. #sticker img {max-width: 600px; max-height: 800px; display: block;
  521. transition: all 0.5s ease-out;
  522. -o-transition: all 0.5s ease-out;
  523. -webkit-transition: all 0.5s ease-out;
  524. -moz-transition: all 0.5s ease-out;}
  525. #sticker img:hover {
  526. filter:
  527. drop-shadow(0px 0px 5px {color:sticker shadow})
  528. drop-shadow(0px 0px 5px {color:sticker shadow})
  529. drop-shadow(0px 0px 5px {color:sticker shadow})
  530. drop-shadow(0px 0px 5px {color:sticker shadow});
  531. transition: all 0.5s ease-out;
  532. -o-transition: all 0.5s ease-out;
  533. -webkit-transition: all 0.5s ease-out;
  534. -moz-transition: all 0.5s ease-out;
  535. }
  536.  
  537.  
  538. iframe#tumblr_controls, .iframe-controls--desktop {
  539. filter:invert(100%) hue-rotate(180deg);
  540. -webkit-filter:invert(100%) hue-rotate(180deg);
  541. -moz-filter:invert(100%) hue-rotate(180deg);
  542. -o-filter:invert(100%) hue-rotate(180deg);
  543. -ms-filter:invert(100%) hue-rotate(180deg);
  544. }
  545. </style>
  546.  
  547. {block:IfRedirect}
  548. <script>
  549. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  550. </script>
  551. {block:IfRedirect}
  552.  
  553. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  554.  
  555. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  556.  
  557. <script>
  558. (function($){
  559. $(document).ready(function(){
  560. $("[title]").style_my_tooltips();
  561. });
  562. })(jQuery);
  563. </script>
  564.  
  565. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  566.  
  567. <script type="text/javascript">
  568. // <![CDATA[
  569. var bgcolour="{color:title neon 1}"; // background colour
  570. var fgcolour="{color:title neon 2}"; // foreground colour
  571. var speed=70; // speed of bubbling, lower is faster
  572. var shades=12; // number of shades of bubble
  573.  
  574. /****************************
  575. * Bubbling Text Effect *
  576. *(c)2003-13 mf2fm web-design*
  577. * http://www.mf2fm.com/rv *
  578. * DON'T EDIT BELOW THIS BOX *
  579. ****************************/
  580. var bubbcol=new Array();
  581. var bubbshd;
  582. var bubbler, bubbtxt;
  583. var bubbchr=new Array();
  584.  
  585. function addLoadEvent(funky) {
  586. var oldonload=window.onload;
  587. if (typeof(oldonload)!='function') window.onload=funky;
  588. else window.onload=function() {
  589. if (oldonload) oldonload();
  590. funky();
  591. }
  592. }
  593.  
  594. addLoadEvent(bubbagump);
  595.  
  596. function bubbagump() { if (document.getElementById) {
  597. var i, fg, bg, col;
  598. for (bubbler=0; bubbler<=shades; bubbler++) {
  599. col="#";
  600. for (i=1; i<6; i+=2) {
  601. bg=parseInt(bgcolour.substring(i,i+2),16);
  602. fg=parseInt(fgcolour.substring(i,i+2),16);
  603. col+=dechex(bg+(fg-bg)*(bubbler/shades));
  604. }
  605. bubbcol[bubbler+1]=col;
  606. if (bubbler==Math.floor(shades/2)) bubbshd=col;
  607. }
  608. bubbler=document.getElementById("bubble");
  609. bubbtxt=bubbler.firstChild.nodeValue;
  610. while (bubbler.childNodes.length) bubbler.removeChild(bubbler.childNodes[0]);
  611. for (i=0; i<bubbtxt.length; i++) {
  612. fg=document.createElement("span");
  613. fg.setAttribute("id", "bubb"+i);
  614. fg.style.textShadow=bubbshd+" 0px 0px 2px";
  615. fg.appendChild(document.createTextNode(bubbtxt.charAt(i)));
  616. bubbler.appendChild(fg);
  617. }
  618. bubbler=setInterval("bubbling()", speed);
  619. }}
  620.  
  621. function dechex(dec) {
  622. dec=Math.floor(dec);
  623. return ((dec<16)?'0':'')+dec.toString(16);
  624. }
  625.  
  626. function bubbling() {
  627. var i, bubby;
  628. for (i=0; i<bubbtxt.length; i++) {
  629. bubby=document.getElementById("bubb"+i);
  630. if (bubbchr[i]) {
  631. bubby.style.color=bubbcol[bubbchr[i]];
  632. bubbchr[i]=(bubbchr[i]+1)%bubbcol.length;
  633. }
  634. else if (Math.random()<7.5/(shades*bubbtxt.length)) bubbchr[i]=1;
  635. }
  636. }
  637. // ]]>
  638. </script>
  639.  
  640.  
  641. </head>
  642.  
  643.  
  644.  
  645. <div id="content">
  646.  
  647.  
  648. <div id="nep">
  649. {block:ifNotHideTitle}
  650. <div class="title"><a href="/">
  651. {block:ifNeonTitle}
  652. <span id="bubble">{text:title}</span>{/block:ifNeonTitle}
  653. {block:ifNotNeonTitle}
  654. {text:title}
  655. {/block:ifNotNeonTitle}
  656. </a></div>
  657. {/block:ifNotHideTitle}
  658.  
  659. {block:ifNotHideLinkDesc}
  660. <div class="stuff">
  661. {block:ifNotHideDesc}
  662. <div class="desc">{text:description}</div>{/block:ifNotHideDesc}
  663.  
  664. {block:ifNotHideLinks}
  665. <div class="links">
  666. <a href="{text:link 1 URL}">{text:link 1}</a>
  667. <a href="{text:link 2 URL}">{text:link 2}</a>
  668. <a href="{text:link 3 URL}">{text:link 3}</a>
  669. </div>
  670. {/block:ifNotHideLinks}
  671. </div>
  672. {/block:ifNotHideLinkDesc}
  673.  
  674. </div>
  675.  
  676. {block:Posts}
  677. <div class="posts">
  678.  
  679. {block:Text}
  680. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  681. {Body}
  682. {/block:Text}
  683.  
  684. {block:Quote}
  685. <div class="quote">"{Quote}"</div>
  686. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  687. {/block:Quote}
  688.  
  689. {block:Link}
  690. <big><a href="{URL}">{Name}</a></big>
  691. {block:Description}{Description}{/block:Description}
  692. {/block:Link}
  693.  
  694. {block:Chat}
  695. {block:Title}{Title}{/block:Title}
  696. {block:Lines}
  697. <div class="{Alt} user_{UserNumber}">
  698. {block:Label}{Label}{/block:Label} {Line}
  699. </div>
  700. {/block:Lines}
  701. {/block:Chat}
  702.  
  703. {block:Answer}
  704. <div class="ask">{Asker}:</div>
  705. <div class="question">{Question}</div>
  706. {Answer}
  707. {/block:Answer}
  708.  
  709.  
  710. {block:Photo}
  711. <div class="pic"><center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{Permalink}"/>{LinkCloseTag}</center></div>
  712. {/block:Photo}
  713.  
  714. {block:Photoset}
  715. {Photoset}
  716. {/block:Photoset}
  717.  
  718. {block:Video}
  719. <center>{Video-500}</center>
  720. {/block:Video}
  721.  
  722. {block:AudioPlayer}
  723. <div class="audiowrapper">
  724. {block:AlbumArt}
  725. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  726. {/block:AlbumArt}
  727. <div class="trackback">
  728. <div class="pressplay">
  729. {AudioPlayer}
  730. </div></div>
  731. <div class="trackinfo">
  732. {block:TrackName}{TrackName}{/block:TrackName}<br>
  733. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  734. {block:Album}<i>{Album}</i>{/block:Album}<br>
  735. </div></div>
  736. {/block:AudioPlayer}
  737.  
  738. {block:ifNotHideCaption}
  739. {block:Caption}{Caption}{/block:Caption}
  740. {/block:ifNotHideCaption}
  741.  
  742. {block:IndexPage}<div id="notes">
  743. <a href="{Permalink}" data-toggle="tooltip" title="{TimeAgo}">{Month} {DayOfMonth}</a>
  744. <span class="container">
  745. ({NoteCount}N)
  746.  
  747. <a href="{ReblogURL}">reblog</a> {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource}
  748. </span>
  749. </div>{/block:IndexPage}
  750.  
  751. {block:IndexPage}{block:HasTags}
  752. <div class="tags">
  753. {block:ifNotHideTags}{block:Tags}
  754. <a href="{TagURL}">#{Tag}</a>
  755. {/block:Tags}{/block:ifNotHideTags}</div>
  756. {/block:HasTags}{/block:IndexPage}
  757.  
  758. {block:PermalinkPage}
  759. {block:ifHideCaption}
  760. {block:Caption}{Caption}{/block:Caption}
  761. {/block:ifHideCaption}
  762.  
  763. <p>{block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  764. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  765. {block:RebloggedFrom}
  766. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  767. <br>{/block:RebloggedFrom}{block:ContentSource}
  768. Source: <a href="{SourceURL}">{SourceTitle}</a>
  769. {/block:ContentSource}</p>
  770.  
  771. {block:NoteCount}<div id="permanotes">
  772. {block:PostNotes}{PostNotes}{/block:PostNotes}
  773. </div>{/block:NoteCount}
  774. {/block:PermalinkPage}
  775. </div>
  776. {/block:Posts}
  777.  
  778. {block:Pagination}
  779. <div class="pagination">
  780. {block:PreviousPage}
  781. <a href="{PreviousPage}">&#11164;</a>{/block:PreviousPage}
  782. {block:JumpPagination length="5"}
  783. {block:CurrentPage}<span class="current_page"><big>{PageNumber}</big></span>
  784. {/block:CurrentPage}{block:JumpPage}
  785. <a class="jump_page" href="{URL}">{PageNumber}</a>
  786. {/block:JumpPage}{/block:JumpPagination}{block:NextPage}
  787. <a href="{NextPage}">&#11166;</a> {/block:NextPage}
  788. </div>{/block:Pagination}
  789. </div>
  790.  
  791. <div id="sticker">
  792. <img src="{image:sticker}"></div>
  793. </div>
  794.  
  795. <div id="credit">
  796. <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@PS1">&#9763;</div>
  797. </a>
  798. </div>
  799. </body>
  800. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!