API tools faq
paste
Advertisement
somanybias

theme

somanybias
Feb 26th, 2014
51
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.36 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!--EAMAEN THEME BY LNOCHI. PLEASE DON'T REMOVE CREDIT!
  7. Sidebar gif credit: LNOCHI.TUMBLR.COM-->
  8.  
  9. <head>
  10.  
  11.  
  12. <meta name="color:Background" content="#fff">
  13. <meta name="color:Hover" content="#c4c4c4"/>
  14. <meta name="color:Title" content="#ffffff"/>
  15. <meta name="color:Post Background" content="#ffffff">
  16. <meta name="color:Post Border" content="#f1f1f1">
  17. <meta name="color:MP Border" content="#a8a8a8">
  18. <meta name="color:Post Text" content="#a8a8a8">
  19. <meta name="color:Post Bold" content="#8e8e8e">
  20. <meta name="color:Post Italic" content="#87d6f7">
  21. <meta name="color:Post Link" content="#3fbff3">
  22. <meta name="color:Post Blockquote" content="#96cce7">
  23. <meta name="color:Post Title" content="#3fbff3">
  24. <meta name="color:Sidebar BG" content="#ffffff">
  25. <meta name="color:Post BG" content="#f8f8f8">
  26. <meta name="color:Sidebar Text" content="#a8a8a8">
  27. <meta name="color:Sidebar Image Border" content="#f1f1f1">
  28. <meta name="color:Sidebar Bold" content="#ffffff">
  29. <meta name="color:Sidebar Bold BG" content="#d2b0f0">
  30. <meta name="color:Sidebar Italic" content="#8e8e8e">
  31. <meta name="color:Sidebar Underline" content="#8e8e8e">
  32. <meta name="color:Sidebar Strikethrough" content="#8e8e8e">
  33. <meta name="color:Sidebar Link" content="#8fc0dd">
  34. <meta name="color:Scrollbar" content="#cccccc"/>
  35. <meta name="color:Scrollbar BG" content="#cccccc"/>
  36. <meta name="color:Question" content="#a7a7a7"/>
  37. <meta name="color:Ques BG" content="#a7a7a7"/>
  38. <meta name="image:Sidebar Background" content="">
  39. <meta name="image:Sidebar" content="http://static.tumblr.com/aqoekwn/j6Zmsfmqp/001.gif">
  40. <meta name="if:Small Cursor" content="1"/>
  41. <meta name="if:Black and White Sidebar Image" content="1"/>
  42. <meta name="if:Show Captions" content="0">
  43. <meta name="if:Photo Fading" content="0">
  44. <meta name="if:Infinite Scroll" content="1">
  45. <meta name="text:Name 1" content="">
  46. <meta name="text:URL 1" content="http://">
  47. <meta name="text:Name 2" content="">
  48. <meta name="text:URL 2" content="http://">
  49. <meta name="text:Name 3" content="">
  50. <meta name="text:URL 3" content="http://">
  51. <meta name="text:Name 4" content="">
  52. <meta name="text:URL 4" content="http://">
  53. <meta name="text:Name 5" content="">
  54. <meta name="text:URL 5" content="http://">
  55. <meta name="text:Name 6" content="">
  56. <meta name="text:URL 6" content="http://">
  57.  
  58. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  59.  
  60. <title>{Title}</title>
  61. <link rel="shortcut icon" href="{Favicon}" />
  62. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  63.  
  64. {block:Description}
  65. <meta name="description" content="{MetaDescription}"/>
  66. {/block:Description}
  67.  
  68.  
  69. <style type="text/css">
  70. {CustomCSS}
  71.  
  72. a:link, a:active, a:visited{
  73. color: {color:Link}
  74. text-decoration:none;
  75. -webkit-transition-duration:0.8s;
  76. }
  77.  
  78. a:hover{
  79. color:{color:Hover};
  80. }
  81.  
  82. {block:ifsmallcursor}*, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;} {/block:ifsmallcursor}
  83.  
  84. ::-webkit-scrollbar-thumb:vertical {
  85. background-color:{color:Scrollbar};
  86. height:10px;
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. height:0px;
  91. width:6px;
  92. background-color:{color:Scrollbar BG};
  93. }
  94.  
  95. body {
  96. background-image: url('{image:Sidebar Background}');
  97. background-attachment: fixed;
  98. background-color: {color:Background};
  99. {block:ifsmallcursor}cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;{/block:ifsmallcursor}
  100. }
  101.  
  102. #sidebarbg {
  103. position: fixed;
  104. left:0px;
  105. top: 0px;
  106. background-color: {color:Sidebar BG};
  107. height: 110%;
  108. width: 400px;
  109. position: fixed
  110. opacity:1;
  111. }
  112.  
  113. #sidebarbg {
  114. position: fixed;
  115. left:415px;
  116. top: 0px;
  117. background-color: {color:Post BG};
  118. height: 110%;
  119. width: 5000px;
  120. position: fixed;
  121. opacity:1;
  122. }
  123.  
  124. #sidebar {
  125. position: fixed;
  126. left: 100px;
  127. top: 121px;
  128. }
  129.  
  130. #desc {
  131. width: 180px;
  132. height: auto;
  133. padding: 8px;
  134. padding-left:10px;
  135. font-family: calibri;
  136. font-size: 10px;
  137. text-decoration: none;
  138. color: {color:Sidebar Text};
  139. text-align: justify;
  140. line-height: 12px;
  141. z-index:444;
  142. }
  143.  
  144. #desc h2 {
  145. width:180px;
  146. height:auto;
  147. padding-left:12px;
  148. font-family:arial;
  149. font-weight:normal;
  150. text-align:justify;
  151. font-size:9px;
  152. color:{color:Sidebar Text};
  153. line-height: 11px;
  154. }
  155.  
  156. #desc i, em {
  157. color: {color:Sidebar Italic};
  158. }
  159.  
  160. #desc b, em {
  161. font-size:9px;
  162. letter-spacing:0px;
  163. font-family:;
  164. background-color:{color:Sidebar Bold BG};
  165. color: {color:Sidebar Bold};
  166. padding:1px;
  167. }
  168.  
  169. #desc u, em {
  170. color: {color:Sidebar Underline};
  171. }
  172.  
  173. #desc s, em {
  174. color: {color:Sidebar Strikethrough};
  175. }
  176.  
  177. #desc a {
  178. text-decoration: none;
  179. color: {color:Sidebar Link};
  180. }
  181.  
  182. #desc a:hover {
  183. text-decoration: none;
  184. color: {color:Hover};
  185. }
  186.  
  187. #desc img {
  188. max-width: 180px;
  189. padding:10px;
  190. border:2px solid {color:Sidebar Image Border};
  191. {block:IfPhotoFading}opacity: .8;
  192. {/block:IfPhotoFading}
  193. -webkit-transition: all 0.5s ease-in-out;
  194. -moz-transition: all 0.5s ease-in-out;
  195. -o-transition: all 0.5s ease-in-out;
  196. -ms-transition: all 0.5s ease-in-out;
  197. transition: all 0.5s ease-in-out;
  198. {block:IfBlackandWhiteSidebarImage}
  199. -webkit-filter: grayscale(100%);
  200. {/block:IfBlackandWhiteSidebarImage}
  201.  
  202. }
  203.  
  204. #desc img:hover {
  205. opacity: 1;
  206. }
  207.  
  208. #sidebar2 {
  209. position: fixed;
  210. left: 90px;
  211. top: 80px;
  212. }
  213.  
  214. #desc2 {
  215. width: 100px;
  216. height: auto;
  217. padding: 6px;
  218. padding-left: 6px;
  219. z-index: 444;
  220. }
  221.  
  222. #linkbar {
  223. float:left;
  224. position:fixed;
  225. width:20px;
  226. height:83px;
  227. text-align:center;
  228. margin-top:149px;
  229. margin-left:80px;
  230. }
  231.  
  232. #links {
  233. width:20px;
  234. height:18px;
  235. padding-top:2px;
  236. padding-bottom:2px;
  237. padding-left:-1px;
  238. opacity:.7;
  239. }
  240.  
  241. #links a {
  242. text-decoration:none; opacity:1;
  243. }
  244.  
  245. #links a:hover {
  246. opacity:0.8;
  247. }
  248.  
  249. #linku {
  250. position:fixed;
  251. width:20px;
  252. opacity:1;
  253. margin-top:-4px;
  254. -webkit-transition: all 0.5s ease-in-out;
  255. -moz-transition: all 0.5s ease-in-out;
  256. -o-transition: all 0.5s ease-in-out;
  257. -ms-transition: all 0.5s ease-in-out;
  258. transition: all 0.5s ease-in-out;
  259. }
  260.  
  261. #linku:hover {
  262. margin-left:-60px;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. -o-transition: all 0.5s ease-in-out;
  266. -ms-transition: all 0.5s ease-in-out;
  267. transition: all 0.5s ease-in-out;
  268. }
  269.  
  270. #linkuu {
  271. width:80px;
  272. text-align: left;
  273. color: {color:Sidebar Link};
  274. position:block;
  275. font-family:trebuchet ms;
  276. font-size: 7px;
  277. line-height: 13px;
  278. letter-spacing: 2px;
  279. text-transform: uppercase;
  280. margin-left:17px;
  281. margin-top:-16px;
  282. opacity:0;
  283. }
  284.  
  285. #linkuu a {
  286. color: {color:Sidebar Link};
  287. opacity:1;
  288. }
  289.  
  290. #linkuu a:hover {
  291. color: {color:Hover};
  292. }
  293.  
  294. #linku:hover #linkuu{
  295. opacity:1;
  296. -webkit-transition: all 0.5s ease-in-out;
  297. -moz-transition: all 0.5s ease-in-out;
  298. -o-transition: all 0.5s ease-in-out;
  299. -ms-transition: all 0.5s ease-in-out;
  300. transition: all 0.5s ease-in-out;
  301. }
  302.  
  303. #titled {
  304. position:fixed;
  305. left:119px;
  306. top:100px;
  307. }
  308.  
  309. #title {
  310. height: auto;
  311. color:{color:Title};
  312. text-align:center;
  313. width:180px;
  314. font-family:georgia;
  315. font-size:20px;
  316. }
  317.  
  318. {block:IfNotInfiniteScroll}
  319. #pag {
  320. color:{color:Sidebar Link};
  321. font-size: 12px;
  322. font-family: georgia;
  323. text-align:center;
  324. position:fixed;
  325. top:190px;
  326. left:381px;
  327. }
  328.  
  329. #pag a {
  330. font-size:12px;
  331. text-decoration:none;
  332. color:{color:Post Link};
  333. padding:2px 2px 4px 4px;
  334. }
  335.  
  336. #pag a:hover {
  337. color:{color:Hover};
  338. }
  339. {/block:IfNotInfiniteScroll}
  340.  
  341. #posts {
  342. {block:IndexPage}width: 500px;{/block:IndexPage}
  343. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  344. float: left;
  345. margin-left: 460px;
  346. margin-top:13px;
  347. margin-bottom:20px;
  348. }
  349.  
  350. .entry {
  351. background-color: {color:Post Background};
  352. {block:IndexPage}width: 500px;{/block:IndexPage}
  353. {block:PermalinkPage}width: 500px;{/block:PermalinkPage}
  354. padding: 15px;
  355. position: relative;
  356. {block:IndexPage}float: left;{/block:IndexPage}
  357. margin: 40px;
  358. font-family: arial;
  359. letter-spacing: 0px;
  360. border:1px solid {color:Post Border};
  361. {block:IndexPage}font-size: 9px;{/block:IndexPage}
  362. {block:PermalinkPage}font-size: 9px;{/block:PermalinkPage}
  363. color: {color:Post Text};
  364. text-align: justify;
  365. {block:PermalinkPage}margin-left: margin-left: 120px;px;{/block:PermalinkPage}
  366. }
  367.  
  368. .entry .permalink{
  369. width:520px;
  370. height:auto;
  371. margin-left:-15px;
  372. margin-top:11px;
  373. opacity:1;
  374. padding-top:7px;
  375. padding-left:10px;
  376. padding-bottom:6px;
  377. position:absolute;
  378. text-align:center;
  379. font-family:calibri;
  380. font-size:8px;
  381. text-transform:uppercase;
  382. border-top:5px solid {color:Post Border};
  383. line-height:10px;
  384. -webkit-transition: all .7s ease-in-out;
  385. -moz-transition: all .7s ease-in-out;
  386. -o-transition: all .7s ease-in-out;
  387. -ms-transition: all .7s ease-in-out;
  388. transition: all .7s ease-in-out;
  389. }
  390.  
  391. .entry:hover .permalink{
  392. color:{color:Hover};
  393. opacity:1;
  394. z-index:9;
  395. height:auto;
  396. line-height:10px;
  397. -webkit-transition: all .5s ease-in-out;
  398. -moz-transition: all .5s ease-in-out;
  399. -o-transition: all .5s ease-in-out;
  400. -ms-transition: all .5s ease-in-out;
  401. transition: all .5s ease-in-out;
  402. }
  403.  
  404. .tags {
  405. margin-top:-1px;
  406. margin-left:-10px;
  407. font-size:9px;
  408. font-weight:;
  409. text-align:left;
  410. text-transform:;
  411. letter-spacing:px;
  412. color:{color:Post Text};
  413. }
  414.  
  415. .tags a {
  416. margin-left:px;
  417. padding:2px 4px;
  418. display:inline-block;
  419. text-decoration:none;
  420. color:{color: Post Link} !important;
  421. }
  422.  
  423. .tags a:hover {
  424. color:{color: Hover};
  425. }
  426.  
  427. .permalink a {
  428. color: {color:Post Link};
  429. }
  430.  
  431. .permalink a:hover {
  432. color: {color:Hover};
  433. }
  434.  
  435. .entry b, strong {
  436. color: {color:Post Bold};
  437. }
  438.  
  439. .entry i, em {
  440. color: {color:Post Italic};
  441. }
  442.  
  443. .entry a {
  444. color: {color:Post Link};
  445. text-decoration: none;
  446. }
  447.  
  448. .entry h1 {
  449. font-family:trebuchet ms;
  450. letter-spacing:3px;
  451. font-size:8px;
  452. color: {color:Post Title};
  453. font-weight: none;
  454. font-style: none;
  455. text-transform: uppercase;
  456. text-align: center;
  457. margin-bottom: -3px;
  458. margin-left:1px;
  459. }
  460.  
  461. .entry h1 a:hover {
  462. color: {color:Hover};
  463. }
  464.  
  465. .entry img {
  466. {block:IndexPage}max-width: 500px;{/block:IndexPage}
  467. {block:PermalinkPage}max-width: 500px;{/block:PermalinkPage}
  468. margin-bottom: -2px;
  469. {block:IfPhotoFading}opacity: .8;
  470. {/block:IfPhotoFading}
  471. -webkit-transition: all 0.5s ease-in-out;
  472. -moz-transition: all 0.5s ease-in-out;
  473. -o-transition: all 0.5s ease-in-out;
  474. -ms-transition: all 0.5s ease-in-out;
  475. transition: all 0.5s ease-in-out;
  476. }
  477.  
  478. .entry img:hover {
  479. opacity: 1;
  480. }
  481.  
  482. .photo {
  483. {block:IfPhotoFading}opacity: .8;
  484. {/block:IfPhotoFading}
  485. margin-bottom: -2px;
  486. -webkit-transition: all 0.5s ease-in-out;
  487. -moz-transition: all 0.5s ease-in-out;
  488. -o-transition: all 0.5s ease-in-out;
  489. -ms-transition: all 0.5s ease-in-out;
  490. transition: all 0.5s ease-in-out;
  491. }
  492.  
  493. .photo:hover {
  494. opacity: 1;
  495. }
  496.  
  497. a:hover {
  498. color: {color:Hover};
  499. }
  500.  
  501. .entry h2 {
  502. font-family: georgia;
  503. font-size: 11px;
  504. color: {color:Post Blockquote};
  505. font-weight: normal;
  506. font-style: italic;
  507. text-transform: none;
  508. letter-spacing: 0px;
  509. text-align: left;
  510. }
  511.  
  512. .quote {
  513. font-family: georgia;
  514. font-size: 20px;
  515. color: {color:Post Bold};
  516. float: left;
  517. margin-top: -1px;
  518. margin-right: 5px;
  519. }
  520.  
  521. .quest {
  522. background-color: {color:Ques BG};
  523. padding: 5px;
  524. color: {color:Question};
  525. }
  526.  
  527. chatt {
  528. color: {color:Ques BG};
  529. margin-top: -10px;
  530. font-size: 25px;
  531. margin-left: 10px;
  532. }
  533.  
  534. .askerr {
  535. margin-top: -17px;
  536. font-family: trebuchet ms;
  537. font-size: 7px;
  538. text-transform: uppercase;
  539. margin-left: 33px;
  540. letter-spacing: 1px;
  541. }
  542.  
  543. a:hover {
  544. color:{color:Hover};
  545. text-decoration: none;
  546. webkit-transition: all 0.3s linear;
  547. -webkit-transition: all 0.3s linear;
  548. -moz-transition: all 0.3s linear;
  549. transition: all 0.3s linear;
  550. }
  551.  
  552. .audio img {
  553. max-width: 50px;
  554. float: left;
  555. margin-right: 5px;
  556. border: 5px solid {color:MP Border};
  557. }
  558.  
  559. .player {
  560. background-color: {color:MP Border};
  561. height: 25px;
  562. width: 25px;
  563. padding: 5px;
  564. margin-left: 85px;
  565. margin-top: 10px;
  566. overflow: hidden;
  567. position: absolute;
  568. margin-left: 13px;
  569. margin-top: 13px;
  570. opacity: .5;
  571. transition: 0.5s;
  572. -moz-transition: 0.5s;
  573. -webkit-transition: 0.5s;
  574. -o-transition: 0.5s;
  575. }
  576.  
  577. .player:hover {
  578. opacity: .9;
  579. }
  580.  
  581. #audio{
  582. margin-top:90px;
  583. margin-left:86px;
  584. position:absolute;
  585. -webkit-border-radius: 60px;
  586. border-radius: 60px;
  587. -moz-border-radius: 60px;
  588. height: 80px;
  589. width:80px;
  590. overflow: hidden;
  591. background-color:#ffffff;
  592. text-align: center;
  593. opacity: 0.8;
  594. filter:alpha(opacity=0.8);
  595. }
  596.  
  597.  
  598. .permalink {
  599. font-family: calibri;
  600. font-size: 8px;
  601. color: {color:Post Text};
  602. text-transform: uppercase;
  603. text-align: left;
  604. width: 500px;
  605. float: left;
  606. margin-left: 53px;
  607. letter-spacing:1px;
  608. margin-top:-25px;
  609. position: relative;
  610. padding-top: 5px;
  611. border-top: 1px solid {color:Post Border};
  612. }
  613.  
  614. .permalink b {
  615. color: {color:Post Bold};
  616. font-weight: normal;
  617. }
  618.  
  619. .permalink a {
  620. color: {color:Post Link};
  621. text-decoration: none;
  622. }
  623.  
  624. #date {
  625. color: {color:Sidebar Italic};
  626. }
  627.  
  628. ol.notes {
  629. position: relative;
  630. z-index:444;
  631. padding: 0px;
  632. margin: 10px 0px;
  633. margin-left:10px;
  634. list-style-type: none;
  635. background: transparent;
  636. border: 0px;
  637. letter-spacing: 1px;
  638. }
  639.  
  640. ol.notes li.note {
  641. position: relative;
  642. padding: 1px;
  643. margin-left:5px;
  644. text-align: left;
  645. letter-spacing: 1px;
  646. }
  647.  
  648. .notes img{
  649. width: 15px;
  650. position: relative;
  651. top: 1px;
  652. margin-bottom:5px;
  653. opacity: 1;
  654. margin-left:0px;
  655. }
  656.  
  657. iframe#tumblr_controls {
  658. position: fixed !important;
  659. right:0px !important;
  660. -moz-transition: all 0.8s ease-out;
  661. -webkit-transition: opacity 0.7s linear;
  662. -webkit-transition: all 0.8s ease-out;
  663. transition: all 0.8s ease-out;
  664. opacity: 0.5;}
  665.  
  666. iframe#tumblr_controls:hover {
  667. -webkit-transition: opacity 0.7s linear;
  668. -moz-transition: all 0.4s ease-out;
  669. -webkit-transition: all 0.4s ease-out;
  670. transition: all 0.4s ease-out;
  671. opacity: 1;}
  672.  
  673.  
  674.  
  675.  
  676.  
  677.  
  678. #editthis{
  679. /* EDIT THIS STUFF TO POSITION YOUR MUSIC PLAYER */
  680. position:fixed;
  681. top:20px; /* YOU CAN CHANGE THIS TO BOTTOM */
  682. left:20px; /* YOU CAN CHANGE THIS TO RIGHT */
  683. z-index:99;}
  684.  
  685. /* I DON'T RECOMMEND TOUCHING THIS STUFF */
  686. #music1{
  687. position:fixed;
  688. padding:2px;
  689. -webkit-transition: all 0.5s ease-in-out;
  690. -moz-transition: all 0.5s ease-in-out;
  691. -o-transition: all 0.5s ease-in-out;}
  692.  
  693. #music1:hover #music2{
  694. opacity:0;
  695. margin-top:-25px;
  696. z-index:-1;}
  697.  
  698. #music1:hover #music3{
  699. opacity:1;
  700. margin-top:-5px;
  701. z-index:99;}
  702.  
  703. #music1:hover #musiclist{
  704. opacity:1;}
  705.  
  706. #music2{
  707. /* THIS IS THE GIF DIV */
  708. opacity:1;
  709. background-color:transparent;
  710. border:1px dotted #ccc;
  711. padding:6px;
  712. -webkit-transition: all 0.5s ease-in-out;
  713. -moz-transition: all 0.5s ease-in-out;
  714. -o-transition: all 0.5s ease-in-out;}
  715.  
  716. #music3{
  717. /* THIS IS THE ACTUAL MUSIC PLAYER DIV */
  718. opacity:0;
  719. position:fixed;
  720. background-color:transparent;
  721. border:1px dashed #ccc;
  722. width:55px;
  723. height:20px;
  724. z-index:99;
  725. margin-left:-5px;
  726. overflow:hidden;
  727. -webkit-transition: all 0.5s ease-in-out;
  728. -moz-transition: all 0.5s ease-in-out;
  729. -o-transition: all 0.5s ease-in-out;}
  730.  
  731. #musiclist{
  732. /* THIS IS THE PLAYLIST DIV */
  733. opacity:0;
  734. position:fixed;
  735. padding:6px;
  736. border:1px dashed #ccc;
  737. margin-left:10px;
  738. margin-top:10px;
  739. font-family:consolas;
  740. font-size:8px;
  741. background-color:transparent;
  742. width:120px;
  743. color:#999;
  744. text-transform:uppercase;
  745. -webkit-transition: all 0.5s ease-in-out;
  746. -moz-transition: all 0.5s ease-in-out;
  747. -o-transition: all 0.5s ease-in-out;}
  748.  
  749. #musiclist h1{
  750. /*THIS IS THE PLAYLIST TITLE SETTINGS*/
  751. font-family:consolas;
  752. font-size:11px;
  753. margin-top:0px;
  754. margin-bottom:2px;
  755. font-style:normal;
  756. font-weight:normal;
  757. color:#1bbafc; /*THIS IS THE PLAYLIST TITLE COLOR*/
  758. border-bottom:1px dotted #ccc;
  759. text-align:left;
  760. text-transform:uppercase;}
  761.  
  762.  
  763.  
  764.  
  765.  
  766.  
  767. </style>
  768.  
  769.  
  770. {block:IndexPage}
  771. {block:ifInfiniteScroll}
  772. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  773. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  774. {/block:ifInfiniteScroll}
  775. {/block:IndexPage}
  776.  
  777.  
  778.  
  779.  
  780.  
  781.  
  782.  
  783. <script type="text/javascript">
  784. // <![CDATA[
  785. var colour="#88d8c0";
  786. var sparkles=120;
  787.  
  788. /****************************
  789. * Tinkerbell Magic Sparkle *
  790. * (c) 2005 mf2fm web-design *
  791. * http://www.mf2fm.com/rv *
  792. * DON'T EDIT BELOW THIS BOX *
  793. ****************************/
  794. var x=ox=400;
  795. var y=oy=300;
  796. var swide=800;
  797. var shigh=600;
  798. var sleft=sdown=0;
  799. var tiny=new Array();
  800. var star=new Array();
  801. var starv=new Array();
  802. var starx=new Array();
  803. var stary=new Array();
  804. var tinyx=new Array();
  805. var tinyy=new Array();
  806. var tinyv=new Array();
  807.  
  808. window.onload=function() { if (document.getElementById) {
  809. var i, rats, rlef, rdow;
  810. for (var i=0; i<sparkles; i++) {
  811. var rats=createDiv(3, 3);
  812. rats.style.visibility="hidden";
  813. document.body.appendChild(tiny[i]=rats);
  814. starv[i]=0;
  815. tinyv[i]=0;
  816. var rats=createDiv(5, 5);
  817. rats.style.backgroundColor="transparent";
  818. rats.style.visibility="hidden";
  819. var rlef=createDiv(1, 5);
  820. var rdow=createDiv(5, 1);
  821. rats.appendChild(rlef);
  822. rats.appendChild(rdow);
  823. rlef.style.top="2px";
  824. rlef.style.left="0px";
  825. rdow.style.top="0px";
  826. rdow.style.left="2px";
  827. document.body.appendChild(star[i]=rats);
  828. }
  829. set_width();
  830. sparkle();
  831. }}
  832.  
  833. function sparkle() {
  834. var c;
  835. if (x!=ox || y!=oy) {
  836. ox=x;
  837. oy=y;
  838. for (c=0; c<sparkles; c++) if (!starv[c]) {
  839. star[c].style.left=(starx[c]=x)+"px";
  840. star[c].style.top=(stary[c]=y)+"px";
  841. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  842. star[c].style.visibility="visible";
  843. starv[c]=50;
  844. break;
  845. }
  846. }
  847. for (c=0; c<sparkles; c++) {
  848. if (starv[c]) update_star(c);
  849. if (tinyv[c]) update_tiny(c);
  850. }
  851. setTimeout("sparkle()", 40);
  852. }
  853.  
  854. function update_star(i) {
  855. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  856. if (starv[i]) {
  857. stary[i]+=1+Math.random()*3;
  858. if (stary[i]<shigh+sdown) {
  859. star[i].style.top=stary[i]+"px";
  860. starx[i]+=(i%5-2)/5;
  861. star[i].style.left=starx[i]+"px";
  862. }
  863. else {
  864. star[i].style.visibility="hidden";
  865. starv[i]=0;
  866. return;
  867. }
  868. }
  869. else {
  870. tinyv[i]=50;
  871. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  872. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  873. tiny[i].style.width="2px";
  874. tiny[i].style.height="2px";
  875. star[i].style.visibility="hidden";
  876. tiny[i].style.visibility="visible"
  877. }
  878. }
  879.  
  880. function update_tiny(i) {
  881. if (--tinyv[i]==25) {
  882. tiny[i].style.width="1px";
  883. tiny[i].style.height="1px";
  884. }
  885. if (tinyv[i]) {
  886. tinyy[i]+=1+Math.random()*3;
  887. if (tinyy[i]<shigh+sdown) {
  888. tiny[i].style.top=tinyy[i]+"px";
  889. tinyx[i]+=(i%5-2)/5;
  890. tiny[i].style.left=tinyx[i]+"px";
  891. }
  892. else {
  893. tiny[i].style.visibility="hidden";
  894. tinyv[i]=0;
  895. return;
  896. }
  897. }
  898. else tiny[i].style.visibility="hidden";
  899. }
  900.  
  901. document.onmousemove=mouse;
  902. function mouse(e) {
  903. set_scroll();
  904. y=(e)?e.pageY:event.y+sdown;
  905. x=(e)?e.pageX:event.x+sleft;
  906. }
  907.  
  908. function set_scroll() {
  909. if (typeof(self.pageYOffset)=="number") {
  910. sdown=self.pageYOffset;
  911. sleft=self.pageXOffset;
  912. }
  913. else if (document.body.scrollTop || document.body.scrollLeft) {
  914. sdown=document.body.scrollTop;
  915. sleft=document.body.scrollLeft;
  916. }
  917. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  918. sleft=document.documentElement.scrollLeft;
  919. sdown=document.documentElement.scrollTop;
  920. }
  921. else {
  922. sdown=0;
  923. sleft=0;
  924. }
  925. }
  926.  
  927. window.onresize=set_width;
  928. function set_width() {
  929. if (typeof(self.innerWidth)=="number") {
  930. swide=self.innerWidth;
  931. shigh=self.innerHeight;
  932. }
  933. else if (document.documentElement && document.documentElement.clientWidth) {
  934. swide=document.documentElement.clientWidth;
  935. shigh=document.documentElement.clientHeight;
  936. }
  937. else if (document.body.clientWidth) {
  938. swide=document.body.clientWidth;
  939. shigh=document.body.clientHeight;
  940. }
  941. }
  942.  
  943. function createDiv(height, width) {
  944. var div=document.createElement("div");
  945. div.style.position="absolute";
  946. div.style.height=height+"px";
  947. div.style.width=width+"px";
  948. div.style.overflow="hidden";
  949. div.style.backgroundColor=colour;
  950. return (div);
  951. }
  952. // ]]>
  953. </script>
  954.  
  955.  
  956.  
  957.  
  958.  
  959.  
  960.  
  961.  
  962.  
  963. </head>
  964. <body>
  965.  
  966.  
  967.  
  968.  
  969.  
  970.  
  971. <div id="editthis">
  972. <div id="music1">
  973. <div id="music2">
  974.  
  975. <!-- YOU CAN CHANGE THE MUSIC GIF BELOW. -->
  976. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"></div>
  977.  
  978. <div id="music3">
  979. <Div style="margin-top:4px;">
  980. <!-- YOUR MUSIC CODE GOES HERE, RIGHT AFTER THIS LINE. -->
  981. <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=https://dl.dropboxusercontent.com/s/u6biieu76c89w4b/Don%27t%20Go%20%28Piano%29.mp3?dl=1&token_hash=AAG8VeF3CWZKxocwXUcukzfyxgR61IdhjkLyInmK7ZuThA&t0=Don't Go&f1=https://dl.dropboxusercontent.com/s/nd22zpzx36qeam4/Peter%20Pan%20%28Piano%29.mp3?dl=1&token_hash=AAEZwAtY-DHhI9_33fYLqsEpD8UdoxXl6iPNND8IrK6ihw&t1=Peter Pan&f2=https://dl.dropboxusercontent.com/s/nz22z1ct0w9mr48/Lucky%20%28Piano%29.mp3?dl=1&token_hash=AAF0Y7K_wXVyKBi_huzgFOVT2cDUMet5DfIooj-Y8qTbJA&t2=Lucky&total=3" quality="high" wmode="transparent" width="200" height="20" name="billy" align="left" type="application/x-shockwave-flash" />
  982. </div>
  983. </div>
  984.  
  985. <div id="musiclist">
  986. <h1>Playlist</h1>
  987. <!-- PUT YOUR MUSIC TITLES HERE. BE SURE TO ADD A BREAK AFTER EACH ONE. -->
  988. 01. Don't Go <br>
  989. 02. Peter Pan <br>
  990. 03. Lucky <br>
  991. </div>
  992.  
  993. </div>
  994. </div>
  995.  
  996.  
  997.  
  998.  
  999.  
  1000.  
  1001.  
  1002.  
  1003. <div id="sidebarbg"></div>
  1004. <div id="sidebarbg1"></div>
  1005. <div id="titled">
  1006. <div id="title">
  1007. {Title}
  1008. </div></div>
  1009. <div id="sidebar">
  1010. <div id="desc">
  1011. {block:IfSidebarImage}<a href="/"><img src="{image:Sidebar}" width="200" height="auto"/></a><br />{/block:IfSidebarImage}
  1012.  
  1013. <h2>{Description}</h2>
  1014.  
  1015. </div>
  1016.  
  1017. </div>
  1018.  
  1019. </div></div>
  1020.  
  1021. <div id="linkbar">
  1022.  
  1023. <div id="links"><a href="/" title="Home"><img src="http://static.tumblr.com/liul60i/Q32mbzsen/home.png"></a></div>
  1024.  
  1025. <div id="links"><a href="/ask" title="Message"><img src="http://static.tumblr.com/liul60i/beCmbzshz/mail.png"></a></div>
  1026.  
  1027. <div id="links"><a title="theme" href="http://lnochi.tumblr.com/" target="new"><img src="http://static.tumblr.com/3dz05fq/u0Mmb20b0/heart.png"></a>
  1028. </div>
  1029.  
  1030. <div id="links"><div id="linku">
  1031. <img src="http://static.tumblr.com/aqoekwn/Hjvm71jqd/add.png"><div id="linkuu">
  1032. {block:IfName1}<a href="{text:URL 1}">{text:Name 1}</a>{/block:IfName1}<br/>
  1033. {block:IfName2}<a href="{text:URL 2}">{text:Name 2}</a>{/block:IfName2}<br/>
  1034. {block:IfName3}<a href="{text:URL 3}">{text:Name 3}</a>{/block:IfName3}<br/>
  1035. {block:IfName4}<a href="{text:URL 4}">{text:Name 4}</a>{/block:IfName4}<br/>
  1036. {block:IfName5}<a href="{text:URL 5}">{text:Name 5}</a>{/block:IfName5}<br/>
  1037. {block:IfName6}<a href="{text:URL 6}">{text:Name 6}</a>{/block:IfName6}</a></div></div>
  1038.  
  1039. <div id="sidebar2">
  1040. <div id="desc2">
  1041.  
  1042. {block:IfNotInfiniteScroll}
  1043. {block:pagination}
  1044. <div id="pag" align="center">
  1045. {block:PreviousPage}
  1046. <a href="{PreviousPage}"><i>prev</i></a>
  1047. {/block:PreviousPage}
  1048.  
  1049. {block:NextPage}
  1050. <a href="{NextPage}"><i>next</i></a>
  1051. {/block:NextPage}
  1052. </div>
  1053. {/block:pagination}
  1054. {/block:IfNotInfiniteScroll}
  1055. </div>
  1056. </div>
  1057. </div></div>
  1058.  
  1059. <div id="posts">
  1060. {block:Posts}
  1061.  
  1062. <div class="entry">
  1063.  
  1064. {block:Text}
  1065. {block:Title}<h1><span class="title">{Title}</span></h1>{/block:Title}
  1066. <span class="entrytext">{Body}</span></a>
  1067. {block:IndexPage}
  1068. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1069. <div class="tags">{block:HasTags}
  1070. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1071. {/block:HasTags}</div>
  1072. </div>
  1073. {/block:IndexPage}
  1074. {/block:Text}
  1075.  
  1076. {block:Photo}
  1077. <center>{LinkOpenTag}<img src="{PhotoURL-500}" width="500px" alt="">{LinkCloseTag}</center>
  1078. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1079. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1080. {Caption}
  1081. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1082. {block:IndexPage}
  1083. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1084. <div class="tags">{block:HasTags}
  1085. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1086. {/block:HasTags}</div>
  1087. </div>
  1088. {/block:IndexPage}
  1089. {/block:Photo}
  1090.  
  1091. {block:Photoset}
  1092. <div class="photo">{block:IndexPage}{Photoset-500}{/block:IndexPage}
  1093. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}</div>
  1094. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1095. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1096. {Caption}
  1097. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1098. {block:IndexPage}
  1099. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1100. <div class="tags">{block:HasTags}
  1101. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1102. {/block:HasTags}</div>
  1103. </div>
  1104. {/block:IndexPage}
  1105. {/block:Photoset}
  1106.  
  1107. {block:Quote}
  1108. <div class="quote">&#10077;</div>
  1109. <h2>{Quote}</h2>
  1110. {block:Source}<div style="text-align: right; padding-right: 2px; font-family: trebuchet ms; font-size:7px; text-transform: uppercase; letter-spacing: 1px;">- {Source}</div>{/block:Source}
  1111. {block:IndexPage}
  1112. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1113. <div class="tags">{block:HasTags}
  1114. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1115. {/block:HasTags}</div>
  1116. </div>
  1117. {/block:IndexPage}
  1118. {/block:Quote}
  1119.  
  1120. {block:Link}
  1121. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  1122. {block:Description}{Description}{/block:Description}
  1123. {block:IndexPage}
  1124. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1125. <div class="tags">{block:HasTags}
  1126. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1127. {/block:HasTags}</div>
  1128. </div>
  1129. {/block:IndexPage}
  1130. {/block:Link}
  1131.  
  1132. {block:Chat}
  1133. {block:Title}<h1>{Title}</h1>{/block:Title}
  1134. {block:Lines}
  1135. {block:Label}
  1136. <b>{Label}</b>
  1137. {/block:Label}
  1138. {Line}<br />
  1139. {/block:Lines}
  1140. {block:IndexPage}
  1141. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1142. <div class="tags">{block:HasTags}
  1143. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1144. {/block:HasTags}</div>
  1145. </div>
  1146. {/block:IndexPage}
  1147. {/block:Chat}
  1148.  
  1149. {block:Audio}
  1150. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  1151. <div class="player">{AudioPlayerWhite}</div>
  1152. <div style="font-size: 8px; margin-top: 4px; margin-left: 10px; text-transform: uppercase; line-height: 18px; letter-spacing:1px; font-family:trebuchet ms;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
  1153. {block:IndexPage}
  1154. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1155. <div class="tags">{block:HasTags}
  1156. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1157. {/block:HasTags}</div>
  1158. </div>
  1159. {/block:IndexPage}
  1160. {/block:Audio}
  1161.  
  1162. {block:Video}
  1163. {block:IndexPage}{Video-500}{/block:IndexPage}
  1164. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1165. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1166. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  1167. {Caption}
  1168. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1169. {block:IndexPage}
  1170. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1171. <div class="tags">{block:HasTags}
  1172. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1173. {/block:HasTags}</div>
  1174. </div>
  1175. {/block:IndexPage}
  1176. {/block:Video}
  1177.  
  1178. {block:Answer}
  1179. <div class="quest">{question}</div>
  1180. <div class="chatt">◥</div>
  1181. <div class="askerr">{asker}</div>
  1182. {answer}
  1183. {block:IndexPage}
  1184. <div class="permalink"><a href="{Permalink}">{DayOfMonth}/{ShortMonth}/{Year}</a> / ♥ {notecount} / <a href="{ReblogURL}" target="_blank">reblog</a></span></a><br/>
  1185. <div class="tags">{block:HasTags}
  1186. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}
  1187. {/block:HasTags}</div>
  1188. </div>
  1189. {/block:IndexPage}
  1190. {/block:Answer}
  1191.  
  1192. </div>
  1193.  
  1194. {block:PermalinkPage}
  1195. <div class="permalink">
  1196. <center><div id="date">{block:Date}Posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>{block:RebloggedFrom}origin: <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1197. {block:HasTags}<b>tags &raquo;</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</center>
  1198. {block:PostNotes}
  1199. {PostNotes}
  1200. {/block:PostNotes}
  1201. </div>
  1202. {/block:PermalinkPage}
  1203.  
  1204. {/block:Posts}
  1205. </div>
  1206.  
  1207.  
  1208. </body>
  1209. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
  • Chaos
    YAML | 1 min ago | 0.92 KB
  • Phoenix
    YAML | 6 min ago | 0.46 KB
  • Scare
    YAML | 7 min ago | 0.94 KB
  • Launch
    YAML | 9 min ago | 0.57 KB
  • Slingshot
    YAML | 11 min ago | 0.67 KB
  • Nulify
    YAML | 14 min ago | 1.19 KB
  • Untitled
    C++ | 15 min ago | 0.84 KB
  • Rush
    YAML | 15 min ago | 0.77 KB
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!