Atualização 18 - Alimento de arquivos e correção de alguns problemas
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 8.2 KiB After Width: | Height: | Size: 8.2 KiB |
|
Before Width: | Height: | Size: 5.8 KiB After Width: | Height: | Size: 5.8 KiB |
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 9.8 KiB After Width: | Height: | Size: 9.8 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 6.3 KiB After Width: | Height: | Size: 6.3 KiB |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 9.3 KiB After Width: | Height: | Size: 9.3 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 8.7 KiB After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 8.3 KiB After Width: | Height: | Size: 8.3 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 7.3 KiB |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 7.6 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 7.7 KiB |
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
|
@ -16,7 +16,7 @@
|
|||
|
||||
|
||||
<script src="./js/global/Modulo_de_Comunicacao/Funcao/Comunicacao.js"></script>
|
||||
<script src="./js/page/Modulo_Construcao/Funcao/Estrutura/Autencacao.js"></script>
|
||||
<script src="./js/global/Modulo_de_Comunicacao/Funcao/Autencacao.js"></script>
|
||||
<script id="Construtor" src="./js/page/Modulo_Construcao/Funcao/Estrutura/Controlador_telas.js"></script>
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,104 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="icon" type="image/x-icon" href="./Acessts/Imagens/iT_Guys/logo1.png">
|
||||
|
||||
|
||||
<title>Ambiente do Usuario</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
<!-- Seu conteúdo principal aqui -->
|
||||
<main id="entrada_1">
|
||||
|
||||
</main>
|
||||
|
||||
|
||||
|
||||
|
||||
<!--padrao_A1 reponsavel ter toda a estrutura que aplicara o data na tela-->
|
||||
<script>
|
||||
|
||||
async function getApiUrl() {
|
||||
try {
|
||||
const response = await fetch('../../php/config_url.php'); // Solicita a URL base do PHP
|
||||
if (!response.ok) {
|
||||
throw new Error('Network response was not ok');
|
||||
}
|
||||
const data = await response.json();
|
||||
return data.apiUrl; // Retorna a URL base
|
||||
} catch (error) {
|
||||
console.error('Error fetching API URL:', error);
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
async function criarBlocos() {
|
||||
try {
|
||||
const apiUrl = await getApiUrl();
|
||||
const token = getAuthToken();
|
||||
|
||||
// Alinha autenteticação com a existência do token
|
||||
var autenteticação = !!token; // Se token existe, autenteticação é true, senão é false
|
||||
|
||||
const response = await fetch(`${apiUrl}/mounting`, {
|
||||
method: 'GET',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'x-access-token': token || ''
|
||||
}
|
||||
});
|
||||
|
||||
if (!response.ok) throw new Error('Falha ao buscar dados dos blocos');
|
||||
|
||||
const dadosDosBlocos = await response.json();
|
||||
|
||||
// Extraindo as informações do JSON
|
||||
const Usuário = dadosDosBlocos.usuario; // ou dadosDosBlocos[0].usuario se for um array
|
||||
const Empresa = dadosDosBlocos.empresa; // ou dadosDosBlocos[0].empresa
|
||||
const ImagemUser = dadosDosBlocos.imagemUser; // ou dadosDosBlocos[0].imagemUser
|
||||
const imagemFun = `url(${dadosDosBlocos.imagemFun})`; // ou dadosDosBlocos[0].imagemFun
|
||||
console.log(Usuário);
|
||||
if (autenteticação) {
|
||||
// Renderiza a interface do usuário se a autenticação for verdadeira
|
||||
renderUserInterface({ Usuário, Empresa, ImagemUser, imagemFun });
|
||||
} else {
|
||||
// Lógica para quando a autenticação falhar
|
||||
console.error('Usuário não autenticado');
|
||||
// Você pode redirecionar para a página de login ou mostrar uma mensagem de erro
|
||||
}
|
||||
|
||||
// Event listener para o botão de logout
|
||||
const logoutButton = document.getElementById('logoutButton');
|
||||
if (logoutButton) {
|
||||
logoutButton.addEventListener('click', () => {
|
||||
localStorage.removeItem('x-access-token'); // Limpa o token
|
||||
window.location.href = '../login.html';
|
||||
});
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Erro ao criar blocos:', error);
|
||||
// Trate o erro de forma elegante, talvez mostrando uma mensagem ao usuário
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
|
|
@ -1,250 +0,0 @@
|
|||
.matriz {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
background-color: var(--fundo_4);
|
||||
}
|
||||
|
||||
.menu {
|
||||
background-color: var(--fundo_1);
|
||||
width: 15vw;
|
||||
height: 100vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-content: start;
|
||||
align-items: start;
|
||||
justify-content: start;
|
||||
|
||||
}
|
||||
|
||||
.menu .catalos_1,
|
||||
.menu .catalos_2,
|
||||
.menu .catalos_3,
|
||||
.menu .catalos_4,
|
||||
.menu .catalos_5,
|
||||
.menu .catalos_6 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 5vh;
|
||||
align-content: center;
|
||||
margin-left: 2vw;
|
||||
padding-left: 0.5vw;
|
||||
gap: 2vw;
|
||||
|
||||
}
|
||||
|
||||
.menu .catalos_1:hover,
|
||||
.menu .catalos_2:hover,
|
||||
.menu .catalos_3:hover,
|
||||
.menu .catalos_4:hover,
|
||||
.menu .catalos_5:hover,
|
||||
.menu .catalos_6:hover {
|
||||
|
||||
border-left: 0.5vh solid var(--fudno_3);
|
||||
|
||||
}
|
||||
|
||||
|
||||
.menu .catalos_1 img,
|
||||
.menu .catalos_2 img,
|
||||
.menu .catalos_3 img,
|
||||
.menu .catalos_4 img,
|
||||
.menu .catalos_5 img,
|
||||
.menu .catalos_6 img {
|
||||
|
||||
width: 3vw;
|
||||
}
|
||||
|
||||
.menu .catalos_1 a,
|
||||
.menu .catalos_2 a,
|
||||
.menu .catalos_3 a,
|
||||
.menu .catalos_4 a,
|
||||
.menu .catalos_5 a,
|
||||
.menu .catalos_6 a {
|
||||
text-decoration: none;
|
||||
color: var(--variante_font_1);
|
||||
font-family: fonteTi;
|
||||
}
|
||||
|
||||
.apresentacao {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
width: 80vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.apresentacao iframe {
|
||||
width: 100%;
|
||||
height: 99%;
|
||||
}
|
||||
|
||||
.estilos {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.estilos label {
|
||||
font-family: var(--font_titulo);
|
||||
}
|
||||
|
||||
.tema_usuario input {}
|
||||
|
||||
|
||||
.mudanca_Img {}
|
||||
|
||||
.mudanca_Img .Cap_1 {}
|
||||
|
||||
.mudanca_Img .Cap_2 {}
|
||||
|
||||
.tema_Pesonalizavel {
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.tema_Pesonalizavel {}
|
||||
|
||||
.tema_Pesonalizavel .fundo_1 {}
|
||||
|
||||
.tema_Pesonalizavel .fundo_1 img {
|
||||
width: 10vw;
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
.tema_Pesonalizavel .fundo_2 {}
|
||||
|
||||
.tema_Pesonalizavel .fundo_2 img {
|
||||
width: 10vw;
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
.tema_Pesonalizavel .fundo_3 {}
|
||||
|
||||
.tema_Pesonalizavel .fundo_3 img {
|
||||
width: 10vw;
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
|
||||
.conteiner2 {
|
||||
|
||||
width: 20vw;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 7px;
|
||||
box-shadow: var(--sombra_variante_1) 0 0 10px;
|
||||
}
|
||||
|
||||
.image-container2 {
|
||||
width: 20vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto 30px auto;
|
||||
border-radius: 50%;
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.image-container2 img {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
.figcaption {
|
||||
margin: 20px 0 30px 0;
|
||||
text-align: center;
|
||||
color: #2a292a;
|
||||
}
|
||||
|
||||
.container2 input[type="file"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container2 label {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #025bee;
|
||||
color: #ffffff;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
padding: 18px 0;
|
||||
border-radius: 5px;
|
||||
margin: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.conteiner {
|
||||
|
||||
background-color: var(--variante_font_1);
|
||||
width: 20vw;
|
||||
position: absolute;
|
||||
transform: translate(-50%, -50%);
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
border-radius: 7px;
|
||||
box-shadow: var(--sombra_variante_1) 0 0 10px;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
width: 30vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
margin: 0 auto 30px auto;
|
||||
|
||||
background-color: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.image-container img {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
|
||||
}
|
||||
|
||||
.figcaption {
|
||||
margin: 20px 0 30px 0;
|
||||
text-align: center;
|
||||
color: #2a292a;
|
||||
}
|
||||
|
||||
.container input[type="file"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.container label {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #025bee;
|
||||
color: #ffffff;
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
padding: 18px 0;
|
||||
border-radius: 5px;
|
||||
margin: auto;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -1,116 +0,0 @@
|
|||
body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Corpo {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
}
|
||||
|
||||
.Capitulos_1 {
|
||||
width: 100vw;
|
||||
height: 20vh;
|
||||
margin-bottom: 2vh;
|
||||
background-color: var(--fundo_2);
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
|
||||
animation: painelPrincipal 1s ease;
|
||||
|
||||
}
|
||||
|
||||
.Capitulos_1 a {
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@keyframes painelPrincipal {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-20vh);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
div.ativo {
|
||||
|
||||
background-color: var(--fudno_3);
|
||||
color: var(--fundo_2);
|
||||
margin-bottom: 2vh;
|
||||
box-shadow: var(--fudno_3) 0px 0px 5px;
|
||||
transition: 1s ease;
|
||||
}
|
||||
|
||||
|
||||
.reação a {
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
|
||||
.reação {
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
width: 8vw;
|
||||
height: 6vh;
|
||||
font-family: var(--font_titulo);
|
||||
font-size: 1.2vw;
|
||||
color: var(--variante_font_1);
|
||||
border: solid 3px var(--fudno_3);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
margin-left: 1vw;
|
||||
margin-top: 1vh;
|
||||
transition: 1s ease;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Capitulos_2 {
|
||||
|
||||
width: 100%;
|
||||
height: 77.8vh;
|
||||
animation: conteudoPrincipal 1s ease;
|
||||
|
||||
}
|
||||
|
||||
.Capitulos_2 iframe {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(20vh);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,460 +0,0 @@
|
|||
/*subpainel alert*/
|
||||
|
||||
.matriz_alert {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sub_tela_alert_frame_1 {
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/* Subpainel Vpn */
|
||||
|
||||
.Matriz_Vpn {
|
||||
display: none;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Subtela_Vpn_1 {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Vpn .Subtela_Vpn_1 .Subtela_Vpn_frame_1,
|
||||
.Matriz_Vpn .Subtela_Vpn_1 .Subtela_Vpn_frame_2 {
|
||||
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*Data Center*/
|
||||
|
||||
.matriz_DataCenter {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.matriz_DataCenter .Subtela_Data_1 .Subtela_Data_frame_1,
|
||||
.matriz_DataCenter .Subtela_Data_1 .Subtela_Data_frame_2 {
|
||||
|
||||
width: 100%;
|
||||
height: 35vh;
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.matriz_Firewall {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.capitulo_1,
|
||||
.capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.tela_har_2,
|
||||
.tela_har_3 {
|
||||
width: 23vw;
|
||||
height: 40vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.tela_har_2 iframe,
|
||||
.tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.tela_traf_1 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.tela_traf_2 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.tela_traf_3 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.tela_traf_1 iframe,
|
||||
.tela_traf_2 iframe,
|
||||
.tela_traf_3 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tela_spe_1,
|
||||
.tela_spe_2 {
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.tela_spe_1 iframe,
|
||||
.tela_spe_2 iframe {
|
||||
|
||||
width: 24.01366vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.matriz_Ramais {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.matriz_Ramais .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 90vw;
|
||||
height: 75vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
/*CFTV*/
|
||||
|
||||
.matriz_CFTV {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
|
||||
.matriz_CFTV .Subtela_CFTV_1 .Subtela_CFTV_frame_1,
|
||||
.matriz_CFTV .Subtela_CFTV_2 .Subtela_CFTV_frame_2,
|
||||
.matriz_CFTV .Subtela_CFTV_3 .Subtela_CFTV_frame_3,
|
||||
.matriz_CFTV .Subtela_CFTV_4 .Subtela_CFTV_frame_4 {
|
||||
|
||||
margin: 1vw;
|
||||
background-color: var(--fundo_5);
|
||||
width: 38vw;
|
||||
height: 35vh;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*Host*/
|
||||
|
||||
|
||||
.matriz_hosts {
|
||||
width: 100vw;
|
||||
display: none;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.host_2,
|
||||
.host_3,
|
||||
.host_4 {
|
||||
width: 22.5vw;
|
||||
|
||||
}
|
||||
|
||||
.host_2 .Subtela_2_1 .subtela_frame_1,
|
||||
.host_2 .Subtela_2_2 .subtela_frame_2,
|
||||
.host_2 .Subtela_2_3 .subtela_frame_3 {
|
||||
width: 100%;
|
||||
height: 25vh;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.host_3 .Subtela_3_1 .subtela_frame_1,
|
||||
.host_3 .Subtela_3_2 .subtela_frame_2,
|
||||
.host_3 .Subtela_3_3 .subtela_frame_3 {
|
||||
width: 100%;
|
||||
height: 25vh;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.host_4 .Subtela_4_1 .subtela_frame_1,
|
||||
.host_4 .Subtela_4_2 .subtela_frame_2,
|
||||
.host_4 .Subtela_4_3 .subtela_frame_3 {
|
||||
width: 100%;
|
||||
height: 25vh;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
.matriz_consumo_PDU {
|
||||
width: 100%;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.cap_1 {
|
||||
margin-top: 1vh;
|
||||
}
|
||||
|
||||
.cap_1,
|
||||
.cap_2,
|
||||
.cap_3 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 99vw;
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
.cap_1 .sessao_1 {
|
||||
width: 49.5vw;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.cap_1 .sessao_2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 49.5vw;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.cap_1 .sessao_1 .subtela_PDU_1 .subtela_PDU_1_1 {
|
||||
width: 49.5vw;
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
.cap_1 .sessao_2 .subtela_PDU_1 .subtela_PDU_1_1 {
|
||||
width: 49.5vw;
|
||||
height: 13vh;
|
||||
margin-bottom: -1vh;
|
||||
}
|
||||
|
||||
.cap_1 .sessao_2 .subtela_PDU_2 .subtela_PDU_1_2 {
|
||||
width: 49.5vw;
|
||||
height: 13vh;
|
||||
}
|
||||
|
||||
|
||||
.cap_2 .sessao_1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 49.5vw;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.cap_2 .sessao_2 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 49.5vw;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.cap_2 .sessao_1 .subtela_PDU_1 .subtela_PDU_1_1,
|
||||
.cap_2 .sessao_1 .subtela_PDU_2 .subtela_PDU_1_2,
|
||||
.cap_2 .sessao_1 .subtela_PDU_3 .subtela_PDU_1_3,
|
||||
.cap_2 .sessao_1 .subtela_PDU_4 .subtela_PDU_1_4 {
|
||||
width: 12.375vw;
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
|
||||
.cap_2 .sessao_2 .subtela_PDU_1 .subtela_PDU_1_1 {
|
||||
width: 24.75vw;
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
.cap_2 .sessao_2 .subtela_PDU_2 .subtela_PDU_1_2 {
|
||||
width: 24.75vw;
|
||||
height: 25vh;
|
||||
}
|
||||
|
||||
|
||||
.cap_3 .sessao_1 {
|
||||
width: 49.5vw;
|
||||
background-color: rgb(226, 226, 226);
|
||||
}
|
||||
|
||||
.cap_3 .sessao_2 {
|
||||
width: 49.5vw;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.cap_3 .sessao_2 .esqueda {
|
||||
|
||||
width: 50%;
|
||||
|
||||
}
|
||||
|
||||
.cap_3 .sessao_2 .direita {
|
||||
|
||||
width: 50%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.cap_3 .sessao_1 .subtela_PDU_1 .subtela_PDU_1_1 {
|
||||
width: 49.5vw;
|
||||
height: 26vh;
|
||||
}
|
||||
|
||||
.cap_3 .sessao_2 .esqueda .subtela_PDU_1 .subtela_PDU_1_1 {
|
||||
width: 24.75vw;
|
||||
height: 26vh;
|
||||
}
|
||||
|
||||
.cap_3 .sessao_2 .direita .subtela_PDU_2 .subtela_PDU_1_2 {
|
||||
width: 24.75vw;
|
||||
height: 13vh;
|
||||
margin-bottom: -1vh;
|
||||
}
|
||||
|
||||
.cap_3 .sessao_2 .direita .subtela_PDU_3 .subtela_PDU_1_3 {
|
||||
width: 24.75vw;
|
||||
height: 13vh;
|
||||
}
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3,
|
||||
#panel4,
|
||||
#panel5,
|
||||
#panel6,
|
||||
#panel7,
|
||||
#panel8 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,703 +0,0 @@
|
|||
/*Unidade de Itaguaí*/
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_Itaguai {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1,
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 {
|
||||
width: 46vw;
|
||||
height: 40vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_2,
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_2 iframe,
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .trafegos .tela_traf_3 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Itaguai .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 24.01366vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*Links*/
|
||||
|
||||
.Matriz_Links_Itaguai {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1,
|
||||
.Matriz_Links_Itaguai .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 .tela_har_1 {
|
||||
width: 49vw;
|
||||
height: 8vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_3 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_2 {
|
||||
|
||||
width: 40vw;
|
||||
height: 28.5vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_3,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_3 {
|
||||
width: 10vw;
|
||||
height: 28.5vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_2 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_1 .Hardware .sessao_4 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_2 {
|
||||
width: 100%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_3 {
|
||||
width: 100%;
|
||||
height: 20vh;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_2 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .trafegos .tela_traf_3 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 35vh;
|
||||
margin-top: 9vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Links_Itaguai .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.Matriz_Relatorio_Itaguai {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.Matriz_Relatorio_Itaguai .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 90vw;
|
||||
height: 75vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
/*Unidade do Recreio*/
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_Recreio {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1,
|
||||
.Matriz_Firewall_Recreio .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
|
||||
width: 46vw;
|
||||
height: 67vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Firewall_Recreio .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 {
|
||||
|
||||
width: 48vw;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 .tela_traf_1 {
|
||||
width: 48vw;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_2,
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_3 {
|
||||
width: 50%;
|
||||
height: 12vw;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_1 .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_2 iframe,
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .trafegos .sessao_2 .tela_traf_3 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_1 {
|
||||
width: 100%;
|
||||
height: 8vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
width: 100%;
|
||||
height: 34vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_Recreio .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.Matriz_Relatorios_Recreio {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.Matriz_Relatorios_Recreio .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 90vw;
|
||||
height: 75vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
}
|
||||
|
||||
#panel1,
|
||||
#panel2 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
/*Client VPN*/
|
||||
|
||||
/* Subpainel Vpn */
|
||||
|
||||
.Matriz_Conexao_Client_VPN {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 .Subtela_Vpn_frame_1,
|
||||
.Matriz_Conexao_Client_VPN .Subtela_Vpn_1 .Subtela_Vpn_frame_2 {
|
||||
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*Data Center*/
|
||||
|
||||
.Matriz_Conectados_Client_VPN {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Conectados_Client_VPN .Subtela_Data_1 .Subtela_Data_frame_1,
|
||||
.Matriz_Conectados_Client_VPN .Subtela_Data_1 .Subtela_Data_frame_2 {
|
||||
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Calor_Client_VPN {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Calor_Client_VPN .Subtela_1 .subtela_frame_1 {
|
||||
|
||||
width: 95vw;
|
||||
height: 75vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Servidores_Client_VPN {
|
||||
width: 100%;
|
||||
height: 80vh;
|
||||
display: flex;
|
||||
overflow-y: scroll;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Servidores_Client_VPN .catalago {
|
||||
width: 100%;
|
||||
|
||||
height: 160vh;
|
||||
|
||||
|
||||
gap: 1vw;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_3,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_4,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_5,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_6,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_7,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_8,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_9 {
|
||||
|
||||
width: 27.5vw;
|
||||
height: 50vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_1 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_2 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_3 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_4 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_5 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_6 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_7 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_8 .Painel_2,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_9 .Painel_2 {
|
||||
|
||||
display: none;
|
||||
width: 27.5vw;
|
||||
height: 40vh;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_1 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_2 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_3 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_4 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_5 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_6 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_7 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_8 .Painel_1,
|
||||
.Matriz_Servidores_Client_VPN .catalago .painel_9 .Painel_1 {
|
||||
|
||||
display: none;
|
||||
width: 27.5vw;
|
||||
height: 10vh;
|
||||
|
||||
}
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,167 +0,0 @@
|
|||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_Real {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1,
|
||||
.Matriz_Firewall_Real .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .sessao_2 .tela_har_2 {
|
||||
width: 46vw;
|
||||
height: 40vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_1 .sessao_2 .tela_har_2 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_2 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Real .capitulo_2 .trafegos .tela_traf_2 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_Real .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 24.01366vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3,
|
||||
#panel4,
|
||||
#panel5,
|
||||
#panel6,
|
||||
#panel7,
|
||||
#panel8 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,619 +0,0 @@
|
|||
/*Gau freguesia*/
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_Fregusia {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
|
||||
width: 23vw;
|
||||
height: 40vh;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Firewall_Fregusia .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 34vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_2,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_3 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_2 iframe,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .trafegos .tela_traf_3 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_1,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_Fregusia .capitulo_2 .tela_spe_2 iframe {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.Matriz_Ramais_Fregusia {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Ramais_Fregusia .Subtela_ramais_1 {
|
||||
|
||||
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 95vw;
|
||||
height: 75vh;
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Ramais_Fregusia .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 94.9vw;
|
||||
height: 75vh;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3,
|
||||
#panel4,
|
||||
#panel5,
|
||||
#panel6,
|
||||
#panel7,
|
||||
#panel8 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*Gau Infantil*/
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_Infantil {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1,
|
||||
.Matriz_Firewall_Infantil .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
|
||||
width: 23vw;
|
||||
height: 40vh;
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Firewall_Infantil .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Infantil .capitulo_2 .trafegos .tela_traf_2 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 24.017vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Infantil .capitulo_2 .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_Infantil .capitulo_2 .tela_spe_2 iframe {
|
||||
|
||||
width: 48vw;
|
||||
height: 43.2vh;
|
||||
}
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.Matriz_Ramais_Infantil {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.Matriz_Ramais_Infantil .Subtela_ramais_1 {
|
||||
|
||||
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 95vw;
|
||||
height: 75vh;
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Ramais_Infantil .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 94.9vw;
|
||||
height: 75vh;
|
||||
|
||||
}
|
||||
|
||||
/*CFTV*/
|
||||
|
||||
.Matriz_CFTV_Infantil {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.Matriz_CFTV_Infantil .Subtela_ramais_1 {
|
||||
|
||||
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 95vw;
|
||||
height: 75vh;
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_CFTV_Infantil .Subtela_CFTV_1 .Subtela_CFTV_frame_1 {
|
||||
|
||||
width: 94.9vw;
|
||||
height: 75vh;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3,
|
||||
#panel4,
|
||||
#panel5,
|
||||
#panel6,
|
||||
#panel7,
|
||||
#panel8 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
/*São Fabiano*/
|
||||
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_Fabiano {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1,
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
|
||||
width: 23vw;
|
||||
height: 40vh;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Firewall_Fabiano .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_2 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .trafegos .tela_traf_2 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 24.2vw;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_Fabiano .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 100%;
|
||||
height: 43.2vh;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.Matriz_Ramais_Fabiano {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.Matriz_Ramais_Fabiano .Subtela_ramais_1 {
|
||||
|
||||
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 95vw;
|
||||
height: 75vh;
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Ramais_Fabiano .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 94.9vw;
|
||||
height: 75vh;
|
||||
|
||||
}
|
||||
|
||||
/*CFTV*/
|
||||
|
||||
.Matriz_CFTV_Fabiano {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_CFTV_Fabiano .Subtela_ramais_1 {
|
||||
|
||||
|
||||
display: flex;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
width: 95vw;
|
||||
height: 75vh;
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_CFTV_Fabiano .Subtela_CFTV_1 .Subtela_CFTV_frame_1 {
|
||||
|
||||
width: 94.9vw;
|
||||
height: 75vh;
|
||||
|
||||
}
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3,
|
||||
#panel4,
|
||||
#panel5,
|
||||
#panel6,
|
||||
#panel7,
|
||||
#panel8 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,159 +0,0 @@
|
|||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_IBAP {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1,
|
||||
.Matriz_Firewall_IBAP .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .sessao_2 .tela_har_2 {
|
||||
width: 46vw;
|
||||
height: 40vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_1 .sessao_2 .tela_har_2 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_2 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .trafegos .tela_traf_2 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_IBAP .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 24.01366vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
#panel1 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,205 +0,0 @@
|
|||
/*subpainel alert*/
|
||||
|
||||
.Matriz_CFTV_IVVCG {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_CFTV_IVVCG .sub_tela_cftv_1 {
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*Fireware*/
|
||||
|
||||
.Matriz_Firewall_IVVCG {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1,
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
|
||||
width: 23vw;
|
||||
height: 40vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Firewall_IVVCG .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_2 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_2 iframe,
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .trafegos .tela_traf_3 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_IVVCG .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 24.01366vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*CFTV*/
|
||||
|
||||
.Matriz_Antenas_IVVCG {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Antenas_IVVCG .Subtela_Antenas_1 .Subtela_Antenas_frame_1,
|
||||
.Matriz_Antenas_IVVCG .Subtela_Antenas_2 .Subtela_Antenas_frame_2,
|
||||
.Matriz_Antenas_IVVCG .Subtela_Antenas_3 .Subtela_Antenas_frame_3,
|
||||
.Matriz_Antenas_IVVCG .Subtela_Antenas_4 .Subtela_Antenas_frame_4 {
|
||||
|
||||
margin: 1vw;
|
||||
background-color: var(--fundo_5);
|
||||
width: 38vw;
|
||||
height: 35vh;
|
||||
|
||||
}
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,199 +0,0 @@
|
|||
/*subpainel CFTV*/
|
||||
|
||||
.Matriz_CFTV_Oeste {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sub_tela_cftv_frame_1 {
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*Fireware*/
|
||||
.Matriz_Firewall_Oeste {
|
||||
display: none;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
height: 75vh;
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1,
|
||||
.Matriz_Firewall_Oeste .capitulo_2 {
|
||||
width: 50vw;
|
||||
height: 75vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware {
|
||||
display: flex;
|
||||
width: 48vw;
|
||||
height: 100%;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 {
|
||||
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 .tela_har_1 {
|
||||
width: 46vw;
|
||||
height: 35vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_1 .tela_har_1 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_2,
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_3 {
|
||||
width: 46vw;
|
||||
height: 40vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_2 iframe,
|
||||
.Matriz_Firewall_Oeste .capitulo_1 .Hardware .sessao_2 .tela_har_3 iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .trafegos {
|
||||
width: 48vw;
|
||||
height: 30vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_1,
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_2 {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_1 iframe,
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .trafegos .tela_traf_2 iframe {
|
||||
outline: none;
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste {
|
||||
|
||||
width: 48vw;
|
||||
height: 44vh;
|
||||
margin-top: 3vh;
|
||||
|
||||
display: flex;
|
||||
background-color: var(--fundo_5);
|
||||
flex-direction: row;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_1,
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_2 {
|
||||
height: 100%;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_1 iframe,
|
||||
.Matriz_Firewall_Oeste .capitulo_2 .speed_teste .tela_spe_2 iframe {
|
||||
|
||||
width: 24.01366vw;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/*Ramais*/
|
||||
|
||||
.Matriz_Ramais_Oeste {
|
||||
|
||||
display: none;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.Matriz_Ramais_Oeste .Subtela_ramais_1 .Subtela_Ramais_frame_1 {
|
||||
|
||||
width: 90vw;
|
||||
height: 75vh;
|
||||
|
||||
background-color: var(--fundo_5);
|
||||
}
|
||||
|
||||
|
||||
#panel1,
|
||||
#panel2,
|
||||
#panel3 {
|
||||
|
||||
animation: conteudoPrincipal2 2s ease;
|
||||
|
||||
}
|
||||
|
||||
@keyframes conteudoPrincipal2 {
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0vh);
|
||||
|
||||
}
|
||||
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(10vh);
|
||||
overflow: auto;
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
/* Estilo customizado para o scroll (somente no Webkit) */
|
||||
.Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar,
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens::-webkit-scrollbar-thumb {
|
||||
.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar {
|
||||
width: 0.2vw;
|
||||
/* Largura da barra de rolagem */
|
||||
height: 0.2vw;
|
||||
|
|
@ -9,7 +9,7 @@
|
|||
|
||||
|
||||
.Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar-thumb,
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens::-webkit-scrollbar-thumb {
|
||||
.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar-thumb {
|
||||
background-color: var(--Cor_Segundaria_2_1);
|
||||
/* Cor da parte da barra que você arrasta */
|
||||
border-radius: 1vw;
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
|
||||
/* Aumentando o tamanho do track (fundo da barra de rolagem) */
|
||||
.Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar-track,
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens::-webkit-scrollbar-thumb {
|
||||
.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar-track {
|
||||
background-color: var(--Cor_Segundaria_5_2);
|
||||
/* Cor do fundo do scroll */
|
||||
border-radius: 10px;
|
||||
|
|
|
|||
|
|
@ -55,4 +55,14 @@ body {
|
|||
--Vazio_Corpo: #c6c6c6;
|
||||
--Vazio_Fundo: #9a9a9a;
|
||||
|
||||
--Caso_Erro_400: #00bcd4;
|
||||
--Caso_Erro_401: #4399e4;
|
||||
--Caso_Erro_404: #055499;
|
||||
--Caso_Erro_405: #123f66;
|
||||
--Caso_Erro_500: #9726dd;
|
||||
--Caso_Erro_502: #5c0096;
|
||||
--Caso_Erro_503: #ba43ff;
|
||||
--Caso_Erro_504: #652eff;
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@import url(../../../../Css/global/import.css);
|
||||
|
||||
@import url(../../../global/Scroll.css);
|
||||
@import url(./pop.css);
|
||||
@import url(./sec_cap_1.css);
|
||||
|
|
@ -745,3 +745,65 @@
|
|||
font-size: 0.8vw;
|
||||
/* Define o **tamanho da fonte** como 0.8% da **largura da janela de visualização** (tela). Isso torna o tamanho da fonte **responsivo**, adaptando-se ao tamanho da tela, o que é útil em layouts fluidos e adaptáveis a diferentes dispositivos. */
|
||||
}
|
||||
|
||||
.Pop_up_Config.PainelUser .FormeApresente {
|
||||
|
||||
width: 35vw;
|
||||
height: 40vh;
|
||||
padding-top: 2vh;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
gap: 1vh;
|
||||
|
||||
|
||||
|
||||
border-top: solid var(--Cor_Segundaria_5_1) 0.6vh;
|
||||
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.Pop_up_Config.PainelUser .FormeApresente .CorpoPainelUser {
|
||||
|
||||
width: 26vw;
|
||||
height: 5vh;
|
||||
padding-left: 2vw;
|
||||
padding-right: 2vw;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
border: 0.1vw solid var(--Cor_Segundaria_5_1);
|
||||
border-radius: 2vw;
|
||||
|
||||
font-family: var(--font_titulo);
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
font-size: 1.2vw;
|
||||
|
||||
}
|
||||
|
||||
.Pop_up_Config.PainelUser .FormeApresente .CorpoPainelUser img {
|
||||
width: 4vw;
|
||||
}
|
||||
|
||||
.Pop_up_Config.PainelUser .FormeApresente .CorpoPainelUser button {
|
||||
background: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
width: 2.5vw;
|
||||
height: 1.5vw;
|
||||
background-color: var(--Cor_Segundaria_5_1);
|
||||
color: var(--Matriz);
|
||||
font-size: 1.4vw;
|
||||
border-radius: 2vw;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
|
@ -100,4 +100,5 @@
|
|||
/* Define a distância entre a parte esquerda do elemento e o lado esquerdo da viewport (60% da largura da tela) */
|
||||
left: 40vh;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
|
||||
.PainelEstado.Atencao h2 {
|
||||
|
||||
color: red;
|
||||
color: red;
|
||||
/*muda a cor do status do objeto*/
|
||||
|
||||
}
|
||||
|
|
@ -99,3 +99,33 @@
|
|||
|
||||
|
||||
}
|
||||
|
||||
.Corpo_erro.Status_400 {
|
||||
color: var(--Caso_Erro_400);
|
||||
|
||||
}
|
||||
|
||||
.Corpo_erro.Status_404 {
|
||||
color: var(--Caso_Erro_404);
|
||||
|
||||
}
|
||||
|
||||
.Corpo_erro.Status_401 {
|
||||
color: var(--Caso_Erro_401);
|
||||
|
||||
}
|
||||
|
||||
.Corpo_erro.Status_500 {
|
||||
color: var(--Caso_Erro_500);
|
||||
|
||||
}
|
||||
|
||||
.Corpo_erro.Status_502 {
|
||||
color: var(--Caso_Erro_502);
|
||||
|
||||
}
|
||||
|
||||
.Corpo_erro.Status_503 {
|
||||
color: var(--Caso_Erro_503);
|
||||
|
||||
}
|
||||
|
|
@ -1,8 +1,7 @@
|
|||
.Corpo .ItemServicos img {
|
||||
width: 1.5vw;
|
||||
/*modifica a largura */
|
||||
height: 3vh;
|
||||
/*modifica a altura*/
|
||||
|
||||
}
|
||||
|
||||
.Corpo .ItemServicos .PainelTexto {
|
||||
|
|
@ -16,15 +15,11 @@
|
|||
/*define largura*/
|
||||
height: 5vh;
|
||||
/*define altura*/
|
||||
border-radius: 1.5vw;
|
||||
/*define o tamanho da borda*/
|
||||
|
||||
padding-right: 1.5vw;
|
||||
/*define espaco da direita */
|
||||
border-radius: 2vw;
|
||||
padding-left: 1.5vw;
|
||||
/*define espaço da esquerda*/
|
||||
background-color: var(--Cor_Segundaria_5_1);
|
||||
/*define a cor de fundo atraves de uma variavel*/
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
/*define a cor atraves de uma variavel*/
|
||||
font-family: var(--font_titulo);
|
||||
/*define a fonte usada*/
|
||||
|
|
@ -34,10 +29,20 @@
|
|||
/* Alinha os itens no centro ao longo do eixo vertical (eixo transversal), ou seja, centraliza os itens dentro do contêiner de acordo com o eixo oposto ao principal. */
|
||||
justify-content: center;
|
||||
/* Alinha os itens no centro ao longo do eixo horizontal (eixo principal), ou seja, centraliza os itens dentro do contêiner, distribuindo-os de maneira equidistante. */
|
||||
border-left: solid 0.2vw #d9d9d9;
|
||||
|
||||
border-right: solid 0.2vw #d9d9d9;
|
||||
|
||||
border-bottom: solid 0.2vw #d9d9d9;
|
||||
|
||||
border-top: solid 0.2vw #d9d9d9;
|
||||
|
||||
background-color: var(--Cor_Segundaria_5_1);
|
||||
}
|
||||
|
||||
|
||||
.Corpo .ItemServicos p {
|
||||
font-family: var(--font_conteudo);
|
||||
font-family: var(--font_titulo);
|
||||
/*define a fonte */
|
||||
color: white;
|
||||
/*define a cor */
|
||||
|
|
@ -54,15 +59,13 @@
|
|||
/*define o display*/
|
||||
height: 5vh;
|
||||
/*define a direção orizontal*/
|
||||
border-radius: 1.5vw;
|
||||
/*define o tamanho da borda*/
|
||||
|
||||
padding-right: 1.5vw;
|
||||
/*define um espaço ah direita*/
|
||||
padding-left: 1.5vw;
|
||||
/*define espaço a esquerda*/
|
||||
background-color: var(--Cor_Segundaria_5_1);
|
||||
/*define a cor de fundo*/
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
|
||||
color: var(--cor);
|
||||
/*define a cor*/
|
||||
font-family: var(--font_titulo);
|
||||
/*define a fonte */
|
||||
|
|
@ -88,17 +91,18 @@
|
|||
}
|
||||
|
||||
.capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro p {
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
/*define a cor */
|
||||
font-size: 1.5vw;
|
||||
|
||||
font-size: 1.2vw;
|
||||
/*define o tamanho da fonte*/
|
||||
font-family: var(--font_titulo);
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .CorpoArtificial .Capitulo_1 .linha_1 .painel .Corpo .Corpo_erro h2 {
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
/*define a cor */
|
||||
|
||||
|
||||
font-size: 1.3vw;
|
||||
/*define o tamanho da fonte*/
|
||||
font-family: var(--font_titulo);
|
||||
|
||||
}
|
||||
|
|
@ -66,7 +66,7 @@
|
|||
/* Define bordas arredondadas com 2% da largura da viewport (tela) */
|
||||
border-radius: 2vw;
|
||||
/* Define a altura do elemento como 40% da altura da viewport (tela) */
|
||||
height: 40vh;
|
||||
height: 60vh;
|
||||
/* Inicialmente, o elemento não será exibido na página */
|
||||
display: none;
|
||||
/* A posição do elemento será absoluta em relação ao contêiner pai posicionado */
|
||||
|
|
@ -106,6 +106,14 @@
|
|||
font-size: 1.2vw;
|
||||
}
|
||||
|
||||
.PopUpHome.Chamado .PainelConteudo h2 {
|
||||
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.PopUpHome.Chamado .PainelFechar {
|
||||
height: 15%;
|
||||
/* Define a altura do elemento como 15% da altura do elemento pai */
|
||||
|
|
@ -117,25 +125,22 @@
|
|||
justify-content: center;
|
||||
|
||||
/* Organiza os itens na direção da coluna (vertical) */
|
||||
flex-direction: column;
|
||||
flex-direction: row;
|
||||
|
||||
/* Alinha os itens no início do eixo transversal (o eixo vertical, no caso de flex-direction: column) */
|
||||
align-items: start;
|
||||
align-items: center;
|
||||
|
||||
|
||||
/* Aplica uma margem à esquerda de 0.9% da largura da tela (viewport) */
|
||||
margin-left: 0.9vw;
|
||||
|
||||
}
|
||||
|
||||
.PopUpHome.Chamado .PainelFechar button {
|
||||
border-radius: 2vh;
|
||||
/* Isso dá ao botão bordas arredondadas */
|
||||
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
/* Define a cor do texto do botão como um tom de branco suave (#fffefe) */
|
||||
|
||||
|
||||
|
||||
font-family: var(--font_titulo);
|
||||
/* Define a fonte do texto como Arial */
|
||||
|
||||
|
|
@ -153,11 +158,9 @@
|
|||
|
||||
/* Alinha o conteúdo do botão (texto ou elementos) no centro, horizontalmente */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
font-size: 1.2vw;
|
||||
/* Alinha o conteúdo do botão (texto ou elementos) no centro, verticalmente */
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.PopUpHome.Chamado .PainelFechar button:hover {
|
||||
|
|
@ -171,10 +174,11 @@
|
|||
}
|
||||
|
||||
.PopUpHome.Chamado .PainelEstado {
|
||||
font-size: 0.7vw;
|
||||
font-size: 0.8vw;
|
||||
font-family: var(--font_titulo);
|
||||
/* Define a fonte do texto com a variável --font_titulo */
|
||||
|
||||
width: 90%;
|
||||
|
||||
height: 20%;
|
||||
/* Define a altura do elemento como 20% da altura do elemento pai */
|
||||
|
|
@ -195,7 +199,45 @@
|
|||
justify-content: center;
|
||||
/* Alinha os itens no centro do eixo principal (horizontal, por padrão) */
|
||||
|
||||
margin-right: 0.9vw;
|
||||
|
||||
/* Aplica uma margem à direita de 0.9% da largura da tela (viewport) */
|
||||
margin-top: 1vw;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.PopUpHome.Chamado .Direcionamento {
|
||||
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.PopUpHome.Chamado .Direcionamento a {
|
||||
|
||||
text-decoration: none;
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
|
||||
padding: 0.8vw;
|
||||
border-radius: 20vw;
|
||||
|
||||
border: 0.2vw solid var(--Cor_Segundaria_5_1);
|
||||
font-size: 1.2vw;
|
||||
font-family: var(--font_titulo);
|
||||
transition: 1s ease;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.PopUpHome.Chamado .Direcionamento a:hover {
|
||||
|
||||
background-color: var(--Cor_Segundaria_5_1);
|
||||
color: var(--Matriz);
|
||||
transition: 1s ease;
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -46,10 +46,7 @@
|
|||
|
||||
}
|
||||
|
||||
.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .GerarBoletoFinanceiro {
|
||||
width: 11.3%;
|
||||
/*define largura*/
|
||||
}
|
||||
|
||||
|
||||
.Capitulo_2 .painel .Corpo .Mes_financeiro.Ativado .GerarBoletoFinanceiro button {
|
||||
background: none;
|
||||
|
|
|
|||
|
|
@ -93,7 +93,6 @@
|
|||
|
||||
/* Estilo para o título (h2) dentro do Corpo no Capítulo 1 */
|
||||
.Capitulo_1 .linha_1 .Corpo h2 {
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
/* Cor do título usando uma variável CSS */
|
||||
font-family: var(--font_titulo);
|
||||
/* Fonte para o título */
|
||||
|
|
|
|||
|
|
@ -32,3 +32,43 @@
|
|||
height: 1.4vh;
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Mesagem {
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_400 {
|
||||
color: var(--Caso_Erro_400);
|
||||
|
||||
}
|
||||
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_404 {
|
||||
color: var(--Caso_Erro_404);
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_401 {
|
||||
color: var(--Caso_Erro_401);
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_500 {
|
||||
color: var(--Caso_Erro_500);
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_502 {
|
||||
color: var(--Caso_Erro_502);
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_503 {
|
||||
color: var(--Caso_Erro_503);
|
||||
|
||||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta.Status_504 {
|
||||
color: var(--Caso_Erro_504);
|
||||
|
||||
}
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
}
|
||||
|
||||
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta {
|
||||
color: var(--Cor_Segundaria_5_1);
|
||||
|
||||
font-family: var(--font_titulo);
|
||||
font-size: 1.2vw;
|
||||
}
|
||||
|
|
@ -64,7 +64,7 @@
|
|||
align-content: start;
|
||||
align-items: center;
|
||||
|
||||
width: 80%;
|
||||
width: 70%;
|
||||
gap: 1vh;
|
||||
height: 80vh;
|
||||
|
||||
|
|
@ -78,7 +78,7 @@
|
|||
|
||||
flex-direction: column;
|
||||
|
||||
width: 20%;
|
||||
width: 30%;
|
||||
height: 78vh;
|
||||
padding-top: 2vh;
|
||||
background-color: var(--Cor_Segundaria_5_1);
|
||||
|
|
|
|||
|
|
@ -15,37 +15,32 @@
|
|||
}
|
||||
|
||||
.error-message.Status_400 {
|
||||
color: #00bcd4;
|
||||
color: var(--Caso_Erro_400);
|
||||
|
||||
}
|
||||
|
||||
.error-message.Status_404 {
|
||||
color: #055499;
|
||||
|
||||
}
|
||||
|
||||
.error-message.Status_404 {
|
||||
color: #4399e4;
|
||||
color: var(--Caso_Erro_404);
|
||||
|
||||
}
|
||||
|
||||
.error-message.Status_401 {
|
||||
color: #123f66;
|
||||
color: var(--Caso_Erro_401);
|
||||
|
||||
}
|
||||
|
||||
.error-message.Status_500 {
|
||||
color: #9726dd;
|
||||
color: var(--Caso_Erro_500);
|
||||
|
||||
}
|
||||
|
||||
.error-message.Status_502 {
|
||||
color: #5c0096;
|
||||
color: var(--Caso_Erro_502);
|
||||
|
||||
}
|
||||
|
||||
.error-message.Status_503 {
|
||||
color: #dca5fd;
|
||||
color: var(--Caso_Erro_503);
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||