API tools faq
paste
Advertisement
dannyfenton

blue/green danny theme

dannyfenton
Mar 24th, 2015
188
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.69 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <meta name="color:Color1" content="#fff" />
  6. <meta name="color:Color2" content="#000" />
  7. <meta name="color:Color3" content="#1bff00" />
  8. <meta name="color:Color4" content="#00ceff" />
  9.  
  10. <link href='http://fonts.googleapis.com/css?family=Monda:400,700' rel='stylesheet' type='text/css'>
  11.  
  12. <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css'>
  13.  
  14.  
  15. <link rel="shortcut icon" href="https://31.media.tumblr.com/1b9dea594b2b1530844ecdf913aeb903/tumblr_inline_n3e8qaZSOn1rtgvq1.png">
  16.  
  17.  
  18. <title>{title}</title>
  19.  
  20. <style>
  21.  
  22. ::-moz-selection {background:{color:color4};}
  23. ::selection {background:{color:color4};}
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. background: transparent;
  27. border: 2px solid rgba(255, 255, 255, 0.5);
  28. height: auto;
  29. -moz-border-radius: 10px;
  30. border-radius: 10px;
  31. }
  32. ::-webkit-scrollbar {
  33. height: auto;
  34. width: 17px;
  35. background-color: transparent;
  36. border: 0px solid #fff;
  37. }
  38.  
  39. body {
  40. font-family: 'Monda', sans-serif;
  41. text-align: justify;
  42. top:-20px;
  43. cursor:url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),
  44. url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),auto;
  45. background: url('https://31.media.tumblr.com/321c98af1427ce8399dd95f6210bbb2e/tumblr_inline_mxx4z9JkNW1rtgvq1.png') fixed #00d0ff;
  46. }
  47.  
  48. html {
  49. cursor:url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),
  50. url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),auto;
  51. }
  52.  
  53. a {
  54. cursor:url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),
  55. url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),auto;
  56. text-decoration: none;
  57. color: {color:Color4};
  58. word-wrap:break-word;
  59. }
  60.  
  61. a:hover {
  62. cursor:url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),
  63. url(https://31.media.tumblr.com/7f1e43e95cca74d820a7c7e6117c2822/tumblr_inline_n1kz3tSjyT1ridqpa.png),auto;
  64. color: {color:Color3};
  65. }
  66.  
  67.  
  68. #postwrap {
  69. margin-left: auto;
  70. margin-right:auto;
  71. width: 787px;
  72. height: 100%;
  73.  
  74. }
  75.  
  76. #wrap {
  77. width: 540px;
  78. margin-left: 0px;
  79. position: fixed;
  80. top:60px;
  81. bottom: 20px;
  82. height: auto;
  83. border: 10px solid transparent;
  84. -moz-border-radius: 10px;
  85. border-radius: 10px;
  86. border-top-right-radius: 00px;
  87. -webkit-border-top-right-radius: 00px; /* Safari */
  88. border-bottom-right-radius: 00px;
  89. -webkit-border-bottom-right-radius: 00px; /* Safari */
  90. background: rgba(0, 0, 0, 0.7);
  91. overflow: auto;
  92. padding-left: 22px;
  93. }
  94.  
  95. .posts {
  96. width: 500px;
  97. padding: 5px;
  98. padding-top:10px;
  99. padding-bottom:10px;
  100. -moz-border-radius: 10px;
  101. border-radius: 10px;
  102.  
  103. margin-top: 0px;
  104. margin-bottom: 10px;
  105.  
  106. font-size: 12px;
  107. border: 2px solid {color:Color3};
  108. text-align: justify;
  109. background: rgba(0, 0, 0, 0.8);
  110. color: {color:Color1};
  111. -webkit-transition: background 0.2s ease-in-out;
  112. -moz-transition: background 0.2s ease-in-out;
  113. -ms-transition: background 0.2s ease-in-out;
  114. -o-transition: background 0.2s ease-in-out;
  115. transition: background 0.2s ease-in-out;
  116. }
  117.  
  118. .posts blockquote {
  119. padding-left: 5px;
  120. margin-left: 10px;
  121. border-left: 3px solid {color:Color4};
  122. }
  123.  
  124. .posts blockquote img {
  125. max-width: 100%;
  126. }
  127.  
  128. .posts a {
  129. font-size: 15px;
  130. text-shadow: 7px 2px 0 transparent, -7px -2px 0 transparent;
  131. font-family: 'covered by your grace';
  132. -webkit-transition: all 0.2s ease-in;
  133. -moz-transition: all 0.2s ease-in;
  134. -ms-transition: all 0.2s ease-in;
  135. -o-transition: all 0.2s ease-in;
  136. transition: all 0.2s ease-in;
  137. }
  138.  
  139. .posts a:hover {
  140. text-shadow: 0px 0px 0 {color:color1}, 0px 0px 0 {color:color1};
  141. -webkit-transition: all 0.2s ease-out;
  142. -moz-transition: all 0.2s ease-out;
  143. -ms-transition: all 0.2s ease-out;
  144. -o-transition: all 0.2s ease-out;
  145. transition: all 0.2s ease-out;
  146. }
  147.  
  148. .posts h1 {
  149. font-size: 30px;
  150. font-family: 'covered by your grace';
  151. background:{color:color3};
  152. color: #fff;
  153. margin-top: -5px;
  154. text-shadow: 2px 2px 0 #000;
  155. margin-left: -5px;
  156. padding: 5px;
  157. border-top-right-radius: 20px;
  158. -webkit-border-top-right-radius: 20px; /* Safari */
  159. border-bottom-right-radius: 20px;
  160. -webkit-border-bottom-right-radius: 20px; /* Safari */ -webkit-transition: all 0.2s ease-out;
  161. -moz-transition: all 0.2s ease-out;
  162. -ms-transition: all 0.2s ease-out;
  163. -o-transition: all 0.2s ease-out;
  164. transition: all 0.2s ease-out;
  165. }
  166.  
  167. .posts h1 a {
  168. font-size: 30px;
  169. color: {color:Color1};
  170. text-shadow: 2px 2px 0 #000; -webkit-transition: all 0.2s ease-out;
  171. -moz-transition: all 0.2s ease-out;
  172. -ms-transition: all 0.2s ease-out;
  173. -o-transition: all 0.2s ease-out;
  174. transition: all 0.2s ease-out;
  175. }
  176.  
  177. .posts h1 a:hover, .posts h1:hover {
  178. font-size: 30px;
  179. color: {color:Color2};
  180. text-shadow: 2px 2px 0 #fff; -webkit-transition: all 0.2s ease-out;
  181. -moz-transition: all 0.2s ease-out;
  182. -ms-transition: all 0.2s ease-out;
  183. -o-transition: all 0.2s ease-out;
  184. transition: all 0.2s ease-out;
  185. }
  186.  
  187. h2 {
  188. font-size: 20px;
  189. text-align: right;
  190. font-family: 'covered by your grace';
  191. background:{color:color4};
  192. color: {color:color1};
  193. margin-top: -15px;
  194. margin-bottom: 5px;
  195. text-shadow: 2px 2px 0 #000;
  196. margin-left: -5px;
  197. padding: 5px;
  198. border-top-right-radius: 20px;
  199. -webkit-border-top-right-radius: 20px; /* Safari */
  200. border-bottom-right-radius: 20px;
  201. -webkit-border-bottom-right-radius: 20px; /* Safari */
  202. }
  203.  
  204. h3 {
  205. font-size: 15px;
  206. text-align: left;
  207. font-family: 'covered by your grace';
  208. background:{color:color4};
  209. border-left: 0px;
  210. border: 5px solid {color:color3};
  211. color: {color:color1};
  212. margin-top: -15px;
  213. margin-bottom: 0px;
  214. text-shadow: 2px 2px 0 #000;
  215. margin-left: -5px;
  216. padding: 2px;
  217. border-top-right-radius: 20px;
  218. -webkit-border-top-right-radius: 20px; /* Safari */
  219. border-bottom-right-radius: 20px;
  220. -webkit-border-bottom-right-radius: 20px; /* Safari */
  221. }
  222.  
  223. h4 {
  224. font-size: 20px;
  225. text-align: center;
  226. font-family: 'covered by your grace';
  227. color: {color:color4};
  228. margin-top: 5px;
  229. margin-bottom: 0px;
  230. text-shadow: 2px 2px 0 #000;
  231. margin-left: -5px;
  232. padding: 5px;
  233. border-top-right-radius: 20px;
  234. -webkit-border-top-right-radius: 20px; /* Safari */
  235. border-bottom-right-radius: 20px;
  236. -webkit-border-bottom-right-radius: 20px; /* Safari */
  237. }
  238.  
  239.  
  240. .perm a {
  241. font-size: 20px;
  242. font-family: 'covered by your grace';
  243. text-shadow: 10px 0 transparent, -10px 0 transparent;
  244. -webkit-transition: all 0.2s ease-in;
  245. -moz-transition: all 0.2s ease-in;
  246. -ms-transition: all 0.2s ease-in;
  247. -o-transition: all 0.2s ease-in;
  248. transition: all 0.2s ease-in;
  249. color: #fff;
  250. }
  251.  
  252. .perm a:hover {
  253. text-shadow: 0px 0 #000, -0px 0 #000;
  254. -webkit-transition: all 0.2s ease-out;
  255. -moz-transition: all 0.2s ease-out;
  256. -ms-transition: all 0.2s ease-out;
  257. -o-transition: all 0.2s ease-out;
  258. transition: all 0.2s ease-out;
  259. color: #000;
  260. }
  261.  
  262. .perm {
  263. {block:IndexPage}
  264. opacity: 1; filter:alpha(opacity=1);
  265. background:{color:color3};
  266. color: #fff;
  267. position:relative;
  268. width: 20px;
  269. height: 20px;
  270. left: 480px;
  271. overflow: hidden;
  272. padding: 2px;
  273. padding-left: 5px;
  274. margin-top: 5px;
  275. border-top-left-radius: 20px;
  276. -webkit-border-top-left-radius: 20px; /* Safari */
  277. border-bottom-left-radius: 20px;
  278. -webkit-border-bottom-left-radius: 20px; /* Safari */
  279. -webkit-transition: all 0.5s ease-in;
  280. -moz-transition: all 0.5s ease-in;
  281. -ms-transition: all 0.5s ease-in;
  282. -o-transition: all 0.5s ease-in;
  283. transition: all 0.5s ease-in;
  284. {/block:IndexPage}
  285.  
  286. {block:PermalinkPage}
  287. text-align: center;
  288. background:{color:color3};
  289. color: #fff;
  290. padding: 2px;
  291. padding-left: 5px;
  292. margin-top: 5px;
  293. border-radius: 20px;
  294. -webkit-border-radius: 20px; /* Safari */
  295. {/block:PermalinkPage}
  296. }
  297.  
  298. .posts:hover .perm{
  299. {block:IndexPage}
  300. opacity: 1;filter:alpha(opacity=100);
  301. position:relative;
  302. width: 500px;
  303. left: 0px;
  304. -webkit-transition: all 0.5s ease-out;
  305. -moz-transition: all 0.5s ease-out;
  306. -ms-transition: all 0.5s ease-out;
  307. -o-transition: all 0.5s ease-out;
  308. transition: all 0.5s ease-out;
  309. {/block:IndexPage}
  310. }
  311.  
  312. .tags {
  313. text-align: center;
  314. background:{color:color3};
  315. color: #fff;
  316. padding: 2px;
  317. padding-left: 5px;
  318. margin-top: 5px;
  319. border-radius: 20px;
  320. -webkit-border-radius: 20px; /* Safari */
  321. }
  322.  
  323. .tags a {
  324. color: #fff;
  325. }
  326.  
  327. .tags a:hover {
  328. color: #000;
  329. }
  330.  
  331.  
  332. .nav {
  333. position: fixed;
  334. width: 195px;
  335. padding-left: 0px;
  336. }
  337.  
  338. .prev { width: 86px; height:74px; display:block; background:transparent url('https://31.media.tumblr.com/88a5a32849e267f9697e137ea718ecde/tumblr_inline_n41dczKFU21rtgvq1.png') center top no-repeat;
  339. float: left;
  340. text-align: left;}
  341. .prev:hover { background-image: url('https://31.media.tumblr.com/eb436a11eb68ac2c0296c36cf5bee87e/tumblr_inline_n41dcveNxU1rtgvq1.png'); }
  342.  
  343. .next { width: 86px; height:74px; display:block; background:transparent url('https://31.media.tumblr.com/e7ac43ca2c3f05e46402386e74f4f742/tumblr_inline_n41dctPPCm1rtgvq1.png') center top no-repeat;
  344. float: right;
  345. text-align: right;}
  346. .next:hover { background-image: url('https://31.media.tumblr.com/7c59982b43f96edace6c9eebd242b684/tumblr_inline_n41dcqyZHc1rtgvq1.png'); }
  347.  
  348. #info .nav a, #info .nav a:hover {
  349. -webkit-transition: all 0s ease-out;
  350. -moz-transition: all 0s ease-out;
  351. -ms-transition: all 0s ease-out;
  352. -o-transition: all 0s ease-out;
  353. transition: all 0s ease-out;
  354. }
  355.  
  356. #info {
  357. margin-left: 582px;
  358. position: fixed;
  359. top:60px;
  360. width: 190px;
  361. bottom: 20px;
  362. overflow-y: auto;
  363. overflow-x: hidden;
  364. height: auto;
  365. padding-right: 15px;
  366. background: rgba(0, 0, 0, 0.7);
  367. border-top-right-radius: 10px;
  368. -webkit-border-top-right-radius: 10px; /* Safari */
  369. border-bottom-right-radius: 10px;
  370. -webkit-border-bottom-right-radius: 10px; /* Safari */
  371. }
  372.  
  373. #info a {
  374. font-size: 15px;
  375. text-shadow: 7px 2px 0 transparent, -7px -2px 0 transparent;
  376. font-family: 'covered by your grace';
  377. -webkit-transition: all 0.2s ease-in;
  378. -moz-transition: all 0.2s ease-in;
  379. -ms-transition: all 0.2s ease-in;
  380. -o-transition: all 0.2s ease-in;
  381. transition: all 0.2s ease-in;
  382. }
  383.  
  384. #info a:hover {
  385. text-shadow: 0px 0px 0 {color:color1}, 0px 0px 0 {color:color1};
  386. -webkit-transition: all 0.2s ease-out;
  387. -moz-transition: all 0.2s ease-out;
  388. -ms-transition: all 0.2s ease-out;
  389. -o-transition: all 0.2s ease-out;
  390. transition: all 0.2s ease-out;
  391. }
  392.  
  393. .desc1 {
  394. position: relative;
  395. width: 180px;
  396. padding: 5px;
  397. top: 0px;
  398. border: 2px {color:color4} solid;
  399. border-radius: 10px;
  400. font-size: 12px;
  401. text-align: justify;
  402. background: rgba(0, 0, 0, 0.8);
  403. color: {color:Color1};
  404. -webkit-transition: background 0.2s ease-in-out;
  405. -moz-transition: background 0.2s ease-in-out;
  406. -ms-transition: background 0.2s ease-in-out;
  407. -o-transition: background 0.2s ease-in-out;
  408. transition: background 0.2s ease-in-out;
  409. }
  410.  
  411. .desc2 {
  412. position: relative;
  413. width: 180px;
  414. padding: 5px;
  415. top: 10px;
  416. border: 2px {color:color4} solid;
  417. border-radius: 10px;
  418. font-size: 12px;
  419. background: rgba(0, 0, 0, 0.8);
  420. color: {color:Color1};
  421. -webkit-transition: background 0.2s ease-in-out;
  422. -moz-transition: background 0.2s ease-in-out;
  423. -ms-transition: background 0.2s ease-in-out;
  424. -o-transition: background 0.2s ease-in-out;
  425. transition: background 0.2s ease-in-out;
  426. }
  427.  
  428. .desc3 {
  429. position: relative;
  430. width: 180px;
  431. padding: 5px;
  432. top: 20px;
  433. border: 2px {color:color4} solid;
  434. border-radius: 10px;
  435. font-size: 12px;
  436. text-align: center;
  437. background: rgba(0, 0, 0, 0.8);
  438. color: {color:Color1};
  439. -webkit-transition: background 0.2s ease-in-out;
  440. -moz-transition: background 0.2s ease-in-out;
  441. -ms-transition: background 0.2s ease-in-out;
  442. -o-transition: background 0.2s ease-in-out;
  443. transition: background 0.2s ease-in-out;
  444. }
  445.  
  446. .desc4 {
  447. position: relative;
  448. width: 55px;
  449. padding: 5px;
  450. top: 30px;
  451. height: 10px;
  452. border: 2px {color:color4} solid;
  453. border-radius: 10px;
  454. font-size: 12px;
  455. text-align: center;
  456. background: rgba(0, 0, 0, 0.8);
  457. color: {color:Color1};
  458. }
  459.  
  460.  
  461. #pages {
  462. position: fixed;
  463. top: -20px;
  464. margin-left: 17px;
  465. padding-top: 40px;
  466. text-transform: uppercase;
  467. font-size: 15px;
  468. text-align: center;
  469. font-family: 'covered by your grace';
  470. }
  471.  
  472. #pages a.page {
  473. text-shadow: 10px 0 transparent, -10px 0 transparent;
  474. position: relative;
  475. display: inline-block;
  476. top: 5px;
  477. width: 74px;
  478. height: 25px;
  479. margin-left: -5px;
  480. color: transparent;
  481. line-height: 60px;
  482. background: rgba(0, 0, 0, 0.7);
  483. padding: 5px;
  484. border-top-left-radius: 20px;
  485. -webkit-border-top-left-radius: 20px; /* Safari */
  486. border-top-right-radius: 20px;
  487. -webkit-border-top-right-radius: 20px; /* Safari */
  488. text-decoration: none;
  489. -webkit-transition: all 0.3s ease-out;
  490. -moz-transition: all 0.3s ease-out;
  491. -ms-transition: all 0.3s ease-out;
  492. -o-transition: all 0.3s ease-out;
  493. transition: all 0.3s ease-out;
  494. }
  495.  
  496. #pages a.page:hover {
  497. text-shadow: 0px 0 {color:color3}, -0px 0 {color:color3};
  498. top: -15px;
  499. height: 45px;
  500. color: #fff;
  501. border-top-left-radius: 100px;
  502. -webkit-border-top-left-radius: 100px; /* Safari */
  503. border-top-right-radius: 100px;
  504. -webkit-border-top-right-radius: 100px; /* Safari */
  505. -webkit-transition: all 0.2s ease-in;
  506. -moz-transition: all 0.2s ease-in;
  507. -ms-transition: all 0.2s ease-in;
  508. -o-transition: all 0.2s ease-in;
  509. transition: all 0.2s ease-in;
  510. }
  511.  
  512.  
  513. #nav {
  514. position: fixed;
  515. top: 50px;
  516. margin-left: 786px;
  517. padding-top: 40px;
  518. text-transform: uppercase;
  519. font-size: 30px;
  520. text-align: center;
  521. font-family: 'covered by your grace';
  522. }
  523.  
  524. #nav a.navi {
  525. position: relative;
  526. display: block;
  527. left: 5px;
  528. width: 35px;
  529. height: 40px;
  530. margin-left: -4px;
  531. color: rgba(255, 255, 255, 0.7);
  532. margin-bottom: 5px;
  533. line-height: 40px;
  534. background: rgba(0, 0, 0, 0.7);
  535. padding: 5px;
  536. padding-left: 0px;
  537. border-bottom-right-radius: 20px;
  538. -webkit-border-bottom-right-radius: 20px; /* Safari */
  539. border-top-right-radius: 20px;
  540. -webkit-border-top-right-radius: 20px; /* Safari */
  541. text-decoration: none;
  542. -webkit-transition: all 0.2s ease-out;
  543. -moz-transition: all 0.2s ease-out;
  544. -ms-transition: all 0.2s ease-out;
  545. -o-transition: all 0.2s ease-out;
  546. transition: all 0.2s ease-out;
  547. }
  548.  
  549. #nav a.navi:hover {
  550. left: 5px;
  551. color: transparent;
  552. -webkit-transition: all 0.1s ease-in;
  553. -moz-transition: all 0.1s ease-in;
  554. -ms-transition: all 0.1s ease-in;
  555. -o-transition: all 0.1s ease-in;
  556. transition: all 0.1s ease-in;
  557. }
  558.  
  559.  
  560.  
  561.  
  562. .album_art {
  563. position: relative;
  564. margin-bottom: -200px;
  565. height: 96px;
  566. float: left;
  567. }
  568.  
  569. .album_art img {
  570. height: 96px;
  571. -moz-border-radius: 100px;
  572. border-radius: 100px;
  573. z-index:10;
  574. border: 7px solid {color:color3};
  575. }
  576.  
  577. .player {
  578. overflow: hidden;
  579. height: 27px;
  580. margin-top: 43px;
  581. margin-left: 43px;
  582. width: 25px;
  583. background-color: #fff;
  584. margin-bottom: -55px;
  585. }
  586.  
  587. .info {
  588. font-size: 20px;
  589. line-height: 80px;
  590. font-family: 'covered by your grace';
  591. background: {color:Color3};
  592. height: 80px;
  593. overflow:auto;
  594. margin-left: -5px;
  595. padding-left: 120px;
  596. width: 390px;
  597. }
  598.  
  599. .question {
  600. color: #000;
  601. background: {color:Color3};
  602. margin-top: -25px;
  603. height: 80px;
  604. overflow:auto;
  605. margin-left: -5px;
  606. padding-left: 120px;
  607. width: 390px;
  608. }
  609.  
  610. .askimg img {
  611. -moz-border-radius: 100px;
  612. border-radius: 100px;
  613. z-index:10;
  614. border: 7px solid {color:color3};
  615. }
  616.  
  617. .askimg {
  618. position: relative;
  619. margin-bottom: -200px;
  620. height: 96px;
  621. float: left;
  622. }
  623.  
  624. .asker {
  625. line-height: 30px;
  626. font-size: 30px;
  627. font-weight: bold;
  628. margin-top: -10px;
  629. padding-left: 100px;
  630. font-family: 'covered by your grace';
  631. }
  632.  
  633. .asker a {
  634. font-size: 30px;
  635. text-align: left;
  636. margin-left: -100px;
  637. text-transform: capitalize;
  638. font-family: 'covered by your grace';
  639. }
  640.  
  641.  
  642.  
  643.  
  644. iframe#tumblr_controls {
  645. margin-left: auto; !important;
  646. margin-right: auto; !important;
  647. position: fixed !important;
  648. -webkit-transition: opacity 0.7s linear;
  649. opacity: 0.2;
  650. -webkit-transition: all 0.8s ease-out;
  651. -moz-transition: all 0.8s ease-out;
  652. transition: all 0.8s ease-out;
  653. }
  654.  
  655. iframe#tumblr_controls:hover {
  656. -webkit-transition: opacity 0.7s linear;
  657. opacity: 1;
  658. -webkit-transition: all 0.4s ease-out;
  659. -moz-transition: all 0.4s ease-out;
  660. transition: all 0.4s ease-out;
  661. }
  662.  
  663. #s-m-t-tooltip{
  664. /* basic */
  665. max-width:300px;
  666. z-index:10;
  667. margin:-20px 10px 7px 12px;
  668. /* style and design */
  669. padding:5px;
  670. background:{color:color3};
  671. border: 1px solid {color:color1};
  672. -moz-box-shadow:5px 5px 0 rgba(0,0,0,0.5),-1px -1px 0 rgba(255,255,255,0.3);
  673. -webkit-box-shadow:5px 5px 0 rgba(0,0,0,0.5),-1px -1px 0 rgba(255,255,255,0.3);
  674. box-shadow:5px 5px 0 rgba(0,0,0,0.5),-1px -1px 0 rgba(255,255,255,0.3);
  675. /* font */
  676. font-family:Mane, Verdana,Geneva,sans-serif;
  677. font-size:12px;
  678. letter-spacing: 2px;
  679. line-height:16px;
  680. color: {color:color5};
  681. }
  682.  
  683. @font-face {
  684. font-family: "mane";
  685. src: url("http://static.tumblr.com/0eb0lyz/V9rmdvai3/pfarmafive.ttf");
  686.  
  687. }
  688.  
  689. </style>
  690.  
  691. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  692. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  693. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  694.  
  695. <script>
  696. (function($){
  697. $(document).ready(function(){
  698. $("[title]").style_my_tooltips();
  699. });
  700. })(jQuery);
  701. </script>
  702.  
  703.  
  704.  
  705. <script>
  706.  
  707. // Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com)
  708. // Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code
  709.  
  710. //** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
  711. //** Call: uniquevar.playclip() to play sound
  712.  
  713. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
  714. "mp3": "audio/mpeg",
  715. "mp4": "audio/mp4",
  716. "ogg": "audio/ogg",
  717. "wav": "audio/wav"
  718. }
  719.  
  720. function createsoundbite(sound){
  721. var html5audio=document.createElement('audio')
  722. if (html5audio.canPlayType){ //check support for HTML5 audio
  723. for (var i=0; i<arguments.length; i++){
  724. var sourceel=document.createElement('source')
  725. sourceel.setAttribute('src', arguments[i])
  726. if (arguments[i].match(/\.(\w+)$/i))
  727. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
  728. html5audio.appendChild(sourceel)
  729. }
  730. html5audio.load()
  731. html5audio.playclip=function(){
  732. html5audio.pause()
  733. html5audio.currentTime=0
  734. html5audio.play()
  735. }
  736. return html5audio
  737. }
  738. else{
  739. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
  740. }
  741. }
  742.  
  743. //Initialize two sound clips with 1 fallback file each:
  744.  
  745. var mouseoversound=createsoundbite("https://dl.dropboxusercontent.com/s/bccytimdy0ths8k/frootloop%20%281%29.ogg?dl=1&token_hash=AAGn_omEL25m4eeV7AysZhOrUi5bUidsdXDzaAgQ0j--Fg", "https://dl-web.dropbox.com/get/frootloop.mp3?_subject_uid=124562856&w=AADDDj9XbwFdnu1_9tunrSJbrmaG2vxSSNAO8czhKPggQg")
  746.  
  747. </script>
  748.  
  749.  
  750. <script>
  751. //for the delayed return to main page or whatevs
  752. $(document).ready(function(){
  753.  
  754. $("a.return").click(function(event){
  755. event.preventDefault();
  756. var t = $(this);
  757. var dest = t.attr('href');
  758. if (typeof(dest) != "undefined" && dest != "") {
  759. setTimeout(function(){window.location.href = dest;}, 4000);
  760. }
  761. });
  762.  
  763. });
  764. </script>
  765.  
  766.  
  767. </head>
  768.  
  769.  
  770. <body>
  771.  
  772. <div id="postwrap">
  773.  
  774.  
  775. <a class="return" href="/"><div style="position:fixed; bottom: -20px; margin-top: 3px; margin-left: -260px; z-index:-1;"><img src="http://24.media.tumblr.com/10b937862f48dac628ef9d1f272ae00e/tumblr_n0v5raOtpE1rbkxdao2_r1_1280.png" onmouseover="http://24.media.tumblr.com/10b937862f48dac628ef9d1f272ae00e/tumblr_n0v5raOtpE1rbkxdao2_r1_1280.png'" onmouseout="this.src='http://24.media.tumblr.com/10b937862f48dac628ef9d1f272ae00e/tumblr_n0v5raOtpE1rbkxdao2_r1_1280.png'" width="700px" title="COME ON EILEEN" onclick="mouseoversound.playclip()"> </div> </a>
  776.  
  777. <div id="pages">
  778. <a href="http://dannyfenton.com" class="page">home</a>
  779. <a href="/talktoliveghostsinyourarea" class="page">inbox</a>
  780. <a href="/fandoms" class="page">fandoms</a>
  781. <a href="/tagged/the ghost who drew too much" class="page">drawings</a>
  782. <a href="/about" class="page">about</a>
  783. <a href="/links" class="page">links</a>
  784. <a href="/commissions" class="page">commissions</a>
  785. <a href="/links" class="page">links</a>
  786. <a href="/links" class="page">links</a>
  787. </div>
  788.  
  789. {block:Pagination}
  790. <div id="nav">
  791. {block:NextPage}
  792. <a href="{NextPage}" class="navi">+</a>
  793. {/block:NextPage}
  794. {block:PreviousPage}
  795. <a href="{PreviousPage}" class="navi">-</a>
  796. {/block:PreviousPage}
  797. </div>
  798. {/block:Pagination}
  799.  
  800. <div id="info">
  801.  
  802. <h4>{title}</h4>
  803.  
  804.  
  805.  
  806.  
  807.  
  808. <div class="desc1">
  809. <br>
  810. <h2>▬▬▬▬▬▬▬ about</h2>
  811. <img src="https://31.media.tumblr.com/bc95b95cd9f3bba70a5976f5aef5dea4/tumblr_inline_n3xm1mZBHQ1rtgvq1.gif" style="float: left; margin-top: 5px;">
  812. <span align="justify">♉ // danny fenton 22 // nova scotia // canada<br>
  813. not to be confused with danny phantom, i'm just your average artist with a dream to die in outter space ★</span>
  814. </div>
  815.  
  816. <div class="desc2">
  817. <span align="justify">{description}</span>
  818. </div>
  819.  
  820. <div class="desc3"><br>
  821. <h2>▬▬▬▬ commissions</h2>
  822. 5$ commissions coming soon
  823. </div>
  824.  
  825. <div class="desc4">
  826. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&
  827. f0=https://dl.dropbox.com/s/tyw8br45hd99k60/Portal%20-%20Still%20Alive.mp3
  828. &t0= &
  829. f1=https://dl.dropbox.com/s/x5ind7cbj5iqwdg/The%20White%20Stripes-Get%20Behind%20Me%20Satan-05-Little%20Ghost.mp3
  830. &t1= &
  831. f2=https://dl.dropbox.com/s/jbqpsghfun2y2r0/103-stars-i_died_so_i_could_haunt_you.mp3
  832. &t2= &
  833. f3=https://dl.dropbox.com/s/gelzkzn6219blmf/Portal2-13-Want_You_Gone.mp3
  834. &t3= &
  835. f4=https://dl.dropbox.com/s/tsdn8yybtbcosgo/Retrospective%20-%20Best%20of%20Buffalo%20Springfield%20-%2001%20-%20For%20What%20It%27s%20Worth.mp3
  836. &t4= &
  837. f5=https://dl.dropbox.com/s/7hz0sj73w3qvmvb/Ghost%20Under%20Rocks.mp3
  838. &t5= &
  839. f6=https://dl.dropbox.com/s/lzomwws0jv6pmjv/02%20Death%20will%20never%20conquer.mp3
  840. &t6= &
  841. total=7" quality="high" wmode="transparent" margin-left="-50px" width="200" height="10" name="billy" align="left" type="application/x-shockwave-flash" />
  842. </div>
  843.  
  844.  
  845. <br><img src="https://31.media.tumblr.com/c4bc8524f6fabd84b5332c92d01332a6/tumblr_mqohdzVI0c1r11ib0o1_1280.png" width="125px" style="float: right; margin-top: -25px;">
  846. <Br>
  847.  
  848.  
  849.  
  850. </div>
  851.  
  852.  
  853. <div id="wrap">
  854.  
  855.  
  856. {block:posts}
  857.  
  858. <div class="posts">
  859.  
  860.  
  861. {block:Text}
  862. {block:Title}
  863. <h1><a href="{Permalink}">{Title}</a></h1>
  864. {/block:Title}
  865. {Body}
  866. {/block:Text}
  867.  
  868. {block:Photo}
  869. {block:IndexPage} <a href="{Permalink}"> {/block:IndexPage}
  870. {LinkOpenTag}{/block:PermalinkPage}
  871. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}"></center>
  872. {block:IndexPage}</a>{/block:IndexPage}
  873. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  874. {block:Caption}{Caption}{/block:Caption}
  875. {/block:Photo}
  876.  
  877. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}
  878. {/block:Photoset}
  879.  
  880. {block:Quote}
  881. <h1>"<a href="{Permalink}">{Quote}</a>"</h1> {block:Source}— {Source}{/block:Source}
  882. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  883. {/block:Quote}
  884.  
  885. {block:Link}
  886. <h1><a href="{URL}" target="_blank">{Name}</a></h1>
  887. {block:Description}{Description}{/block:Description}
  888. {/block:Link}
  889.  
  890. {block:Chat}
  891. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title} {block:Lines}{block:Label}{Label}{/block:Label} {Line}{/block:Lines}
  892. </br>
  893. {/block:Chat}
  894.  
  895. {block:Audio}
  896. {block:AlbumArt}
  897. <span class="album_art"><img src="{AlbumArtURL}"></span>
  898. {/block:AlbumArt}
  899.  
  900. <div class="player">
  901. {AudioPlayerWhite}
  902. </div>
  903.  
  904. <div class="info">
  905. {block:TrackName}{TrackName}{/block:TrackName}
  906. {block:Artist} by {Artist}{/block:Artist}
  907. </div>
  908. {block:PermalinkPage}
  909. {block:Caption}{Caption}{/block:Caption}
  910. {/block:PermalinkPage}
  911. {/block:Audio}
  912.  
  913. {block:Video}
  914. {Video-500}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  915. {/block:Video}
  916.  
  917. {block:Answer}
  918. <div class="askimg"><img src="{AskerPortraitURL-96}"></div>
  919.  
  920. <div class="asker">{Asker}:</div><br>
  921. <div class="question">
  922. {Question}
  923. </div>
  924.  
  925. <div class="ask">{Answer}</div>
  926.  
  927. {/block:Answer}
  928.  
  929.  
  930.  
  931. <div class="perm">
  932.  
  933. <img src="http://media.tumblr.com/625d531cce50ec2d7c3ae738e7be8354/tumblr_inline_mv3440Htwy1roozkr.gif">
  934. {block:NoteCount}
  935. <a href="{Permalink}">{NoteCount} haunting</a>,
  936. {/block:NoteCount}
  937.  
  938. {block:Date}
  939. <a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  940. {/block:Date}
  941. {block:RebloggedFrom}
  942. <a href="{ReblogParentURL}" title="via: {ReblogParentName} "> x </a>
  943.  
  944. <a href="{ReblogRootURL}" title="source: {ReblogRootName}"> x </a>
  945. {/block:RebloggedFrom}</div>
  946.  
  947. {block:HasTags}
  948. {block:PermalinkPage}<div class="tags">
  949. {block:Tags}
  950. <a href="{TagURL}">#{Tag}</a>
  951. {/block:Tags}
  952. </div>{/block:PermalinkPage}
  953. {/block:HasTags}
  954.  
  955. {block:PostNotes} {PostNotes-16} {/block:PostNotes}
  956.  
  957. </div>
  958. {/block:posts}
  959. </div>
  960.  
  961.  
  962.  
  963.  
  964.  
  965. </div>
  966.  
  967. </body>
  968. </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!