92 lines
1.7 KiB
CSS
92 lines
1.7 KiB
CSS
#hero {
|
|
width: 100%;
|
|
height: 100vh;
|
|
background: linear-gradient(rgba(255, 255, 255, 0.000001), rgba(0, 0, 0, 0.7)), url("../css/img/cedetec.jpeg") top center;
|
|
background-size: cover;
|
|
position: relative;
|
|
}
|
|
#Center div .contenido-centrado {
|
|
text-align: center;
|
|
}
|
|
#hero .transparent-cart {
|
|
padding: 1.7rem;
|
|
background: rgba(128, 116, 116, 0.08);
|
|
border-radius: 5px;
|
|
height: 100%;
|
|
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
|
position: relative;
|
|
}
|
|
#hero .transparent-cart ::after {
|
|
content: "";
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
border-right: 4px solid #bb8800;
|
|
border-bottom: 4px solid #bb8800;
|
|
border-radius: 3px;
|
|
}
|
|
#hero .transparent-cart ::before {
|
|
content: "";
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
border-left: 4px solid #bb8800;
|
|
border-top: 4px solid #bb8800;
|
|
border-radius: 3px;
|
|
}
|
|
#hero .carousel h3 {
|
|
color: #1e3c70;
|
|
}
|
|
#hero .carousel h4 {
|
|
color: #1e3c70;
|
|
}
|
|
#hero .carousel p {
|
|
color: black;
|
|
}
|
|
#Center ul li a {
|
|
color: #bb8800;
|
|
}
|
|
#Center .div-flex .active {
|
|
color: #1e3c70;
|
|
border-bottom: 2px solid #bb8800;
|
|
}
|
|
#Center .nav-tabs .active {
|
|
color: #1e3c70;
|
|
background-color: #FFFF;
|
|
}
|
|
#Center .b-ground {
|
|
background: url("../../../assets/img/bg/solid.png");
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#Center table thead {
|
|
color: #ffff;
|
|
font-size: medium;
|
|
}
|
|
@media (max-width: 992px) {
|
|
#Center .div-flex {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (min-width: 993px) {
|
|
#Center .div-flex {
|
|
display: flex;
|
|
}
|
|
}
|
|
@media (max-width: 992px) {
|
|
#Center .normal {
|
|
height: 47px;
|
|
overflow-x: auto !important;
|
|
flex-direction: column;
|
|
column-gap: 20px;
|
|
}
|
|
#Center .normal .nav-link {
|
|
border: 0;
|
|
padding: 10px;
|
|
}
|
|
}
|