2019-08-01 04:02:39 +00:00
|
|
|
/* Tabs CSS implementation. Borrowed from Skaffold & Kubernetes websites */
|
|
|
|
|
ul.nav.nav-tabs {
|
|
|
|
|
padding: 0;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
content: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li.nav-tab {
|
2019-08-01 20:15:32 +00:00
|
|
|
margin-top: 1.5rem;
|
2019-08-01 04:02:39 +00:00
|
|
|
padding: 10px 20px;
|
|
|
|
|
float: left;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
2019-08-01 20:15:32 +00:00
|
|
|
color: #666;
|
2019-08-01 04:02:39 +00:00
|
|
|
font-size: 14px;
|
|
|
|
|
|
|
|
|
|
border-top: 1px solid #CBCBCB;
|
|
|
|
|
border-left: 1px solid #CBCBCB;
|
|
|
|
|
border-right: 1px solid #CBCBCB;
|
|
|
|
|
margin-right: 1.5em;
|
|
|
|
|
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
background-color: #E5E5E5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li.active {
|
|
|
|
|
color: rgb(87, 119, 249);
|
|
|
|
|
border-top: 1px solid #A9A9A9;
|
|
|
|
|
border-left: 1px solid #A9A9A9;
|
|
|
|
|
border-right: 1px solid #A9A9A9;
|
|
|
|
|
background: #f5f5f5;
|
2019-08-01 20:15:32 +00:00
|
|
|
font-weight: bold;
|
2019-08-01 04:02:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a.nav-tab {
|
|
|
|
|
all: unset;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.tab-pane {
|
|
|
|
|
display: none;
|
2019-08-01 20:15:32 +00:00
|
|
|
margin-bottom: 3rem;
|
2019-08-01 04:02:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.tab-pane.active {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 2em;
|
|
|
|
|
background: #f5f5f5;
|
|
|
|
|
border: 1px solid #CBCBCB;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
code {
|
|
|
|
|
word-break: keep-all;
|
|
|
|
|
}
|
