Advertisement
rileysux

07. unbelievers

Jan 23rd, 2015
1,099
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.82 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6. <script>
  7. $(document).ready(function() {
  8. //
  9. $('a.poplight[href^=#]').click(function() {
  10. var popID = $(this).attr('rel'); //Get Popup Name
  11. var popURL = $(this).attr('href'); //Get Popup href to define size
  12. var query= popURL.split('?');
  13. var dim= query[1].split('&');
  14. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  15. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  16. var popMargTop = ($('#' + popID).height() + 80) / 2;
  17. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  18. //Apply Margin to Popup
  19. $('#' + popID).css({
  20. 'margin-top' : -popMargTop,
  21. 'margin-left' : -popMargLeft
  22. });
  23. $('body').append('<div id="fade"></div>');
  24. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  25. return false;
  26. });
  27. $('a.close, #fade').live('click', function() {
  28. $('#fade , .popup_block').fadeOut(function() {
  29. $('#fade, a.close').remove(); //fade them both out
  30. });
  31. return false;
  32. });
  33. });
  34. </script>
  35.  
  36. <title>{Title}</title>
  37. <link rel="shortcut icon" href="{Favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}
  40. <meta name="description" content="{MetaDescription" />
  41. {/block:Description}
  42.  
  43. <!---ty for using my theme!! :-)))--->
  44.  
  45. <meta name="image:background" content="" />
  46. <meta name="image:sidebar" content="" />
  47. <meta name="image:back image" content="" />
  48. <meta name="image:icon 1" content="" />
  49. <meta name="image:icon 2" content="" />
  50. <meta name="image:icon 3" content="" />
  51.  
  52. <meta name="color:background" content="" />
  53. <meta name="color:text" content="" />
  54. <meta name="color:link" content="" />
  55. <meta name="color:link hover" content="" />
  56. <meta name="color:scrollbar" content="" />
  57. <meta name="color:scrollbar background" content="" />
  58. <meta name="color:blog border" content="" />
  59. <meta name="color:admin border" content="" />
  60. <meta name="color:title" content="" />
  61. <meta name="color:title background" content="" />
  62. <meta name="color:sidebar background" content="" />
  63. <meta name="color:backtitle background" content="" />
  64. <meta name="color:backlink" content="" />
  65. <meta name="color:backlink shadow" content="" />
  66. <meta name="color:backlink background" content="" />
  67. <meta name="color:sidelinks" content="" />
  68. <meta name="color:sidelinks hover" content="" />
  69. <meta name="color:post background" content="" />
  70. <meta name="color:info" content="" />
  71. <meta name="color:info background" content="" />
  72. <meta name="color:tags" content="" />
  73. <meta name="color:tags hover" content="" />
  74. <meta name="color:tags background" content="" />
  75.  
  76. <meta name="text:marquee" content="" />
  77. <meta name="text:before title" content="" />
  78. <meta name="text:before 1" content="" />
  79. <meta name="text:before link 1" content="" />
  80. <meta name="text:before 2" content="" />
  81. <meta name="text:before link 2" content="" />
  82. <meta name="text:before 3" content="" />
  83. <meta name="text:before link 3" content="" />
  84. <meta name="text:before 4" content="" />
  85. <meta name="text:before link 4" content="" />
  86. <meta name="text:before 5" content="" />
  87. <meta name="text:before link 5" content="" />
  88. <meta name="text:before 6" content="" />
  89. <meta name="text:before link 6" content="" />
  90. <meta name="text:after title" content="" />
  91. <meta name="text:after 1" content="" />
  92. <meta name="text:after link 1" content="" />
  93. <meta name="text:after 2" content="" />
  94. <meta name="text:after link 2" content="" />
  95. <meta name="text:after 3" content="" />
  96. <meta name="text:after link 3" content="" />
  97. <meta name="text:after 4" content="" />
  98. <meta name="text:after link 4" content="" />
  99. <meta name="text:after 5" content="" />
  100. <meta name="text:after link 5" content="" />
  101. <meta name="text:after 6" content="" />
  102. <meta name="text:after link 6" content="" />
  103.  
  104. <style type="text/css">
  105.  
  106. /*scrollbar*/
  107.  
  108. ::-webkit-scrollbar {background:{color:scrollbar background}; height:2px; width:2px;}
  109. ::-webkit-scrollbar-thumb {background:{color:scrollbar}; height:2px;}
  110.  
  111. /*basics*/
  112.  
  113. body {background:{color:background}; background-image:url('{image:background}'); background-attachment:fixed; font-family:arial; font-size:9px; color:{color:text}; text-align:left;}
  114. a {text-decoration:none; color:{color:link}; font-weight:bold;}
  115. a:hover {color:{color:link hover}; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  116. h1 {font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; text-shadow:-1px 1px 0px {color:link};}
  117. small, sub {font-size:9px;}
  118. big {font-size:11px;}
  119. ul {list-style-type:square;}
  120. ol {list-style-type:upper-roman;}
  121. blockquote {background:{color:post background}; color:{color:text}; padding:5px; margin-left:15px; border-left:solid 1px {color:link};}
  122. blockquote a {color:{color:link};}
  123. blockquote a:hover {color:{color:link hover};}
  124.  
  125. /*border*/
  126.  
  127. #borderleft {position:fixed; width:75px; height:100%; left:0px; top:0px; background:{color:blog border};}
  128.  
  129. /*admin*/
  130.  
  131. #admin1 {position:fixed; margin-left:20px; margin-top:154px; width:100px;}
  132. #admin1 img {width:90px; height:90px; border-radius:90%; border:2px solid {color:admin border};}
  133. #admin2 {position:fixed; margin-left:20px; margin-top:258px; width:100px;}
  134. #admin2 img {width:90px; height:90px; border-radius:90%; border:2px solid {color:admin border};}
  135. #admin3 {position:fixed; margin-left:20px; margin-top:360px; width:100px;}
  136. #admin3 img {width:90px; height:90px; border-radius:90%; border:2px solid {color:admin border};}
  137.  
  138. /*title*/
  139.  
  140. #title {position:fixed; width:877px; margin-left:154px; top:72px; font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase; padding:5px; background:{color:title background}; color:{color:title}; text-shadow:-1px 1px 0px {color:link};}
  141. #pagination {text-transform:uppercase; font-size:11px;}
  142. #pagination a {color:{color:link}; text-shadow:-1px 1px 0px {color:title};}
  143. #pagination a:hover {color:{color:title}; text-shadow:-1px 1px 0px {color:link};}
  144.  
  145. /*entries*/
  146.  
  147. #box {position:absolute; width:532px; height:462px; left:162px; top:104px; background:transparent; overflow:auto;}
  148. #entries {position:absolute; width:500px; margin-top:-10px; margin-bottom:-10px;}
  149. #posts {width:500px; padding:10px; padding-bottom:0px; margin-top:10px; background:{color:post background}; line-height:15px;}
  150.  
  151. /*sidebar*/
  152.  
  153. #sidebar {position:fixed; margin-left:686px; margin-top:96px; height:462px; width:355px; background:{color:sidebar background};}
  154. #sidebarimage {position:fixed; margin-left:10px; margin-top:10px;}
  155. #sidebarimage img {position:fixed; z-index:-999; height:442px; width:335px;}
  156. #sidebarimage:hover #sideback {opacity:1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  157. #sideback {position:fixed; height:442px; width:335px; background:{color:sidebar background}; opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
  158. #beforetitle {position:fixed; width:305px; margin-left:10px; margin-top:8px; font-size:11px; font-weight:bold; text-align:left; text-transform:uppercase; padding:5px; background:{color:backtitle background}; color:{color:sidelinks}; text-shadow:-1px 1px 0px {color:sidelinks hover};}
  159. #backlinksbefore {display:block; margin-top:32px; margin-left:11px; width:315px; z-index:999;}
  160. #backlinksbefore a {display:inline-block; padding:5px; font-size:11px; background:{color:backlink background}; text-shadow:-1px 1px 0px {color:backlink shadow}; text-align:right; color:{color:backlink}; text-transform:uppercase; margin-left:-1px; margin-bottom:2px; font-weight:bold; width:146.5px;}
  161. #backlinksbefore a:hover {color:{color:backlink shadow}; text-shadow:-1px 1px 0px {color:backlink};}
  162. #musicplayer {margin-left:10px;}
  163. #aftertitle {position:fixed; width:305px; margin-left:10px; margin-top:8px; font-size:11px; font-weight:bold; text-align:right; text-transform:uppercase; padding:5px; background:{color:backtitle background}; color:{color:sidelinks}; text-shadow:-1px 1px 0px {color:sidelinks hover};}
  164. #backlinksafter {display:block; margin-top:32px; margin-left:11px; width:335px; z-index:999;}
  165. #backlinksafter a {display:inline-block; padding:5px; font-size:11px; background:{color:backlink background}; color:{color:backlink}; text-shadow:-1px 1px 0px {color:backlink shadow}; text-align:left; text-transform:uppercase; margin-left:-1px; margin-bottom:2px; font-weight:bold; width:146.5px;}
  166. #backlinksafter a:hover {color:{color:backlink shadow}; text-shadow:-1px 1px 0px {color:backlink};}
  167. #sidelinks {width:315px; margin-top:10px; margin-left:10px; display:block;}
  168. #sidelinks a {display:inline-block; color:{color:sidelinks}; background:{color:backtitle background}; width:92.5px; text-transform:uppercase; font-weight:bold; text-align:center; font-size:11px; padding:5px; margin-bottom:2px; text-shadow:-1px 1px 0px {color:sidelinks hover};}
  169. #sidelinks a:hover {color:{color:sidelinks hover}; text-shadow:-1px 1px 0px {color:sidelinks};}
  170. #updates {width:303px; border:1px solid {color:link}; position:fixed; margin-left:10px; margin-top:8px; margin-bottom:2px; font-weight:bold; padding:5px;}
  171. #backimage {position:fixed; margin-left:10px; margin-top:40px;}
  172. #backimage img {position:fixed; width:315px; height:150px;}
  173.  
  174. /*popup ask*/
  175.  
  176. .popup_block{display:none; background:{color:sidebar background}; padding:10px; float:left; border:1px solid {color:link}; position:fixed; top:50%; left:50%; z-index: 99999;}
  177. *html #fade {position:absolute;}
  178. *html .popup_block {position:absolute;}
  179.  
  180. /*source*/
  181.  
  182. #source {text-align:right;}
  183.  
  184. /*link*/
  185.  
  186. #link {font-size:11px; font-weight:bold; text-align:center; text-transform:uppercase;}
  187. #link a {color:{color:text}; text-shadow:-1px 1px 0px {color:link};}
  188. #link a:hover {color:{color:link}; text-shadow:-1px 1px 0px {color:text};}
  189.  
  190. /*audio*/
  191.  
  192. #player {position:absolute; background:#fff; width:27px; height:27px; opacity:0.5; margin-top:26px; margin-left:26px; overflow:hidden;}
  193. #player:hover {opacity:0.8;}
  194. #cover img {float:left; margin-right:5px; border:2px solid {color:link};}
  195. .audioinfo {background:{color:text}; color:{color:post background}; height:64px; width:412px; margin-left:78px; margin-bottom:10px; padding:5px; line-height:16px; text-align:right;}
  196.  
  197. /*asks*/
  198.  
  199. #ask {color:{color:post background}; background:{color:text}; font-weight:bold; padding:10px; margin-bottom:10px; text-align:center;}
  200. #asker {background:{color:link}; color:{color:text}; text-shadow:-1px 1px 0px {color:post background}; font-size:11px; font-weight:bold; text-transform:uppercase; padding:5px; text-align:center;}
  201. #asker a {color:{color:text}; text-shadow:-1px 1px 0px {color:post background};}
  202. #asker a:hover {color:{color:post background}; text-shadow:-1px 1px 0px {color:text};}
  203.  
  204. /*info*/
  205.  
  206. #info {background:{color:info background}; padding:5px; padding-bottom:2px; width:510px; font-size:9px; font-weight:bold; text-transform:lowercase; margin-left:-10px;}
  207. #info a {color:{color:info};}
  208.  
  209. /*tags*/
  210.  
  211. #tags {background:{color:tags background}; padding:5px; padding-bottom:2px; width:510px; font-size:9px; font-weight:bold; text-align:right; text-transform:lowercase; margin-left:-10px;}
  212. #tags a {color:{color:tags};}
  213. #tags a:hover {color:{color:tags hover};}
  214.  
  215. /*notes*/
  216.  
  217. #note {padding-top:10px; padding-bottom:10px;}
  218. .note img {display:none;}
  219.  
  220. /*credit*/
  221.  
  222. #credit {position:fixed; bottom:5px; right:0px; font-size:9px; text-transform:lowercase; text-align:center;}
  223. #credit a {color:{color:link}; padding:5px; background:{color:post background};}
  224.  
  225. </style>
  226.  
  227. <body>
  228.  
  229. <div id="borderleft"></div>
  230.  
  231. <div id="admin1"><img src="{image:icon 1}"></div>
  232. <div id="admin2"><img src="{image:icon 2}"></div>
  233. <div id="admin3"><img src="{image:icon 3}"></div>
  234.  
  235. <div id="title">
  236. <div id="pagination">
  237. {block:Pagination}
  238. {block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}
  239. {/block:Pagination}
  240. {Title}
  241. {block:Pagination}
  242. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  243. {/block:Pagination}
  244. </div>
  245. </div>
  246.  
  247. <div id="sidebar">
  248. <div id="sidebarimage">
  249. <img src="{image:sidebar}">
  250. <div id="sideback">
  251. <div id="sidelinks">
  252. <a href="/">REFRESH</a>
  253. <a href="#?w=500" rel="box1" class="poplight">INBOX</a>
  254. <a href="/archive">PAST</a>
  255. </div>
  256. <div id="beforetitle">{text:before title}</div>
  257. <div id="backlinksbefore">
  258. <a href="{text:before link 1}">{text:before 1}</a>
  259. <a href="{text:before link 2}">{text:before 2}</a>
  260. <a href="{text:before link 3}">{text:before 3}</a>
  261. <a href="{text:before link 4}">{text:before 4}</a>
  262. <a href="{text:before link 5}">{text:before 5}</a>
  263. <a href="{text:before link 6}">{text:before 6}</a>
  264. </div>
  265. <div id="aftertitle">{text:after title}</div>
  266. <div id="backlinksafter">
  267. <a href="{text:after link 1}">{text:after 1}</a>
  268. <a href="{text:after link 2}">{text:after 2}</a>
  269. <a href="{text:after link 3}">{text:after 3}</a>
  270. <a href="{text:after link 4}">{text:after 4}</a>
  271. <a href="{text:after link 5}">{text:after 5}</a>
  272. <a href="{text:after link 6}">{text:after 6}</a>
  273. </div>
  274. <div id="updates">
  275. <marquee>
  276. {text:marquee}
  277. </marquee>
  278. </div>
  279. <div id="backimage">
  280. <img src="{image:back image}">
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285.  
  286. <div id="box">
  287. <div id="entries">
  288. {block:Posts}
  289. <div id="posts">
  290. {block:Quote}
  291. <h1>{Quote}</h1>
  292. {/block:Quote}
  293. {block:Source}
  294. <div id="source">&mdash; {Source}</div>
  295. {/block:Source}
  296.  
  297. {block:Text}
  298. {block:Title}<h1>{Title}</h1>{/block:Title}
  299. {Body}
  300. {/block:Text}
  301.  
  302. {block:Photo}
  303. {LinkOpenTag}<img src="{PhotoUrl-500}">{LinkCloseTag}
  304. {block:Caption}{Caption}{/block:Caption}
  305. {/block:Photo}
  306.  
  307. {block:Photoset}
  308. {Photoset-500}
  309. {block:Caption}{Caption}{/block:Caption}
  310. {/block:Photoset}
  311.  
  312. {block:Link}
  313. <div id="link"><a href="{URL}" {Target}>{Name}</a></div>
  314. {block:Description}{Description}{/block:Description}
  315. {/block:Link}
  316.  
  317. {block:Chat}
  318. <div style="padding-bottom:10px;">
  319. {block:Title}<h1>{Title}</h1>{/block:Title}
  320. {block:Lines}
  321. {block:Label}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase; color:{color:link};">{Label}</strong>{/block:Label}
  322. {Line}<br>
  323. {/block:Lines}
  324. </div>
  325. {/block:Chat}
  326.  
  327. {block:Audio}
  328. <div id="player">{AudioPlayerWhite}</div>
  329. {block:AlbumArt}
  330. <div id="cover"><img src="{AlbumArtURL}" width="70"></div>
  331. {/block:AlbumArt}
  332. <div class="audioinfo">
  333. {block:Artist}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
  334. {Artist}
  335. </strong>
  336. {/block:Artist}<br>
  337. {block:TrackName}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
  338. {TrackName}
  339. </strong>
  340. {/block:TrackName}<br>
  341. {block:Album}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
  342. {Album}
  343. </strong>
  344. {/block:Album}<br>
  345. {block:PlayCount}<strong style="font-size:9px; font-weight:bold; text-transform:lowercase;">
  346. {PlayCount}
  347. </strong>
  348. {/block:PlayCount}
  349. </div>
  350. {/block:Audio}
  351.  
  352. {block:Video}
  353. {Video-500}
  354. {block:Caption}{Caption}{/block:Caption}
  355. {/block:Video}
  356.  
  357. {block:Answer}
  358. <div id="asker">
  359. {Asker}
  360. </div>
  361. <div id="ask">
  362. {Question}
  363. </div>
  364. {Answer}
  365. {/block:Answer}
  366.  
  367. <div id="info">
  368. <div id="permalink">
  369. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  370. <div style="float:right; font-style:normal; font-weight:normal;"><div style="color:{color:info};">{NoteCount}</div></div>
  371. </div>
  372. </div>
  373.  
  374. {block:HasTags}<div id="tags">{block:Tags}#&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}
  375.  
  376. {block:PostNotes}
  377. <div id="note">
  378. {PostNotes}
  379. </div>
  380. {block:PostNotes}
  381. </div>
  382. {/block:Posts}
  383. </div>
  384. </div>
  385.  
  386. <div id="credit">
  387. <a href="http://astrumwrites.tumblr.com">@</a>
  388. </div>
  389.  
  390. </body>
  391.  
  392. <div id="box1" class="popup_block">
  393. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  394. </div>
  395.  
  396. </div></div></div></div></div></div></div></div></div></div>
  397.  
  398. </head>
  399. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement