<style type="text/css">
.blocked {
/**
* Для эксплорера
*/
-ms-user-select: none;
/**
* Для мозилы
*/
-moz-user-select: none;
/**
* Для конкверора
*/
-khtml-user-select: none;
/**
* Для Сафари и Хрома
*/
-webkit-user-select: none;
}
.labelinfo {
color: #a0a0a0 !important;
position: absolute;
z-index: 1;
top: -8px;
right: -13px;
padding: 4px 6px;
font-weight: bold;
font-size: 9px;
background-color: rgb(63 65 81);
border-radius: 6px;
transition: background-color .3s ease;
}
</style>
<style type="text/css">
.games_block {
background: linear-gradient(45.87deg, #7274ff 6.6%, #7867fb 102.94%);
position: fixed;
display: block;
box-shadow: 0px 10px 30px #cfcfcf70;
padding-top: 17px;
height: calc(100% - 95px - 1.5rem);
margin-top: 4rem;
height: 67%;
left: 0;
border-radius: 0px 16px 16px 0px;
z-index: 1000;
}
.game i {
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
color: #fff;
}
.game {
cursor: pointer;
width: 45px;
text-align: center;
height: 45px;
border: none;
box-sizing: border-box;
border-radius: 10px;
position: relative;
transition: .5s;
margin-bottom: 10px;
}
.game.nonactive {
opacity: 0.4;
cursor: help;
}
.cardgames {
overflow-x: auto;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(72, 94, 144, .16);
border-radius: 0.25rem;
margin-left: 80px;
box-shadow: 0 4px 25px 0 rgb(0 0 0 / 10%);
}
.cardh {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(72,94,144,.16);
border-radius: 1.25rem;
}
#message {
position: absolute;
bottom: 10; /* Прилипнет к нижней рамке родителя (если у последнего будет position) */
cursor: pointer;
margin-top: 279px;
}
#overlayDiv {
}
#mini {
border: 10px solid silver;
left:0;
bottom:10%;
position:fixed;
}
.preview {
justify-content: center;
align-items: center;
top: calc(20%);
}
@media screen and (max-width: 600px) {
.hidemobile {
visibility: hidden;
display: none;
}
}
#box {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box:hover {
background-color: #5750e4;
}
#box2 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box2:hover {
background-color: #5750e4;
}
#box3 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box3:hover {
background-color: #5750e4;
}
#box9 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box9:hover {
background-color: #5750e4;
}
#box10 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box10:hover {
background-color: #5750e4;
}
#box4 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box4:hover {
background-color: #5750e4;
}
#box5 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box5:hover {
background-color: #5750e4;
}
#box6 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box6:hover {
background-color: #5750e4;
}
#box32 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box32:hover {
background-color: #5750e4;
}
#box999 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box999:hover {
background-color: #5750e4;
}
#box9991 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box9991:hover {
background-color: #5750e4;
}
#box99912 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box99912:hover {
background-color: #5750e4;
}
#box999123 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box999123:hover {
background-color: #5750e4;
}
#box9991234 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box9991234:hover {
background-color: #5750e4;
}
#box99912345 {
border: 1px solid #826ffc;
background-color: #5e56f3;
}
#box99912345:hover {
background-color: #5750e4;
}
#color7 {
border:1px;
}
#color72 {
}
.active3 {
background: radial-gradient(#5a53f1, #7363f9);
color: white !important;
box-shadow: 0 2px 25px 0 rgb(40 118 221 / 42%);
}
.active34 {
background: radial-gradient(#5a53f1, #7363f9);
color: white !important;
box-shadow: 0 2px 25px 0 rgb(40 118 221 / 42%);
}
.active4 {
color: white !important;
}
.active44 {
color: white !important;
}
.activesnd {
color: #c5cee0 !important;
}
.domainrr{
/* background: linear-gradient(90deg,#29a2e1 -18.18%,#376ddd 49.18%,#29a2e1 120%); */
background-color: #3b6bef;
box-shadow: 0 0 0 3px #154a6b;
border-radius: 100px;
color: #fff;
font-size: 12px;
font-weight: 700;
height: 60%;
line-height: -5px;
padding: 6px 16px 7px;
/* margin-top: 15%; */
margin-left: 17%;
}
.prokrutka{
overflow: auto;
}
.prokrutka::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.prokrutka::-webkit-scrollbar-thumb {
background: #eae4ff;
border-radius: 1px;
}
.prokrutka::-webkit-scrollbar-track {
background-color: #fff;
border: 1px solid #fff;
}
.prokrutka::-webkit-scrollbar-button:hover {
background-color: #ccc;
}
.dropbtn2 {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* Кнопка выпадающего меню при наведении и фокусировке */
.dropbtn2:hover, .dropbtn2:focus {
background-color: #2980B9;
}
/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown2 {
position: relative;
display: inline-block;
}
/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content2 {
display: none;
position: fixed;
background-color: #ffffff;
max-width: 323px;
box-shadow: 0px 8px 16px 0px rgb(148 148 148 / 29%);
z-index: 1;
border-radius: 1rem;
left: 0;
margin-left: 4rem;
margin-top: 5rem;
}
/* Ссылки внутри выпадающего списка */
.dropdown-content2 a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: inline-block;
}
/* Изменение цвета выпадающих ссылок при наведении курсора */
.dropdown-content2 a:hover {background-color: #eae4ff; border-radius: 0.5rem;}
/* Показать выпадающее меню (используйте JS, чтобы добавить этот класс .dropdown-content содержимого, когда пользователь нажимает на кнопку выпадающего списка) */
.show2 {display:block;}
</style>
<div class="games_block hidemobile blocked prokrutka " style="font-family: 'Gilroy-Bold'; width: 4rem;">
<div class="" style="margin-top: 7rem;">
<div tooltip="Главная" flow="down" id="box" onclick="location.href='/index'" style="margin-top: -100%; margin-left: 14%; cursor: pointer; " class=" game preview"> <span id="nnn" class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">home</span> </div>
<div tooltip="Игры" flow="down" id="box" onclick="myFunction2();" style="margin-left: 14%; cursor: pointer;" class="game preview"><span class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">sports_esports</span> </div>
<div tooltip="Бонусы" flow="down" id="box" onclick="location.href='/bonus'" style="margin-left: 14%; cursor: pointer;" class="game preview "><span class="material-icons rotating" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">sports_basketball</span> </div>
<div tooltip="Рефка" flow="down"id="box" onclick="location.href='/ref'" style="margin-left: 14%; cursor: pointer;" class="game preview"><span class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">thumb_up</span> </div>
<!--<div tooltip="Турнир" flow="down"id="box" onclick="location.href='/tournamentno'" style="margin-left: 14%; cursor: pointer;" class="game preview"><span class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">emoji_events</span> </div>
--><div tooltip="Slots" flow="down"id="box" onclick="location.href='/slot'" style="margin-left: 14%; cursor: pointer;" class="game preview"><span class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">star_rate</span> </div>
<div tooltip="Live" flow="down"id="box" onclick="location.href='/live'" style="margin-left: 14%; cursor: pointer;" class="game preview"><span class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">person</span> </div>
<div id="box" onclick="location.href='https://vk.com/beeze_casino'" style="margin-left: 14%; margin-top: 45%; cursor: pointer;" class="game preview"> <i class="fa fa-vk" style="font-size: 20px; color: #fff "></i></div>
<div id="box" onclick="location.href='https://t.me/beezecasino'" style="margin-left: 14%; cursor: pointer;" class="game preview"> <i class="fa fa-telegram" style="font-size: 20px; color: #fff "></i></div>
<? if($is_admin == 1){?>
<div tooltip="" flow="down"id="box" onclick="location.href='/admin'" style="margin-left: 14%; cursor: pointer;" class="game preview"><span class="material-icons" style="font-size: 26px;margin-top: 0.5rem; color: #fff; ">speed</span> </div>
<?}?>
<?
$onlines = rand(135,252);
?>
<div style="margin-top: 1.5rem; margin-left: 2px;">
<div style=" margin-left: 10px; margin-top: 6px;display: inline-block;position: absolute;" class="circle-online pulse-online"></div>
<a style=" margin-left: 25px; color: #fff;"><?echo $onlines?></a>
</div>
</div>
</div>
<style>
.pulse-online {
animation: pulse 11s infinite;
animation-duration: 4s;
}
.circle-online {
width: 8px;
height: 8px;
background: linear-gradient(to right, #0ACB90, #2BDE6D);
border-radius: 100%;
}
</style>
<div id="myDropdown2" class="dropdown-content2" style="">
<a tooltip="Dice" flow="down" href="/dice" class="12343" style="color: #707d8e;"><img style="height: 3rem;" src="/extra/panel/icoDiceZZ.png"</a>
<a tooltip="Mines" flow="down" href="/mines" class="12343" style="color: #707d8e;"><img style="height: 3rem;" src="/extra/panel/icoMinesZZ.png"</a>
<a tooltip="Bubbles" flow="down" href="/bubbles" class="12343" style="color: #707d8e;"><img style="height: 3rem;" src="/extra/panel/icoBubblesZZ.png"</a>
<a tooltip="x50" flow="down"href="/x50" class="12343" style="color: #707d8e;"><img style="height: 3rem;" src="/extra/panel/icox50ZZ.png"</a>
</div>
<style>
/* START TOOLTIP STYLES */
[tooltip] {
position: relative; /* opinion 1 */
}
/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
text-transform: none; /* opinion 2 */
font-size: .9em; /* opinion 3 */
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: '';
border: 5px solid transparent; /* opinion 4 */
z-index: 10001; /* absurdity 1 */
}
[tooltip]::after {
content: attr(tooltip); /* magic! */
/* most of the rest of this is opinion */
font-family: Helvetica, sans-serif;
text-align: center;
/*
Let the content set the size of the tooltips
but this will also keep them from being obnoxious
*/
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #f2f0f9;
color: #8a7fc3;
font-family: 'Gilroy-Bold';
z-index: 10001; /* absurdity 1 */
}
/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}
/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #8a7fc3;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #8a7fc3;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(.5em, -50%);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 5s linear infinite;
-moz-animation: rotating 5s linear infinite;
-ms-animation: rotating 5s linear infinite;
-o-animation: rotating 5s linear infinite;
animation: rotating 5s linear infinite;
}
</style>
<script>
/* Когда пользователь нажимает на кнопку,
переключение между скрытием и отображением раскрывающегося содержимого */
function myFunction2() {
document.getElementById("myDropdown2").classList.toggle("show2");
}
// Закройте выпадающее меню, если пользователь щелкает за его пределами
window.onclick = function(event) {
if (!event.target.matches('.dropbtn2')) {
var dropdowns = document.getElementsByClassName("dropdown-content2");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show2')) {
openDropdown.classList.remove('show2');
}
}
}
}
</script>
<script>
function taskno()
{
new Noty({
type: 'error',
layout: 'bottomLeft',
theme: 'mint',
timeout: 1000,
text: 'На данный момент новых заданий нет.',
animation: {
open: 'animated bounceInLeft', // Animate.css class names
close: 'animated bounceOutLeft' // Animate.css class names
}
}).show();
}
function YouTube()
{
new Noty({
type: 'error',
layout: 'bottomLeft',
theme: 'mint',
timeout: 1000,
text: 'Вам не доступна данная функция!',
animation: {
open: 'animated bounceInLeft', // Animate.css class names
close: 'animated bounceOutLeft' // Animate.css class names
}
}).show();
}
</script>