testes/Css/page/Ambiente/Monitoramento/TelaMonitoramento.css

125 lines
2.3 KiB
CSS

.capitulo_2 .PainelTitulo_Moni {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 2vw;
font-family: var(--font_titulo);
font-size: 1.5vw;
color: var(--Cor_Segundaria_5_1);
}
.capitulo_2 .PainelTitulo_Moni select {
background: none;
border: none;
outline: none;
border-bottom: solid 0.8vh var(--Cor_Segundaria_5_1);
height: 8vh;
width: 20vw;
font-family: var(--font_titulo);
font-size: 1.2vw;
color: var(--Cor_Segundaria_5_1);
}
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens {
width: 100%;
height: 80vh;
display: flex;
border-top: solid 0.2vh var(--Cor_Segundaria_5_1);
align-items: center;
justify-content: center;
align-content: center;
flex-direction: row;
/* Evita que conteúdos internos quebrem linha */
gap: 1vw;
}
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .Alerta {
font-family: var(--font_titulo);
font-size: 1.2vw;
}
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .HostCapa {
display: flex;
flex-direction: column;
justify-content: center;
align-content: start;
align-items: center;
width: 70%;
gap: 1vh;
height: 80vh;
overflow-y: auto;
}
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .HostCorpo {
display: flex;
flex-direction: column;
width: 30%;
height: 78vh;
padding-top: 2vh;
background-color: var(--Cor_Segundaria_5_1);
display: flex;
align-items: center;
justify-content: start;
gap: 1vw;
font-family: var(--font_titulo);
font-size: 1.3vw;
color: var(--Matriz);
}
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .HostCapa .CPU,
.capitulo_2 .PainelConteudo_Moni .PainelHostsAlinhamento .PainelHostsItens .HostCapa .Ram {
padding: 3vw;
border-radius: 2vw;
display: flex;
justify-content: center;
align-content: center;
font-size: 1.7vw;
font-family: var(--font_titulo);
/* Define a fonte do texto com a variável --font_titulo */
background-color: var(--Cor_Segundaria_5_1);
color: var(--Matriz);
/* Define a cor do texto com a variável --Cor_Segundaria_5_1 */
}