address
pink up
Pink n2
pink n3
pink my lift
Black MASK
Free icon - Free vector icons - Free SVG, PSD
Pink NOW
Home
New go PINK PLAYER
TOP up
go pink 040
go pink030
go pink020
go pink010
go pink 040
go pink030
go pink020
go pink
0,1 Billion before
0,01 Billion before
20 Billion before
0,01 GigaBillion before
30 Billion before
NET XV2 MOBILE
010203040-xv2-music-player.123kids.us
xv2-music-player.123kids.us
0-xv2-music-player.123kids.us
01-xv2-music-player.123kids.us
010-xv2-music-player.123kids.us
0102-xv2-music-player.123kids.us
01020-xv2-music-player.123kids.us
010203-xv2-music-player.123kids.us
0102030-xv2-music-player.123kids.us
01020304-xv2-music-player.123kids.us
That is All
NEW 24
IPTV
XV2
Home
New go PINK PLAYER
TOP up
go pink 040
go pink030
go pink020
go pink010
go pink 040
go pink030
go pink020
go pink010
Mail
Mail
Frickl - SELFHTML-Wiki
Fullscreen - 1
Mit einem Touch zum Fullscreen.
⛶xv2⛶
⛶
beim Smartphone kehren Sie um.
⛶⛶⛶⛶Fullscreen⛶⛶⛶⛶ ⛶
⛶⛶⛶⛶Fullscreen⛶⛶⛶⛶ ⛶
<meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css" media="screen"> #stage { position: relative; width: 30em; } img { width: 100% } button.fullscreen { position: absolute; top: 0; right: 0; } kbd { background: #f9f9f9 linear-gradient(to bottom, #eee, #f9f9f9, #eee) repeat scroll 0 0; border: thin solid #aaa; border-radius: 2px; box-shadow: 1px 2px 2px #ddd; font-family: inherit; font-size: 0.9em; padding: 0 0.5em; } </style> <script type="text/javascript"> //<![CDATA[ 'use strict'; document.addEventListener('DOMContentLoaded', function () { const stage = document.querySelector('#stage'), toggleButton = document.querySelector('#stage button'); stage.addEventListener('click', toggler); function toggler(event) { console.log("toggler", window.matchMedia('(display-mode: fullscreen)') .matches); if (window.matchMedia('(display-mode: fullscreen)') .matches) { console.log('exit'); exitFullscreen(); } else { console.log('enter'); enterFullscreen(stage); } } stage.addEventListener("fullscreenchange", updateButton); function updateButton(event) { console.log("fullscreenchange"); toggleButton.classList.toggle('fullscreen'); toggleButton.textContent = (toggleButton.textContent == '⛶Fullscreen⛶') ? 'leave ⛶Fullscreen⛶ X' : '⛶Fullscreen⛶'; } }); function enterFullscreen(element) { if (element.requestFullscreen) { element.requestFullscreen(); } else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen(); } else if (element.msRequestFullscreen) { // for IE11 (remove June 2022) element.msRequestFullscreen(); } } function exitFullscreen() { console.log('exit'); if (document.exitFullscreen) { document.exitFullscreen(); } else if (document.webkitExitFullscreen) { document.webkitExitFullscreen(); } } //]]> </script> </head> <h1>Fullscreen - 1</h1> <p> Mit einem Touch zum Fullscreen. <br> <button> ⛶⛶⛶⛶xv2⛶⛶⛶⛶ ⛶</button> <kbd> <button> ⛶⛶⛶⛶xv2⛶⛶⛶⛶ ⛶</button> </kbd> beim Smartphone kehren Sie um. </p> <p> Mit einem Touch auf <kbd> <button>⛶⛶</button> </kbd> <button> ⛶⛶</button> <b>gesamte Seite</b> Fullscreen <br> Mit go-ing out beim Smartphone kehren Sie um.</p> </body></html> </div> </div> </div> </div> </div> </div> <!-- FOOTERS START --> <div id="vbid-51ca00b8-iwzamchh" class="master item-box gallery-box style-51ca00b8-ofdr5x7a injected items-enter-effects item_enter6 " data-holder-type="gallery"" data-holder-type="gallery" data-child-type="ORIGIN" data-styleid="style-51ca00b8-ofdr5x7a" data-preview-styleid='style-51ca00b8-ofdr5x7a' data-preset-type-id="FOOTERS"> <div id="no-image" class="stripe-background load-high-res " ></div> <div class="gallery-wrapper item-wrapper footers-wrapper "> <div class="sub container style-51ca00b8-ofdr5x7a content flex " data-itemtype="folder" data-creator="" data-itemname="LOADING Copy" data-itemslug="loading-copy" data-itemstyleid="style-51ca00b8-ofdr5x7a" data-margintop="" data-arranger="flex" data-layout="multi" data-vbid="vbid-51ca00b8-iwzamchh" data-preset-type-id="FOOTERS" data-preview-style="style-51ca00b8-ofdr5x7a" data-style="style-89a8e-bbtqrmxrkr" data-absolute-path="" > <!-- ARRANGER SETTINGS --> <div class="arranger-settings" style="display:none;" data-ARRANGER_TYPE="flex" data-ARRANGER_COLS="0" data-ARRANGER_ITEM_MAX_WIDTH="400" data-ARRANGER_ITEM_MIN_WIDTH="230" data-ARRANGER_ITEM_RATIO="1" data-ARRANGER_ITEM_SPACING="20" data-ARRANGER_ITEMS_PER_PAGE="all" data-ARRANGER_ORDER_TYPE="regular" data-AUTO_PLAY="true" data-AUTO_PLAY_DURATION="4" data-SLIDE_EFFECT="SLIDE" data-FLEX_ELEMENT_EFFECT="effect-fadein" data-FLEX_ARROWS="https://lh3.googleusercontent.com/ZMARmveTg1geksYKXZKdh71KW09XrhDLg8N-XrfXCGsDBEHnuKwhmYpHd55Y2-NwuwLX8qsyx26JNyJWtr1jEcxD=s50" ></div> <div class="layout-settings" style="display:none;" data-type="multi"></div> <div id="children"> <div id="items-holder-wrapper"> <div id="items-holder"> <div id="vbid-51ca00b8-38pkwfmk" class="sub item-box page-box style-51ca00b8-ofdr5x7a " data-holder-type="page"" data-holder-type="page" data-child-type="STYLE" data-styleid="style-51ca00b8-ofdr5x7a" data-preview-styleid='style-51ca00b8-ofdr5x7a' data-preset-type-id="UNRESOLVED"> <div class="page-wrapper item-wrapper "> <div class="item-content leaf multi_layout page content -container" data-self="vbid-51ca00b8-38pkwfmk" data-preview-style="style-51ca00b8-ofdr5x7a" data-style="style-89a8e-q4q4gr5nhr" data-orig-thumb-height="250" data-orig-thumb-width="250" data-vbid="vbid-51ca00b8-38pkwfmk" data-bgimg="https://lh3.googleusercontent.com/uixgk9L28fxmVg20AiqNJc30bIMpsbwNKYOnNrMf1567vYDFGORlIu-uTm4IxJv7xYXabTyfR3HjBoLM0STKcYWt0PRKKAg"> <div class="multi-container preview image-cover" > <div class="Picture item-preview"> <div class="preview-image-holder"> <div id="no-image" class="background-image-div preview-element image-source magic-circle-holder unfold-left load-high-res" data-menu-name="BACKGROUND_IMAGE" style=""> </div> <div class="helper-div middle-center" > <!-- <div class="benet" style="min-height:inherit;"></div> --> <div class="pic-side"> <div class="vertical-aligner"> <div id="element-009d8c77c1d79b1-holder" class="preview-image-holder inner-pic-holder" data-menu-name="PREVIEW_INLINE_IMAGE_HOLDER"> <div id="element-009d8c77c1d79b1" class="inner-pic preview-element magic-circle-holder load-high-res " data-menu-name="PREVIEW_INLINE_IMAGE" style="background-image:url(https://lh3.googleusercontent.com/uixgk9L28fxmVg20AiqNJc30bIMpsbwNKYOnNrMf1567vYDFGORlIu-uTm4IxJv7xYXabTyfR3HjBoLM0STKcYWt0PRKKAg=s300);" data-orig-width="250" data-orig-height="250" > </div> </div> </div> </div> <div class="text-side shrinker-parent"> <div class="vertical-aligner"> <div class="item-details preview-content-wrapper multi" style="position:relative;"> <div class="draggable-div-holder"></div> <div class="preview-content-holder shrinker-content"> <!-- BY SPECIFIC ORDER --> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="layout-settings" style="display:none;" data-type="multi"></div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- FOOTERS END --> </div> </div> </div> </div> <div class="light-box-wrapper space-layer" style="display:none;" tabindex="0"> <div class="light-box-image-holder"> <div class="light-box-image animated"> </div> <div class="lightbox-text-wrapper "> <div class="lightbox-text-holder animated"> <div class="lightbox-title"></div> <div class="lightbox-subtitle"></div> <div id="paginator" style="display:none;"> </div> </div> </div> </div> <img src="https://lh3.googleusercontent.com/EWqW7DEI4kOTRMLjK2-ObFHp-EYBt5apFYZ1LVFAhLtTLjigCRfx5hCCTKbIjIm68VQ00p9twloHJ9w8=s50" class="download-gallery-btn clickable" style="display: none;"> <img src="https://lh3.googleusercontent.com/TgRyMQvJ3_h9RmOnu7AlhIE7NLOOBsRoBounARrs8fQv8HCRPaFtpBneSqJOSZpI6l7He_bAZKN179JBig=s50" class="close-lightbox-btn clickable" style="opacity: 1;"> <img src="https://lh3.googleusercontent.com/43-pXHjwrpmVO8Oean-6BD0uzARvcqUQrpdi7Yw2bxaXwEoP21UdN5kW6Ks9pdOxf7ropMUrh0djgYPwYPU=s50" class="lightbox-arrow lightbox-left clickable top-layer" > <img src="https://lh3.googleusercontent.com/9rwgVnDglPdPFugSu98fhDmxzjXC9KovZ_7BuHkXPIv6jvg9S96flGnhL_e4y8mIpPpZQstfqEV-WitY=s50" class="lightbox-arrow lightbox-right clickable top-layer" > </div> </div> <noscript id="deferred-styles"> <link rel="stylesheet" type="text/css" href="css/effects.css?v=1.5.9bf2-jq7" /> <link rel="stylesheet" type="text/css" href="css/lightbox.css?v=1.5.9bf2-jq7"> </noscript> <script> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement) addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles); </script> <script src="js/lightbox.js?v=1.5.9bf2-jq7" type="text/javascript"></script> <script src="js/spimeengine.js?v=1.5.9bf2-jq7" type="text/javascript"></script> </body> </html>
