API tools faq
paste
Advertisement
Guest User

TEMA BYERS

a guest
Jun 24th, 2019
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <head>
  4.  
  5.  
  6. <html xlmns="//www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11.  
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13.  
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <!-- colour options -->
  17.  
  18. <meta name="color:bold" content="#000"/>
  19. <meta name="color:italic" content="#ccc"/>
  20. <meta name="color:underline" content="#888"/>
  21. <meta name="color:background" content="#f6f6f6"/>
  22. <meta name="color:scrollbar" content="#ccc"/>
  23. <meta name="color:text" content="#888"/>
  24. <meta name="color:link" content="#ccc"/>
  25. <meta name="color:link hover" content="#888"/>
  26. <meta name="color:perma link" content="#ccc"/>
  27. <meta name="color:perma link hover" content="#888"/>
  28. <meta name="color:tags" content="#ccc"/>
  29. <meta name="color:tags hover" content="#888"/>
  30. <meta name="color:border" content="#eee"/>
  31. <meta name="color:h1 text" content="#888"/>
  32. <meta name="color:tooltip text" content="#fff"/>
  33. <meta name="color:tooltip bg" content="#888"/>
  34. <meta name="color:selection text" content="#fff"/>
  35. <meta name="color:selection bg" content="#888"/>
  36.  
  37. <!-- image options -->
  38. <center>
  39. <meta name="image:bg" content=""/>
  40. <meta name="image:header" content="http://images2.imagebam.com/1e/a8/43/b4dd591260802734.gif"/>
  41. <meta name="image:icon" content="http://images2.imagebam.com/1e/a8/43/b4dd591260802734.gif"/>
  42. <meta name="image:popup icon" content="http://images2.imagebam.com/1e/a8/43/b4dd591260802734.gif"/></center>
  43.  
  44. <!-- text options -->
  45.  
  46. <meta name="text:tumblr username" content=""/>
  47. <meta name="text:updates text" content="Updates info goes here"/>
  48.  
  49. <meta name="text:Link 1" content="Link 1"/>
  50. <meta name="text:Link 1 URL" content=""/>
  51. <meta name="text:Link 2" content="Link 2"/>
  52. <meta name="text:Link 2 URL" content=""/>
  53. <meta name="text:Link 3" content="Link 3"/>
  54. <meta name="text:Link 3 URL" content=""/>
  55. <meta name="text:Link 4" content="Link 4"/>
  56. <meta name="text:Link 4 URL" content=""/>
  57. <meta name="text:Link 5" content="Link 5"/>
  58. <meta name="text:Link 5 URL" content=""/>
  59. <meta name="text:Link 6" content="Link 6"/>
  60. <meta name="text:Link 6 URL" content=""/>
  61. <meta name="text:Link 7" content="Link 7"/>
  62. <meta name="text:Link 7 URL" content=""/>
  63. <meta name="text:Link 8" content="Link 8"/>
  64. <meta name="text:Link 8 URL" content=""/>
  65.  
  66. <!-- toggle options -->
  67.  
  68.  
  69. <meta name="if:popup links" content="1"/>
  70. <meta name="if:updates tab" content="1"/>
  71. <meta name="if:400px posts" content="0"/>
  72. <meta name="if:show caption" content="1"/>
  73. <meta name="if:show tags" content="1"/>
  74.  
  75. <!-- fonts -->
  76.  
  77. <link href="https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed" rel="stylesheet">
  78.  
  79. <!-- font awesome script -->
  80.  
  81. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  82.  
  83. <!-- jquery scripts -->
  84.  
  85. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  86.  
  87. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  88.  
  89. <!-- tooltip scripts -->
  90.  
  91. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  92.  
  93. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  94.  
  95. <script>
  96. (function($){
  97. $(document).ready(function(){
  98. $("a[title]").style_my_tooltips({
  99. tip_follows_cursor:true,
  100. tip_delay_time:90,
  101. tip_fade_speed:600,
  102. attribute:"title"
  103. });
  104. });
  105. })(jQuery);
  106. </script>
  107.  
  108. <style type="text/css">
  109.  
  110. iframe.tmblr-iframe {
  111. z-index:99999999999999!important;
  112. top:3px!important;
  113. right:0!important;
  114. opacity:0.4;
  115. filter:invert(1);
  116. -webkit-filter:invert(1);
  117. -o-filter:invert(1);
  118. -moz-filter:invert(1);
  119. -ms-filter:invert(1);
  120. transform:scale(0.6);
  121. transform-origin:100% 0;
  122. -webkit-transform:scale(0.8);
  123. -webkit-transform-origin:100% 0;
  124. -o-transform:scale(0.8);
  125. -o-transform-origin:100% 0;
  126. -moz-transform:scale(0.8);
  127. -moz-transform-origin:100% 0;
  128. -ms-transform:scale(0.8);
  129. -ms-transform-origin:100% 0;
  130. }
  131.  
  132. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  133.  
  134. ::-webkit-scrollbar-thumb {
  135. z-index:9999;
  136. position:relative;
  137. height:auto;
  138. background-color:{color:scrollbar};
  139. }
  140.  
  141. ::-webkit-scrollbar {
  142. height:5px;
  143. width:5px;
  144. background-color:{color:background};
  145. }
  146.  
  147. /* basics */
  148.  
  149. body {
  150. color:{color:text};
  151. background-color:{color:background};
  152. font-family:'Roboto', sans-serif;
  153. font-size:10px;
  154. margin:0;
  155. line-height:14px;
  156. letter-spacing:1px;
  157. text-align:justify;
  158. word-wrap:break-word;
  159. background-image:url('{image:bg}');
  160. background-position:center top;
  161. background-attachment:fixed;
  162. background-repeat:repeat;
  163. }
  164.  
  165. small {font-size:9px;}
  166.  
  167. pre {
  168. word-wrap:break-word;
  169. padding:5px;
  170. margin:0px 10px;
  171. border:1px solid {color:border};
  172. white-space:pre-wrap;
  173. white-space:-moz-pre-wrap;
  174. white-space:-pre-wrap;
  175. white-space:-o-pre-wrap;
  176. }
  177.  
  178. blockquote {
  179. margin:0px 0px 0px 20px;
  180. padding:2px 0px 2px 5px;
  181. border-left:1px solid {color:border};
  182. }
  183.  
  184. b, strong {color:{color:bold};}
  185.  
  186. i, em {color:{color:italic};}
  187.  
  188. u {color:{color:underline};text-transform:none;}
  189.  
  190. a {
  191. color:{color:link};
  192. text-transform:uppercase;
  193. text-decoration:none;
  194. -moz-transition-duration:1s;
  195. -webkit-transition-duration:1s;
  196. -o-transition-duration:1s;
  197. }
  198.  
  199. a:hover {
  200. color:{color:link hover};
  201. -moz-transition-duration:1s;
  202. -webkit-transition-duration:1s;
  203. -o-transition-duration:1s;
  204. }
  205.  
  206. p {margin:10px;}
  207.  
  208. hr {width:200px;border-top:1px solid {color:border};}
  209.  
  210. h1 {
  211. font-size:14px;
  212. font-family:'Roboto', sans-serif;
  213. text-align:center;
  214. text-transform:uppercase;
  215. letter-spacing:1px;
  216. color:{color:h1 text};
  217. border-bottom:1px solid {color:border};
  218. padding:10px;
  219. margin-top:0px;
  220. }
  221.  
  222. h1 a {
  223. color:{color:h1 text};
  224. -moz-transition-duration:1s;
  225. -webkit-transition-duration:1s;
  226. -o-transition-duration:1s;
  227. }
  228.  
  229. h1 a:hover {
  230. color:{color:link};
  231. -moz-transition-duration:1s;
  232. -webkit-transition-duration:1s;
  233. -o-transition-duration:1s;
  234. }
  235.  
  236. h2 {
  237. text-align:center;
  238. font-size:14px;
  239. word-spacing:2px;
  240. line-height:17px;
  241. padding:10px 0px;
  242. text-transform:uppercase;
  243. font-family:'Roboto', sans-serif;
  244. }
  245.  
  246. /* header */
  247.  
  248. #headercont {
  249. {block:ifnotshowheader}display:none;{/block:ifnotshowheader}
  250. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  251. }
  252.  
  253. #header {
  254. width:268px;
  255. height:300px;
  256. position:center;
  257. background-color:{color:background};
  258. background-image:url('{image:bg}');
  259. background-position:left top;
  260. background-attachment:fixed;
  261. background-repeat:repeat;
  262. z-index:1!important;
  263. }
  264.  
  265. #info {
  266. position:absolute;
  267. width:268px;
  268. top:50vh;
  269. left:50%;
  270. margin-left:-130px;
  271. margin-top:-200px;
  272. text-align:center;
  273. }
  274.  
  275. #infotitle {
  276. width:268px;
  277. text-transform:uppercase;
  278. font-size:20px;
  279. font-weight:700;
  280. letter-spacing:2px;
  281. text-align:center;
  282. margin-bottom:20px;
  283. }
  284.  
  285. #infobanner {
  286. width:268px;
  287. height:300px;
  288. background:url({image:header}) top center;
  289. -webkit-background-size:cover;
  290. -moz-background-size:cover;
  291. -o-background-size:cover;
  292. background-size:cover;
  293. }
  294.  
  295. #infonav {
  296. width:268px;
  297. margin-top:20px;
  298. }
  299.  
  300. #infonav a {
  301. display:inline-block;
  302. padding:0px 10px;
  303. font-size:12px;
  304. }
  305.  
  306. #scroll {
  307. position:absolute;
  308. top:85vh;
  309. left:50%;
  310. width:40px;
  311. height:40px;
  312. margin-left:-20px;
  313. }
  314.  
  315. /* pop-up pages */
  316.  
  317. #fade {
  318. display:none;
  319. background:{color:background};
  320. background-image:url('{image:bg}');
  321. background-position:left top;
  322. background-attachment:fixed;
  323. background-repeat:repeat;
  324. position:fixed;
  325. left:0;
  326. top:0;
  327. width:100%;
  328. height:100%;
  329. z-index:99;
  330. }
  331.  
  332. .popup_block {
  333. display:none;
  334. float:center;
  335. position:fixed;
  336. top:54%;
  337. left:52%;
  338. z-index:99999;
  339. }
  340.  
  341. img.btn_close {
  342. position:absolute;
  343. top:-10px;
  344. right:-10px;
  345. width:20px;
  346. height:20px;
  347. z-index:999999999999;
  348. }
  349.  
  350. #popupicon {
  351. width:100px;
  352. height:100px;
  353. margin:10px auto;
  354. }
  355.  
  356. #popupicon img {
  357. width:100px;
  358. height:100px;
  359. border-radius:50%;
  360. }
  361.  
  362. #popupnav {text-align:center;}
  363.  
  364. #popupnav a {
  365. display:block;
  366. padding:10px 0px;
  367. }
  368.  
  369.  
  370.  
  371. /* extras */
  372.  
  373. #updates {
  374. position:fixed;
  375. top:50px;
  376. left:50px;
  377. font-size:30px;
  378. padding-bottom:30px;
  379. z-index:9999;
  380. {block:ifnotupdatestab}display:none;{/block:ifnotupdatestab}
  381. }
  382.  
  383. #updatescont {
  384. position:absolute;
  385. top:50px;
  386. left:-210px;
  387. width:150px;
  388. font-size:10px;
  389. text-align:left;
  390. border-top:1px solid {color:border};
  391. padding-top:15px;
  392. transition:all 0.5s ease-in-out;
  393. -moz-transition:all 0.5s ease-in-out;
  394. -webkit-transition:all 0.5s ease-in-out;
  395. -o-transition:all 0.5s ease-in-out;
  396. }
  397.  
  398. #updates:hover #updatescont {
  399. left:0;
  400. transition:all 0.5s ease-in-out;
  401. -moz-transition:all 0.5s ease-in-out;
  402. -webkit-transition:all 0.5s ease-in-out;
  403. -o-transition:all 0.5s ease-in-out;
  404. }
  405.  
  406.  
  407. #s-m-t-tooltip {
  408. z-index:9999999999;
  409. color:{color:tooltip text};
  410. background:{color:tooltip bg};
  411. font-size:9px;
  412. line-height:11px;
  413. font-family:'Roboto Condensed', sans-serif;
  414. text-align:left;
  415. text-transform:uppercase;
  416. max-width:150px;
  417. word-wrap:break-word;
  418. padding:2px 5px 2px 5px;
  419. display:block;
  420. margin:24px 14px 7px 12px;
  421. }
  422.  
  423. ::selection {color:{color:selection text};background:{color:selection bg};}
  424.  
  425. /* credit */
  426.  
  427. #credit {
  428. position:fixed;
  429. bottom:14px;
  430. right:10px;
  431. text-align:center;
  432. z-index:9999;
  433. }
  434.  
  435. #credit a {
  436. font-size:10px;
  437. color:{color:background};
  438. background-color:{color:scrollbar};
  439. padding:4px;
  440. -moz-transition-duration:1s;
  441. -webkit-transition-duration:1s;
  442. -o-transition-duration:1s;
  443. }
  444.  
  445. #credit a:hover {
  446. color:{color:scrollbar};
  447. background-color:{color:background};
  448. -moz-transition-duration:1s;
  449. -webkit-transition-duration:1s;
  450. -o-transition-duration:1s;
  451. }
  452.  
  453. </style>
  454. </head>
  455. <body>
  456. <center>
  457. {block:ifupdatestab}
  458. <div id="updates"><c class="fa fa-bars"></c>
  459. <div id="updatescont">
  460. {text:updates text}
  461. </div>
  462. </div>
  463. {/block:ifupdatestab}
  464.  
  465. <div id="headercont">
  466. <div id="info">
  467. <div id="infotitle">{Title}</div>
  468. <div id="infobanner"></div>
  469. <div id="infonav">
  470. <a href="/">Home</a>
  471. {block:ifpopuplinks}
  472. <a href="#?w=500" rel="02" class="poplight">Ask</a>
  473. <a href="https://twitter.com/byersofficial" rel="03" class="poplight">Twitter</a>
  474. <a href="/archive">Past</a>
  475. </div>
  476. </div>
  477. <a id="scroll" href="#"><img src="https://40.media.tumblr.com/cac0183abafde0a58f5279cdd49e2993/tumblr_inline_o387mhVlsd1rrt3vb_540.png"></a>
  478. <div id="header"></div>
  479. </div>
  480.  
  481.  
  482.  
  483. {block:ifpopuplinks}
  484. <div id="02" class="popup_block">
  485. <h1>Ask</h1>
  486. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="//www.tumblr.com/ask_form/{text:tumblr username}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  487. </div>
  488.  
  489. <div id="03" class="popup_block">
  490. <h1>About</h1>
  491. <div id="popupicon"><img src="{image:popup icon}"></div>
  492. <!-- your about goes here. it comes with a small icon 100x100px in size and room to give a short summary of yourself and/or your blog. use regular html styling (i.e. p / b / i / etc.) -->
  493. </div>
  494.  
  495. <div id="04" class="popup_block">
  496. <h1>Links</h1>
  497. <div id="popupnav">
  498. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  499. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  500. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  501. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  502. <a href="{text:Link 7 URL}">{text:Link 7}</a>
  503. <a href="{text:Link 8 URL}">{text:Link 8}</a>
  504. </div>
  505. </div>
  506. {/block:ifpopuplinks}
  507.  
  508. <div id="themecontainer">
  509. <div id="container">
  510. {block:Posts}
  511. <div id="posts">
  512.  
  513. {block:Text}
  514. {block:Title}<h1>{Title}</h1>{/block:Title}
  515. {Body}
  516. {/block:Text}
  517.  
  518. {block:Quote}
  519. <h2>{Quote}</h2>
  520. {block:Source}<div id="source">{Source}</div>{/block:Source}
  521. {/block:Quote}
  522.  
  523. {block:Link}
  524. <h1><a href="{URL}"><< {Name} >></a></h1>
  525. {block:Description}{Description}{/block:Description}
  526. {/block:Link}
  527.  
  528. {block:Chat}
  529. {block:Title}
  530. <h1>{Title}</h1>
  531. {/block:Title}
  532. <div class="chat">
  533. <ol>{block:Lines}
  534. <li class="line {Alt}">
  535. {block:Label}
  536. <span class="label">
  537. <b>{Label}</b></span>
  538. {/block:Label}{Line}</li>
  539. {/block:Lines}
  540. </ol></div>
  541. {/block:Chat}
  542.  
  543. {block:Photo}
  544. {LinkOpenTag}<center>{block:if400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:if400pxposts}{block:ifnot400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:ifnot400pxposts}</center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  545. {/block:Photo}
  546.  
  547. {block:Photoset}
  548. <center>{block:if400pxposts}{Photoset-400}{/block:if400pxposts}{block:ifnot400pxposts}{Photoset-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  549. {/block:Photoset}
  550.  
  551. {block:Video}
  552. <center>{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:ifnot400pxposts}{Video-500}{/block:ifnot400pxposts}</center>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  553. {/block:Video}
  554.  
  555. {block:Audio}
  556. <div id="audio">
  557. <div id="audioplayerbg"><div id="audioplayer">{AudioPlayerWhite}</div></div>
  558. <div id="albumart"><span{block:AlbumArt} style="display:none;"{block:AlbumArt}><img src="https://41.media.tumblr.com/9b78d1e07567414cae86f9e454b1e9f7/tumblr_inline_o39hgzRFff1rrt3vb_540.png" width="100"></span>{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  559. <div id="audioinfo">
  560. <span{block:TrackName} style="display:none;"{block:TrackName}><b>Song:</b> unknown</span>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  561. <br><span{block:Artist} style="display:none;"{block:Artist}><b>Artist:</b> unknown</span>{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}
  562. <br><span{block:Album} style="display:none;"{block:Album}><b>Album:</b> unknown</span>{block:Album}<b>Album:</b> {Album}{/block:Album}
  563. <br>{block:PlayCount}<b>Play count:</b> {PlayCount}{/block:PlayCount}
  564. </div></div>
  565. {block:Caption}<div class="caption audiocaption">{Caption}</div>{/block:Caption}
  566. {/block:Audio}
  567.  
  568. {block:Answer}
  569. <div class="askericon"><img src="{AskerPortraitURL-64}"></div>
  570. <div class="ask"><div class="asker">{Asker} asked:</div>{Question}</div>
  571. <div class="answer">{block:Answerer}<div class="replier">{Answerer} replied:</div>{/block:Answerer}{Answer}</div>
  572. {block:Answerer}<div class="replies">{Replies}</div>{/block:Answerer}
  573. {/block:Answer}
  574.  
  575. {block:Date}
  576.  
  577. {block:IndexPage}<div id="perma">
  578. <a href="{Permalink}" title="{DayofMonth}{DayofMonthSuffix} {Month} {Year}">{block:Date}{TimeAgo}{/block:Date}</a>
  579. <a href="{Permalink}">{NoteCountwithLabel}</a>
  580. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  581. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  582. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  583. </div>{/block:IndexPage}
  584.  
  585. {block:PermalinkPage}<div id="perma">
  586. <a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a>
  587. <a href="{Permalink}">{NoteCountwithLabel}</a>
  588. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  589. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">©</a>{/block:ContentSource}
  590. <br>{block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  591. </div>{/block:PermalinkPage}
  592.  
  593. {/block:Date}
  594.  
  595. {block:PostNotes}{PostNotes}{/block:PostNotes}
  596.  
  597. </div>
  598. {/block:Posts}
  599. </div>
  600. </div>
  601.  
  602. <!-- scrollto jquery -->
  603.  
  604. <script type="text/javascript">
  605. jQuery(document).ready(function(){
  606. var containerPosition = jQuery('#themecontainer').offset().top;
  607. jQuery('#scroll').click(function(){
  608. jQuery('html, body').animate({scrollTop:containerPosition}, 'slow');
  609. return false;
  610. });
  611. });
  612. </script>
  613.  
  614. <!-- sticky div jquery -->
  615.  
  616. <script>
  617. $(document).ready(function(){
  618. $(window).bind('scroll', function(){
  619. if($(window).scrollTop() > 1100){
  620. $('.sidebarcont').addClass('sidebarcont2');
  621. }
  622.  
  623. else{
  624. $('.sidebarcont').removeClass('sidebarcont2');
  625. }
  626. });
  627. });
  628. </script>
  629.  
  630. <!-- pop up page jquery -->
  631.  
  632. <script>
  633. $(document).ready(function() {
  634. //
  635. $('a.poplight[href^=#]').click(function() {
  636. var popID = $(this).attr('rel'); //Get Popup Name
  637. var popURL = $(this).attr('href'); //Get Popup href to define size
  638. var query= popURL.split('?');
  639. var dim= query[1].split('&');
  640. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  641. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://68.media.tumblr.com/35fc8f8e1c10951f98fead1dedc8a93d/tumblr_inline_o57nyeIyod1rrt3vb_540.png" class="btn_close"/></a>');
  642. var popMargTop = ($('#' + popID).height() + 80) / 2;
  643. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  644. //Apply Margin to Popup
  645. $('#' + popID).css({
  646. 'margin-top' : -popMargTop,
  647. 'margin-left' : -popMargLeft
  648. });
  649. $('body').append('<div id="fade"></div>');
  650. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  651. return false;
  652. });
  653. $('a.close, #fade').live('click', function() {
  654. $('#fade , .popup_block').fadeOut(function() {
  655. $('#fade, a.close').remove(); //fade them both out
  656. });
  657. return false;
  658. });
  659. });
  660. </script>
  661.  
  662. <div id="credit"><a href="//twitter.com/milliebabyb" title="made by Nara">✷</a>
  663. </div>
  664.  
  665. </body>
  666. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!