API tools faq
paste
HTML5user

Minecraft Classic Fullscreen Button

HTML5user
Feb 8th, 2024
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.98 KB | None | 0 0
raw download clone embed print report
  1. <html><head><base target="_blank"></head><body><button class="c-button">[ PLAY FULLSCREEN ]</button>
  2. <style>
  3. .c-button {
  4. min-width: 100%;
  5. font-family: "Gill Sans", sans-serif;
  6. font-weight: bolder;
  7. appearance: none;
  8. border: 0;
  9. border-color: #fff;
  10. border-radius: 5px;
  11. background-size: 50px 50px;
  12. background-color: #ac0;
  13. background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  14. background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  15. background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  16. background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  17. background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  18. color: #000;
  19. padding: 0px 46px;
  20. font-size: 16px;
  21. cursor: pointer;
  22. }
  23.  
  24. .c-button:hover {
  25. background: #ac0;
  26. }
  27.  
  28. .c-button:focus {
  29. outline: none;
  30. box-shadow: 0 0 0 4px #cbd6ee;
  31. }
  32.  
  33. .c-button {
  34. display: flex;
  35. align-items: center;
  36. justify-content: center;
  37. height: 100%;
  38. }
  39.  
  40. </style>
  41.  
  42. <script>
  43. var urlObj = new window.URL(window.location.href);
  44. var url = "https://google-opensocial.googleusercontent.com/gadgets/ifr?url=https://cdn.jsdelivr.net/gh/nurimoores/clawapps@58fb3d0c5415516fc50ca617833ee9d98dd0f987/chap6/mcc.xml";
  45.  
  46. if (url) {
  47. var win;
  48.  
  49. document.querySelector('button').onclick = function() {
  50. if (win) {
  51. win.focus();
  52. } else {
  53. win = window.open();
  54. win.document.body.style.margin = '0';
  55. win.document.body.style.height = '100vh';
  56. var iframe = win.document.createElement('iframe');
  57. iframe.style.border = 'none';
  58. iframe.style.width = '100%';
  59. iframe.style.height = '100%';
  60. iframe.style.margin = '0';
  61. iframe.src = url;
  62. win.document.body.appendChild(iframe);
  63.  
  64.  
  65. var interval = setInterval(function() {
  66. if (win.closed) {
  67. clearInterval(interval);
  68. win = undefined;
  69.  
  70. }
  71. }, 500);
  72.  
  73.  
  74. }
  75. };
  76. }
  77. </script></body></html>
Tags: minecraft game Fun cool happy Classic button fullscreen Embed Code
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!