/* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */ } :root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-right: env(safe-area-inset-right); --safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-left: env(safe-area-inset-left); } body { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%); font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif; font-size: 12px; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; line-height: 1.5; background-color: #f1f3fb; } #loading-screen { width: 100%; height: 100%; background: #000000 url(assets/screen.0c77619f8064fefa6c1f.jpg) center; position: absolute; background-repeat: no-repeat; background-size: auto 100%; top: 0; } #progress-bar { position: relative; top: 90%; left: 50%; transform: translate(-50%, 0); width: 466px; height: 37px; background: url(assets/progress_bar.17f7b478f39ce2c2b431.png); } #progress-bar-fill { position: absolute; top: 0; left: 0; width: 0; height: 37px; background: url(assets/progress_bar_fill.d65591a545d397bc2ec4.png); } #game { height: 100%; } *, *:after, *:before { box-sizing: border-box; } input:focus { outline: none; } input:active { outline: none; } input { position: absolute; top: 50%; left: 50%; font-weight: 800; color: #862c00; background: none; user-select: none; border: none; } input::placeholder { color: #c38560; } @media (max-height: 540px) { #progress-bar { transform: translate(-50%, 0) scale(0.5); top: 85%; } } /* общий стиль: положим прямо в или ваш index.css */ #paystation-custom-close { position: fixed; /* поверх всего, не зависит от DOM-слоя Pay Station */ top: 8px; right: 12px; z-index: 2000; /* по умолчанию lightbox = 1000, так что 2000 с запасом */ width: 36px; height: 36px; border: none; background: rgba(0,0,0,.6); color: #fff; border-radius: 50%; font-size: 26px; line-height: 36px; text-align: center; cursor: pointer; display: none; /* покажем позже JS-ом */ }