API tools faq
paste
selectavision

tumblr theme - silhouettes

selectavision
Apr 9th, 2020 (edited)
268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.39 KB | None | 0 0
raw download clone embed print report
  1. <head>
  2.  
  3. <!---
  4. sweet silhouettes theme by spencer @mn12platform
  5.  
  6. unnested caption base from annasthms https://pastebin.com/MgWwmmCw
  7. base code by animecharacter
  8.  
  9. feel free to edit however you want dont get rid of the credit etc etc
  10. you can change the credit icon if you want to as long as its still there
  11.  
  12. thankiez for reading i hope you enjoy
  13.  
  14. updated 03/2025
  15. --->
  16.  
  17. <meta charset="utf-8">
  18. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <title>{Title}</title>
  24.  
  25.  
  26.  
  27. <meta name="image:sidebar" content="">
  28. <meta name="image:favicon" content="">
  29. <meta name="image:background" content="">
  30. <meta name="image:inside bg" content="">
  31. <meta name="image:outside bg" content="">
  32. <meta name="image:header bg" content="">
  33.  
  34. <meta name="image:link 1" content="">
  35. <meta name="image:link 2" content="">
  36. <meta name="image:link 3" content="">
  37.  
  38.  
  39. <meta name="color:text" content="#000">
  40. <meta name="color:link" content="#0000ff">
  41. <meta name="color:link hover" content="#800080">
  42. <meta name="color:link glow" content="#000">
  43. <meta name="color:title" content="#0000ff">
  44. <meta name="color:title hover" content="#800080">
  45. <meta name="color:title glow" content="#fff">
  46. <meta name="color:background" content="#ccc">
  47. <meta name="color:inside content" content="#fff">
  48. <meta name="color:outside content" content="#444">
  49. <meta name="color:header bg" content="#fff">
  50. <meta name="color:inside border" content="#000">
  51. <meta name="color:outside border" content="#000">
  52. <meta name="color:tooltips" content="#000"/>
  53. <meta name="color:tooltips text" content="#fff"/>
  54. <meta name="color:pagination" content="#fff"/>
  55. <meta name="color:pagination outline" content="#000"/>
  56. <meta name="color:cursor sparkles" content="#ff4477"/>
  57.  
  58.  
  59. <meta name="select:font" content="arial">
  60. <meta name="select:font" content="georgia">
  61. <meta name="select:font" content="verdana">
  62. <meta name="select:font" content="comic sans ms">
  63. <meta name="select:font" content="tahoma">
  64. <meta name="select:font" title="short stack" content="'short stack'">
  65. <meta name="select:font" title="ubuntu" content="'ubuntu'">
  66. <meta name="select:font" title="open sans" content="'open sans'">
  67. <meta name="select:font" title="fira sans" content="'fira sans'">
  68. <meta name="select:font" title="libre baskerville" content="'libre baskerville'">
  69. <meta name="select:title font" content="arial">
  70. <meta name="select:title font" content="georgia">
  71. <meta name="select:title font" content="verdana">
  72. <meta name="select:title font" content="comic sans ms">
  73. <meta name="select:title font" content="tahoma">
  74. <meta name="select:title font" title="short stack" content="'short stack'">
  75. <meta name="select:title font" title="ubuntu" content="'ubuntu'">
  76. <meta name="select:title font" title="open sans" content="'open sans'">
  77. <meta name="select:title font" title="fira sans" content="'fira sans'">
  78. <meta name="select:title font" title="libre baskerville" content="'libre baskerville'">
  79. <meta name="select:title font" title="press start 2p" content="'press start 2p'">
  80. <meta name="select:title font" title="pacifico" content="'pacifico'">
  81. <meta name="select:title font" title="chewy" content="'chewy'">
  82. <meta name="select:title font" title="audiowide" content="'audiowide'">
  83. <meta name="select:title font" title="fugaz one" content="'fugaz one'">
  84. <meta name="select:title font" title="monoton" content="'monoton'">
  85.  
  86. <meta name="select:sidebar shape" title="default" content="">
  87. <meta name="select:sidebar shape" title="rounded" content="border-radius:5px;">
  88. <meta name="select:sidebar shape" title="circle" content="border-radius:100%;">
  89. <meta name="select:sidebar shape" title="heart" content="width:280px;-webkit-mask-image: url(https://static.tumblr.com/wvheacc/apbs394he/heart280.png)">
  90.  
  91. <meta name="select:inside border" content="none">
  92. <meta name="select:inside border" content="solid">
  93. <meta name="select:inside border" content="double">
  94. <meta name="select:inside border" content="dotted">
  95. <meta name="select:inside border" content="dashed">
  96. <meta name="select:inside border" content="groove">
  97. <meta name="select:inside border" content="ridge">
  98. <meta name="select:inside border" content="inset">
  99. <meta name="select:inside border" content="outset">
  100.  
  101. <meta name="select:outside border" content="none">
  102. <meta name="select:outside border" content="solid">
  103. <meta name="select:outside border" content="double">
  104. <meta name="select:outside border" content="dotted">
  105. <meta name="select:outside border" content="dashed">
  106. <meta name="select:outside border" content="groove">
  107. <meta name="select:outside border" content="ridge">
  108. <meta name="select:outside border" content="inset">
  109. <meta name="select:outside border" content="outset">
  110.  
  111.  
  112. <meta name="if:rounded" content="">
  113. <meta name="if:background cover" content="">
  114. <meta name="if:hide description" content="">
  115. <meta name="if:image links" content="">
  116. <meta name="if:title glow" content="">
  117. <meta name="if:link glow" content="">
  118. <meta name="if:link hover spacing" content="">
  119. <meta name="if:rainbow title" content="">
  120. <meta name="if:rainbow links" content="">
  121. <meta name="if:link underline" content="">
  122. <meta name="if:search bar" content="">
  123. <meta name="if:hover tags" content="">
  124. <meta name="if:uppercase urls" content="">
  125. <meta name="if:uppercase footer" content="">
  126. <meta name="if:transparent inside" content="">
  127. <meta name="if:transparent outside" content="">
  128. <meta name="if:transparent header" content="">
  129. <meta name="if:cursor sparkles" content=""/>
  130.  
  131.  
  132. <meta name="text:title" content="put a title here">
  133. <meta name="text:custom desc" content="description here. delete for your regular one">
  134. <meta name="text:searchbar text" content="search!">
  135. <meta name="text:sidebar hover" content="hehe">
  136. <meta name="text:font size" content="18px">
  137. <meta name="text:title font size" content="40px">
  138. <meta name="text:inside border width" content="0px">
  139. <meta name="text:outside border width" content="0px">
  140. <meta name="text:link 1" content="01">
  141. <meta name="text:link 1 url" content="/">
  142. <meta name="text:link 2" content="02">
  143. <meta name="text:link 2 url" content="/">
  144. <meta name="text:link 3" content="03">
  145. <meta name="text:link 3 url" content="/">
  146. <meta name="text:link divider" content="/">
  147. <meta name="text:footer divider" content="/">
  148. <meta name="text:note symbol" content="♪ ">
  149. <meta name="text:next" content="⇉">
  150. <meta name="text:back" content="⇇">
  151.  
  152.  
  153.  
  154. <link rel="shortcut icon" href="{image:favicon}">
  155. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  156. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  157.  
  158. <link href="https://fonts.googleapis.com/css2?family=Audiowide&family=Chewy&family=Fira+Sans&family=Fugaz+One&family=Libre+Baskerville&family=Monoton&family=Open+Sans&family=Pacifico&family=Press+Start+2P&family=Short+Stack&family=Ubuntu&display=swap" rel="stylesheet">
  159.  
  160.  
  161. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  162.  
  163. <style type="text/css">
  164.  
  165.  
  166.  
  167. /**** !1 ****/
  168.  
  169. body {
  170. margin:0px;
  171. background-color:{color:background};
  172. background-image:url({image:background});
  173. {block:ifNotbackgroundcover}
  174. background-repeat:repeat;
  175. background-attachment:fixed;{/block:ifNotbackgroundcover}
  176. {block:ifbackgroundcover}
  177. background-repeat:no-repeat;
  178. background-attachment:fixed;
  179. background-size:cover;{/block:ifbackgroundcover};
  180. font-family:{select:font};
  181. font-size:{text:font size};
  182. line-height:140%;
  183. color:{color:text};
  184. }
  185.  
  186. h1{
  187. line-height:100%;
  188. margin:0 10px;
  189. padding:10px 0;
  190. }
  191. h2{
  192. line-height:100%;
  193. margin:0 10px;
  194. padding:10px 0;
  195. }
  196.  
  197. p{
  198. margin:8px 10px 5px;
  199. padding:0 2px 5px;
  200. }
  201.  
  202. pre {
  203. white-space: pre-wrap;
  204. white-space: -moz-pre-wrap;
  205. white-space: -pre-wrap;
  206. white-space: -o-pre-wrap;
  207. word-wrap: break-word;
  208. }
  209.  
  210. a{
  211. color:{color:link};
  212. {block:ifNotlinkunderline}text-decoration:none;{/block:ifNotlinkunderline}
  213. -webkit-transition: all 0.3s ease;
  214. transition: all 0.3s ease;
  215. -moz-transition: all 0.3s ease;
  216. -o-transition: all 0.3s ease;
  217. {block:iflinkglow}text-shadow: 0 0 4px {color:link glow}, -1px 0 4px {color:link glow}, 1px -1px 4px {color:link glow}, -1px 1px 4px {color:link glow};{/block:iflinkglow}
  218. }
  219.  
  220. a:hover{
  221. -webkit-transition: all 0.3s ease;
  222. transition: all 0.3s ease;
  223. -moz-transition: all 0.3s ease;
  224. -o-transition: all 0.3s ease;
  225. color:{color:link hover};
  226. {block:iflinkglow}text-shadow: 1px 0 4px {color:link glow}, -1px 0 4px {color:link glow}, 1px -1px 4px {color:link glow}, -1px 1px 4px {color:link glow};{/block:iflinkglow}
  227. {block:iflinkhoverspacing}letter-spacing:1px;{/block:iflinkhoverspacing}
  228. }
  229.  
  230. li{
  231. margin-left:-15px;
  232. }
  233.  
  234. blockquote{
  235. margin:0;
  236. padding:0;
  237. }
  238.  
  239. hr{
  240. color:{color:text};
  241. width:50%;
  242. border-bottom:none;
  243. }
  244.  
  245. /**** !2 ****/
  246.  
  247. #head{
  248. width:100%;
  249. text-align:center;
  250. {block:ifNottransparentheader}background-color:{color:header bg};
  251. background-image:url({image:header bg});{/block:ifNottransparentheader}
  252. font-size:{text:title font size};
  253. font-family:{select:title font};
  254. margin:auto;
  255. padding:25px;
  256. position:fixed;
  257. top:0;
  258. z-index:10;
  259. border-bottom:{text:outside border width} {select:outside border} {color:outside border};
  260. }
  261. #head a{
  262. color:{color:title};
  263. text-decoration:none;
  264. {block:iftitleglow}text-shadow: 1px 0 4px {color:title glow}, -1px 0 4px {color:title glow}, 1px -1px 4px {color:title glow}, -1px 1px 4px {color:title glow};{/block:iftitleglow}
  265. }
  266. #head a:hover{
  267. color:{color:title hover};
  268. {block:iftitleglow}text-shadow: 1px 1px 4px {color:title glow}, 1px 0px 4px {color:title glow}, 0px 1px 4px {color:title glow}, -1px -1px 4px {color:title glow}, -1px 0px 4px {color:title glow}, 0px -1px 4px {color:title glow}, 1px -1px 4px {color:title glow}, -1px 1px 4px {color:title glow}, 1px 1px 4px {color:title glow}, 1px 0px 4px {color:title glow}, 0px 1px 4px {color:title glow}, -1px -1px 4px {color:title glow}, -1px 0px 4px {color:title glow}, 0px -1px 4px {color:title glow}, 1px -1px 4px {color:title glow}, -1px 1px 4px {color:title glow};{/block:iftitleglow}
  269. {block:iflinkhoverspacing}letter-spacing:2px;{/block:iflinkhoverspacing}
  270. }
  271.  
  272. #wrapper{
  273. width:840px;
  274. padding:25px;
  275. margin:{block:iftitle}70px{/block:iftitle}{block:ifNottitle}25px{/block:ifNottitle} auto;
  276.  
  277. }
  278.  
  279. #sidebar{
  280. {block:ifNottransparentoutside}background-color:{color:outside content};
  281. background-image:url({image:outside bg});{/block:ifNottransparentoutside}
  282. width:280px;
  283. padding:15px;
  284. margin-left:-17px;
  285. {block:ifNottitle}margin-top:45px;{/block:ifNottitle}
  286. position:fixed;
  287. text-align:center;
  288. border:{text:outside border width} {select:outside border} {color:outside border};
  289. {block:ifrounded}border-radius:10px;{/block:ifrounded}
  290. }
  291.  
  292. #sbdesc{
  293. {block:ifNottransparentinside}background-color:{color:inside content};
  294. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  295. border:{text:inside border width} {select:inside border} {color:inside border};
  296. margin-top:10px;
  297. padding:5px;
  298. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  299. }
  300.  
  301. #sblinks{
  302. {block:ifNottransparentinside}background-color:{color:inside content};
  303. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  304. margin-top:10px;
  305. padding:5px;
  306. border:{text:inside border width} {select:inside border} {color:inside border};
  307. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  308. }
  309.  
  310. #sbplinks{
  311. position:absolute;
  312. top:5px;
  313. left:-40px;
  314. text-align:right;
  315. border:0;
  316. }
  317. #sbplinks img{
  318. padding:10px 0;
  319. border:0;
  320. }
  321.  
  322. #sidebar img{
  323. width:100%;
  324. }
  325.  
  326. #searchbar{
  327. border:{text:inside border width} {select:inside border} {color:inside border};
  328. margin-bottom:10px;
  329. overflow:hidden;
  330. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  331. }
  332. .sbf input{
  333. border:0px;
  334. width:100%;
  335. color:{color:text};
  336. {block:ifNottransparentinside}background-color:{color:inside content};
  337. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  338. color:{text-color};
  339. font-family:{select:font};
  340. font-size:{text:font size};
  341. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  342. }
  343. .sbf input::placeholder{
  344. color:{color:text};
  345. opacity:0.5;
  346. }
  347. .sbf input:-ms-input-placeholder{
  348. color:{color:text};
  349. opacity:0.5;
  350. }
  351.  
  352. .sbf input::-ms-input-placeholder{
  353. color:{color:text};
  354. opacity:0.5;
  355. }
  356.  
  357. #sbe{
  358. padding:5px 10px;
  359. }
  360.  
  361. #nav{
  362. text-align:center;
  363. font-size:{text:font size};
  364. position:absolute;
  365. margin-top:15px;
  366. width:280px;
  367. background:{color:content};
  368. border:{text:border type} {color:borders};
  369. }
  370.  
  371. #nav a{
  372. display:inline-block;
  373. padding:5px;
  374. color:{color:pagination};
  375. text-shadow: 1px 1px {color:pagination outline}, 1px 0 {color:pagination outline}, 0 1px {color:pagination outline}, -1px -1px {color:pagination outline}, -1px 0 {color:pagination outline}, 0 -1px {color:pagination outline}, 1px -1px {color:pagination outline}, -1px 1px {color:pagination outline};
  376. text-decoration:none;
  377. }
  378. #nav a:hover{
  379. padding:5px;
  380. color:{color:pagination outline};
  381. text-shadow: 1px 1px {color:pagination}, 1px 0 {color:pagination}, 0 1px {color:pagination}, -1px -1px {color:pagination}, -1px 0 {color:pagination}, 0 -1px {color:pagination}, 1px -1px {color:pagination}, -1px 1px {color:pagination};
  382. }
  383. #nav b{
  384. color:{color:pagination outline};
  385. display:inline-block;
  386. padding:5px;
  387. }
  388.  
  389. #content{
  390. width:500px;
  391. margin-left:317px;
  392. }
  393.  
  394. .post{
  395. width:500px;
  396. padding:15px;
  397. {block:ifNottransparentoutside}background-color:{color:outside content};
  398. background-image:url({image:outside bg});{/block:ifNottransparentoutside}
  399. margin:0 0 40px 0;
  400. border:{text:outside border width} {select:outside border} {color:outside border};
  401. {block:ifrounded}border-radius:10px;{/block:ifrounded}
  402. }
  403.  
  404. .post-content{
  405. padding:20px;
  406. }
  407.  
  408. .npf_row{
  409. max-width:500px;
  410. margin:-15px 0 0;
  411. }
  412.  
  413. .post-content .crt-video + div.npf_row, .post-content div.npf_row + .crt-video, .post-content div.npf_row + p, .post-content p + div.npf_row, .post .crt-video + div.npf_row, .post div.npf_row + .crt-video, .post div.npf_row + p, .post p + div.npf_row, body .crt-video + div.npf_row, body div.npf_row + .crt-video, body div.npf_row + p, body p + div.npf_row {
  414. margin-top:0;
  415. }
  416.  
  417. #sidebar img, .post img{
  418. max-width:100%;
  419. }
  420.  
  421. /**** tt ****/
  422.  
  423. .tooltip{
  424. display: inline;
  425. position: relative;
  426. }
  427.  
  428. #s-m-t-tooltip {
  429. max-width:250px;
  430. text-align:center;
  431. padding:5px 10px;
  432. margin:25px 0 0 15px;
  433. z-index:6969420;
  434. color:{color:tooltips text};
  435. background-color:{color:tooltips};
  436. box-shadow:0 0 5px 3px {color:tooltips};
  437. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  438. }
  439.  
  440. /**** !3 ****/
  441.  
  442. .textpost{
  443. margin:0 0 10px;
  444. {block:ifNottransparentinside}background-color:{color:inside content};
  445. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  446. border:{text:inside border width} {select:inside border} {color:inside border};
  447. overflow:hidden;
  448. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  449. }
  450.  
  451. .media{
  452. overflow:hidden;
  453. margin-bottom:10px;
  454. border:{text:inside border width} {select:inside border} {color:inside border};
  455. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  456. }
  457.  
  458. .media img{
  459. margin:0;
  460. overflow:hidden;
  461. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  462. }
  463.  
  464. .question{
  465. margin-bottom:10px;
  466. }
  467.  
  468. .caption{
  469. {block:ifNottransparentinside}background-color:{color:inside content};
  470. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  471. border:{text:inside border width} {select:inside border} {color:inside border};
  472. overflow:hidden;
  473. margin-bottom:10px;
  474. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  475. }
  476.  
  477. .title{
  478. font-weight:normal;
  479. }
  480.  
  481. .quote{
  482. font-weight:normal;
  483. font-size:16px;
  484. font-style:italic;
  485. margin:0 0 10px 0;
  486. }
  487.  
  488. .comment_container{
  489. margin:0;
  490. }
  491.  
  492. .commenter{
  493. height:calc({text:font size} + 6px);
  494. margin-top:5px;
  495. padding:8px 15px 5px 15px;
  496. text-transform:{block:ifNotuppercaseurls}lowercase{/block:ifNotuppercaseurls}{block:ifuppercaseurls}uppercase{/block:ifuppercaseurls};
  497. }
  498. .commenteri{
  499. max-height:calc({text:font size} + 6px);
  500. margin:0 10px 0 0;
  501. float:left;
  502. }
  503. .commenteri img{
  504. max-height:calc({text:font size} + 6px);
  505. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  506. }
  507. .comment{
  508. margin:5px 0 0 0;
  509. }
  510.  
  511. .comment p{
  512. margin:-10px 10px 5px;
  513. padding-top:5px;
  514. }
  515. .comment img{
  516. margin:0;
  517. }
  518.  
  519. .qcomment{
  520. margin:0 0 10px;
  521. {block:ifNottransparentinside}background-color:{color:inside content};
  522. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  523. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  524. border:{text:inside border width} {select:inside border} {color:inside border};
  525.  
  526. }
  527.  
  528. .ask{
  529. margin:10px 0;
  530. padding:5px 10px;
  531. {block:ifNottransparentinside}background-color:{color:inside content};
  532. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  533. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  534. border:{text:inside border width} {select:inside border} {color:inside border};
  535.  
  536. }
  537.  
  538. .ask p{
  539. padding:0;
  540. margin:0;
  541. }
  542.  
  543. /**** !4 ****/
  544.  
  545. .post .footer{
  546. padding:5px 10px;
  547. {block:ifNottransparentinside}background-color:{color:inside content};
  548. background-image:url({image:inside bg});{/block:ifNottransparentinside}
  549. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  550. border:{text:inside border width} {select:inside border} {color:inside border};
  551. }
  552.  
  553. #tags{
  554. text-transform:none;
  555. {block:ifhovertags}
  556. opacity:0;
  557. max-height:0px;
  558. -webkit-transition: all 0.3s ease;
  559. transition: all 0.3s ease;
  560. -moz-transition: all 0.3s ease;
  561. -o-transition: all 0.3s ease;
  562. {/block:ifhovertags}
  563. {block:ifrounded}border-radius:5px;{/block:ifrounded}
  564. }
  565. {block:ifhovertags}
  566. .post:hover #tags{
  567. opacity:1;
  568. max-height:300px;
  569. -webkit-transition: all 0.3s ease;
  570. transition: all 0.3s ease;
  571. -moz-transition: all 0.3s ease;
  572. -o-transition: all 0.3s ease;
  573. }{/block:ifhovertags}
  574.  
  575. ol.notes{
  576. list-style-type:none;
  577. padding:0;
  578. margin:0;
  579. }
  580.  
  581. ol.notes li.note img{
  582. width:16px;
  583. height:16px;
  584. }
  585.  
  586. ol.notes li.note{
  587. margin:0px;
  588. }
  589.  
  590. #creds{
  591. position:fixed;
  592. font-size:30px;
  593. font-family:arial;
  594. bottom:10px;
  595. left:10px;
  596. }
  597. #creds a{
  598. color:{color:link};
  599. }
  600. #creds a:hover{
  601. color:{color:link hover};
  602. }
  603.  
  604. /**** end ****/
  605.  
  606. {CustomCSS}
  607. </style>
  608. </head>
  609.  
  610. <body>
  611.  
  612. {block:iftitle}<div id="head">
  613. <a href="/">{block:ifrainbowtitle}<span id="rainbow">{/block:ifrainbowtitle}{text:title}{block:ifrainbowtitle}</span>{/block:ifrainbowtitle}</a>
  614. </div>{/block:iftitle}
  615.  
  616. <div id="creds">
  617. <a href="https://mn12platform.tumblr.com/post/615083314926190592/" title="theme by mn12platform">✧</a>
  618. </div>
  619.  
  620. <div id="wrapper">
  621.  
  622.  
  623. <div id="sidebar">
  624.  
  625. {block:ifsearchbar}
  626. <script language="javascript">
  627. function send()
  628. {document.search.submit()}
  629. </script>
  630. <div id="searchbar"><form action="/search" method="get" name="search" class="sbf">
  631. <input type="text" name="q" placeholder="{text:searchbar text}" value="{SearchQuery}" id="sbe"/>
  632. </form></div>{/block:ifsearchbar}
  633. <a href="/" title="{text:sidebar hover}"><img style="width:calc(280px - {text:inside border width} * 2); border:{text:inside border width} {select:inside border} {color:inside border}; {select:sidebar shape};" src="{image:sidebar}"></a>
  634. {block:ifNothidedescription}
  635. <div id="sbdesc">
  636.  
  637. {block:ifcustomdesc}{text:custom desc}{/block:ifcustomdesc}
  638.  
  639. {block:Description}
  640.  
  641. {block:ifNotcustomdesc}{Description}{/block:ifNotcustomdesc}
  642.  
  643. {/block:Description}
  644. </div>{/block:ifNothidedescription}
  645.  
  646. {block:ifNotimagelinks}<div id="sblinks">
  647. <a href="{text:link 1 url}">{text:link 1}</a>
  648. {block:iflink2}{text:link divider}{/block:iflink2}
  649. <a href="{text:link 2 url}">{text:link 2}</a>
  650. {block:iflink3}{text:link divider}{/block:iflink3}
  651. <a href="{text:link 3 url}">{text:link 3}</a>
  652. </div>{/block:ifNotimagelinks}
  653.  
  654. {block:Pagination}<div id="nav">
  655. {block:PreviousPage}<a href="{PreviousPage}" style="float:left;">{text:back}</a>{/block:PreviousPage}
  656. {block:NextPage}<a href="{NextPage}"style="float:right;">{text:next}</a>{/block:NextPage}</div>
  657. {/block:Pagination}
  658.  
  659. {block:ifimagelinks}<div id="sbplinks">
  660. <a href="{text:link 1 url}" title="{text:link 1}"><img style="max-width:25px;" src="{image:link 1}"></a>
  661. {block:iflink2}<br>{/block:iflink2}
  662. <a href="{text:link 2 url}" title="{text:link 2}"><img style="max-width:25px;" src="{image:link 2}"></a>
  663. {block:iflink3}<br>{/block:iflink3}
  664. <a href="{text:link 3 url}" title="{text:link 3}"><img style="max-width:25px;" src="{image:link 3}"></a>
  665. </div>{/block:ifimagelinks}
  666.  
  667. </div>
  668.  
  669.  
  670.  
  671. <div id="content">
  672. {block:Posts}
  673.  
  674. <div class="post">
  675.  
  676. {block:Text}
  677. <div class="textpost">
  678. {block:Title}
  679. <div class="title"><h1>{Title}</h1></div>
  680. {/block:Title}
  681. {block:NotReblog}{Body}{/block:NotReblog}
  682. {block:RebloggedFrom}
  683. {block:Reblogs}
  684. <div class="comment_container">
  685. <div class="commenter">
  686. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}<div class="commenteri"><img src="{PortraitURL-64}"/></div></div>
  687. <div class="comment">{Body}</div>
  688. </div>
  689. {/block:Reblogs}
  690. {/block:RebloggedFrom}
  691. </div>
  692. {/block:Text}
  693.  
  694. {block:Photo}
  695. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">{LinkCloseTag}</div>
  696. {/block:Photo}
  697.  
  698. {block:Photoset}
  699. <div class="media">{Photoset-500}</div>
  700. {/block:Photoset}
  701.  
  702. {block:Quote}
  703. <div class="quote">"{Quote}"</div>
  704. {block:Source}
  705. <div class="quotesource">{Source}</div>
  706. {/block:Source}
  707. {/block:Quote}
  708.  
  709. {block:Link}
  710. <div class="title"><a href="{URL}">{Name}</a></div>
  711. {block:Description}
  712. <div class="description">{Description}</div>
  713. {/block:Description}
  714. {/block:Link}
  715.  
  716. {block:Chat}
  717. {block:Title}
  718. <div class="title">{Title}</div>
  719. {/block:Title}
  720.  
  721. {block:Lines}
  722. <div class="{Alt} user_{UserNumber}">
  723. {block:Label}
  724. <b>{Label}</b>{/block:Label}
  725. &nbsp;{Line}
  726. </div>
  727. {/block:Lines}
  728. {/block:Chat}
  729.  
  730. {block:Video}
  731. <div class="media">{Video-500}</div>
  732. {/block:Video}
  733.  
  734. {block:Audio}
  735. <div class="media">
  736. {AudioEmbed}
  737. </div>
  738. {/block:Audio}
  739.  
  740. {block:Caption}
  741. <div class="caption">
  742. {block:NotReblog}{Caption}{/block:NotReblog}
  743. {block:RebloggedFrom}
  744. {block:Reblogs}
  745. <div class="comment_container">
  746. <div class="commenter"><span>
  747. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span><div class="commenteri"><img src="{PortraitURL-64}"/></div>
  748. </div>
  749. <div class="comment">{Body}</div>
  750. </div>
  751. {/block:Reblogs}
  752. {/block:RebloggedFrom}
  753. </div>
  754. {/block:Caption}
  755.  
  756. {block:Answer}
  757. <div class="qcomment">
  758. <div class="commenter">
  759. {Asker} asked:<div class="commenteri"><img src="{AskerPortraitURL-64}"/></div>
  760. </div>
  761. <p>{Question}</p></div>
  762. {block:Answerer}
  763. <div class="qcomment">
  764. <div class="commenter">
  765. {Answerer}<div class="commenteri"><img src="{AnswererPortraitURL-64}"/></div>
  766. </div>
  767. {Answer}</div>
  768. {block:Reblogs}
  769. <div class="comment_container">
  770. <div class="commenter">
  771. {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}<div class="commenteri"><img src="{PortraitURL-64}"/></div></div>
  772. <div class="comment">{Body}</div>
  773. </div>
  774. {/block:Reblogs}
  775. {/block:Answerer}
  776. {block:NotReblog}
  777. <div class="answerer">{Answerer}<div class="answereri"><img src="{AnswererPortraitURL-64}"/></div>
  778. </div>
  779. <div class="qcomment">{Answer}</div>
  780. {/block:NotReblog}
  781. {/block:Answer}
  782.  
  783.  
  784. {block:Date}
  785. <div class="footer" {block:ifuppercasefooter}style="text-transform:uppercase;"{/block:ifuppercasefooter}>
  786. <a title="{ShortDayOfWeek}. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {Year}" href="{Permalink}">{12Hour}:{Minutes}{AmPm}</a>{block:RebloggedFrom} {text:footer divider} <a href="{ReblogParentURL}" title="{ReblogParentName}">v</a>{/block:RebloggedFrom}{block:ContentSource} {text:footer divider} <a href="{SourceURL}" title="{SourceTitle}">s</a>{/block:ContentSource}
  787. <span style="tex-align:right; float:right;"><a href="{ReblogURL}">rb</a>
  788. {block:NoteCount} {text:footer divider} <a href="{Permalink}">{text:note symbol}{NoteCount}</a>{/block:NoteCount}</span>
  789.  
  790. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  791. </div>
  792.  
  793. {block:PermalinkPage}
  794. {block:NoteCount}
  795. {block:PostNotes}{PostNotes}{/block:PostNotes}
  796. {/block:NoteCount}
  797. {/block:PermalinkPage}
  798. {/block:Date}
  799.  
  800. </div>
  801. {/block:Posts}
  802.  
  803. </div>
  804. </div>
  805.  
  806. </div>
  807.  
  808. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  809. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  810. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.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>
  811.  
  812. {block:ifcursorsparkles}<script type="text/javascript">
  813. // <![CDATA[
  814. var colour="{color:cursor sparkles}";
  815. var sparkles=120;
  816.  
  817. /****************************
  818. * Tinkerbell Magic Sparkle *
  819. * (c) 2005 mf2fm web-design *
  820. * https://www.mf2fm.com/rv *
  821. * DON'T EDIT BELOW THIS BOX *
  822. ****************************/
  823. var x=ox=400;
  824. var y=oy=300;
  825. var swide=800;
  826. var shigh=600;
  827. var sleft=sdown=0;
  828. var tiny=new Array();
  829. var star=new Array();
  830. var starv=new Array();
  831. var starx=new Array();
  832. var stary=new Array();
  833. var tinyx=new Array();
  834. var tinyy=new Array();
  835. var tinyv=new Array();
  836.  
  837. window.onload=function() { if (document.getElementById) {
  838. var i, rats, rlef, rdow;
  839. for (var i=0; i<sparkles; i++) {
  840. var rats=createDiv(3, 3);
  841. rats.style.visibility="hidden";
  842. document.body.appendChild(tiny[i]=rats);
  843. starv[i]=0;
  844. tinyv[i]=0;
  845. var rats=createDiv(5, 5);
  846. rats.style.backgroundColor="transparent";
  847. rats.style.visibility="hidden";
  848. var rlef=createDiv(1, 5);
  849. var rdow=createDiv(5, 1);
  850. rats.appendChild(rlef);
  851. rats.appendChild(rdow);
  852. rlef.style.top="2px";
  853. rlef.style.left="0px";
  854. rdow.style.top="0px";
  855. rdow.style.left="2px";
  856. document.body.appendChild(star[i]=rats);
  857. }
  858. set_width();
  859. sparkle();
  860. }}
  861.  
  862. function sparkle() {
  863. var c;
  864. if (x!=ox || y!=oy) {
  865. ox=x;
  866. oy=y;
  867. for (c=0; c<sparkles; c++) if (!starv[c]) {
  868. star[c].style.left=(starx[c]=x)+"px";
  869. star[c].style.top=(stary[c]=y)+"px";
  870. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  871. star[c].style.visibility="visible";
  872. starv[c]=50;
  873. break;
  874. }
  875. }
  876. for (c=0; c<sparkles; c++) {
  877. if (starv[c]) update_star(c);
  878. if (tinyv[c]) update_tiny(c);
  879. }
  880. setTimeout("sparkle()", 40);
  881. }
  882.  
  883. function update_star(i) {
  884. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  885. if (starv[i]) {
  886. stary[i]+=1+Math.random()*3;
  887. if (stary[i]<shigh+sdown) {
  888. star[i].style.top=stary[i]+"px";
  889. starx[i]+=(i%5-2)/5;
  890. star[i].style.left=starx[i]+"px";
  891. }
  892. else {
  893. star[i].style.visibility="hidden";
  894. starv[i]=0;
  895. return;
  896. }
  897. }
  898. else {
  899. tinyv[i]=50;
  900. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  901. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  902. tiny[i].style.width="2px";
  903. tiny[i].style.height="2px";
  904. star[i].style.visibility="hidden";
  905. tiny[i].style.visibility="visible"
  906. }
  907. }
  908.  
  909. function update_tiny(i) {
  910. if (--tinyv[i]==25) {
  911. tiny[i].style.width="1px";
  912. tiny[i].style.height="1px";
  913. }
  914. if (tinyv[i]) {
  915. tinyy[i]+=1+Math.random()*3;
  916. if (tinyy[i]<shigh+sdown) {
  917. tiny[i].style.top=tinyy[i]+"px";
  918. tinyx[i]+=(i%5-2)/5;
  919. tiny[i].style.left=tinyx[i]+"px";
  920. }
  921. else {
  922. tiny[i].style.visibility="hidden";
  923. tinyv[i]=0;
  924. return;
  925. }
  926. }
  927. else tiny[i].style.visibility="hidden";
  928. }
  929.  
  930. document.onmousemove=mouse;
  931. function mouse(e) {
  932. set_scroll();
  933. y=(e)?e.pageY:event.y+sdown;
  934. x=(e)?e.pageX:event.x+sleft;
  935. }
  936.  
  937. function set_scroll() {
  938. if (typeof(self.pageYOffset)=="number") {
  939. sdown=self.pageYOffset;
  940. sleft=self.pageXOffset;
  941. }
  942. else if (document.body.scrollTop || document.body.scrollLeft) {
  943. sdown=document.body.scrollTop;
  944. sleft=document.body.scrollLeft;
  945. }
  946. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  947. sleft=document.documentElement.scrollLeft;
  948. sdown=document.documentElement.scrollTop;
  949. }
  950. else {
  951. sdown=0;
  952. sleft=0;
  953. }
  954. }
  955.  
  956. window.onresize=set_width;
  957. function set_width() {
  958. if (typeof(self.innerWidth)=="number") {
  959. swide=self.innerWidth;
  960. shigh=self.innerHeight;
  961. }
  962. else if (document.documentElement && document.documentElement.clientWidth) {
  963. swide=document.documentElement.clientWidth;
  964. shigh=document.documentElement.clientHeight;
  965. }
  966. else if (document.body.clientWidth) {
  967. swide=document.body.clientWidth;
  968. shigh=document.body.clientHeight;
  969. }
  970. }
  971.  
  972. function createDiv(height, width) {
  973. var div=document.createElement("div");
  974. div.style.position="absolute";
  975. div.style.height=height+"px";
  976. div.style.width=width+"px";
  977. div.style.overflow="hidden";
  978. div.style.backgroundColor=colour;
  979. return (div);
  980. }
  981. // ]]>
  982. </script>{/block:ifcursorsparkles}
  983.  
  984. {block:ifrainbowlinks}<script type='text/javascript'>
  985. //<![CDATA[
  986. var rate = 50;
  987. if (document.getElementById)
  988. window.onerror=new Function("return true")
  989.  
  990. var objActive; // The object which event occured in
  991. var act = 0; // Flag during the action
  992. var elmH = 0; // Hue
  993. var elmS = 128; // Saturation
  994. var elmV = 255; // Value
  995. var clrOrg; // A color before the change
  996. var TimerID; // Timer ID
  997. if (document.all) {
  998. document.onmouseover = doRainbowAnchor;
  999. document.onmouseout = stopRainbowAnchor;
  1000. }
  1001. else if (document.getElementById) {
  1002. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  1003. document.onmouseover = Mozilla_doRainbowAnchor;
  1004. document.onmouseout = Mozilla_stopRainbowAnchor;
  1005. }
  1006. function doRainbow(obj)
  1007. {
  1008. if (act == 0) {
  1009. act = 1;
  1010. if (obj)
  1011. objActive = obj;
  1012. else
  1013. objActive = event.srcElement;
  1014. clrOrg = objActive.style.color;
  1015. TimerID = setInterval("ChangeColor()",100);
  1016. }
  1017. }
  1018. function stopRainbow()
  1019. {
  1020. if (act) {
  1021. objActive.style.color = clrOrg;
  1022. clearInterval(TimerID);
  1023. act = 0;
  1024. }
  1025. }
  1026. function doRainbowAnchor()
  1027. {
  1028. if (act == 0) {
  1029. var obj = event.srcElement;
  1030. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  1031. obj = obj.parentElement;
  1032. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  1033. break;
  1034. }
  1035. if (obj.tagName == 'A' && obj.href != '') {
  1036. objActive = obj;
  1037. act = 1;
  1038. clrOrg = objActive.style.color;
  1039. TimerID = setInterval("ChangeColor()",100);
  1040. }
  1041. }
  1042. }
  1043. function stopRainbowAnchor()
  1044. {
  1045. if (act) {
  1046. if (objActive.tagName == 'A') {
  1047. objActive.style.color = clrOrg;
  1048. clearInterval(TimerID);
  1049. act = 0;
  1050. }
  1051. }
  1052. }
  1053. function Mozilla_doRainbowAnchor(e)
  1054. {
  1055. if (act == 0) {
  1056. obj = e.target;
  1057. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  1058. obj = obj.parentNode;
  1059. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  1060. break;
  1061. }
  1062. if (obj.nodeName == 'A' && obj.href != '') {
  1063. objActive = obj;
  1064. act = 1;
  1065. clrOrg = obj.style.color;
  1066. TimerID = setInterval("ChangeColor()",100);
  1067. }
  1068. }
  1069. }
  1070. function Mozilla_stopRainbowAnchor(e)
  1071. {
  1072. if (act) {
  1073. if (objActive.nodeName == 'A') {
  1074. objActive.style.color = clrOrg;
  1075. clearInterval(TimerID);
  1076. act = 0;
  1077. }
  1078. }
  1079. }
  1080. function ChangeColor()
  1081. {
  1082. objActive.style.color = makeColor();
  1083. }
  1084. function makeColor()
  1085. {
  1086. // Don't you think Color Gamut to look like Rainbow?
  1087. // HSVtoRGB
  1088. if (elmS == 0) {
  1089. elmR = elmV; elmG = elmV; elmB = elmV;
  1090. }
  1091. else {
  1092. t1 = elmV;
  1093. t2 = (255 - elmS) * elmV / 255;
  1094. t3 = elmH % 60;
  1095. t3 = (t1 - t2) * t3 / 60;
  1096. if (elmH < 60) {
  1097. elmR = t1; elmB = t2; elmG = t2 + t3;
  1098. }
  1099. else if (elmH < 120) {
  1100. elmG = t1; elmB = t2; elmR = t1 - t3;
  1101. }
  1102. else if (elmH < 180) {
  1103. elmG = t1; elmR = t2; elmB = t2 + t3;
  1104. }
  1105. else if (elmH < 240) {
  1106. elmB = t1; elmR = t2; elmG = t1 - t3;
  1107. }
  1108. else if (elmH < 300) {
  1109. elmB = t1; elmG = t2; elmR = t2 + t3;
  1110. }
  1111. else if (elmH < 360) {
  1112. elmR = t1; elmG = t2; elmB = t1 - t3;
  1113. }
  1114. else {
  1115. elmR = 0; elmG = 0; elmB = 0;
  1116. }
  1117. }
  1118. elmR = Math.floor(elmR).toString(16);
  1119. elmG = Math.floor(elmG).toString(16);
  1120. elmB = Math.floor(elmB).toString(16);
  1121. if (elmR.length == 1) elmR = "0" + elmR;
  1122. if (elmG.length == 1) elmG = "0" + elmG;
  1123. if (elmB.length == 1) elmB = "0" + elmB
  1124. elmH = elmH + rate;
  1125. if (elmH >= 360)
  1126. elmH = 0;
  1127. return '#' + elmR + elmG + elmB;
  1128. }
  1129. //]]>
  1130. </script>{/block:ifrainbowlinks}
  1131.  
  1132. <script type="text/javascript">
  1133. // <![CDATA[
  1134. var speed=100; // speed colours change, 1 second = 1000
  1135. var glow=3; // can be set from '0' for no glow, to 10
  1136. var raincol=new Array("#ff0000", "#ff5500", "#ffaa00", "#ffff00", "#aaff00", "#55ff00", "#00ff00", "#00ff55", "#00ffaa", "#00ffff", "#00aaff", "#0055ff", "#0000ff", "#5500ff", "#aa00ff", "#ff00ff", "#ff00aa", "#ff0055"); // change the colours if you want to
  1137. var alink="http://www.mf2fm.com/rv/"; // page to link text to (set to ="" for no link)
  1138.  
  1139. /****************************
  1140. * Rainbow Text Effect *
  1141. *(c)2003-13 mf2fm web-design*
  1142. * http://www.mf2fm.com/rv *
  1143. * DON'T EDIT BELOW THIS BOX *
  1144. ****************************/
  1145. var rainbow, raintxt, raincnt=0;
  1146.  
  1147. function addLoadEvent(funky) {
  1148. var oldonload=window.onload;
  1149. if (typeof(oldonload)!='function') window.onload=funky;
  1150. else window.onload=function() {
  1151. if (oldonload) oldonload();
  1152. funky();
  1153. }
  1154. }
  1155.  
  1156. addLoadEvent(regenbogen);
  1157.  
  1158. function regenbogen() { if (document.getElementById) {
  1159. var i, rainbeau;
  1160. rainbow=document.getElementById("rainbow");
  1161. raintxt=rainbow.firstChild.nodeValue;
  1162. while (rainbow.childNodes.length) rainbow.removeChild(rainbow.childNodes[0]);
  1163. for (i=0; i<raintxt.length; i++) {
  1164. rainbeau=document.createElement("span");
  1165. rainbeau.setAttribute("id", "rain"+i);
  1166. rainbeau.appendChild(document.createTextNode(raintxt.charAt(i)));
  1167. if (alink) {
  1168. rainbeau.style.cursor="pointer";
  1169. rainbeau.onclick=function() { top.location.href=alink; }
  1170. }
  1171. rainbow.appendChild(rainbeau);
  1172. }
  1173. rainbow=setInterval ("raining()", speed);
  1174. }}
  1175.  
  1176. function raining() {
  1177. var i, c;
  1178. for (i=0; i<raintxt.length; i++) {
  1179. c=raincol[(i+raincnt)%raincol.length];
  1180. document.getElementById("rain"+i).style.color=c;
  1181. if (glow) document.getElementById("rain"+i).style.textShadow=c+" 0px 0px "+glow+"px";
  1182. }
  1183. raincnt++;
  1184. }
  1185. // ]]>
  1186. </script>
  1187.  
  1188. </body>
  1189. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!