Advertisement
pee

celery boob theme

pee
Feb 9th, 2014
8,586
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.95 KB | None | 0 0
  1. <head>
  2. <!---
  3. ascii credit:http://www.ascii-art.de/ascii/pqr/pokemon.txt
  4. ."-,.__
  5. `. `. ,
  6. .--' .._,'"-' `.
  7. . .' `'
  8. `. / ,' look at this awesome charizard
  9. ` '--. ,-"'
  10. `"` | \
  11. -. \, |
  12. `--Y.' ___.
  13. \ L._, \
  14. _., `. < <\ _
  15. ,' ' `, `. | \ ( `
  16. ../, `. ` | .\`. \ \_
  17. ,' ,.. . _.,' ||\l ) '".
  18. , ,' \ ,'.-.`-._,' | . _._`.
  19. ,' / \ \ `' ' `--/ | \ / / ..\
  20. .' / \ . |\__ - _ ,'` ` / / `.`.
  21. | ' .. `-...-" | `-' / / . `.
  22. | / |L__ | | / / `. `.
  23. , / . . | | / / ` `
  24. / / ,. ,`._ `-_ | | _ ,-' / ` \
  25. / . \"`_/. `-_ \_,. ,' +-' `-' _, ..,-. \`.
  26. ' .-f ,' ` '. \__.---' _ .' ' \ \
  27. ' / `.' l .' / \.. ,_|/ `. ,'` L`
  28. |' _.-""` `. \ _,' ` \ `.___`.'"`-. , | | | \
  29. || ,' `. `. ' _,...._ ` | `/ ' | ' .|
  30. || ,' `. ;.,.---' ,' `. `.. `-' .-' /_ .' ;_ ||
  31. || ' V / / ` | ` ,' ,' '. ! `. ||
  32. ||/ _,-------7 ' . | `-' l / `||
  33. | ,' .- ,' || | .-. `. .' ||
  34. `' ,' `".' | | `. '. -.' `'
  35. / ,' | |,' \-.._,.'/'
  36. . / . . \ .''
  37. .`. | `. / :_,'.'
  38. \ `...\ _ ,'-. .' /_.-'
  39. `-.__ `, `' . _.>----''. _ __ /
  40. .' /"' | "' '_
  41. /_|.-'\ ,". '.'`__'-( \
  42. / ,"'"\,' `/ `-.|" mh
  43. i really like this theme tbh??
  44. do not remove this message or the credit
  45. ♥ ♥ ♥ CELERY BOOB THEME BY PEERRA ♥ ♥ ♥
  46. -->
  47. <meta name="color:Background" content="#3b627e" />
  48. <meta name="color:scrollbar bg" content="" />
  49. <meta name="color:scrollbar piece" content="" />
  50. <meta name="color:scrollbar border" content="" />
  51. <meta name="color:highlight" content="" />
  52. <meta name="color:highlight background" content="" />
  53. <meta name="color:borders" content="" />
  54. <meta name="color:footer text" content="" />
  55. <meta name="color:question" content="" />
  56. <meta name="color:question background" content="" />
  57. <meta name="color:blockquote" content="" />
  58. <meta name="color:description text" content="#000" />
  59. <meta name="color:navigation bg" content="#ffffff" />
  60. <meta name="color:links" content="" />
  61. <meta name="color:links hover" content="" />
  62. <meta name="color:post text" content="#000000" />
  63. <meta name="color:sidebar box links" content="" />
  64. <meta name="color:sidebar box links hover" content="" />
  65.  
  66. <meta name="font:Body" content="Verdana" />
  67.  
  68. <meta name="if:avatar" content="1" />
  69. <meta name="if:black post" content="0" />
  70. <meta name="if:rounded corners" content="0" />
  71. <meta name="if:400px" content="1" />
  72. <meta name="if:250px" content="0" />
  73. <meta name="if:link 1" content="0" />
  74. <meta name="if:link 2" content="0" />
  75. <meta name="if:link 3" content="0" />
  76. <meta name="if:link 4" content="0" />
  77. <meta name="if:link 5" content="0" />
  78. <meta name="if:link 6" content="0" />
  79. <meta name="if:custom cursor" content="1" />
  80. <meta name="if:music player" content="0" />
  81. <meta name="if:Show Tags" content="1" />
  82. <meta name="if:background cover" content="0"/>
  83. <meta name="if:infinite scroll" content="0" />
  84. <meta name="if:captions" content="1" />
  85. <meta name="if:grayscale" content="0" />
  86. <meta name="image:Background" content="" />
  87. <meta name="image:avatar" content="" />
  88. <meta name="image:top" content="" />
  89. <meta name="image:permalink" content="" />
  90. <meta name="image:sidebar" content="" />
  91. <meta name="image:extra" content="" />
  92. <meta name="image:extraextra" content=""/>
  93. <meta name="image:favicon" content="" />
  94. <meta name="image:floatie" content="" />
  95. <meta name="image:music pixel" content="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif" />
  96. <meta name="image:cursor" content="http://i.imgur.com/IepP2.jpg" />
  97. <meta name="image:cursor hover" content="http://i.imgur.com/IepP2.jpg" />
  98.  
  99.  
  100. <meta name="text:sidebar right" content="400" />
  101. <meta name="text:sidebar position" content="250" />
  102. <meta name="text:glow" content="" />
  103. <meta name="text:extra position" content="20" />
  104. <meta name="text:extraextra position" content="60" />
  105. <meta name="text:link 1 title" content="" />
  106. <meta name="text:link 2 title" content="" />
  107. <meta name="text:link 3 title" content="" />
  108. <meta name="text:link 4 title" content="" />
  109. <meta name="text:link 5 title" content="" />
  110. <meta name="text:link 6 title" content="" />
  111. <meta name="text:link 1 url" content="" />
  112. <meta name="text:link 2 url" content="" />
  113. <meta name="text:link 3 url" content="" />
  114. <meta name="text:link 4 url" content="" />
  115. <meta name="text:link 5 url" content="" />
  116. <meta name="text:link 6 url" content="" />
  117. <meta name="text:sidebar image top" content="0" />
  118. <meta name="text:sidebar image right" content="0" />
  119. <meta name="text:sidebar hover" content="" />
  120. <meta name="text:music player code" content="music code" />
  121. <meta name="text:post opacity" content="0.70" />
  122. <meta name="text:sidebar opacity" content="1.0" />
  123. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  124. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  125. <link rel="shortcut icon" href="{image:favicon}" />
  126. <style type="text/css">
  127. ::selection {
  128. background: {color:highlight background};
  129. color: {color:highlight};}
  130. ::-moz-selection {
  131. background: {color:highlight background};
  132. color: {color:highlight};}
  133. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; }
  134. ::-webkit-scrollbar {
  135. width:10px;
  136. height:10px;
  137. background: {color:scrollbar bg};}
  138. ::-webkit-scrollbar-thumb {
  139. background: {color:scrollbar piece};
  140. border: 1px solid {color:Scrollbar Border};}
  141.  
  142. body {
  143. background: {color:Background} url('{image:Background}') top left fixed repeat;
  144. {block:ifbackgroundcover}background-size:cover;{/block:ifbackgroundcover}
  145. margin: 0;
  146. padding: 0;
  147. font-family: {font:Body};
  148. }
  149.  
  150. .clear {
  151. clear: both;
  152. height: 0px;
  153. overflow: hidden;
  154. }
  155.  
  156. #lace {
  157. width:100%;
  158. height:200px;
  159. background: url('{image:top}') top fixed repeat-x;
  160. position:fixed;
  161. z-index: -999;
  162. margin-top:-120px;
  163. opacity: 0.90;
  164. }
  165.  
  166. #wrapper {
  167. width: 845px;
  168. margin: 0 auto;
  169. }
  170.  
  171. a {
  172. color: {color:links};
  173. text-decoration: none;
  174. text-shadow:4px 0px transparent, -4px 0px transparent;
  175. -webkit-transition: all 0.3s ease-in-out;
  176. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  177. }
  178.  
  179. a:hover {
  180. color: {color:links hover};
  181. background: ;
  182. text-shadow:0px 0px {color:Links Hover}, 0px 0px {color:Links Hover};text-decoration: line-through;
  183. }
  184.  
  185. #cursor {position:fixed;z-index:-1;top:0px;left:0px;width:100%;height:100%;cursor: url({image:cursor}), url({image:cursor}), progress !important;}
  186.  
  187. #scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; bottom: 0px; right: {text:extra position}px;}
  188.  
  189. .post {
  190. {block:ifblackpost}background: rgba(0, 0, 0, {text:post opacity});{/block:ifblackpost}
  191. {block:ifnotblackpost}background: rgba(255, 255, 255, {text:post opacity});{/block:ifnotblackpost}
  192. {block:if400px}width:400px;{/block:if400px}
  193. {block:if250px}width:250px;{/block:if250px}
  194. margin-left: 350px;
  195. border: 1px solid {color:borders};
  196. border-top: 10px solid {color:borders};
  197. font-family: {font:body};
  198. font-size: 10px;
  199. color: {color:post text};
  200. padding: 3px;
  201. overflow:hidden;
  202. box-shadow:rgba({text:glow},1) 0px 0px 10px 1px;
  203. {block:ifroundedcorners}
  204. -moz-border-radius: 10px;
  205. -webkit-border-radius: 10px;
  206. border-radius: 10px;
  207. {/block:ifroundedcorners}
  208. -webkit-transition: all 0.9s ease-in-out;
  209. -moz-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;
  210. }
  211.  
  212. .post a {
  213. color: {color:links};
  214. text-shadow:4px 0px transparent, -4px 0px transparent;
  215. }
  216.  
  217. .post a:hover {
  218. color: {color:links hover};
  219. background: transparent;
  220. text-shadow:0px 0px {color:Links Hover}, 0px 0px {color:Links Hover};
  221. }
  222.  
  223. .post .media {
  224. opacity: 1;
  225. {block:ifgrayscale}-webkit-filter: grayscale(100%);{/block:ifgrayscale}
  226. -webkit-transition: all 0.4s ease-out;
  227. -moz-transition: all 0.4s ease-out;
  228. transition: all 0.4s ease-out;
  229. }
  230.  
  231. .post .media:hover {
  232. {block:ifgrayscale}-webkit-filter: grayscale(0%);{/block:ifgrayscale}
  233. opacity: 0.8;
  234. }
  235.  
  236. .audio {
  237. background: background: rgba(255, 255, 255, 0.8);
  238. float: left;
  239. padding: 7px;
  240. margin-bottom: 10px;
  241. {block:ifroundedcorners}-moz-border-radius: 4px;
  242. -webkit-border-radius: 4px;
  243. border-radius: 4px;{/block:ifroundedcorners}
  244. }
  245.  
  246. .audio .player {
  247. float: left;
  248. }
  249.  
  250. .audio .player .audio_player embed {
  251. border:1px solid {color:borders};
  252. }
  253.  
  254. .audio .meta {
  255. padding: 8px 13px;
  256. height: 13px;
  257. float: left;
  258. color: #000;
  259. font-family: bitxmap;
  260. font-size: 10px;
  261. text-transform: lowercase;
  262. }
  263.  
  264. .audio .meta a {
  265. color: #666;
  266. text-decoration: none;
  267. }
  268.  
  269. .post .album_art {
  270. text-align: center;
  271. }
  272.  
  273.  
  274. .ask {
  275. color: {color:question};
  276. background: {color:question background};
  277. padding: 15px 20px;
  278. border: 2px solid {color:borders};
  279. font-family: {font:body};
  280. font-size: 13px;
  281. {block:ifroundedcorners}-moz-border-radius: 8px;
  282. -webkit-border-radius: 8px;
  283. border-radius: 8px;{/block:ifroundedcorners}
  284. }
  285.  
  286. .container {
  287. font-family: {font:body};
  288. margin: 0 0 20px 24px;
  289. }
  290.  
  291. .container img {
  292. margin: 0 2px -7px 0;
  293. border: 1px solid {color:borders};
  294. margin-top: 10px;
  295. {block:ifroundedcorners}-moz-border-radius: 20px;
  296. -webkit-border-radius: 20px;
  297. border-radius: 20px;{/block:ifroundedcorners}
  298. }
  299.  
  300. .title {
  301. color: {color:post text};
  302. font-family: nanobyte;
  303. font-size: 16px;
  304. font-weight: bold;
  305. -webkit-transition: all 0.4s ease-out;
  306. -moz-transition: all 0.4s ease-out;
  307. transition: all 0.4s ease-out;
  308. }
  309.  
  310. .title:hover {
  311. font-weight: italic;
  312. }
  313.  
  314. .link a {
  315. color: #fff;
  316. {block:ifroundedcorners}-moz-border-radius: 4px;
  317. -webkit-border-radius: 4px;
  318. border-radius: 4px;{/block:ifroundedcorners}
  319. background: {color:links};
  320. border: 1px solid #fff;
  321. -webkit-transition: all 0.3s ease-in-out;
  322. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  323. }
  324.  
  325. .link a:hover {
  326. background: {color:links hover};
  327. }
  328.  
  329. .post img {
  330. {block:if400px}max-width:400px;{/block:if400px}
  331. {block:if250px}max-width:250px;{/block:if250px}
  332. {block:ifroundedcorners}
  333. -moz-border-radius: 7px;
  334. -webkit-border-radius: 7px;
  335. {/block:ifroundedcorners}
  336. }
  337.  
  338. .quote {
  339. color: {color:post text};
  340. font-family: {font:body};
  341. font-size: 15px;
  342. }
  343.  
  344. .chat {
  345. font-family: {font:body};
  346. font-size: 10px;
  347. color: {color:post text};
  348. }
  349.  
  350. .chat .lines {
  351. margin-left: 1px;
  352. }
  353.  
  354. .chat .lines .line {
  355. background-color: {color:blockquote};
  356. color: #000;
  357. margin-bottom: 1px;
  358. padding: 3px 5px;
  359. }
  360.  
  361. .chat .lines .line.even {
  362. background-color: {color:background};
  363. }
  364.  
  365. .post .footer {
  366. background: ;
  367. opacity:0;
  368. font-family: {font:body};
  369. font-size: 7px;
  370. color: {color:footer text};
  371. padding: 0px 5px;
  372. margin-top: -12px;
  373. -webkit-transition: all 0.3s ease-in-out;
  374. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  375. }
  376.  
  377. .post:hover .footer {
  378. opacity: 1;
  379. margin-top: 0px;
  380. }
  381.  
  382. .post .footer .date {
  383. color: {color:footer text};
  384. float: left;
  385. background:;
  386. }
  387.  
  388. .post .footer .date a {
  389. color: {color:footer text};
  390. background:;
  391. }
  392.  
  393. .post .footer .notes {
  394. width: 33%;
  395. color: {color:footer text};
  396. float: right;
  397. text-align: right;
  398. background:;
  399. }
  400.  
  401. .post .footer .notes a {
  402. color: {color:footer text};
  403. background:;
  404. }
  405.  
  406. .post .footer .tags a {
  407. color: {color:footer text};
  408. background:;
  409. }
  410.  
  411. .tags {
  412. float: left;
  413. background:;
  414. }
  415.  
  416. blockquote {
  417. margin: 10px 0px 8px 15px;
  418. padding-left: 15px;
  419. border-left: solid 1px {color:blockquote};
  420. }
  421.  
  422. .bottom {
  423. height: 20px;
  424. }
  425.  
  426. .post .notecontainer {
  427. background: #f2cdf8;
  428. border: 1px solid #000;
  429. font-family: {font:body};
  430. font-size: 10px;
  431. color: #000;
  432. margin-top: 1px;
  433. height: 300px;
  434. overflow:scroll;
  435. }
  436.  
  437. .post .notecontainer a {
  438. color: {color:links};
  439. }
  440.  
  441. .post .notecontainer img.avatar {
  442. border: 1px solid #000;
  443. vertical-align: -4px;
  444. margin-right: 10px;
  445. width: 16px;
  446. height: 16px;
  447. }
  448.  
  449. .pagination {
  450. font-size: 10px;
  451. color: {color:links};
  452. font-family: {font:body};
  453. }
  454.  
  455. #magicalgirl {
  456. position: fixed;
  457. {block:ifblackpost}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifblackpost}
  458. {block:ifnotblackpost}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:ifnotblackpost}
  459. margin-left: {text:sidebar right}px;
  460. margin-top: {text:sidebar position}px;
  461. width: 100px;
  462. padding: 0 21px;
  463. font-family: {font:body};
  464. font-size: 10px;
  465. color: {color:description text};
  466. border: 1px solid {color:borders};
  467. border-top: 14px solid {color:borders};
  468. box-shadow:rgba({text:glow},1) 0px 0px 10px 1px;
  469. {block:ifroundedcorners}
  470. -moz-border-radius: 10px;
  471. -webkit-border-radius: 10px;
  472. border-radius: 10px;
  473. {/block:ifroundedcorners}
  474. -webkit-transition: all 0.9s ease-in-out;
  475. -moz-transition: all 0.9s ease-in-out;transition: all 0.9s ease-in-out;
  476. }
  477.  
  478. #magicalgirl a {
  479. color: {color:links};
  480. text-shadow:4px 0px transparent, -4px 0px transparent;
  481. -webkit-transition: all 0.3s ease-in-out;
  482. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  483. }
  484.  
  485. #magicalgirl a:hover {
  486. color: {color:links hover};
  487. background: transparent;
  488. text-shadow:0px 0px {color:Links Hover}, 0px 0px {color:Links Hover};
  489. }
  490.  
  491. #description {
  492. color: {color:description text};
  493. font-family: {font:body};
  494. font-size: 10px;
  495. opacity: 1;
  496. }
  497.  
  498. #s-m-t-tooltip {
  499. {block:ifblackpost}background: #000;{/block:ifblackpost}
  500. {block:ifnotblackpost}background: #fff;{/block:ifnotblackpost}
  501. font-size: 10px;
  502. font-family: {font:body};
  503. color: {color:description text};
  504. text-align:center;
  505. max-width: 100px;
  506. word-wrap: break-word;
  507. padding: 1px 5px 2px 6px;
  508. display: block;
  509. margin: 10px 10px 10px 15px;
  510. border: 1px solid {color:Borders};
  511. z-index: 999;
  512. }
  513.  
  514. {block:ifmusicplayer}
  515. #music {
  516. position:fixed;
  517. top:5px;
  518. left:15px;
  519. padding:5px 0px 16px 0px;
  520. height: 10px;
  521. width:34px;
  522. border: 1px solid {color:borders};
  523. color: #000;
  524. {block:ifblackpost}background: rgba(0, 0, 0, {text:sidebar opacity});{/block:ifblackpost}
  525. {block:ifnotblackpost}background: rgba(255, 255, 255, {text:sidebar opacity});{/block:ifnotblackpost}
  526. font-family:bitxmap;
  527. overflow:hidden;
  528. font-size:10px;
  529. {block:ifdropshadow}box-shadow:rgba(0,0,0,0.1)10px 10px;{block:ifdropshadow}
  530. -webkit-transition: all 0.3s ease-in-out;
  531. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  532. }
  533.  
  534. #music:hover {
  535. height:10px;
  536. width:80px;
  537. }
  538.  
  539. #pixel {
  540. position:fixed;
  541. left:25px;
  542. top: 15px;
  543. overflow:hidden;
  544. -webkit-transition: all 0.3s ease-in-out;
  545. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  546. }
  547.  
  548. #music:hover #pixel {
  549. overflow:hidden;
  550. margin-top:-50px;
  551. }
  552.  
  553. #player {
  554. width: 0px
  555. padding-top: 0px;
  556. margin-left:35px;
  557. font-family:bitxmap;
  558. font-size:10px;
  559. -webkit-transition: all 0.3s ease-in-out;
  560. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  561. }
  562.  
  563. #music:hover #player {
  564. margin-left: 0px;
  565. }
  566. {/block:ifmusicplayer}
  567.  
  568. #magicalgirl #home {
  569. position: fixed;
  570. border: 1px solid #000;
  571. width: 12px;
  572. height: 12px;
  573. z-index: 99999;
  574. background: {color:sidebar box links};
  575. margin-top: 0px;
  576. margin-left: -45px;
  577. {block:ifroundedcorners}
  578. -moz-border-radius: 10px;
  579. -webkit-border-radius: 10px;
  580. border-radius: 10px;
  581. {/block:ifroundedcorners}
  582. -webkit-transition: all 0.3s ease-in-out;
  583. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  584. }
  585.  
  586. #magicalgirl #home:hover {
  587. background: {color:sidebar box links hover};
  588. }
  589.  
  590. #magicalgirl #ask {
  591. position: fixed;
  592. border: 1px solid #000;
  593. z-index: 99999;
  594. width: 12px;
  595. height: 12px;
  596. background: {color:sidebar box links};
  597. margin-top: 20px;
  598. margin-left: -45px;
  599. {block:ifroundedcorners}
  600. -moz-border-radius: 10px;
  601. -webkit-border-radius: 10px;
  602. border-radius: 10px;
  603. {/block:ifroundedcorners}
  604. -webkit-transition: all 0.3s ease-in-out;
  605. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  606. }
  607.  
  608. #magicalgirl #ask:hover {
  609. background: {color:sidebar box links hover};
  610. }
  611.  
  612. #magicalgirl #submit {
  613. position: fixed;
  614. border: 1px solid #000;
  615. z-index: 99999;
  616. width: 12px;
  617. height: 12px;
  618. background: {color:sidebar box links};
  619. margin-top: 40px;
  620. margin-left: -45px;
  621. {block:ifroundedcorners}
  622. -moz-border-radius: 10px;
  623. -webkit-border-radius: 10px;
  624. border-radius: 10px;
  625. {/block:ifroundedcorners}
  626. -webkit-transition: all 0.3s ease-in-out;
  627. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  628. }
  629.  
  630. #magicalgirl #submit:hover {
  631. background: {color:sidebar box links hover};
  632. }
  633.  
  634. #magicalgirl #archive {
  635. position: fixed;
  636. border: 1px solid #000;
  637. z-index: 99999;
  638. width: 12px;
  639. height: 12px;
  640. background: {color:sidebar box links};
  641. margin-top: 60px;
  642. margin-left: -45px;
  643. {block:ifroundedcorners}
  644. -moz-border-radius: 10px;
  645. -webkit-border-radius: 10px;
  646. border-radius: 10px;
  647. {/block:ifroundedcorners}
  648. -webkit-transition: all 0.3s ease-in-out;
  649. -moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
  650. }
  651.  
  652. #magicalgirl #archive:hover {
  653. background: {color:sidebar box links hover};
  654. }
  655.  
  656. .tumblr_audio_player {height: 40px; width: 210px;border: 3px double {color:borders};}
  657. </style>
  658.  
  659. <style type="text/css">{CustomCSS}</style>
  660. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  661. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  662. <script>
  663. (function($){
  664. $(document).ready(function(){
  665. $("[title]").style_my_tooltips();
  666. });
  667. })(jQuery);
  668. </script>
  669. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:; "id="scrollToTop"><img src="{image:extra}" title="scroll to top"></a>
  670. </head>
  671. <body>
  672. <div id="cursor"></div>
  673. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  674.  
  675. {block:ifinfinitescroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescroll}
  676.  
  677. <script type="text/javascript">
  678.  
  679.  
  680.  
  681. /***********************************************
  682.  
  683. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  684.  
  685. * Modified by Dynamic Drive for various improvements
  686.  
  687. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  688.  
  689. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  690.  
  691. ***********************************************/
  692.  
  693.  
  694.  
  695. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  696.  
  697. var flyimage1, flyimage2, flyimage3, flyimage4
  698.  
  699.  
  700.  
  701. function pagestart(){
  702.  
  703. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  704.  
  705. flyimage1=new Chip("flyimage1",40,62);
  706.  
  707. flyimage2=new Chip("flyimage2",40,62);
  708.  
  709. flyimage3=new Chip("flyimage3",40,62);
  710.  
  711. flyimage4=new Chip("flyimage4",40,62);
  712.  
  713. flyimage5=new Chip("flyimage5",40,62);
  714.  
  715. flyimage6=new Chip("flyimage6",40,62);
  716.  
  717.  
  718.  
  719.  
  720.  
  721. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  722.  
  723. movechip("flyimage1");
  724.  
  725. movechip("flyimage2");
  726.  
  727. movechip("flyimage3");
  728.  
  729. movechip("flyimage4");
  730.  
  731. movechip("flyimage5");
  732.  
  733. movechip("flyimage6");
  734.  
  735.  
  736.  
  737. }
  738.  
  739.  
  740.  
  741. if (window.addEventListener)
  742.  
  743. window.addEventListener("load", pagestart, false)
  744.  
  745. else if (window.attachEvent)
  746.  
  747. window.attachEvent("onload", pagestart)
  748.  
  749. else if (document.getElementById)
  750.  
  751. window.onload=pagestart
  752.  
  753.  
  754.  
  755. </script>
  756.  
  757.  
  758.  
  759. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  760.  
  761.  
  762.  
  763.  
  764.  
  765. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px; z-index: -999;">
  766. <img src="{image:floatie}">
  767. </div>
  768.  
  769. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px; z-index: -999;">
  770. <img src="{image:floatie}">
  771. </div>
  772.  
  773. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px; z-index: -999;">
  774. <img src="{image:floatie}">
  775. </div>
  776. </div>
  777.  
  778. <div id="lacelace"></div><div id="lace"></div><div id="lacelace"></div>
  779.  
  780. {block:ifmusicplayer}
  781. <div id="music"><div id="pixel"><center><img src="{image:music pixel}"/></center></div><div id="player">{text:music player code}</div></div></div>{/block:ifmusicplayer}
  782.  
  783. <div id="magicalgirl">
  784. <a href="/"><div id="home" title="home"/></div></a>
  785. <a href="/ask"><div id="ask" title="ask"/></div></a>
  786. <a href="/submit"><div id="submit" title="submit"/></div></a>
  787. <a href="/archive"><div id="archive" title="archive" /></div></a>
  788. {block:ifavatar}<br>
  789. <center><div id="image"><a href="/"><img src="{image:avatar}" title="{text:sidebar hover}"></a></div>{/block:ifavatar}{block:ifnotinfinitescroll}
  790. <center><div class="pagination">
  791. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
  792. <span class="current_page">{PageNumber}</span>
  793. {/block:CurrentPage}{block:JumpPage}
  794. <a class="jump_page" href="{URL}">{PageNumber}</a>
  795. {/block:JumpPage}
  796. {/block:JumpPagination}{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  797. </div></center>{/block:ifnotinfinitescroll}
  798. <div id="description"><center>{description}</center></div><br>
  799. <div id="navi"><center>
  800. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:{font:body}; font-size:10px; width: 100px;border:1px solid #000; background: {color:navigation bg}">
  801. <option value="/">navigation</option>
  802. {block:Iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:Iflink1}
  803. {block:Iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2}
  804. {block:Iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:Iflink3}
  805. {block:Iflink4}<option value="{text:link 4 url}">{text:link 4 title}</option>{/block:Iflink4}
  806. {block:Iflink5}<option value="{text:link 5 url}">{text:link 5 title}</option>{/block:Iflink5}
  807. {block:Iflink6}<option value="{text:link 6 url}">{text:link 6 title}</option>{/block:Iflink6}
  808. </select></div>
  809. </select><br>
  810.  
  811. </div></div>
  812. </div>
  813.  
  814. <div style="position:fixed; margin-top: {text:sidebar image top}px; margin-left: {text:sidebar image right}px; z-index:-1;"><img src="{image:sidebar}" <a href="/"></div>
  815.  
  816. <div id="wrapper">
  817. <br>
  818. {block:ifinfinitescroll}
  819. <div class = "autopagerize_page_element" >
  820. {/block:ifinfinitescroll}
  821.  
  822. {block:Posts}
  823. <div class="post">
  824. {block:Photo}
  825. <div class="media">{LinkOpenTag}
  826. {block:if400px}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:if400px}{block:if250px}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:if250px}{LinkCloseTag}</div>
  827. {block:ifcaptions}{block:indexpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:indexpage}
  828. {block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifcaptions}
  829. {block:ifnotcaptions}{block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotcaptions}
  830. {/block:Photo}
  831.  
  832. {block:Photoset}
  833. {block:if400px}{Photoset-400}{/block:if400px}
  834. {block:if250px}{Photoset-250}{/block:if250px}
  835. {block:ifcaptions}{block:indexpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:indexpage}
  836. {block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifcaptions}
  837. {block:ifnotcaptions}{block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotcaptions}
  838. {/block:Photoset}
  839.  
  840. {block:Video}
  841. <div class="media">{block:if400px}{Video-400}{/block:if400px}{block:if250px}{Video-250}{/block:if250px}</div>
  842. {block:ifcaptions}{block:indexpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:indexpage}
  843. {block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifcaptions}
  844. {block:ifnotcaptions}{block:permalinkpage}{block:Caption}<div class="copy">{Caption}</div>{/block:Caption}{/block:permalinkpage}{/block:ifnotcaptions}
  845. {/block:Video}
  846.  
  847. {block:Audio}
  848. {block:AlbumArt}
  849. <div class="album_art">
  850. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:0px; width: 100px; border: 3px solid {color:borders};" />
  851. </div>
  852. {/block:AlbumArt}
  853.  
  854. <div class="audio">
  855. <div class="player">{AudioPlayerWhite}</div>
  856. <div class="meta">{PlayCountWithLabel}<br>{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  857. <div class="clear"></div>
  858. </div>
  859. <div class="clear"></div>
  860. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  861. {/block:Audio}
  862.  
  863. {block:Quote}
  864. <div class="quote">"{Quote}" <b>- {source}</b></div>
  865. {/block:Quote}
  866.  
  867. {block:text}
  868. {block:title}<div class="title">{title}</div>{/block:title}
  869. <div class="copy">{body}</div>
  870. {/block:text}
  871.  
  872. {block:answer}<div class="ask">{Question}</div>
  873. <div class="container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  874. <div class="copy">{Answer}</div>
  875. {/block:Answer}
  876.  
  877. {block:Chat}{block:Title}<div class="title">{Title}</div>{/block:Title}<div class="chat"><div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  878. {/block:Lines}</div></div><div class="clear"></div><div style="height:10px;"></div>{/block:Chat}
  879.  
  880. {block:Link}
  881. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  882. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  883. {/block:Link}
  884.  
  885. <div class="footer">
  886. <a href="{permalink}">
  887. {block:date}<div class="date"><!--
  888. {block:Reblog}
  889. {lang:Reblogged TimeAgo from ReblogParentName} {block:RebloggedFromReblog}{/block:RebloggedFromReblog}
  890. {/block:Reblog}
  891. --->
  892. <img src="{image:permalink}"><a href="{permalink}"> {timeago}</a></div>
  893. <div class="notes"><a href="{permalink}">{block:notecount}{notecount} %{/block:notecount} {block:NoteCount}{/block:NoteCount}</a></div>
  894. <div class="clear"></div>
  895. </div>
  896. </a>
  897. {/block:date}
  898.  
  899. <div class="footer" style="
  900. display:none;
  901. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  902.  
  903. ">
  904. {block:IfShowTags}
  905. {block:HasTags}<div class="tags">→ {block:Tags}<a href="{TagURL}" title="tagged: {Tag}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  906. {/block:IfShowTags}
  907.  
  908. <!---
  909. {block:ContentSource}
  910. <a href="{SourceURL}" class="source_url">
  911. {lang:Source}:
  912. {block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  913. {block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}
  914. </a>
  915. {/block:ContentSource}
  916. --->
  917.  
  918. <div class="clear"></div>
  919. </div>
  920.  
  921. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  922.  
  923. </div>
  924. <div class="bottom"></div>
  925. {/block:Posts}
  926. {block:ifinfinitescroll}</div>{block:ifinfinitescroll}
  927.  
  928. <!--DO NOT REMOVE MY CREDIT THIS IS MY OWN DAMN THEME NOT A REDUX EDIT LEAVE THE CREDIT ON HERE DO NOT MOVE IT-->
  929. <a href="http://peerra.tumblr.com"><div style="bottom:10px; left:10px; position:fixed; font-family: {font:body}; font-size:10px; color:#000; background: rgba(255, 255, 255, {text:post opacity}); width:50px; border: 1px solid #000; text-align:center; letter-spacing: 1px;">theme</div></a>
  930.  
  931. <div id="bottom image" style="position:fixed; bottom:0px;left:{text:extraextra position}px;z-index:-1;"><img src="{image:extraextra}"></div>
  932. </body>
  933. </html>{block:ifcustomcursor}
  934. <style type="text/css">body, a:hover {cursor: url({image:cursor hover}), progress !important;}</style>{/block:ifcustomcursor}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement