Advertisement
aellionios

spencer ; remake / ladmilk / bugs fixed

Mar 8th, 2016
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.97 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--- Theme #50 by Heidi @ladmilk - Inspired by Selkas
  5. don't do a dumb and steal. ty.
  6. tweaked by aella @ aellionous ---->
  7.  
  8. <head>
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel'); //Get Popup Name
  17. var popURL = $(this).attr('href'); //Get Popup href to define size
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. //Apply Margin to Popup
  25. $('#' + popID).css({
  26. 'margin-top' : -popMargTop,
  27. 'margin-left' : -popMargLeft
  28. });
  29. $('body').append('<div id="fade"></div>');
  30. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  31. return false;
  32. });
  33. $('a.close, #fade').live('click', function() {
  34. $('#fade , .popup_block').fadeOut(function() {
  35. $('#fade, a.close').remove(); //fade them both out
  36. });
  37. return false;
  38. });
  39. });
  40. </script>
  41.  
  42. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  43.  
  44. <title>{Title}</title>
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48. <link rel="shortcut icon" href="https://www.kissofnaturesoap.com/shop/images/pointer_blue.gif" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50.  
  51. <meta name="image:Background" content="" />
  52.  
  53. <meta name="color:Background" content="#000000" />
  54. <meta name="color:Posts" content="#131313" />
  55. <meta name="color:Text" content="#474747" />
  56. <meta name="color:Links" content="#760000" />
  57. <meta name="color:Blockquote" content="#191919" />
  58. <meta name="color:Posttitle" content="#222222" />
  59. <meta name="color:Bold" content="#760000" />
  60. <meta name="color:Italic" content="#c0878e"/>
  61. <meta name="color:Border" content="#191919" />
  62. <meta name="color:Permalink" content="#760000" />
  63. <meta name="color:PermaText" content="#474747" />
  64. <meta name="color:NoteText" content="#474747" />
  65. <meta name="color:NoteBackground" content="#0c0c0c" />
  66. <meta name="color:Scroll" content="#0f0f0f" />
  67. <meta name="color:Scrollbar" content="#c0878e" />
  68. <meta name="color:Scrollbarborder" content="#191919" />
  69.  
  70. <meta name="if:250px" content="1" />
  71. <meta name="if:ShowCaptions" content="0" />
  72. <meta name="if:ShowDescription" content="1" />
  73. <meta name="if:WhiteTumblrControls" content="1" />
  74. <meta name="if:Infinitescroll" content="1" />
  75.  
  76. <meta name="text:PostPadding" content="0px" />
  77.  
  78. <meta name="text:MP3 Link" content=""/>
  79.  
  80. <style type="text/css">
  81.  
  82. @font-face
  83. { font-family:"lovenote"; src: url('https://dl.dropbox.com/s/lg0biqm7jqlyfaq/ck-love-note.ttf?dl=1'); format(“truetype”);}
  84.  
  85. @font-face
  86. { font-family:"scriptina"; src: url('https://dl.dropbox.com/s/pcfy1v7ecn2d6qy/SCRIPTIN.ttf?dl=1'); format(“truetype”);}
  87.  
  88. @font-face
  89. {font-family:"neou"; src:url('https://dl.dropboxusercontent.com/s/ggesu9cscg40a2p/neou-thin.ttf?dl=1'); format(“truetype”);}
  90.  
  91.  
  92.  
  93. /* Tumblr Controls */
  94.  
  95. iframe#tumblr_controls {
  96. top:0%!important;
  97. right:0%!important;
  98. position:fixed!important;
  99. z-index:999999999!important;
  100. {block:ifWhiteTumblrControls}
  101. opacity:0.3;
  102. -webkit-filter:invert(100%);
  103. -moz-filter:invert(100%);
  104. -o-filter:invert(100%);
  105. -ms-filter:invert(100%);
  106. filter:invert(100%);
  107. {/block:ifWhiteTumblrControls}
  108. }
  109.  
  110.  
  111. /* Scroll */
  112.  
  113. ::-webkit-scrollbar { width:5px; height:5px;}
  114. ::-webkit-scrollbar-track-piece { background-color:{color:Scroll}; }
  115. ::-webkit-scrollbar-thumb {
  116. background-color:{color:Scrollbar};
  117. border:1px solid {color:Scrollbarborder};
  118. -webkit-border-radius: 10%;
  119. -moz-border-radius: 10%;
  120. border-radius: 10%;}
  121.  
  122.  
  123. /* Tooltips */
  124.  
  125. #s-m-t-tooltip{
  126. max-width:210px;
  127. margin-top:25px;
  128. margin-left:15px;
  129. padding:2px 5px;
  130. z-index:999999;
  131. background:{color:posts};
  132. border:1px solid {color:Border};
  133. -webkit-border-radius: 10%;
  134. -moz-border-radius: 10%;
  135. border-radius: 10%;
  136. color:{color:text};
  137. font-family:calibri, arial, sans-serif;
  138. font-size:8px;
  139. line-height:8px;
  140. letter-spacing:1px;
  141. text-transform:uppercase;
  142. }
  143.  
  144.  
  145. /*Body*/
  146.  
  147. body {
  148. margin:0;
  149. padding:0;
  150. border:0;
  151. background:url('{image:Background}');
  152. background-attachment:fixed;
  153. background-repeat:no-repeat;
  154. background-color:{color:Background};
  155. color:{color:Text};
  156. font-family:arial, sans-serif;
  157. font-size:10px;
  158. line-height:12px;
  159. word-wrap:break-word;
  160. }
  161.  
  162. pre {
  163. width:95%;
  164. margin-left:auto;
  165. margin-right:auto;
  166. padding:4px;
  167. background:#f4f4f4;
  168. white-space:pre-wrap;
  169. word-wrap:break-word;
  170. }
  171.  
  172. blockquote {
  173. width:88%;
  174. margin-left:auto;
  175. margin-right:auto;
  176. padding-left:10px;
  177. padding-right:10px;
  178. padding-top:1px;
  179. padding-bottom:1px;
  180. border-left:1px solid {color:Blockquote};
  181. }
  182.  
  183. ul, ol {
  184. margin-left:-15px;
  185. }
  186.  
  187.  
  188. /* Typo */
  189.  
  190. p { margin:3px 0px; }
  191.  
  192. a {
  193. color:{color:Links};
  194. text-decoration:none;
  195. transition-duration: 0.6s;
  196. -moz-transition-duration: 0.6s;
  197. -webkit-transition-duration: 0.6s;
  198. -o-transition-duration: 0.6s;
  199. }
  200.  
  201. a:hover{ color:transparent; }
  202.  
  203. b, strong {
  204. color:{color:Bold};
  205. font-weight:bold;
  206. }
  207.  
  208. i, em {
  209. color:{color:Italic};
  210. font-style:italic;
  211. }
  212.  
  213. h2 {
  214. font-family:helvetica;
  215. font-size:30px;
  216. letter-spacing:-2px;
  217. color:{color:PostTitle}; margin:0 0 10px 0;}
  218.  
  219.  
  220. /* Center Wrapper */
  221.  
  222. #wrapper {
  223. {block:if250px}
  224. width:250px;
  225. {/block:if250px}
  226. height:auto;
  227. margin-left:750px;
  228. margin-right:auto;
  229. margin-top:20px;
  230. margin-bottom:80px;
  231. padding:0;
  232. border:0;
  233. -webkit-animation:fadeInDown 3s;
  234. -moz-animation:fadeInDown 3s;
  235. -o-animation:fadeInDown 3s;
  236. }
  237.  
  238.  
  239. /* Posts */
  240.  
  241. .post_outer {
  242. width:370px;
  243. margin-bottom:70px;
  244. background:transparent;
  245. border:1px solid {color:Border};
  246. position:relative;
  247. background:{color:Posts};
  248. }
  249.  
  250. .posts {
  251. width:350px;
  252. height:auto;
  253. padding:10px 10px 0px ;
  254. position:relative;
  255. background:{color:Posts};
  256. color:{color:Text};
  257. font-family:arial, sans-serif;
  258. font-size:10px;
  259. line-height:12px;
  260. text-align:left;
  261. }
  262.  
  263. .post_inner { padding:{text:Postpadding}; }
  264.  
  265. .posts img { max-width:100%;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; opacity:.5; transition-duration:0.8s; -o-transition-duration:0.8s;}
  266.  
  267. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  268. #photo img { max-width:100%; display:block;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  269.  
  270. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  271. #pset, #vid { margin-bottom:-3px;-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; opacity:.5; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  272.  
  273. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
  274.  
  275. #tumblr_lightbox {
  276. background-color:rgba(255,255,255,1)!important;
  277. opacity:1;
  278. }
  279. #tumblr_lightbox img { opacity:0; }
  280. #tumblr_lightbox_caption {
  281. padding-left:17px;
  282. background:none!important;
  283. color:#aaa!important;
  284. font-family:arial!important;
  285. font-size:10.5px!important;
  286. font-weight:normal!important;
  287. text-transform:normal!important;
  288. text-shadow:none!important;
  289. }
  290. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  291. padding:0px!important;
  292. opacity:1!important;
  293. -moz-box-shadow:none!important;
  294. -webkit-box-shadow:none!important;
  295. box-shadow:none!important;
  296. -moz-border-radius:0px!important;
  297. -webkit-border-radius:0px!important;
  298. border-radius:0px!important;
  299. }
  300.  
  301.  
  302. /* Perma - Indexpage */
  303.  
  304. #perma {
  305. position:relative;
  306. top:15px;
  307. text-align:right;
  308. color:{color:Border};
  309. }
  310.  
  311. #perma a {
  312. color:{color:Permalink};
  313. font-family:calibri, arial, sans-serif;
  314. font-size:8px;
  315. text-transform:uppercase;
  316. letter-spacing:1px;
  317. }
  318.  
  319. #perma a:hover {
  320. padding-right:5px;
  321. font-style:italic;
  322. }
  323.  
  324.  
  325. /* Perma - Permalinkpage */
  326.  
  327. .perma2 {
  328. color:{color:PermaText};
  329. font-family:calibri, arial, sans-serif;
  330. font-size:8px;
  331. text-transform:uppercase;
  332. line-height:14px;
  333. letter-spacing:1px;
  334. padding-top: 15px;
  335. padding-left: 10px;
  336. padding-bottom:15px;
  337. border-bottom:1px solid {color:Border};
  338. }
  339.  
  340. ol.notes {
  341. height:304px;
  342. overflow:auto;
  343. padding:0px;
  344. margin:15px 10px;
  345. list-style-type:none;
  346. text-align:left;
  347. }
  348.  
  349. li.note {
  350. width:324px;
  351. padding:5px 8px;
  352. margin:0px 5px 4px 0px;
  353. background:{color:NoteBackground};
  354. color:{color:NoteText};
  355. font-family:calibri, arial, sans-serif;
  356. font-size:8px;
  357. text-transform:uppercase;
  358. line-height:10px;
  359. letter-spacing:1px;
  360. }
  361.  
  362. li.note a { color:{color:NoteText}; }
  363.  
  364. img.avatar { display:none; }
  365.  
  366.  
  367. /* Ask */
  368.  
  369. .question {
  370. padding:10px 0px;
  371. border-bottom:1px dotted {color:Border};
  372. margin-bottom:10px;
  373. color:{color:AskText};
  374. font-style:italic;
  375. }
  376.  
  377. .q {
  378. width:20px;
  379. height:20px;
  380. position:relative;
  381. background:#191919;
  382. color:#aaa;
  383. font-size:12px;
  384. font-weight:bold;
  385. text-align:center;
  386. line-height:20px;
  387. -webkit-border-radius: 10%;
  388. -moz-border-radius: 10%;
  389. border-radius: 10%;
  390. }
  391.  
  392. .askr a { color:{color:text} }
  393.  
  394. .askr {
  395. margin-top:-20px;
  396. margin-left:26px;
  397. position:absolute;
  398. color:{color:text};
  399. font-family:calibri, arial, sans-serif;
  400. font-size:8px;
  401. text-transform:uppercase;
  402. letter-spacing:1px;
  403. line-height:10px;
  404. }
  405.  
  406.  
  407. /* Chat */
  408.  
  409. #chat {
  410. font-size:8px;
  411. font-family:calibri, arial, sans-serif;
  412. text-transform:uppercase;
  413. letter-spacing:1px;
  414. }
  415.  
  416.  
  417. /* Audio */
  418.  
  419. .audi {
  420. padding:15px 20px;
  421. overflow:hidden;
  422. opacity:.2;
  423. background:#000;
  424. }
  425.  
  426. .audi_info {
  427. padding-top:5px;
  428. color:{color:text};
  429. font-size:8px;
  430. font-family:calibri, arial, sans-serif;
  431. text-transform:uppercase;
  432. letter-spacing:1px;
  433. line-height:14px;
  434. }
  435.  
  436. .kasse {
  437. height:8px;
  438. width:8px;
  439. margin-top:2px;
  440. margin-bottom:2px;
  441. margin-right:5px;
  442. float:left;
  443. border:1px solid {color:Border};
  444. -webkit-border-radius: 10%;
  445. -moz-border-radius: 10%;
  446. border-radius: 10%;
  447. }
  448.  
  449.  
  450.  
  451.  
  452.  
  453. /* Sidebar */
  454.  
  455. #titlebox{
  456. position:fixed;
  457. bottom:310px;
  458. left:173px;
  459. width:290px;
  460. height:80px;
  461. }
  462.  
  463.  
  464. .firstletter {
  465. background-color: transparent;
  466. width: auto;
  467. height: auto;
  468. font-family: scriptina;
  469. font-size: 100px;
  470. color: #0a0a0a;
  471. z-index: 9;
  472. opacity: 1;
  473. letter-spacing: 0px;
  474. text-shadow:2px 2px 0px #760000;
  475. }
  476.  
  477. .izzypark {
  478. background-color: transparent;
  479. width: auto;
  480. height: auto;
  481. margin-top: 19px;
  482. margin-left: 60px;
  483. font-family: neou;
  484. font-size: 40px;
  485. color: #0a0a0a;
  486. z-index: 9;
  487. opacity: 1;
  488. letter-spacing: -3px;
  489. line-height: 27px;
  490. text-shadow:2px 2px 0px #760000;
  491. border-bottom: 5px solid #0a0a0a;
  492. }
  493.  
  494. #info{
  495. position:fixed;
  496. bottom:184px;
  497. left:350px;
  498. width:100px;
  499. height:131px;
  500. background:#0a0a0a;
  501. padding: 5px;
  502. }
  503.  
  504. #links{
  505. position:fixed;
  506. bottom:247px;
  507. left:268px;
  508. width:150px;
  509. height:80px;
  510. }
  511.  
  512. .custom {
  513. display : block;
  514. font-family:Trebuchet MS, sans-serif;
  515. font-size:7px;
  516. text-transform:uppercase;
  517. -webkit-transition-duration: .50s;
  518. width:70px;
  519. height:10px;
  520. margin-top:2px;
  521. padding-top:1px;
  522. padding-left:6px;
  523. margin-left:2px;
  524. text-align: left;
  525. border-left: 3px solid #760000;
  526. box-shadow: inset 0px -10px #0a0a0a, inset 0px 10px #0a0a0a;
  527. }
  528.  
  529. .custom:hover {
  530. box-shadow: inset 0px 0px #000000, inset 0px 0px #000000;
  531. background-color:#760000;
  532. color:#760000;}
  533.  
  534. .custom a {
  535. vertical-align : middle;
  536. line-height:10px;
  537. color:#3c3c3c;}
  538.  
  539. #simgsidebar img {
  540. position: fixed;
  541. height: 53px;
  542. width: 150px;
  543. bottom: 184px;
  544. margin-left: 189px;
  545. background: #0a0a0a;
  546. border: 4px solid #0a0a0a;
  547. padding:1px;
  548. z-index:0;
  549. opacity: 1;
  550. -webkit-transition:all 1s ease-in-out;
  551. -moz-transition:all 1s ease-in-out;
  552. -o-transition:all 1s ease-in-out;
  553. -ms-transition:all 1s ease-in-out;
  554. transition:all 1s ease-in-out;
  555. }
  556.  
  557. #simgsidebar:hover img {
  558. opacity: 0;
  559. -webkit-transition:all 1s ease-in-out;
  560. -moz-transition:all 1s ease-in-out;
  561. -o-transition:all 1s ease-in-out;
  562. -ms-transition:all 1s ease-in-out;
  563. transition:all 1s ease-in-out;
  564. }
  565.  
  566. #simgsidebar4 img {
  567. position: fixed;
  568. height: 53px;
  569. width: 150px;
  570. bottom: 184px;
  571. margin-left: 189px;
  572. background: #0a0a0a;
  573. border: 4px solid #0a0a0a;
  574. padding:1px;
  575. z-index:0;
  576. opacity:0;
  577. -webkit-transition:all 1s ease-in-out;
  578. -moz-transition:all 1s ease-in-out;
  579. -o-transition:all 1s ease-in-out;
  580. -ms-transition:all 1s ease-in-out;
  581. transition:all 1s ease-in-out;
  582. }
  583.  
  584. #simgsidebar4:hover img {
  585. opacity: 1;
  586. -webkit-transition:all 1s ease-in-out;
  587. -moz-transition:all 1s ease-in-out;
  588. -o-transition:all 1s ease-in-out;
  589. -ms-transition:all 1s ease-in-out;
  590. transition:all 1s ease-in-out;
  591. }
  592.  
  593. #hovers{
  594. position:fixed;
  595. bottom:250px;
  596. lefT:190px;
  597. font-family:helvetica;
  598. font-size:23px;
  599. letter-spacing:-2px;
  600. text-transform:uppercase;
  601. color:#760000;
  602. text-shadow:2px 2px 0px #760000;
  603. }
  604.  
  605. .snowflaketwo img {
  606. position: fixed;
  607. width:35px;
  608. height:25px;
  609. bottom: 550px;
  610. margin-left: 125px;
  611. z-index: 000;
  612. padding:2px;
  613. background: transparent;
  614. opacity: 1;
  615. border-radius: 50px;
  616. transform: rotate(-45deg)
  617. }
  618.  
  619. .snowflakeone img {
  620. position: fixed;
  621. width:auto;
  622. height:auto;
  623. bottom: 340px;
  624. margin-left: 405px;
  625. z-index: 000;
  626. padding:2px;
  627. background: transparent;
  628. opacity: 1;
  629. border-radius: 50px;
  630. transform: rotate(15deg)
  631. }
  632.  
  633. .snowflakethree {
  634. position: fixed;
  635. width:auto;
  636. height:auto;
  637. bottom: 2px;
  638. margin-left: 2px;
  639. z-index: 000;
  640. padding:2px;
  641. background: transparent;
  642. opacity: 1;
  643. border-radius: 50px;
  644. }
  645.  
  646. /* audio player */
  647.  
  648. #musicplayer{
  649. position: fixed;
  650. bottom: 333px;
  651. margin-left: 395px;
  652. overflow:hidden;
  653. width:26px;
  654. height:26px;
  655. padding:5px;
  656. background:#000; /* This is the background color */
  657. z-index:999999999999999999999999999999999999999;
  658. opacity:1;
  659. -webkit-transition: all 1s ease-in-out;
  660. -moz-transition: all 1s ease-in-out;
  661. transition: all 1s ease-in-out;
  662. }
  663.  
  664. #icon{
  665. /* This is for the positioning of the music gif: */
  666. margin-top:7px;
  667. margin-left:5px;
  668. opacity:1;
  669. -webkit-transition: all 0.5s linear;
  670. -moz-transition: all 0.5s linear;
  671. transition: all 0.5s linear;
  672. }
  673.  
  674. #musicplayer:hover #icon{
  675. margin-top:-20px;
  676. -webkit-transition: all 0.5s linear;
  677. -moz-transition: all 0.5s linear;
  678. transition: all 0.5s linear;
  679. }
  680.  
  681. #musicbox{
  682. width:10px;
  683. height:10px;
  684. border-radius:0em;
  685. overflow:hidden;
  686. /* This is for the positioning of the music player: */
  687. margin-top:15px;
  688. margin-left:9px;
  689. }
  690.  
  691. #music2{
  692. margin-top:-6px;
  693. margin-left:-35px;
  694. border-radius:0em;
  695. }
  696.  
  697. #sbbg:hover #musicplayer{
  698. opacity:1;
  699. -webkit-transition: all 1s ease-in-out;
  700. -moz-transition: all 1s ease-in-out;
  701. transition: all 1s ease-in-out;
  702. }
  703.  
  704.  
  705. /* Pagination */
  706.  
  707. .pagination { text-align:center; }
  708. .pg { color:#aaa; margin-bottom:8px; font-size:9px; letter-spacing:1px; }
  709. .pagination a {
  710. padding:2px 5px;
  711. margin:0px 5px;
  712. display:inline-block;
  713. background:#fff;
  714. border:1px solid {color:Border};
  715. -webkit-border-radius: 10%;
  716. -moz-border-radius: 10%;
  717. border-radius: 10%;
  718. color:#aaa;
  719. font-family:calibri, arial, sans-serif;
  720. font-size:8px;
  721. line-height:8px;
  722. letter-spacing:1px;
  723. text-transform:uppercase;
  724. text-align:center;
  725. }
  726.  
  727.  
  728. /* pop up */
  729.  
  730. .popup_block{
  731. max-width: 400px;
  732. overflow: hidden;
  733. display:none;
  734. background:#000;
  735. padding:10px;
  736. font-family: trebuchet ms;
  737. font-size: 9px;
  738. text-align: justify;
  739. line-height: 9px;
  740. color: #474747;
  741. float:left;
  742. position:fixed;
  743. bottom:30%;
  744. left: 50%;
  745. z-index: 99999999999999999999999999999999;}
  746.  
  747. *html #fade {position: absolute;}
  748. *html .popup_block {position: absolute;}
  749. #fade {
  750. display:none;
  751. position:fixed;
  752. left:0px;
  753. top:0px;
  754. width:100%;
  755. height:100%;
  756. z-index:9999;
  757. background:#000; /* change to #fff for solid white */
  758. opacity:1; /* change to opacity:1; */
  759. }
  760.  
  761. </style>
  762.  
  763. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  764. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  765. <script>
  766. (function($){
  767. $(document).ready(function(){
  768. $("[title],a[title],img[title]").style_my_tooltips({
  769. tip_follows_cursor:true,
  770. tip_delay_time:30,
  771. tip_fade_speed:300,
  772. attribute:"title"
  773. });
  774. });
  775. })(jQuery);
  776. </script>
  777.  
  778. {block:ifInfinitescroll}
  779. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/ytzm5f1ke/infinitescrolling.js"></script>
  780. {/block:ifInfinitescroll}
  781.  
  782.  
  783. </head>
  784. <body>
  785.  
  786. <img src='http://o.aolcdn.com/hss/storage/fss/9a2e1641f93be688cc148b7abd37bf2b/first+render.png' style='position:fixed;bottom:0px;left:300px;z-index:-999;'/>
  787.  
  788.  
  789.  
  790. <div id="titlebox">
  791. <div class="firstletter">S</div>
  792. <div class="izzypark">pencer</div>
  793. </div>
  794.  
  795. <div id="info">put stuff here ?</div>
  796.  
  797. <div id="links">
  798. <div class="custom"><a href="/">Home</a></div>
  799. <div class="custom"><a href="/ask">Ask</a></div>
  800. <div class="custom"><a href="/submit">Submit</a></div>
  801. <div class="custom"><a href="/navi">Navi</a></div>
  802. <div class="custom"><a href="/submit">Stuff</a></div>
  803. <div class="custom"><a href="/navi">stuff</a></div>
  804. </div>
  805.  
  806. <div id="simgsidebar"><img src="http://o.aolcdn.com/hss/storage/fss/31e9a53cbe97d6e4e1f182899f57c1bc/tumblr_nhlqhxUP7H1tvgaroo1_250.png"/>
  807. </div>
  808. <div id="simgsidebar4"><img src="http://o.aolcdn.com/hss/storage/fss/535cbcc34e0148a4f0b880c2fa547df7/tumblr_nhlqhxUP7H1tvgaroo2_250.png"/>
  809. </div>
  810.  
  811. <div id="hovers">
  812. <a title="hover">I. </a>
  813. <a title="another?">II. </a>
  814. <a title="more!">III. </a>
  815. <a title="noots">IV.</a>
  816. </div>
  817.  
  818. <div class="snowflakethree"><a title="Base code from Ladmilk, heavily tweaked by aellionios and chvish for spencer's use only. Please don't steal.">C.</a></div>
  819.  
  820. <div id="musicplayer"><div id="icon">
  821. <img src="http://o.aolcdn.com/hss/storage/fss/d21b92d0d6343fa017a0c16232e9b5d2/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  822. </div>
  823. <div id="musicbox"><div id="music2">
  824. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  825. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  826. <param name="bgcolor" value="#000000" />
  827. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=105&amp;height=20&amp;volume=5&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=000000&amp;bgcolor=000000&amp;bgcolor1=000000&amp;bgcolor2=000000&amp;buttoncolor=760000&amp;buttonovercolor=760000&amp;showlist=0" />
  828. </object></div></div></div>
  829.  
  830.  
  831. </div>
  832.  
  833.  
  834.  
  835. <div id="wrapper">
  836.  
  837.  
  838. <div class="autopagerize_page_element" >
  839. {block:Posts}
  840. <div class="post_outer">
  841. <div class="posts">
  842.  
  843.  
  844. {block:ContentSource}
  845. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  846. {/block:SourceLogo}
  847. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  848. {/block:ContentSource}
  849.  
  850.  
  851. {block:Photo}
  852. {block:IndexPage}
  853. <div id="photos">
  854. <center>{LinkOpenTag}
  855. <img src="{PhotoURL-500}" alt='{PhotoAlt}' />
  856. {LinkCloseTag}</center>
  857. </div>
  858. {/block:IndexPage}
  859. {block:PermalinkPage}
  860. <div id="photos">
  861. <center>{LinkOpenTag}
  862. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  863. {LinkCloseTag}</center>
  864. </div>
  865. {/block:PermalinkPage}
  866. {block:ifShowCaptions}
  867. {block:Indexpage}
  868. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  869. {/block:Indexpage}
  870. {/block:ifShowCaptions}
  871. {block:PermalinkPage}
  872. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  873. {/block:PermalinkPage}
  874. {/block:Photo}
  875.  
  876.  
  877. {block:Photoset}
  878. <div id="pset">
  879. {Photoset}
  880. </div>
  881. {block:ifShowCaptions}
  882. {block:Indexpage}
  883. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  884. {/block:Indexpage}
  885. {/block:ifShowCaptions}
  886. {block:PermalinkPage}
  887. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  888. {/block:PermalinkPage}
  889. {/block:Photoset}
  890.  
  891. {block:Video}
  892. <div id="vid">
  893. {block:if250px}
  894. <center>{Video-250}</center>
  895. {/block:if250px}
  896. </div>
  897. {block:ifShowCaptions}
  898. {block:Indexpage}
  899. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  900. {/block:Indexpage}
  901. {/block:ifShowCaptions}
  902. {block:PermalinkPage}
  903. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  904. {/block:PermalinkPage}
  905. {/block:Video}
  906.  
  907.  
  908. {block:Audio}
  909. <div class="audi">{AudioPlayerBlack} </div>
  910. <div class="post_inner">
  911. <div class="audi_info">
  912. {block:TrackName}
  913. <div><div class="kasse"></div> <b>Track:</b> {TrackName}</div>
  914. {/block:TrackName}
  915. {block:Artist}
  916. <div><div class="kasse"></div><b>Artist:</b> {Artist}</div>
  917. {/block:Artist}
  918. {block:Album}
  919. <div><div class="kasse"></div><b>Album:</b> {Album}</div>
  920. {/block:Album}
  921. <div><div class="kasse"></div><b>Plays:</b> {PlayCount}</div>
  922. </div>
  923. </div>
  924. {block:ifShowCaptions}
  925. {block:Indexpage}
  926. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  927. {/block:Indexpage}
  928. {/block:ifShowCaptions}
  929. {block:PermalinkPage}
  930. {block:Caption}<div class="post_inner">{Caption}</div>{/block:Caption}
  931. {/block:PermalinkPage}
  932. {/block:Audio}
  933.  
  934.  
  935. {block:Text}
  936. <div class="post_inner">
  937. {block:Title}<h2>{Title}</h2>{/block:Title}
  938. {Body}
  939. </div>
  940. {/block:Text}
  941.  
  942.  
  943. {block:Link}
  944. <div class="post_inner">
  945. <h2><a href="{URL}" {Target}>{Name}</a></h2>
  946. {block:Description}{Description}{/block:Description}
  947. </div>
  948. {/block:Link}
  949.  
  950.  
  951. {block:Answer}
  952. <div class="post_inner">
  953. <div class="q">?</div><div class="askr">question from <br/> {Asker}</div>
  954. <div class="question">{Question}</div>
  955. {Answer}
  956. </div>
  957. {/block:Answer}
  958.  
  959.  
  960. {block:Quote}
  961. <div class="post_inner">
  962. <span style="font-size:12px;">{Quote}</span>
  963. {block:Source}<div style="font-style:italic; padding-top:5px;">{Source}</div>{/block:Source}
  964. </div>
  965. {/block:Quote}
  966.  
  967.  
  968. {block:Chat}
  969. <div class="post_inner">
  970. {block:Title}<h2>{Title}</h2>{/block:Title}
  971. {block:Lines}<p id="chat">
  972. {block:Label}
  973. <b>{Label}</b>
  974. {/block:Label}
  975. {Line}</p>
  976. {/block:Lines}
  977. </div>
  978. {/block:Chat}
  979.  
  980. </div>
  981.  
  982.  
  983.  
  984. {block:IndexPage}
  985. <div id="perma">
  986. <a href="{Permalink}" title="{NoteCountWithLabel}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> ——
  987. </div>
  988. {/block:IndexPage}
  989.  
  990.  
  991. {block:PermalinkPage}
  992. <div class="perma2">
  993. {block:Date}
  994. <div><div class="kasse"></div> {DayOfMonth} {Month} {Year} | {12Hour}:{Minutes} {CapitalAmPm}</div>
  995. {block:RebloggedFrom}<div><div class="kasse"></div><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a></div>{/block:RebloggedFrom}
  996. <div><div class="kasse"></div>{NoteCountWithLabel}</div>
  997. {/block:Date}
  998. {block:HasTags}<div><div class="kasse"></div>{block:Tags}<a href="{TagURL}" style="margin-right:4px;">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  999. </div>
  1000.  
  1001. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1002. {/block:PermalinkPage}
  1003.  
  1004. </div>
  1005. {/block:Posts}
  1006. </div>
  1007.  
  1008. {block:ifnotInfinitescroll}
  1009. {block:Pagination}
  1010. <div class="pagination">
  1011. <div class="pg">{CurrentPage} of {TotalPages}</div>
  1012. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  1013. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1014. </div>
  1015. {/block:Pagination}
  1016. {/block:ifnotInfinitescroll}
  1017.  
  1018.  
  1019. </div>
  1020.  
  1021. <div id="box2" class="popup_block"><div style="float:left; padding-right: 7px;"><a href="http://mnhai.tumblr.com/"><img src="http://o.aolcdn.com/hss/storage/fss/1d037dac70c6c7a4936810f57e5e18b8/tumblr_mv18icYkP31qkljdfo1_1280.png"/></a></div><div style="font-size: 25px; text-align: right; padding: 3px; color: #0a0a0a; line-height: 15px; text-transform: uppercase; letter-spacing: -2px;">In the name of the moon, I choose you</div><p>
  1022.  
  1023. words here. blah blah. lovey dovey shit. hey.
  1024.  
  1025. </div>
  1026.  
  1027. <div id="box1" class="popup_block">
  1028.  
  1029. <div style="float:right; padding-left: 7px;"><a href="http://yvjinx.tumblr.com/"><img src="http://o.aolcdn.com/hss/storage/fss/2464c064475d7bab5e49ad72d14bcab9/jxuws3w.png"/></a></div> <p>
  1030.  
  1031. be gay here.
  1032. </div>
  1033.  
  1034. </body>
  1035. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement