Add tabs to lcp-ui js and css
This commit is contained in:
41
style.css
41
style.css
@ -237,4 +237,43 @@ Version: 1.0
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* LCP TABS */
|
||||
/* Simple styles for tabs */
|
||||
#myTab {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#myTab li {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.tab-link {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
background-color: lightgray;
|
||||
color: black;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.tab-link.active {
|
||||
background-color: #007bff;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Style for the content panes */
|
||||
.tab-pane {
|
||||
display: none;
|
||||
padding: 20px;
|
||||
border: 1px solid #ccc;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.tab-pane.active {
|
||||
display: block;
|
||||
}
|
||||
Reference in New Issue
Block a user