Files
Inventario_material_v1/estilos.css
T

143 lines
2.0 KiB
CSS

*{
font-family: 'Arial';
}
.nav-link-white {
color: #fff;
}
.nav-link-white:hover{
text-decoration: none;
color: rgba(0,0,0,.5);
}
.bg-gold{
background-color: #bb8800;
}
.navbar-blanco{
color: #fff;
}
.item-show{
color: #fff;
}
.item-show:hover{
background-color: rgba(0,0,0,.2);
color: #fff;
}
.custom-toggler.navbar-toggler:focus {
outline-color: rgba(0,0,0,0.1);
}
.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250,250,250)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.mostrar{
background-color: #E9AD0C !important;
}
.caja{
background-color: #bb8800;
border-radius: 6px;
}
.caja a{
color: #fff;
}
*{
margin: 0px;
padding: 0px;
}
.wrap{
width: 1000px;
max-width: 90%;
margin: 30px auto;
}
ul.tabs{
width: 100%;
background: #363636;
list-style: none;
display: flex;
}
ul.tabs li{
width: 18%;
}
ul.tabs li a{
color: #fff;
text-decoration: none;
font-size: 16px;
text-align: center;
display: block;
padding: 20px 0px;
}
.active{
background: #0984CC;
}
ul.tabs li a .tab-text{
margin-left: 8px;
}
.secciones{
width: 100%;
background: #fff;
}
.secciones article{
padding: 30px;
}
.secciones article p{
text-align: justify;
}
@media screen and (max-width: 700px){
ul.tabs li{
width: none;
flex-basis: 0;
flex-grow: 1;
}
}
@media screen and (max-width: 450px){
ul.tabs li a{
padding: 15px 0px;
}
ul.tabs li a .tab-text{
display: none;
}
.secciones article{
padding: 20px;
}
}
/*tabla */
table td {
transition: all .5s;
}
/* Table */
.tabla_datos {
border-collapse: collapse;
font-size: 14px;
min-width: 537px;
}
.tabla_datos tbody td {
color: #353535;
}
.tabla_datos tbody tr:hover td {
background-color: #ffffa2;
border-color: #ffff0f;
}
.tabla_datos tbody td:empty
{
background-color: #ffcccc;
}