Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- CLICKIO AdFox sticky unit -->
- <style>
- :root {
- --lx-bg-color: #fff;
- --lx-cross-color: #000;
- }
- #adfox_sticky {
- width: 100%;
- max-height: 104px;
- padding-top: 4px;
- z-index: 2147483647;
- position: fixed;
- bottom: 0px;
- left: 0;
- background: var(--lx-bg-color);
- text-align: center;
- transition: 300ms ease-in;
- line-height: 0px;
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) !important;
- }
- #adfox_sticky #lx_close_button {
- position: absolute;
- width: 44px;
- height: 30px;
- top: -30px;
- left: 0px;
- background-size: 13px 13px;
- background-position: 9px;
- background-color: var(--lx-bg-color);
- background-repeat: no-repeat;
- box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.2);
- border: none;
- border-radius: 0 12px 0 0;
- outline: none;
- font-family: verdana;
- font-size: 0px;
- color: var(--lx-cross-color);
- }
- #adfox_sticky #lx_close_button:before {
- content: "";
- display: inline-block;
- width: 10px;
- height: 10px;
- transform: rotate(-45deg);
- border-left: 2px solid var(--lx-cross-color);
- border-bottom: 2px solid var(--lx-cross-color);
- position: relative;
- top: -3px;
- }
- #adfox_sticky #lx_close_button span {
- width: 28px;
- height: 28px;
- line-height: 28px;
- text-align: center;
- display: block;
- position: relative;
- color: var(--lx-cross-color);
- z-index: 1;
- }
- #adfox_sticky #lx_noclick {
- position: absolute;
- top: -55px;
- left: 0px;
- height: 85px;
- width: 66px;
- }
- </style>
- <div id="adfox_sticky">
- <div id="lx_noclick"></div>
- <button id="lx_close_button"></button>
- <div id='adfox_164215964891492420'></div>
- </div>
- <script>
- (function(w) {
- var refreshContainer = function(){
- setTimeout(function(){ w.Ya.adfoxCode.reload('adfox_164215964891492420'); }, 30000);
- };
- w.yaContextCb.push(()=>{
- Ya.adfoxCode.createScroll({
- ownerId: 257193,
- containerId: 'adfox_164215964891492420',
- params: {
- pp: 'biwg',
- ps: 'djlk',
- p2: 'hbhw'
- },
- onRender: function() { refreshContainer(); },
- onError: function(error) { refreshContainer(); },
- onStub: function() { refreshContainer(); }
- }, ['phone'],{
- tabletWidth: 1024,
- phoneWidth: 767,
- isAutoReloads: false
- })
- });
- })(window);
- </script>
- <script>
- (function(){
- var lxAdUnit = document.querySelector("#adfox_sticky");
- var lxCloseButton = document.querySelector("#lx_close_button");
- function lxCloseUnit() {
- while (lxAdUnit.hasChildNodes()) {
- lxAdUnit.removeChild(lxAdUnit.lastChild);
- }
- }
- lxCloseButton.onclick = lxCloseUnit;
- var noClick = document.querySelector("#adfox_sticky #lx_noclick");
- function lxNoClickHndlr(e) {
- e.preventDefault();
- e.stopPropagation();
- return false;
- }
- noClick.addEventListener("click", lxNoClickHndlr);
- })();
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement