@atlassian/aui/lib/css/tabs.css

Atlassian User Interface Framework

aui-tabs {
  display: block;
}
.aui-tabs {
  display: flex;
}
.aui-tabs > .tabs-pane {
  display: none;
}
.aui-tabs > .tabs-pane.active-pane {
  display: block;
}
.aui-tabs > .tabs-menu > .menu-item > a,
.aui-tabs > .tabs-menu > .menu-item > a strong {
  background: transparent;
  cursor: pointer;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aui-tabs > .tabs-menu .menu-item a,
.aui-tabs > .tabs-menu .menu-item a:link,
.aui-tabs > .tabs-menu .menu-item a:visited {
  color: #42526E;
}
.aui-tabs > .tabs-menu .menu-item a:focus,
.aui-tabs > .tabs-menu .menu-item a:hover {
  color: #4C9AFF;
}
.aui-tabs > .tabs-menu .menu-item.active-tab a,
.aui-tabs > .tabs-menu .menu-item.active-tab a:link,
.aui-tabs > .tabs-menu .menu-item.active-tab a:visited,
.aui-tabs > .tabs-menu .menu-item.active-tab a:focus,
.aui-tabs > .tabs-menu .menu-item.active-tab a:hover,
.aui-tabs > .tabs-menu .menu-item.active-tab a:active {
  color: #0052CC;
}
.aui-tabs.vertical-tabs {
  flex-flow: row nowrap;
}
.aui-tabs.vertical-tabs > .tabs-menu {
  position: relative;
  width: 11em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.aui-tabs.vertical-tabs > .tabs-menu::after {
  background: #EBECF0;
  bottom: 5px;
  content: "";
  display: block;
  height: initial;
  position: absolute;
  top: 5px;
  right: 0;
  width: 2px;
  z-index: auto;
}
.aui-tabs.vertical-tabs > .tabs-menu > .menu-item.active-tab a {
  position: relative;
}
.aui-tabs.vertical-tabs > .tabs-menu > .menu-item.active-tab a::after {
  background: #0052CC;
  bottom: 5px;
  content: "";
  display: block;
  height: initial;
  position: absolute;
  top: 5px;
  right: 0;
  width: 2px;
  z-index: 1;
}
.aui-tabs.vertical-tabs > .tabs-menu > .menu-item a {
  display: block;
  text-align: right;
  text-decoration: none;
  overflow: hidden;
  padding: 5px 12px 5px 10px;
}
.aui-tabs.vertical-tabs > .tabs-menu > .menu-item strong {
  padding-right: 0;
}
.aui-tabs.vertical-tabs > .tabs-pane {
  padding-left: 20px;
  padding-right: 20px;
}
.aui-tabs.horizontal-tabs {
  flex-direction: column;
}
.aui-tabs.horizontal-tabs > .tabs-menu {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.aui-tabs.horizontal-tabs > .tabs-menu::after {
  background: #EBECF0;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 10px;
  position: absolute;
  right: 10px;
  width: initial;
  z-index: auto;
}
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a {
  position: relative;
}
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a::after {
  background: #0052CC;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 10px;
  position: absolute;
  right: 10px;
  width: initial;
  z-index: 1;
}
.aui-tabs.horizontal-tabs > .tabs-pane {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
.aui-tabs.horizontal-tabs[data-aui-responsive]:not([data-aui-responsive="false"]) > .tabs-menu {
  font-size: 0;
  flex-wrap: nowrap;
  margin: 0 0 -1px 0;
  overflow: hidden;
  white-space: nowrap;
}
.aui-tabs.horizontal-tabs[data-aui-responsive]:not([data-aui-responsive="false"]) > .tabs-menu > .menu-item {
  display: inline-block;
  float: none;
  font-size: 14px;
}
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item {
  margin: 0;
}
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:focus,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:active {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a:link,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a:visited,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a:focus,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a:hover,
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a:active {
  color: #0052CC;
}
.aui-tabs.vertical-tabs.aui-legacystyle2011 > .tabs-menu .menu-item strong {
  text-overflow: clip;
}
.aui-tabs.vertical-tabs.aui-legacystyle2011 > .tabs-menu .menu-item.active-tab {
  margin-right: 0;
}
.aui-tabs.vertical-tabs.aui-legacystyle2011 > .tabs-pane {
  border-radius: 0;
}
.aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.hidden {
  display: none;
}
.aui-tabs .active-tab.reloadable-tab a,
.aui-tabs .active-tab.reloadable-tab a strong {
  cursor: pointer !important;
}

/*# sourceMappingURL=tabs.css.map */