Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XFACIL</title>
<link rel="icon" type="image/png" href="/imgsystem/favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
background: url(/imgsystem/fondo.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#body {
background-image:
url('/imgsystem/masmenos.png'),
url('/imgsystem/estadistica.png'),
url('/imgsystem/cash.png'),
url('/imgsystem/grafico.png'),
url('/imgsystem/db.png'),
url('/imgsystem/maletin.png'),
url('/imgsystem/masmenos.png'),
url('/imgsystem/estadistica.png'),
url('/imgsystem/cash.png'),
url('/imgsystem/grafico.png'),
url('/imgsystem/db.png'),
url('/imgsystem/maletin.png');
background-repeat: no-repeat;
background-position:
0px 0,
1300px 0,
0px 30%,
1300px 80%,
200px 0,
1000px 100%,
0px 100%,
1300px 0,
100px 100%,
600px 70%,
0px 100%,
1300px 0;
background-size:
35px,
35px,
35px,
35px,
35px,
35px,
35px,
35px,
35px,
35px,
35px,
35px;
animation: 75s para infinite linear;
}
@keyframes para {
100% {
background-position:
1300px 100%,
0px 100%,
1300px 30%,
0px 80%,
200px 100%,
1000px 0,
0px 0%,
1300px 100%,
400px 100%,
1000px 100%,
1300px 100%,
0px 0;
}
}
.preloader {
animation-name: girar;
animation-duration: 20s;
animation-iteration-count: infinite;
}
@keyframes girar {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.p-3{
background-color: rgba(255, 255, 255);
border-radius: 10%;
text-align: center;
color:#007bff;
margin-bottom: 10px;
}
.p-3 img{
filter: invert(33%) sepia(99%) saturate(4094%) hue-rotate(203deg) brightness(108%) contrast(102%);
}
.p-3:hover{
background-color: rgb(0,99,174);
color: white;
transform: scale(1.1);
}
.p-3:hover img{
filter: invert(100%) sepia(0%) saturate(7437%) hue-rotate(32deg) brightness(116%) contrast(112%);
}
.nav-link{
color:white !important;font-size:16px;font-weight: bold;
}
.p-3 img{
height:150px;
}
@media (max-width: 600px){
.p-3 img{
height:70px;
}
}
</style>
@livewireStyles
</head>
<body>
<div id="body">
@yield('contenido')
</div>
<livewire:notificaciones />
@livewireScripts
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists