Advertisement
stopsniall

ashtonirwnstheme(halloween)

Oct 7th, 2013
676
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.74 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.  
  3. <!--
  4.  
  5. by ashtonirwns
  6. please dont steal anything or ill cry
  7. and kill you
  8. but mainly cry so yea dont do it yo
  9. other than that enjoy the theme
  10.  
  11. -->
  12.  
  13.  
  14. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lsocwfgb2g1qcfn0j.gif">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="image:sidebar" content="#A4A4A4"/>
  23. <meta name="image:sidebar 2" content=""/>
  24. <meta name="image:floaties" content="" />
  25. <meta name="color:Text" content="#a8a8a8"/>
  26. <meta name="color:Link" content="#b8b8b8"/>
  27. <meta name="color:Tags" content="f0f0f0"/>
  28. <meta name="color:Hover" content="#f2f2f2"/>
  29. <meta name="color:Line" content="#f2f2f2"/>
  30. <meta name="color:Border" content="#e4e4e4"/>
  31. <meta name="color:Post" content="#ffffff"/>
  32. <meta name="color:Answer" content="#f8f8f8"/>
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:bg" content=""/>
  35. <meta name="text:Link 1" content="" />
  36. <meta name="text:Link 1 Text" content="" />
  37. <meta name="text:Link 2" content="" />
  38. <meta name="text:Link 2 Text" content="" />
  39. <meta name="text:Link 3" content="" />
  40. <meta name="text:Link 3 Text" content="" />
  41. <meta name="text:Link 4" content="" />
  42. <meta name="text:Link 4 Text" content="" />
  43. <meta name="text:Link 5" content="" />
  44. <meta name="text:Link 5 Text" content="" />
  45. <meta name="if:Show Link 1" content="1" />
  46. <meta name="if:Show Link 2" content="1" />
  47. <meta name="if:Show Link 3" content="1" />
  48. <meta name="if:Show Link 4" content="1" />
  49. <meta name="if:Show Link 5" content="1" />
  50. <meta name="color:scrollbarbg" content="ffffff"/>
  51.  
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. @font-face {font-family: "halloween"; src: url('http://static.tumblr.com/05a5g7u/p0umamsmm/green_fuz_0.ttf');}
  57. @font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
  58.  
  59.  
  60. /* --- SCROLLBAR ---*/
  61.  
  62. ::-webkit-scrollbar {
  63. width: 5px;height: 5px;}
  64. ::-webkit-scrollbar-button:start:decrement,
  65. ::-webkit-scrollbar-button:end:increment {
  66. height: 6px;display: block;background-color: {color:white};}
  67. ::-webkit-scrollbar-track-piece {
  68. background-color: {color:scrollbarbg};}
  69. ::-webkit-scrollbar-thumb:vertical {
  70. height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
  71.  
  72.  
  73. /* --- BODY ---*/
  74.  
  75. body {
  76. background:{color:background};
  77. margin:0px;
  78. color:{color:text};
  79. font-family:Calibri;
  80. font-size:9px;
  81. line-height:100%;
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:link};
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. blockquote blockquote {
  101. padding-left:5px;
  102. border-left:2px solid;
  103. }
  104.  
  105. h1 {
  106. font-size:9px;
  107. text-transform:uppercase;
  108. }
  109.  
  110. a:hover {
  111. opacity:10;
  112. color:{color:hover};
  113. -webkit-transition: all 0.7s ease;
  114. -moz-transition: all 0.7s ease;
  115. -o-transition: all 0.7s ease
  116. }
  117.  
  118. #tombstone {
  119. position:fixed;
  120. margin-top:-245px;
  121. margin-left:-53px;
  122. z-index:-1;
  123. }
  124.  
  125. #tombstone img {
  126. width:290px;
  127. height:340px;
  128. }
  129.  
  130. #topthingy {
  131. position:fixed;
  132. margin-top:-341px;
  133. margin-left:-150px;
  134. width:2000px;
  135. height:30px;;
  136. background-image:url('http://25.media.tumblr.com/94f1c9b46dfe362711288dab85d57740/tumblr_mu9qb9fWqi1r6mvzao3_100.png');
  137. z-index:1;
  138. }
  139.  
  140. #footer{
  141. background-image: url(http://31.media.tumblr.com/71529a3b02859d4df872c9b3346468ec/tumblr_mu9qb9fWqi1r6mvzao2_400.png);
  142. background-repeat: repeat-x;
  143. position:fixed;
  144. bottom:0;
  145. left:0;
  146. width: 100%;
  147. }
  148.  
  149.  
  150. #title {
  151. width:160px;
  152. height:15px;
  153. font-family:halloween;
  154. text-align:left;
  155. margin-top:-105px;
  156. margin-left:5px;
  157. text-transform:lowercase;
  158. position:fixed;
  159. padding:8px;
  160. background-color:;
  161. font-size: 25px;
  162. color:#fff;
  163. -webkit-transition: all 0.5s ease-out;
  164. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  165. }
  166.  
  167.  
  168. #sidebar:hover #title {
  169.  
  170. opacity:1;
  171. -webkit-transition: all 0.5s ease-out;
  172. -moz-transition: all 0.5s ease-out;
  173. transition: all 0.5s ease-out;
  174.  
  175. }
  176.  
  177. /* --- POST ENTRIES ---*/
  178.  
  179.  
  180. #entries {
  181. padding:5px;
  182. width:500px;
  183. margin-left:450px;
  184. margin-top:40px;
  185. font-size:10px;
  186.  
  187. }
  188.  
  189. /* --- BODY: POSTS ---*/
  190.  
  191.  
  192. #post {
  193. width:500px;
  194. padding-bottom:20px;
  195. padding:0px;
  196. margin-top:15px;
  197. background-color:{color:Post};
  198. }
  199.  
  200. /* --- SIDEBAR IMAGE ---*/
  201.  
  202.  
  203. #sidebar {
  204. width:100px;
  205. position:fixed;
  206. margin-left:150px;
  207. margin-top:300px;
  208. opacity:1;
  209. background-color:{color:gray};
  210. }
  211.  
  212. #sidebarimage {
  213. position:fixed;
  214. margin-top:-46px;
  215. margin-left:-52px;
  216. width 100px;
  217. }
  218.  
  219. #sidebarimage img {
  220. position:fixed;
  221. opacity:0;
  222. width:135px;
  223. border:solid 2px;
  224. padding:6px;
  225. border-color: #000;
  226. background-color:{color:Sidebar};
  227. }
  228. /* --- SIDEBAR LINKS ---*/
  229.  
  230. .links {
  231. width:350px;
  232. height:5px;
  233. padding: 9px;
  234. font-size:10px;
  235. font-family:'calibri';
  236. text-align:center;
  237. margin-top:60px;
  238. margin-left:-155px;
  239. text-align:center;
  240. text-transform:uppercase;
  241. word-spacing:35px;
  242. position:fixed;
  243. padding-bottom:7px;
  244. }
  245.  
  246. .links a {
  247. font-size: 10px;
  248. }
  249.  
  250. .links a:hover {
  251. color:{color:Hover}
  252. }
  253.  
  254.  
  255. /* --- DESCRIPTION ---*/
  256. #description {
  257. position:fixed;
  258. border: 1px;
  259. border-color:#fff;
  260. font-family:Silkscreen;
  261. line-height:90%;
  262. font-size:10
  263. px;
  264. font-style:;
  265. width:160px;
  266. height:124px;
  267. margin-top:-75px;
  268. padding:12px;
  269. margin-left:0px;
  270. opacity:0;
  271. text-align:center;
  272. color:#fff;
  273. background-color:;
  274. -webkit-transition: all 0.5s ease-out;
  275. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  276. }
  277.  
  278.  
  279. #sidebar:hover #description {
  280.  
  281. opacity:.9;
  282. -webkit-transition: all 0.5s ease-out;
  283. -moz-transition: all 0.5s ease-out;
  284. transition: all 0.5s ease-out;
  285. }
  286.  
  287. /* --- PAGINATION---*/
  288.  
  289.  
  290. #pagination {
  291. width:150px;
  292. height:15px;
  293. font-size:50px;
  294. text-align:center;
  295. margin-left:1100px;
  296. padding-top:5px;
  297. opacity:1;
  298. margin-top:250px;
  299. color:#000;
  300. position:fixed;
  301. font-family:halloween;
  302. letter-spacing:0px;
  303. background-color:;
  304. }
  305.  
  306. /* --- POST INFO ---*/
  307.  
  308.  
  309. #info {
  310. text-align:left;
  311. margin-top:10px;
  312. text-transform:uppercase;
  313. font-size:8px;
  314. font-style:none;
  315. border-top:1px solid {color:Line}
  316. }
  317.  
  318. /* --- POST TAGS---*/
  319.  
  320.  
  321. #tags {
  322. font-family:cambria;
  323. letter-spacing:0px;
  324. text-transform:lowercase;
  325. font-size:10px;
  326. font-style:italic;
  327. margin-top:4px;
  328. text-align:left;
  329. }
  330.  
  331. #tags
  332. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  333. -webkit-transition: all 0.6s ease-in-out;
  334. -moz-transition: all 0.6s ease-in-out;
  335. -o-transition: all 0.6s ease-in-out;
  336. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  337.  
  338.  
  339. /* --- QUESTIONS ---*/
  340.  
  341. #asker {
  342. padding:5px;
  343. font-family:cambria;
  344. letter-spacing:1px;
  345. text-align:left;
  346. font-style:italic;
  347. margin-left:10px;
  348. border-left:3px #eee solid;
  349. background-color:{color:background}
  350. }
  351.  
  352. #s-m-t-tooltip {
  353.  
  354. max-width:300px;
  355.  
  356. padding:3px 4px 5px 4px;
  357.  
  358. margin:20px 0px 0px 20px;
  359.  
  360. background-color:#fff; /* change the background color */
  361.  
  362. border:1px solid #FF8000; /* change the border color */
  363.  
  364. font-family:calibri; /* change the font */
  365.  
  366. font-size:9px; /* change the font size */
  367.  
  368. letter-spacing:2px; /* change the letter spacing */
  369.  
  370. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  371.  
  372. color:#FF8000; /* change the text color */
  373.  
  374. z-index:999999999999999999999999999999999999;
  375.  
  376. }
  377.  
  378. {CustomCSS}</style></head><body>
  379.  
  380. <div id="footer"><img src="http://31.media.tumblr.com/71529a3b02859d4df872c9b3346468ec/tumblr_mu9qb9fWqi1r6mvzao2_400.png"></div>
  381.  
  382. <script type="text/javascript" src="http://samisite.com/extras/HTMLobj-1640/moveobj.js"> </script>
  383. <script type="text/javascript">
  384.  
  385. /***********************************************
  386. * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
  387. * Modified by Dynamic Drive for various improvements
  388. * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  389. * Using CSB or Trellix: use an INSERT HTML box to hold your script and put your js and images into web components (webgem in Trellix). Then you MUST change each gEMDIR to GEMDIR before using code!
  390. ***********************************************/
  391. //Step 1: Define unique variable names depending on number of flying images (ie:3):
  392. var flyimage1, flyimage2, flyimage3, flyimage4
  393.  
  394. function pagestart(){
  395. //Step 2: Using the same variable names as 1), add or delete more of the below lines (47=width, height=68 of image):
  396. flyimage1=new Chip("flyimage1",40,62);
  397. flyimage2=new Chip("flyimage2",40,62);
  398. flyimage3=new Chip("flyimage3",40,62);
  399.  
  400.  
  401. //Step 3: Using the same variable names as 1), add or delete more of the below lines:
  402. movechip("flyimage1");
  403. movechip("flyimage2");
  404. movechip("flyimage3");
  405. }
  406.  
  407. if (window.addEventListener)
  408. window.addEventListener("load", pagestart, false)
  409. else if (window.attachEvent)
  410. window.attachEvent("onload", pagestart)
  411. else if (document.getElementById)
  412. window.onload=pagestart
  413.  
  414. </script>
  415.  
  416. <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above -->
  417.  
  418.  
  419. <div id="flyimage1" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  420. <img src="http://media.tumblr.com/16ee3be8f883061558bebef8a1bafa59/tumblr_inline_mu7va28JU61r37k2u.gif">
  421. </div>
  422.  
  423. <div id="flyimage2" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  424. <img src="http://media.tumblr.com/16ee3be8f883061558bebef8a1bafa59/tumblr_inline_mu7va28JU61r37k2u.gif">
  425. </div>
  426.  
  427. <div id="flyimage3" style="position:absolute; left: -500px; width:40; height:62; font-size:10px;">
  428. <img src="http://media.tumblr.com/16ee3be8f883061558bebef8a1bafa59/tumblr_inline_mu7va28JU61r37k2u.gif">
  429. </div>
  430. </div>
  431. </div>
  432.  
  433.  
  434. <div id="sidebar">
  435. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  436.  
  437.  
  438. <div id="description">
  439. {Description}
  440. </div>
  441.  
  442. <div id="title">{title}</div>
  443.  
  444. <div id="tombstone"><img src="http://25.media.tumblr.com/08d9db139dc2819d5596b3187387d236/tumblr_mu9qb9fWqi1r6mvzao1_250.png"></div>
  445.  
  446. <div id="topthingy"></div>
  447.  
  448.  
  449. <div class="links">
  450. <a title="{Text:Link 1 Text}" href="{Text:Link 1}"><img src="http://media.tumblr.com/fbe71adf5c0691cc250b4d07bddf18fa/tumblr_inline_mtum2wnBZc1qaw0bs.gif"></a>
  451. <a title="{Text:Link 2 Text}"href="{Text:Link 2}"><img src="http://media.tumblr.com/fbe71adf5c0691cc250b4d07bddf18fa/tumblr_inline_mtum2wnBZc1qaw0bs.gif"></a>
  452. <a title="{Text:Link 3 Text}"href="{Text:Link 3}"><img src="http://media.tumblr.com/fbe71adf5c0691cc250b4d07bddf18fa/tumblr_inline_mtum2wnBZc1qaw0bs.gif"></a>
  453. <a title="{Text:Link 4 Text}"href="{Text:Link 4}"><img src="http://media.tumblr.com/fbe71adf5c0691cc250b4d07bddf18fa/tumblr_inline_mtum2wnBZc1qaw0bs.gif"></a>
  454. <a title="{Text:Link 5 Text}"href="{Text:Link 5}"><img src="http://media.tumblr.com/fbe71adf5c0691cc250b4d07bddf18fa/tumblr_inline_mtum2wnBZc1qaw0bs.gif"></a>
  455. </div>
  456. </div>
  457.  
  458.  
  459.  
  460. {block:Pagination}<div id="pagination">
  461. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  462. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  463. </div>{/block:Pagination}
  464. </div>
  465. </div>
  466.  
  467. <div id="entries">{block:Posts}<div id="post">
  468.  
  469. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  470.  
  471. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  472.  
  473. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  474.  
  475. {block:Quote}{Quote}{/block:Quote}
  476.  
  477. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  478.  
  479. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  480.  
  481. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  482. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  483. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  484. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  485. {/block:Audio}
  486.  
  487. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  488.  
  489. {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
  490.  
  491. <div id="info">
  492. <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  493. {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  494. {/block:Posts}
  495. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  496. {/block:Posts}</div></div></div>
  497.  
  498. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  499.  
  500. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  501.  
  502. <script>
  503.  
  504. (function($){
  505.  
  506. $(document).ready(function(){
  507.  
  508. $("a[title]").style_my_tooltips({
  509.  
  510. tip_follows_cursor:true,
  511.  
  512. tip_delay_time:90,
  513.  
  514. tip_fade_speed:600,
  515.  
  516. attribute:"title"
  517.  
  518. });
  519.  
  520. });
  521.  
  522. })(jQuery);
  523.  
  524. </script>
  525.  
  526.  
  527. <!--
  528. DONT REMOVE THE CREDIT OR I WILL FIND YOU
  529. AND EAT YOUR FAMILY IN FRONT OF YOU I S2G
  530. -->
  531.  
  532. <div style="position:fixed;bottom:0px; right:-0px; font-size:5px; letter-spacing:1px; font-family:cambria;"><a href="http://stopsniall.tumblr.com/"><a href="http://ashtonirwns.tumblr.com/"><img src="http://media.tumblr.com/dbabbc0ec1f787537c0d5812b9f45fff/tumblr_inline_mpq2gzdswx1qz4rgp.png" /></a></center></div>
  533.  
  534.  
  535. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement