Spaces:
Running
Running
.wrapper { | |
padding: 0px 20px 80px 20px ; | |
border-bottom: 5px solid #222f3d; | |
background: #34495e; | |
margin: 0; | |
min-width: 320px; | |
width: 100%; | |
} | |
.tab { | |
overflow: hidden; | |
border: 1px solid #ccc; | |
background-color: #f1f1f1; | |
} | |
.tab button { | |
background-color: inherit; | |
float: left; | |
border: none; | |
outline: none; | |
cursor: pointer; | |
padding: 14px 16px; | |
transition: 0.3s; | |
} | |
.tab button:hover { | |
background-color: #ddd; | |
} | |
.tab button.active { | |
background-color: #ccc; | |
} | |
.tabcontent { | |
display: none; | |
padding: 6px 12px; | |
border: 1px solid #ccc; | |
border-top: none; | |
} | |
.tabcontent:first-child { | |
display: block; | |
} | |
.wrapper .tab { | |
overflow: hidden; | |
display: flex; | |
border-bottom: 1px solid #ccc; | |
background-color: #fff; | |
} | |
.wrapper .tab button { | |
background-color: transparent; | |
border: none; | |
outline: none; | |
cursor: pointer; | |
padding: 10px 15px; | |
font-size: 16px; | |
font-weight: bold; | |
color: #777; | |
transition: 0.3s; | |
} | |
.wrapper .tab button:hover { | |
background-color: #ddd; | |
} | |
.wrapper .tab button.active { | |
border-bottom: 2px solid #4285f4; | |
color: #4285f4; | |
} | |
/* Estilos para el contenido de los tabs */ | |
.wrapper .tabcontent { | |
display: none; | |
padding: 20px; | |
border: 1px solid #ccc; | |
border-top: none; | |
} | |
.wrapper .tabcontent:first-child { | |
display: block; | |
} |