68 lines
1.4 KiB
CSS
68 lines
1.4 KiB
CSS
|
/* Styling for the tab list container */
|
||
|
|
.nav-tabs {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-radius: 4px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-around;
|
||
|
|
margin-bottom: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Individual tabs with border */
|
||
|
|
.nav-tabs .tab {
|
||
|
|
border-right: 1px solid #ddd; /* Add border between tabs */
|
||
|
|
padding: 10px;
|
||
|
|
flex-grow: 1;
|
||
|
|
text-align: center;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Remove border for the last tab */
|
||
|
|
.nav-tabs .tab:last-child {
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Links inside the tabs */
|
||
|
|
.nav-tabs .tab a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #333;
|
||
|
|
display: block;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Hover effect */
|
||
|
|
.nav-tabs .tab:hover {
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Active tab styling */
|
||
|
|
.nav-tabs .active {
|
||
|
|
background-color: #fda417;
|
||
|
|
border-color: #fda417
|
||
|
|
}
|
||
|
|
|
||
|
|
.nav-tabs .active a {
|
||
|
|
color: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Tab content area */
|
||
|
|
.tab-content {
|
||
|
|
border: 1px solid #ddd;
|
||
|
|
border-top: none; /* Remove double border between tabs and content */
|
||
|
|
padding: 20px;
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Button styling */
|
||
|
|
.btn {
|
||
|
|
margin: 10px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tab-pane {
|
||
|
|
border: 1px solid #ddd; /* Add border around each section */
|
||
|
|
padding: 20px;
|
||
|
|
margin-top: 10px;
|
||
|
|
border-radius: 4px;
|
||
|
|
background-color: #f9f9f9; /* Optional: light background for better contrast */
|
||
|
|
}
|
||
|
|
|