703 lines
13 KiB
CSS
703 lines
13 KiB
CSS
/*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;
|
|
|
|
}
|
|
|
|
} |