API tools faq
paste
mira0403

MIRACLE

mira0403
Feb 19th, 2014
5,193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.28 KB | None | 0 0
raw download clone embed print report
  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. <head>
  5. <script type="text/javascript"
  6. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7. <script>
  8. $(document).ready(function() {
  9. //
  10. $('a.poplight[href^=#]').click(function() {
  11. var popID = $(this).attr('rel'); //Get Popup Name
  12. var popURL = $(this).attr('href'); //Get Popup href to define size
  13. var query= popURL.split('?');
  14. var dim= query[1].split('&');
  15. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  16. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/qglwiwx/MWKmt76fr/6.png" class="btn_close" title="Close" alt="Close" /></a>');
  17. var popMargTop = ($('#' + popID).height() + 80) / 2;
  18. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  19. //Apply Margin to Popup
  20. $('#' + popID).css({
  21. 'margin-top' : -popMargTop,
  22. 'margin-left' : -popMargLeft
  23. });
  24. $('body').append('<div id="fade"></div>');
  25. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  26. return false;
  27. });
  28. $('a.close, #fade').live('click', function() {
  29. $('#fade , .popup_block').fadeOut(function() {
  30. $('#fade, a.close').remove(); //fade them both out
  31. });
  32. return false;
  33. });
  34. });
  35. </script>
  36.  
  37. <title>{Title}</title>
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  40. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  41.  
  42. <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  44.  
  45. <!---1st theme by Mira-Dyodoroo !! yehett hihih
  46. --->
  47.  
  48. <meta name="color:Background" content="#fAfafa"/>
  49. <meta name="color:title" content="#b8d5eb"/>
  50. <meta name="color:Back post color" content="#eee"/>
  51. <meta name="color:Back post border color" content="#dddddd"/>
  52. <meta name="color:Text" content="#a8a8a8"/>
  53. <meta name="color:DescriptionText" content="#b8b8b8"/>
  54. <meta name="color:Post Border" content="#dddddd"/>
  55. <meta name="color:Post Links" content="#c0bfbf"/>
  56. <meta name="color:Post Links Hover" content="#f2f2f2"/>
  57. <meta name="color:blockquote border" content="#9a9a9a"/>
  58. <meta name="color:Scrollbar" content="#000000"/>
  59. <meta name="color:Scrollbar Background" content="#ffffff"/>
  60. <meta name="color:Answer Backg" content="#000000"/>
  61. <meta name="image:Background" content=""/>
  62.  
  63. <meta name="image:corner" content="http://31.media.tumblr.com/fe36b13e6a66e1d7975bd8e36a8e566d/tumblr_n190uegj8v1sljcroo1_400.png"/>
  64.  
  65. <meta name="text:Link 1" content="/ask" />
  66. <meta name="text:Link 1 Text" content="message" />
  67. <meta name="text:Link 2" content="/" />
  68. <meta name="text:Link 2 Text" content="" />
  69. <meta name="text:Link 3" content="/" />
  70. <meta name="text:Link 3 Text" content="" />
  71. <meta name="text:Link 4" content="/" />
  72. <meta name="text:Link 4 Text" content="" />
  73. <meta name="text:Link 5" content="/" />
  74. <meta name="text:Link 5 Text" content="" />
  75.  
  76. <meta name="if:cornerimage" content="1" />
  77. <meta name="if:lilCursor" content="1"/>
  78. <meta name="if:faded posts" content="1"/>
  79. <meta name="if:banner" content="1"/>
  80. <meta name="if:Show Link 1" content="1" />
  81. <meta name="if:Show Link 2" content="1" />
  82. <meta name="if:Show Link 3" content="1" />
  83. <meta name="if:Show Link 4" content="1" />
  84. <meta name="if:Show Link 5" content="1" />
  85.  
  86.  
  87. <style type="text/css">
  88.  
  89. #tumblr_controls {-webkit-filter: invert(100%);}
  90.  
  91. ::-webkit-scrollbar {
  92. width: 6px;
  93. height: 3px;
  94. background: {color:scrollbar background}}
  95. ::-webkit-scrollbar-thumb {
  96. background-color:{color:scrollbar} ;
  97. border:1px solid #fff;
  98. }
  99.  
  100. {block:iflilCursor}
  101. body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}
  102. {/block:iflilCursor}
  103.  
  104. body {
  105. font-family: calibri;
  106. font-size:9px;
  107. margin:0;
  108. background-attachment:fixed;
  109. background-repeat:repeat;
  110. background:url('{image:Background}');
  111. background-color:{color:Background};
  112. color:{color:Text};
  113. }
  114. a {
  115. color:{color:Post Links};
  116. text-decoration:none;
  117. -webkit-transition: all 0.4s linear;
  118. -moz-transition: all 0.4s ease-in-out;
  119. -o-transition: all 0.4s ease-in-out;
  120. -ms-transition: all 0.4s ease-in-out;
  121. }
  122. a:hover {
  123. color:{color:Post Links Hover};
  124. -moz-transition-duration:0.4s;
  125. -webkit-transition-duration:0.4s;
  126. -o-transition-duration:0.4s;
  127. }
  128. b, strong {
  129. color:{color:Bold};
  130. font-weight:bold;
  131. }
  132.  
  133. i, em {
  134. color:{color:Italic};
  135. font-style:italic;
  136. }
  137.  
  138. img {
  139. border:none;
  140. }
  141.  
  142.  
  143. h1 {
  144. font-size:12px;
  145. text-transform:uppercase;
  146. }
  147.  
  148. blockquote {
  149. padding-left:5px;
  150. border-left:2px solid {color:blockquote border};
  151. }
  152.  
  153. blockquote blockquote {
  154. padding-left:5px;
  155. border-left:2px solid {color:blockquote border};
  156. }
  157.  
  158. blockquote img {
  159. max-width: 100%;}
  160.  
  161. #s-m-t-tooltip{
  162. max-width:300px;
  163. margin:15px;
  164. padding:2px 8px;
  165. border:1px solid #DDD;
  166. border-radius:4px;
  167. background:#FFF;
  168. color:#AAA;
  169. z-index:999999;
  170. font-size:9px;
  171. font-style:ham;
  172. text-transform:lowercase;
  173. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  174.  
  175. #entries {
  176. margin-left:170px;
  177. margin-top:20px;
  178. padding:20px;
  179. }
  180.  
  181. .posts {
  182. position:relative;
  183. width: 400px;
  184. padding:20px;
  185. margin:30px;;
  186. background: #fff;
  187. border: 1px solid {color:post border};
  188.  
  189. }
  190. {block:iffadedposts}
  191. .posts img{ max-width: 100%;
  192. -webkit-transition: opacity 0.9s linear;
  193. opacity: 0.6;
  194. -moz-opacity: 0.2;
  195. -webkit-transition: all 0.9s ease;
  196. -moz-transition: all 0.9s ease;
  197. -o-transition: all 0.9s ease;
  198. }
  199.  
  200.  
  201.  
  202. .posts img:hover {
  203. -webkit-transition: opacity 0.9s linear;
  204. opacity: 1;
  205. -moz-opacity: 1;
  206. -webkit-transition: all 0.9s ease;
  207. -moz-transition: all 0.9s ease;
  208. -o-transition: all 0.9s ease;
  209. }
  210.  
  211. .posts iframe.photoset {
  212. max-width: 100%;
  213. -webkit-transition: opacity 0.9s linear;
  214. opacity: 0.6;
  215. -moz-opacity: 0.2;
  216. -webkit-transition: all 0.9s ease;
  217. -moz-transition: all 0.9s ease;
  218. -o-transition: all 0.9s ease;
  219. }
  220.  
  221. .posts iframe.photoset:hover {
  222. -webkit-transition: opacity 0.9s linear;
  223. opacity: 1;
  224. -moz-opacity: 1;
  225. -webkit-transition: all 0.9s ease;
  226. -moz-transition: all 0.9s ease;
  227. -o-transition: all 0.9s ease;
  228. }
  229. {/block:iffadedposts}
  230. {block:ifNOTfadedposts}
  231. .posts img{
  232. max-width: 100%;}
  233. {/block:ifNOTfadedposts}
  234.  
  235. #description{
  236. float:center;
  237. text-align: justify;
  238. text-transform: uppercase;
  239. font-family: calibri;
  240. font-size: 8px;
  241. margin-left: 720px;
  242. margin-top: 125px;
  243. text-align: center;
  244. width: 120px;
  245. max-height:150px;
  246. padding: 10px;
  247. background: #fff;
  248. border: 1px solid #eee;
  249. position: fixed;
  250. opacity: 1;
  251. border-radius: 25px 5px 25px 5px;
  252. }
  253.  
  254. #title {
  255. width:180px;
  256. margin-top: 100px;
  257. margin-left: 705px;
  258. padding-bottom:10px;
  259. font-size: 22px;
  260. font-family: calibri;
  261. text-transform: uppercase;
  262. text-align: center;
  263. position:fixed;
  264. color:{color:title};
  265. }
  266.  
  267. #indexinfo {
  268. background:#fff;
  269. opacity:0;
  270. width:15px;
  271. max-height:60px;
  272. margin-top:-21px;
  273. text-align:left;
  274. border-top: 1px solid {color:post border};
  275. border-bottom: 1px solid {color:post border};
  276. border-right: 1px solid {color:post border};
  277. margin-left:420px;
  278. position:absolute;
  279. padding: 1px 1px 1px 1px;
  280. -webkit-transition: opacity 0.7s linear;
  281. -webkit-transition: all 0.7s ease-out;
  282. -moz-transition: all 0.7s ease-out;
  283. transition: all 0.7s ease-out;}
  284.  
  285. .posts:hover #indexinfo {
  286. opacity:1.0;
  287. margin-left:420px;
  288. -webkit-transition: opacity 0.7s linear;
  289. -webkit-transition: all 0.7s ease-out;
  290. -moz-transition: all 0.7s ease-out;
  291. transition: all 0.7s ease-out; }
  292.  
  293. #asker {
  294. color:#fcfcfc;
  295. padding:14px;
  296. font-family:'arial';
  297. font-size:11px;
  298. letter-spacing:0px;
  299. text-align:left;
  300. margin-top:0px;
  301. text-transform:lowercase;
  302. line-height:100%;
  303. background-color:{color:Answer Backg}
  304. }
  305. #permainfo{
  306. margin-left:5px;
  307. background: #fafafa;
  308. padding: 5px;
  309. border-top: 4px solid {color:post border};
  310. color: #aaa;
  311. font-family: consolas;
  312. font-size: 10px;
  313. letter-spacing: 1px;
  314. text-transform: uppercase;
  315. }
  316. #notes{
  317. width:380px;
  318. margin-left:30px;
  319. background: #fafafa;
  320. padding: 25px 25px 25px 25px;
  321. border-left: 10px solid {color:post border};
  322. color: #aaa;
  323. font-family: consolas;
  324. font-size: 8px;
  325. letter-spacing: 1px;
  326. text-transform: uppercase;
  327. }
  328. #back {
  329. width: 480px;
  330. height: 100%;
  331. position: fixed;
  332. left: 200px;
  333. top: 0;
  334. background:{color:Back post color} ;
  335. border: 1px solid {color:Back post border color} ;
  336. z-index: -999;
  337. }
  338.  
  339. {block:ifbanner}
  340. #banner_outer {
  341. width:100%;
  342. height:25px;
  343. top:0px;
  344. left:0px;
  345. position:fixed;
  346. z-index:999999;
  347. border-top:19px solid #fff;
  348. }
  349.  
  350. #banner {
  351. background-image:url("http://static.tumblr.com/3yblkz0/S8omdno3x/jaja.png");
  352. repeat:repeat-x;
  353. width:100%;
  354. height:18px;
  355. }
  356. {/block:ifbanner}
  357.  
  358. #ima {
  359. position: Fixed;
  360. bottom: 0px;
  361. margin-left:1110px;
  362. opacity: 0.7;
  363. z-index: -4;
  364. filter: url(filters.svg#grayscale);
  365. filter: gray;
  366. -webkit-filter: grayscale(1);
  367. }
  368.  
  369. #fade { /*--Transparent background layer--*/
  370. background: #Fafafa;
  371. display: none; /*--hidden by default--*/
  372. position: fixed; left: 0; top: 0;
  373. width: 100%; height: 100%;
  374. opacity: .80;
  375. z-index: 9999;
  376. }
  377. .popup_block{
  378. display: none; /*--hidden by default--*/
  379. background: #fff;
  380. padding: 10px;
  381. border: 3px DOUBLE #dddddd;
  382. float: left;
  383. font-size: 10;
  384. position: fixed;
  385. top: 50%; left: 50%;
  386. z-index: 99999;
  387. /*--CSS3 Box Shadows--*/
  388.  
  389. /*--CSS3 Rounded Corners--*/
  390. -webkit-border-radius: 5px;
  391. -moz-border-radius: 5px;
  392. border-radius: 25px 25px 25px 25px;
  393. }
  394. img.btn_close {
  395. float: right;
  396. margin: -20 -20px 0 0;
  397. }
  398. /*--Making IE6 Understand Fixed Positioning--*/
  399. *html #fade {
  400. position: absolute;
  401. }
  402. *html .popup_block {
  403. position: absolute;
  404. }
  405. #cred {
  406. position:fixed;
  407. font-family:calibri;
  408. text-transform:uppercase;
  409. font-size:8px;
  410. right:2px;
  411. bottom:2px;
  412. padding:4px;
  413. letter-spacing:1px;
  414. }
  415. {CustomCSS}</style>
  416. <script type="text/javascript" src="http://static.tumblr.com/0szq8b5/R0cmg0bw1/tumblr-endless-scrolling.js"></script>
  417. </head>
  418.  
  419. <div style="position:Fixed; z-index: ; top:-60px; left:0px;">
  420. <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor10=DEDEDE&up_fishColor7=949494&up_fishColor2=949494&up_fishColor9=E3E3E3&up_numFish=10&up_fishColor3=4A4A4A&up_backgroundImage=http://&up_backgroundColor=FAFAFA&up_foodColor=9BC4CC&up_fishColor1=E3E3E3&up_fishColor6=4A4A4A&up_fishColor4=E3E3E3&up_fishColor5=DEDEDE&up_fishColor8=4A4A4A&up_fishName=Fish&" width="200" height="900"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor10=DEDEDE&up_fishColor7=949494&up_fishColor2=949494&up_fishColor9=E3E3E3&up_numFish=10&up_fishColor3=4A4A4A&up_backgroundImage=http://&up_backgroundColor=FAFAFA&up_foodColor=9BC4CC&up_fishColor1=E3E3E3&up_fishColor6=4A4A4A&up_fishColor4=E3E3E3&up_fishColor5=DEDEDE&up_fishColor8=4A4A4A&up_fishName=Fish&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object> </div>
  421. <div id="banner_outer"><div id="banner">
  422. </div> </div>
  423. <div id="title"><center style="opacity:.4;">{title}</center></div>
  424. <br>
  425. <div id="description">
  426. <center><font size="1"><a href="/" title="home"><img src="http://static.tumblr.com/qglwiwx/b9Jmt758v/4.png"style="opacity:.4;"> </a>
  427.  
  428. {block:IfShowLink1}<a href="#?w=500" rel="02" class="poplight" title="{text:Link 1 Text}"><img src="http://static.tumblr.com/qglwiwx/b9Jmt758v/4.png"style="opacity:.4;"> </a>{/block:IfShowLink1}
  429. {block:IfShowLink2}<a href="{text:Link 2}"title="{text:Link 2 Text}" ><img src="http://static.tumblr.com/qglwiwx/b9Jmt758v/4.png"style="opacity:.4;"> </a>{/block:IfShowLink2}
  430. {block:IfShowLink3}<a href="{text:Link 3}"title="{text:Link 3 Text}"><img src="http://static.tumblr.com/qglwiwx/b9Jmt758v/4.png"style="opacity:.4;"> </a>{/block:IfShowLink3}
  431. {block:IfShowLink4}<a href="{text:Link 4}"title="{text:Link 4 Text}"><img src="http://static.tumblr.com/qglwiwx/b9Jmt758v/4.png"style="opacity:.4;"> </a>{/block:IfShowLink4}
  432. {block:IfShowLink5}<a href="{text:Link 5}"title="{text:Link 5 Text}"><img src="http://static.tumblr.com/qglwiwx/b9Jmt758v/4.png"style="opacity:.4;"> </a>{/block:IfShowLink5} </font>
  433. <center>
  434. {description}
  435. </div>
  436. <div id="entries">
  437. <div class = "autopagerize_page_element" >
  438. {block:Posts}<div id="back"></div>
  439. <div class="posts">
  440.  
  441. {block:IndexPage}
  442. <div id="indexinfo">
  443.  
  444. <a href="{Permalink}" title="{NoteCountWithLabel}"><img src="http://static.tumblr.com/id3qcn4/nhlmwjumo/mini-black.png" style="opacity:.4;"></a>
  445.  
  446. <br>
  447.  
  448. <a href="{ReblogURL}" title="reblog"><img src="http://static.tumblr.com/id3qcn4/mbumwjun0/mini-black-2.png" style="opacity:.4;"></a>
  449.  
  450. <div title="{block:Tags}#{Tag} {/block:Tags}">
  451. {block:HasTags}<img src="http://static.tumblr.com/id3qcn4/SS8mwjuna/mini-black-3.png"style="opacity:.4;">
  452. {/block:HasTags}
  453. </div>
  454. </div>
  455.  
  456. {/block:IndexPage}
  457.  
  458. {block:Text}
  459. <h1>{block:Title}{Title}{/block:Title}</h1>
  460. {Body}{/block:Text}
  461.  
  462. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}<br>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  463.  
  464. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  465.  
  466. {block:Photoset}{Photoset-400}<br>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  467.  
  468. {block:Quote}{Quote}{/block:Quote}
  469.  
  470. {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>
  471. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  472. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  473. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  474. {/block:Audio}
  475.  
  476. {block:Video}{Video-400}<br>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  477.  
  478. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  479.  
  480. {block:Answer}<div id="asker"><span style="text-align:lowercase; color:#fcfcfc;font-style:italic; border-bottom:1px solid #fff;" ><b><i>{Asker}</i></b><br></span><br>{Question}</div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  481. {block:PermalinkPagination}
  482. {block:PermalinkPage}
  483. <BR><BR>
  484. <div id="permainfo">
  485. {block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  486. <br>
  487. <b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  488. <br>
  489.  
  490. {block:NoteCount}<B>notes:</b> {NoteCountWithLabel}{/block:NoteCount}<br>
  491. {/block:RebloggedFrom}
  492.  
  493. {block:Date}<b>Posted:</b>{TimeAgo}{/block:Date}<br>
  494.  
  495. {block:HasTags}<b>tags:</b>{block:Tags}<a href="{TagURL}"> #{Tag} </a>{/block:Tags}<br>{/block:HasTags}
  496. </div>
  497. </div>
  498.  
  499. {/block:PermalinkPage}
  500. {/block:PermalinkPagination}
  501.  
  502. <br>
  503. <br>
  504. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}</div>
  505. {/block:Posts}
  506. </div></div></div></div>
  507.  
  508. <div id="cred">
  509. <a href="http://dyodoroo.tumblr.com/" title="theme by Mira|Dyodoroo "> <FONT color="#585858">Theme </FONT></a>
  510. </div>
  511. <div id="ima">{block:Ifcornerimage}<img src="{image:corner}" style="Max-width:300px;">{/block:Ifcornerimage}</div>
  512. </div>
  513.  
  514.  
  515.  
  516. </body>
  517. <div id="02" class="popup_block">
  518.  
  519. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  520. </center></div>
  521.  
  522. </div></div></div></div></div></div></div></div></div></div>
  523. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!